.elementor-1701 .elementor-element.elementor-element-efaf226{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-1701 .elementor-element.elementor-element-14448e6{--display:flex;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1701 .elementor-element.elementor-element-fdf5906{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}body.elementor-page-1701:not(.elementor-motion-effects-element-type-background), body.elementor-page-1701 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B1B1B;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1701 .elementor-element.elementor-element-14448e6{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-1701 .elementor-element.elementor-element-14448e6{--width:99%;}}/* Start custom CSS for html, class: .elementor-element-fdf5906 *//* ==========================================================
   SALAZAR GALÁN
   PORTAL ACCESS EXPERIENCE 2.0
   ========================================================== */

.sg-access-home{

    --gold:#d6b06b;
    --gold-light:#efd08c;
    --gold-dark:#936b30;

    --green:#79cc96;

    --white:#f7f7f4;

    --text:rgba(255,255,255,.70);
    --muted:rgba(255,255,255,.38);

    --bg:#141414;
    --card:#181818;

    --border:rgba(255,255,255,.065);

    width:100%;

    color:#fff;

    font-family:"Poppins",sans-serif;
}


.sg-access-home *,
.sg-access-home *::before,
.sg-access-home *::after{
    box-sizing:border-box;
}



/* ==========================================================
   HERO
   ========================================================== */

.sg-access-hero{

    position:relative;

    isolation:isolate;

    overflow:hidden;

    display:grid;

    grid-template-columns:
        minmax(0,1.02fr)
        minmax(410px,.98fr);

    align-items:center;

    gap:70px;

    min-height:720px;

    padding:
        70px 62px;

    border-radius:30px;

    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(214,176,107,.10),
            transparent 31%
        ),
        radial-gradient(
            circle at 0% 100%,
            rgba(214,176,107,.045),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            rgba(255,255,255,.028),
            rgba(255,255,255,.004)
        ),
        #141414;

    border:
        1px solid var(--border);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 35px 90px rgba(0,0,0,.29);
}


.sg-access-hero::before{

    content:"";

    position:absolute;

    top:0;
    left:48px;
    right:48px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(214,176,107,.52),
            transparent
        );
}



/* ==========================================================
   AMBIENT LIGHTS
   ========================================================== */

.sg-access-hero__light{

    position:absolute;

    border-radius:50%;

    pointer-events:none;

    filter:blur(4px);
}


.sg-access-hero__light--one{

    width:600px;
    height:600px;

    top:-360px;
    right:-210px;

    background:
        radial-gradient(
            circle,
            rgba(214,176,107,.12),
            transparent 70%
        );
}


.sg-access-hero__light--two{

    width:450px;
    height:450px;

    bottom:-320px;
    left:-180px;

    background:
        radial-gradient(
            circle,
            rgba(214,176,107,.06),
            transparent 70%
        );
}



/* ==========================================================
   HERO COPY
   ========================================================== */

.sg-access-hero__copy{

    position:relative;

    z-index:5;

    min-width:0;
}



/* LOGO */

.sg-access-logo{

    display:block;

    width:190px;
    height:auto;

    margin-bottom:34px;
}



/* LABEL */

.sg-access-label{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-bottom:17px;

    color:
        rgba(239,208,140,.82);

    font-size:8px;

    font-weight:800;

    letter-spacing:1.5px;

    text-transform:uppercase;
}


.sg-access-label__dot{

    width:7px;
    height:7px;

    border-radius:50%;

    background:
        var(--green);

    box-shadow:
        0 0 0 5px rgba(121,204,150,.055),
        0 0 14px rgba(121,204,150,.20);
}



/* HERO TITLE */

.sg-access-hero h1{

    max-width:760px;

    margin:0;

    color:
        var(--white);

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(46px,5.6vw,74px);

    line-height:.95;

    font-weight:700;

    letter-spacing:-1.5px;

    text-wrap:balance;
}


.sg-access-hero h1 span{

    display:block;

    color:
        var(--gold-light);

    font-weight:500;
}



/* LEAD */

.sg-access-lead{

    max-width:680px;

    margin:
        23px 0 0;

    color:
        rgba(255,255,255,.57);

    font-size:13px;

    line-height:1.8;
}



/* ==========================================================
   MAIN BUTTONS
   ========================================================== */

.sg-access-actions{

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:10px;

    max-width:580px;

    margin-top:31px;
}


.sg-access-btn{

    position:relative;

    display:grid;

    grid-template-columns:
        auto minmax(0,1fr) auto;

    align-items:center;

    gap:11px;

    min-height:67px;

    padding:
        9px 10px;

    border-radius:14px;

    text-decoration:none !important;

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}


.sg-access-btn:hover{

    transform:
        translateY(-2px);
}



/* GOLD */

.sg-access-btn--gold{

    color:#111 !important;

    background:
        linear-gradient(
            135deg,
            #ddb668,
            #aa7e3a
        );

    border:
        1px solid rgba(239,208,140,.22);

    box-shadow:
        0 13px 30px rgba(214,176,107,.14);
}


.sg-access-btn--gold:hover{

    color:#111 !important;

    box-shadow:
        0 18px 39px rgba(214,176,107,.21);
}



/* DARK */

.sg-access-btn--dark{

    color:#fff !important;

    background:
        rgba(255,255,255,.025);

    border:
        1px solid rgba(255,255,255,.075);
}


.sg-access-btn--dark:hover{

    border-color:
        rgba(214,176,107,.20);
}



/* ICON */

.sg-access-btn__icon{

    width:39px;
    height:39px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:10px;

    background:
        rgba(0,0,0,.12);

    font-size:15px;
}


.sg-access-btn--dark
.sg-access-btn__icon{

    color:
        var(--gold-light);

    background:
        rgba(214,176,107,.06);

    border:
        1px solid rgba(214,176,107,.09);
}



/* COPY */

.sg-access-btn__copy small,
.sg-access-btn__copy strong{

    display:block;
}


.sg-access-btn__copy small{

    margin-bottom:2px;

    opacity:.55;

    font-size:6.5px;

    font-weight:700;

    letter-spacing:.7px;

    text-transform:uppercase;
}


.sg-access-btn__copy strong{

    font-size:10px;

    font-weight:800;
}


.sg-access-btn__arrow{

    font-size:16px;

    transition:
        transform .2s ease;
}


.sg-access-btn:hover
.sg-access-btn__arrow{

    transform:
        translateX(2px);
}



/* ==========================================================
   MICRO
   ========================================================== */

.sg-access-micro{

    display:flex;

    flex-wrap:wrap;

    gap:20px;

    margin-top:29px;

    padding-top:18px;

    border-top:
        1px solid rgba(255,255,255,.045);
}


.sg-access-micro > div{

    display:flex;

    align-items:center;

    gap:6px;

    color:
        rgba(255,255,255,.36);

    font-size:7.5px;

    font-weight:600;
}


.sg-access-check{

    width:17px;
    height:17px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:
        var(--green);

    border:
        1px solid rgba(121,204,150,.14);

    font-size:7px;
}



/* ==========================================================
   DEMO WRAPPER
   ========================================================== */

.sg-access-demo-wrap{

    position:relative;

    z-index:5;

    min-width:0;
}


.sg-access-demo-tag{

    display:flex;

    align-items:center;

    gap:7px;

    width:max-content;

    margin:
        0 0 10px 18px;

    color:
        rgba(255,255,255,.30);

    font-size:7px;

    font-weight:800;

    letter-spacing:1px;

    text-transform:uppercase;
}


.sg-access-demo-tag span{

    width:6px;
    height:6px;

    border-radius:50%;

    background:
        var(--gold);
}



/* ==========================================================
   DEMO WINDOW
   ========================================================== */

.sg-access-demo{

    position:relative;

    overflow:hidden;

    border-radius:22px;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(214,176,107,.10),
            transparent 37%
        ),
        linear-gradient(
            145deg,
            rgba(255,255,255,.038),
            rgba(255,255,255,.007)
        ),
        #181818;

    border:
        1px solid rgba(255,255,255,.075);

    box-shadow:
        0 36px 85px rgba(0,0,0,.34);
}


.sg-access-demo::before{

    content:"";

    position:absolute;

    left:0;

    top:45px;
    bottom:45px;

    width:2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(214,176,107,.75),
            transparent
        );
}



/* ==========================================================
   TOPBAR
   ========================================================== */

.sg-demo-topbar{

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:15px;

    padding:
        17px 19px;

    border-bottom:
        1px solid rgba(255,255,255,.05);
}


.sg-demo-user{

    display:flex;

    align-items:center;

    gap:10px;
}


.sg-demo-avatar{

    width:37px;
    height:37px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:11px;

    background:
        rgba(214,176,107,.07);

    border:
        1px solid rgba(214,176,107,.13);

    color:
        var(--gold-light);

    font-family:
        Georgia,
        serif;

    font-size:11px;
}


.sg-demo-user small,
.sg-demo-user strong{

    display:block;
}


.sg-demo-user small{

    color:
        rgba(255,255,255,.26);

    font-size:6px;

    font-weight:800;

    letter-spacing:.8px;

    text-transform:uppercase;
}


.sg-demo-user strong{

    margin-top:2px;

    color:
        rgba(255,255,255,.78);

    font-size:9px;
}



/* PRIVATE */

.sg-demo-private{

    display:flex;

    align-items:center;

    gap:6px;

    padding:
        5px 8px;

    border-radius:99px;

    color:
        var(--green);

    background:
        rgba(121,204,150,.055);

    border:
        1px solid rgba(121,204,150,.11);

    font-size:6.5px;

    font-weight:800;

    text-transform:uppercase;
}


.sg-demo-private i{

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--green);
}



/* ==========================================================
   DEMO TABS
   ========================================================== */

.sg-demo-tabs{

    display:flex;

    gap:4px;

    padding:
        11px 17px;

    border-bottom:
        1px solid rgba(255,255,255,.045);
}


.sg-demo-tab{

    appearance:none;

    padding:
        7px 10px;

    border:0;

    border-radius:7px;

    color:
        rgba(255,255,255,.31);

    background:
        transparent;

    font-family:
        "Poppins",
        sans-serif;

    font-size:7px;

    font-weight:800;

    cursor:pointer;

    transition:.2s ease;
}


.sg-demo-tab:hover{

    color:
        rgba(255,255,255,.65);
}


.sg-demo-tab.active{

    color:
        var(--gold-light);

    background:
        rgba(214,176,107,.07);

    box-shadow:
        inset 0 0 0 1px rgba(214,176,107,.10);
}



/* ==========================================================
   PANELS
   ========================================================== */

.sg-demo-panel{

    display:none;

    min-height:330px;

    padding:
        20px;

    animation:
        sgDemoShow .32s ease;
}


.sg-demo-panel.active{

    display:block;
}


@keyframes sgDemoShow{

    from{
        opacity:0;
        transform:translateY(5px);
    }

    to{
        opacity:1;
        transform:none;
    }

}



/* ==========================================================
   CASE HEAD
   ========================================================== */

.sg-demo-case-head{

    display:flex;

    align-items:flex-start;
    justify-content:space-between;

    gap:15px;
}


.sg-demo-case-head span,
.sg-demo-case-head h3{

    display:block;
}


.sg-demo-case-head > div > span{

    color:
        rgba(214,176,107,.68);

    font-size:6.5px;

    font-weight:800;

    letter-spacing:1px;

    text-transform:uppercase;
}


.sg-demo-case-head h3{

    margin:
        4px 0 0;

    color:#fff;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:23px;

    line-height:1;
}


.sg-demo-live{

    display:flex;

    align-items:center;

    gap:5px;

    color:
        rgba(255,255,255,.30);

    font-size:6px;

    font-weight:700;
}


.sg-demo-live i{

    width:6px;
    height:6px;

    border-radius:50%;

    background:
        var(--green);

    box-shadow:
        0 0 0 4px rgba(121,204,150,.05);
}



/* ==========================================================
   PROGRESS
   ========================================================== */

.sg-demo-progress{

    margin-top:22px;

    padding:
        13px;

    border-radius:11px;

    background:
        rgba(0,0,0,.13);

    border:
        1px solid rgba(255,255,255,.045);
}


.sg-demo-progress__top{

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:10px;
}


.sg-demo-progress__top span{

    color:
        rgba(255,255,255,.28);

    font-size:6.5px;

    text-transform:uppercase;
}


.sg-demo-progress__top strong{

    color:
        rgba(255,255,255,.68);

    font-size:7px;
}


.sg-demo-progress__bar{

    overflow:hidden;

    height:4px;

    margin-top:10px;

    border-radius:99px;

    background:
        rgba(255,255,255,.05);
}


.sg-demo-progress__bar span{

    display:block;

    width:72%;
    height:100%;

    border-radius:inherit;

    background:
        linear-gradient(
            90deg,
            var(--gold-dark),
            var(--gold-light)
        );

    box-shadow:
        0 0 10px rgba(214,176,107,.20);
}



/* ==========================================================
   KPIS
   ========================================================== */

.sg-demo-kpis{

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:7px;

    margin-top:9px;
}


.sg-demo-kpis > div{

    padding:
        11px;

    border-radius:10px;

    background:
        rgba(255,255,255,.018);

    border:
        1px solid rgba(255,255,255,.04);
}


.sg-demo-kpis small,
.sg-demo-kpis strong{

    display:block;
}


.sg-demo-kpis small{

    min-height:20px;

    color:
        rgba(255,255,255,.24);

    font-size:5.5px;

    line-height:1.3;

    font-weight:700;

    text-transform:uppercase;
}


.sg-demo-kpis strong{

    margin-top:6px;

    color:
        var(--gold-light);

    font-size:18px;
}



/* ==========================================================
   LATEST
   ========================================================== */

.sg-demo-latest{

    display:flex;

    gap:10px;

    margin-top:9px;

    padding:
        12px;

    border-radius:11px;

    background:
        rgba(121,204,150,.035);

    border:
        1px solid rgba(121,204,150,.075);
}


.sg-demo-latest__icon{

    width:25px;
    height:25px;

    flex:0 0 25px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
        rgba(121,204,150,.07);

    border:
        1px solid rgba(121,204,150,.14);

    color:
        var(--green);

    font-size:7px;
}


.sg-demo-latest > div:last-child{

    min-width:0;

    flex:1;
}


.sg-demo-latest__head{

    display:flex;

    justify-content:space-between;

    gap:10px;
}


.sg-demo-latest__head strong{

    color:
        var(--green);

    font-size:6.5px;

    font-weight:800;

    letter-spacing:.6px;

    text-transform:uppercase;
}


.sg-demo-latest__head span{

    color:
        rgba(255,255,255,.20);

    font-size:6px;
}


.sg-demo-latest p{

    margin:
        5px 0 0;

    color:
        rgba(255,255,255,.42);

    font-size:7.5px;

    line-height:1.5;
}



/* ==========================================================
   PANEL TITLE
   ========================================================== */

.sg-demo-panel-title{

    margin-bottom:18px;
}


.sg-demo-panel-title span,
.sg-demo-panel-title strong{

    display:block;
}


.sg-demo-panel-title span{

    color:
        rgba(214,176,107,.64);

    font-size:6px;

    font-weight:800;

    letter-spacing:1px;

    text-transform:uppercase;
}


.sg-demo-panel-title strong{

    margin-top:4px;

    color:
        rgba(255,255,255,.80);

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:20px;
}



/* ==========================================================
   TIMELINE DEMO
   ========================================================== */

.sg-demo-timeline{

    display:flex;

    flex-direction:column;
}


.sg-demo-event{

    position:relative;

    display:grid;

    grid-template-columns:
        24px minmax(0,1fr);

    gap:10px;

    padding-bottom:17px;
}


.sg-demo-event:last-child{

    padding-bottom:0;
}


.sg-demo-event__marker{

    position:relative;
}


.sg-demo-event__marker::after{

    content:"";

    position:absolute;

    left:6px;

    top:14px;
    bottom:-17px;

    width:1px;

    background:
        rgba(214,176,107,.12);
}


.sg-demo-event:last-child
.sg-demo-event__marker::after{

    display:none;
}


.sg-demo-event__marker span{

    display:block;

    width:13px;
    height:13px;

    border-radius:50%;

    border:
        1px solid rgba(214,176,107,.30);

    background:
        #181818;

    box-shadow:
        0 0 0 4px #181818;
}


.sg-demo-event__marker span::after{

    content:"";

    display:block;

    width:5px;
    height:5px;

    margin:
        3px;

    border-radius:50%;

    background:
        var(--gold);
}


.sg-demo-event--latest
.sg-demo-event__marker span{

    box-shadow:
        0 0 0 4px #181818,
        0 0 16px rgba(214,176,107,.17);
}


.sg-demo-event__content small,
.sg-demo-event__content strong{

    display:block;
}


.sg-demo-event__content small{

    color:
        rgba(214,176,107,.61);

    font-size:5.5px;

    font-weight:800;

    text-transform:uppercase;
}


.sg-demo-event__content strong{

    margin-top:3px;

    color:
        rgba(255,255,255,.69);

    font-size:8px;
}


.sg-demo-event__content p{

    margin:
        4px 0 0;

    color:
        rgba(255,255,255,.28);

    font-size:7px;

    line-height:1.45;
}



/* ==========================================================
   DONE LIST
   ========================================================== */

.sg-demo-done-list{

    display:flex;

    flex-direction:column;

    gap:7px;
}


.sg-demo-done{

    display:flex;

    align-items:flex-start;

    gap:9px;

    padding:
        11px;

    border-radius:10px;

    background:
        rgba(255,255,255,.017);

    border:
        1px solid rgba(255,255,255,.04);
}


.sg-demo-done__check{

    width:23px;
    height:23px;

    flex:0 0 23px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:
        var(--green);

    background:
        rgba(121,204,150,.06);

    border:
        1px solid rgba(121,204,150,.12);

    font-size:7px;
}


.sg-demo-done small,
.sg-demo-done strong{

    display:block;
}


.sg-demo-done small{

    color:
        var(--green);

    font-size:5.5px;

    font-weight:800;

    text-transform:uppercase;
}


.sg-demo-done strong{

    margin-top:3px;

    color:
        rgba(255,255,255,.68);

    font-size:8px;
}


.sg-demo-done p{

    margin:
        3px 0 0;

    color:
        rgba(255,255,255,.27);

    font-size:6.5px;

    line-height:1.45;
}



/* ==========================================================
   DEMO FOOTER
   ========================================================== */

.sg-demo-footer{

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:15px;

    padding:
        12px 19px;

    border-top:
        1px solid rgba(255,255,255,.045);

    background:
        rgba(0,0,0,.08);
}


.sg-demo-footer > span{

    display:flex;

    align-items:center;

    gap:6px;

    color:
        rgba(255,255,255,.23);

    font-size:6px;
}


.sg-demo-footer > span i{

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--green);
}


.sg-demo-footer strong{

    color:
        rgba(214,176,107,.45);

    font-size:6px;
}



/* ==========================================================
   FLOATING CARDS
   ========================================================== */

.sg-floating-card{

    position:absolute;

    z-index:10;

    display:flex;

    align-items:center;

    gap:8px;

    padding:
        9px 11px;

    border-radius:11px;

    background:
        rgba(24,24,24,.94);

    border:
        1px solid rgba(255,255,255,.08);

    box-shadow:
        0 15px 35px rgba(0,0,0,.32);

    backdrop-filter:
        blur(10px);
}


.sg-floating-card--one{

    left:-35px;
    bottom:67px;

    animation:
        sgFloatOne 4.5s ease-in-out infinite;
}


.sg-floating-card--two{

    right:-27px;
    top:82px;

    display:block;

    animation:
        sgFloatTwo 5s ease-in-out infinite;
}


.sg-floating-card--one > span{

    width:25px;
    height:25px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:
        var(--green);

    background:
        rgba(121,204,150,.06);

    font-size:7px;
}


.sg-floating-card small,
.sg-floating-card strong{

    display:block;
}


.sg-floating-card small{

    color:
        rgba(255,255,255,.25);

    font-size:5.5px;

    text-transform:uppercase;
}


.sg-floating-card strong{

    margin-top:2px;

    color:
        rgba(255,255,255,.69);

    font-size:7px;
}


@keyframes sgFloatOne{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-7px);
    }

}


@keyframes sgFloatTwo{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(6px);
    }

}



/* ==========================================================
   GENERAL HEADING
   ========================================================== */

.sg-access-heading{

    max-width:800px;

    margin-bottom:32px;
}


.sg-access-heading > span,
.sg-access-section-label{

    display:block;

    margin-bottom:9px;

    color:
        var(--gold);

    font-size:7.5px;

    line-height:1;

    font-weight:800;

    letter-spacing:1.5px;

    text-transform:uppercase;
}


.sg-access-heading h2,
.sg-access-experience__copy h2,
.sg-access-final h2{

    margin:0;

    color:#fff;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(30px,3.7vw,45px);

    line-height:1.04;

    font-weight:700;

    letter-spacing:-.6px;

    text-wrap:balance;
}


.sg-access-heading h2 em,
.sg-access-experience__copy h2 em,
.sg-access-final h2 em{

    color:
        var(--gold-light);

    font-style:normal;

    font-weight:500;
}


.sg-access-heading > p{

    max-width:660px;

    margin:
        12px 0 0;

    color:
        rgba(255,255,255,.42);

    font-size:11px;

    line-height:1.72;
}



/* ==========================================================
   INSIDE
   ========================================================== */

.sg-access-inside{

    padding:
        54px 4px 23px;
}


.sg-access-inside__grid{

    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:9px;
}


.sg-inside-card{

    position:relative;

    overflow:hidden;

    min-height:285px;

    padding:
        19px;

    border-radius:17px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.026),
            rgba(255,255,255,.006)
        ),
        #171717;

    border:
        1px solid rgba(255,255,255,.055);

    transition:
        transform .22s ease,
        border-color .22s ease;
}


.sg-inside-card:hover{

    transform:
        translateY(-3px);

    border-color:
        rgba(214,176,107,.15);
}


.sg-inside-card__number{

    position:absolute;

    top:14px;
    right:15px;

    color:
        rgba(255,255,255,.055);

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:33px;

    font-weight:700;
}



/* VISUAL */

.sg-inside-card__visual{

    display:flex;

    align-items:center;

    gap:8px;

    min-height:78px;

    margin-bottom:20px;

    padding:
        12px;

    border-radius:11px;

    background:
        rgba(0,0,0,.14);

    border:
        1px solid rgba(255,255,255,.04);
}


.sg-mini-status{

    display:flex;

    align-items:center;

    gap:6px;

    color:
        rgba(255,255,255,.48);

    font-size:6.5px;
}


.sg-mini-status span{

    width:6px;
    height:6px;

    border-radius:50%;

    background:
        var(--green);
}


.sg-mini-line{

    width:38px;
    height:4px;

    margin-left:auto;

    border-radius:99px;

    background:
        rgba(214,176,107,.18);
}


.sg-mini-line--short{

    width:20px;

    margin-left:0;

    opacity:.5;
}



/* TIMELINE MINI */

.sg-mini-timeline{

    display:flex;

    align-items:center;

    width:100%;
}


.sg-mini-timeline i{

    position:relative;

    width:9px;
    height:9px;

    flex:0 0 9px;

    border-radius:50%;

    border:
        1px solid rgba(214,176,107,.42);

    background:
        #171717;
}


.sg-mini-timeline i:not(:last-child)::after{

    content:"";

    position:absolute;

    left:9px;
    top:3px;

    width:58px;
    height:1px;

    background:
        rgba(214,176,107,.18);
}


.sg-mini-timeline i:nth-child(2){

    margin-left:58px;
}


.sg-mini-timeline i:nth-child(3){

    margin-left:58px;
}



/* MINI CHECK */

.sg-mini-check{

    width:29px;
    height:29px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:
        var(--green);

    border:
        1px solid rgba(121,204,150,.15);

    background:
        rgba(121,204,150,.06);

    font-size:8px;
}


.sg-inside-card__visual strong,
.sg-inside-card__visual span{

    display:block;
}


.sg-inside-card__visual strong{

    color:
        rgba(255,255,255,.61);

    font-size:7px;
}


.sg-inside-card__visual span{

    margin-top:2px;

    color:
        rgba(255,255,255,.23);

    font-size:5.5px;
}



/* MINI DOC */

.sg-mini-doc{

    width:31px;
    height:37px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:6px;

    background:
        rgba(214,176,107,.06);

    border:
        1px solid rgba(214,176,107,.12);

    color:
        var(--gold-light);

    font-size:6px;

    font-weight:800;
}



/* CARD COPY */

.sg-inside-card__label{

    display:block;

    margin-bottom:6px;

    color:
        rgba(214,176,107,.62);

    font-size:6.5px;

    font-weight:800;

    letter-spacing:1px;

    text-transform:uppercase;
}


.sg-inside-card h3{

    margin:0;

    color:
        rgba(255,255,255,.84);

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:20px;

    line-height:1.12;
}


.sg-inside-card > p{

    margin:
        8px 0 0;

    color:
        rgba(255,255,255,.35);

    font-size:9px;

    line-height:1.65;
}



/* ==========================================================
   EXPERIENCE
   ========================================================== */

.sg-access-experience{

    display:grid;

    grid-template-columns:
        minmax(0,.85fr)
        minmax(340px,1.15fr);

    align-items:center;

    gap:60px;

    margin-top:26px;

    padding:
        43px 41px;

    border-radius:21px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.026),
            rgba(255,255,255,.005)
        ),
        #161616;

    border:
        1px solid rgba(255,255,255,.055);
}


.sg-access-experience__copy > p{

    max-width:600px;

    margin:
        13px 0 0;

    color:
        rgba(255,255,255,.39);

    font-size:10.5px;

    line-height:1.7;
}



/* POINTS */

.sg-access-experience__points{

    margin-top:24px;
}


.sg-access-experience__points > div{

    display:flex;

    align-items:center;

    gap:11px;

    padding:
        10px 0;

    border-bottom:
        1px solid rgba(255,255,255,.04);
}


.sg-access-experience__points > div:last-child{

    border-bottom:0;
}


.sg-access-experience__points span{

    width:30px;
    height:30px;

    display:flex;

    align-items:center;
    justify-content:center;

    flex:0 0 30px;

    border-radius:9px;

    color:
        var(--gold-light);

    background:
        rgba(214,176,107,.055);

    border:
        1px solid rgba(214,176,107,.11);

    font-size:7px;

    font-weight:800;
}


.sg-access-experience__points p{

    margin:0;

    color:
        rgba(255,255,255,.52);

    font-size:9px;
}



/* ==========================================================
   EXPERIENCE WINDOW
   ========================================================== */

.sg-experience-window{

    overflow:hidden;

    border-radius:17px;

    background:
        #181818;

    border:
        1px solid rgba(255,255,255,.065);

    box-shadow:
        0 20px 55px rgba(0,0,0,.24);
}


.sg-experience-window__head{

    display:flex;

    align-items:center;
    justify-content:space-between;

    padding:
        14px 17px;

    border-bottom:
        1px solid rgba(255,255,255,.045);
}


.sg-experience-window__head span{

    color:
        rgba(255,255,255,.55);

    font-size:7px;

    font-weight:800;

    text-transform:uppercase;
}


.sg-experience-window__head i{

    width:7px;
    height:7px;

    border-radius:50%;

    background:
        var(--green);

    box-shadow:
        0 0 0 4px rgba(121,204,150,.05);
}


.sg-experience-window__body{

    padding:
        11px 17px;
}


.sg-experience-row{

    display:grid;

    grid-template-columns:
        25px minmax(0,1fr);

    gap:9px;

    padding:
        12px 0;

    border-bottom:
        1px solid rgba(255,255,255,.04);
}


.sg-experience-row:last-child{

    border-bottom:0;
}


.sg-experience-row__dot,
.sg-experience-row__check,
.sg-experience-row__doc{

    width:21px;
    height:21px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;
}


.sg-experience-row__dot{

    width:7px;
    height:7px;

    margin:
        7px;

    background:
        var(--gold);

    box-shadow:
        0 0 0 5px rgba(214,176,107,.055);
}


.sg-experience-row__check{

    color:
        var(--green);

    background:
        rgba(121,204,150,.055);

    border:
        1px solid rgba(121,204,150,.11);

    font-size:6px;
}


.sg-experience-row__doc{

    color:
        var(--gold-light);

    background:
        rgba(214,176,107,.055);

    border:
        1px solid rgba(214,176,107,.11);

    font-size:7px;
}


.sg-experience-row small,
.sg-experience-row strong{

    display:block;
}


.sg-experience-row small{

    color:
        rgba(214,176,107,.54);

    font-size:5.5px;

    font-weight:800;

    text-transform:uppercase;
}


.sg-experience-row strong{

    margin-top:3px;

    color:
        rgba(255,255,255,.65);

    font-size:8px;
}



/* ==========================================================
   FINAL
   ========================================================== */

.sg-access-final{

    position:relative;

    overflow:hidden;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:40px;

    margin-top:14px;

    padding:
        32px 35px;

    border-radius:20px;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(214,176,107,.08),
            transparent 38%
        ),
        #171717;

    border:
        1px solid rgba(255,255,255,.055);
}


.sg-access-final > div:first-child{

    max-width:700px;
}


.sg-access-final h2{

    font-size:
        clamp(27px,3vw,38px);
}


.sg-access-final > div:first-child > p{

    margin:
        8px 0 0;

    color:
        rgba(255,255,255,.36);

    font-size:9.5px;

    line-height:1.6;
}



/* FINAL ACTIONS */

.sg-access-final__actions{

    display:flex;

    align-items:center;

    gap:8px;

    flex-shrink:0;
}


.sg-access-final-btn{

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:22px;

    min-width:150px;
    min-height:47px;

    padding:
        0 10px 0 15px;

    border-radius:11px;

    color:
        rgba(255,255,255,.70) !important;

    background:
        rgba(255,255,255,.025);

    border:
        1px solid rgba(255,255,255,.07);

    text-decoration:none !important;

    font-size:8.5px;

    font-weight:800;

    transition:.2s ease;
}


.sg-access-final-btn span{

    width:27px;
    height:27px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:7px;

    background:
        rgba(214,176,107,.07);

    color:
        var(--gold-light);

    font-size:12px;
}


.sg-access-final-btn:hover{

    transform:
        translateY(-1px);

    border-color:
        rgba(214,176,107,.18);

    color:#fff !important;
}


.sg-access-final-btn--gold{

    color:#111 !important;

    background:
        linear-gradient(
            135deg,
            #dbb365,
            #a77a36
        );

    border-color:
        rgba(239,208,140,.18);
}


.sg-access-final-btn--gold:hover{

    color:#111 !important;
}


.sg-access-final-btn--gold span{

    color:#111;

    background:
        rgba(0,0,0,.12);
}



/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:1050px){

    .sg-access-hero{

        grid-template-columns:
            minmax(0,1fr)
            minmax(340px,.85fr);

        gap:38px;

        padding:
            52px 38px;
    }


    .sg-access-hero h1{

        font-size:
            clamp(42px,5vw,60px);
    }


    .sg-access-inside__grid{

        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .sg-access-experience{

        gap:35px;
    }

}



/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:767px){

    .sg-access-hero{

        display:flex;

        flex-direction:column;

        align-items:stretch;

        gap:35px;

        min-height:auto;

        padding:
            29px 19px 22px;

        border-radius:20px;
    }


    .sg-access-logo{

        width:155px;

        margin-bottom:26px;
    }


    .sg-access-hero h1{

        font-size:39px;

        line-height:.98;
    }


    .sg-access-lead{

        font-size:11px;

        line-height:1.7;
    }


    .sg-access-actions{

        grid-template-columns:1fr;

        max-width:none;
    }


    .sg-access-btn{

        min-height:62px;
    }


    .sg-access-micro{

        flex-direction:column;

        gap:9px;
    }


    .sg-access-demo-tag{

        margin-left:0;
    }


    .sg-floating-card{

        display:none;
    }


    .sg-demo-panel{

        min-height:auto;

        padding:
            17px 15px;
    }


    .sg-demo-kpis{

        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }


    .sg-access-inside{

        padding-top:38px;
    }


    .sg-access-inside__grid{

        grid-template-columns:1fr;
    }


    .sg-inside-card{

        min-height:auto;
    }


    .sg-access-experience{

        grid-template-columns:1fr;

        gap:29px;

        margin-top:21px;

        padding:
            27px 18px;

        border-radius:18px;
    }


    .sg-access-final{

        align-items:stretch;

        flex-direction:column;

        gap:21px;

        padding:
            25px 18px;

        border-radius:17px;
    }


    .sg-access-final__actions{

        flex-direction:column;

        align-items:stretch;
    }


    .sg-access-final-btn{

        width:100%;
    }

}



/* ==========================================================
   SMALL
   ========================================================== */

@media(max-width:420px){

    .sg-access-hero{

        padding:
            25px 16px 18px;
    }


    .sg-access-hero h1{

        font-size:34px;
    }


    .sg-demo-topbar{

        padding:
            14px;
    }


    .sg-demo-tabs{

        padding:
            9px 12px;

        overflow-x:auto;
    }


    .sg-demo-tab{

        white-space:nowrap;
    }


    .sg-demo-kpis{

        grid-template-columns:1fr;
    }


    .sg-demo-kpis small{

        min-height:0;
    }


    .sg-access-heading h2,
    .sg-access-experience__copy h2{

        font-size:28px;
    }

}



/* ==========================================================
   ACCESSIBILITY
   ========================================================== */

@media(prefers-reduced-motion:reduce){

    .sg-floating-card,
    .sg-demo-panel,
    .sg-access-btn,
    .sg-access-final-btn,
    .sg-inside-card{

        animation:none !important;

        transition:none !important;
    }

}


/* =============================================================
   SALAZAR GALÁN · PORTAL DE ACCESO 3.0
   Ajustes responsive, mejor lectura e iconografía SVG sin emojis.
   Scoped: no altera otros bloques de Elementor/WordPress.
   ============================================================= */
.sg-access-home{max-width:100%;min-width:0;overflow-x:clip;}
.sg-access-home .sg-icon{display:block!important;flex:none!important;width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important;font-family:initial!important;line-height:1!important;vertical-align:middle}
.sg-access-home a,.sg-access-home button{ -webkit-tap-highlight-color:transparent; }
.sg-access-home a:focus-visible,.sg-access-home button:focus-visible{outline:2px solid #d6b06b!important;outline-offset:3px!important}
.sg-access-hero{grid-template-columns:minmax(0,1.01fr) minmax(0,.99fr);gap:clamp(26px,3.2vw,58px);min-height:660px;padding:clamp(30px,4vw,64px);}
.sg-access-hero__copy{min-width:0}
.sg-access-logo{width:clamp(146px,14vw,182px);margin-bottom:29px}
.sg-access-label{font-size:10px;letter-spacing:1.3px;margin-bottom:18px}
.sg-access-hero h1{font-size:clamp(43px,4.3vw,67px);line-height:1.01;letter-spacing:-.9px}
.sg-access-lead{font-size:clamp(12px,1.04vw,14px);line-height:1.75;color:rgba(255,255,255,.66);max-width:590px}
.sg-access-lead strong{color:#f0dbb6;font-weight:600}
.sg-access-actions{margin-top:27px;max-width:600px}
.sg-access-btn{min-width:0;min-height:69px;padding:11px 12px;gap:11px}
.sg-access-btn__copy{min-width:0}
.sg-access-btn__copy small{font-size:9px;letter-spacing:.25px}
.sg-access-btn__copy strong{font-size:13px;line-height:1.35}
.sg-access-btn__icon{font-size:initial}
.sg-access-btn__icon .sg-icon{width:21px!important;height:21px!important}
.sg-access-btn__arrow .sg-icon{width:18px!important;height:18px!important}
.sg-access-micro{gap:13px 18px;margin-top:24px;padding-top:17px}
.sg-access-micro>div{font-size:10px;line-height:1.3;color:rgba(255,255,255,.52)}
.sg-access-check{width:22px;height:22px;color:#82d4a2}
.sg-access-check .sg-icon{width:16px!important;height:16px!important}
.sg-access-demo-wrap{min-width:0}
.sg-access-demo-tag{font-size:9px;color:#be9d68;letter-spacing:.9px}
.sg-access-demo{border-radius:18px}
.sg-demo-topbar{padding:14px 16px}
.sg-demo-avatar{width:40px;height:40px;border-radius:12px;font-size:13px}
.sg-demo-user small{font-size:8px;line-height:1.3}
.sg-demo-user strong{font-size:12px;line-height:1.3}
.sg-demo-private{font-size:9px;white-space:nowrap;gap:4px}
.sg-demo-private .sg-icon{width:11px!important;height:11px!important}
.sg-demo-tabs{gap:4px;padding:10px 12px;overflow-x:auto;scrollbar-width:none}
.sg-demo-tabs::-webkit-scrollbar{display:none}
.sg-demo-tab{white-space:nowrap;padding:9px 11px;font-size:10px;border:1px solid transparent!important;min-height:36px}
.sg-demo-tab.active{border-color:rgba(214,176,107,.27)!important}
.sg-demo-panel{min-height:290px;padding:20px 17px}
.sg-demo-panel[hidden]{display:none!important}
.sg-demo-case-head h3{font-size:clamp(21px,2vw,27px);line-height:1.1}
.sg-demo-case-head>div>span,.sg-demo-live,.sg-demo-progress__top span,.sg-demo-progress__top strong{font-size:9px}
.sg-demo-kpis small{font-size:8px;min-height:24px}
.sg-demo-kpis strong{font-size:20px}
.sg-demo-latest__head strong,.sg-demo-latest__head span{font-size:9px}
.sg-demo-latest p,.sg-demo-caption{font-size:10.5px;line-height:1.6;color:rgba(255,255,255,.59)}
.sg-demo-latest__icon .sg-icon{width:17px!important;height:17px!important}
.sg-demo-panel-title span,.sg-demo-event__content small{font-size:9px}
.sg-demo-panel-title strong{font-size:24px}
.sg-demo-event__content strong{font-size:11.5px}
.sg-demo-event__content p{font-size:10px;color:rgba(255,255,255,.56);line-height:1.55}
.sg-demo-footer>span,.sg-demo-footer strong{font-size:8px}
.sg-floating-card small{font-size:8px}.sg-floating-card strong{font-size:10px}
.sg-floating-card--one>span .sg-icon{width:16px!important;height:16px!important}
.sg-demo-chat{display:flex;flex-direction:column;gap:8px;max-width:100%}
.sg-demo-bubble{max-width:85%;padding:12px 12px 8px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:#282828;color:#f2efe8}
.sg-demo-bubble--received{align-self:flex-start;border-bottom-left-radius:4px}
.sg-demo-bubble--sent{align-self:flex-end;background:linear-gradient(135deg,#483923,#30291e);border-color:rgba(214,176,107,.28);border-bottom-right-radius:4px}
.sg-demo-bubble small{display:block;color:#ebc68c;font-size:10px;font-weight:700;margin-bottom:4px}
.sg-demo-bubble p{margin:0!important;font-size:11px;line-height:1.6;color:#f5f3f0}
.sg-demo-bubble>span{display:flex;gap:3px;align-items:center;justify-content:flex-end;margin-top:5px;font-size:8px;color:#b9a99a}
.sg-demo-bubble>span .sg-icon{width:12px!important;height:12px!important;color:#a7d0e9}
.sg-demo-caption{margin:12px 0 0;font-size:9px}
.sg-demo-files{display:flex;flex-direction:column;gap:8px}
.sg-demo-files>div{display:flex;align-items:center;gap:11px;min-width:0;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.022)}
.sg-demo-file-ico{width:35px;height:35px;display:grid;place-items:center;flex:none;color:#e8c78d;border:1px solid rgba(214,176,107,.20);border-radius:9px;background:rgba(214,176,107,.07)}
.sg-demo-files>div>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
.sg-demo-files strong{font-size:10.5px;color:#ede6d8;font-weight:650;overflow-wrap:anywhere}
.sg-demo-files small{font-size:9px;color:#a8a8a8}
.sg-demo-file-status{font-size:9px;color:#dfbc88;white-space:nowrap}
.sg-access-inside{padding-top:64px}
.sg-access-heading{margin-bottom:25px}
.sg-access-heading>span,.sg-access-section-label{font-size:10px;letter-spacing:1.25px}
.sg-access-heading h2,.sg-access-experience__copy h2,.sg-access-final h2{font-size:clamp(29px,3vw,43px);line-height:1.1}
.sg-access-heading>p,.sg-access-experience__copy>p{font-size:13px;line-height:1.75;color:rgba(255,255,255,.58)}
.sg-access-inside__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sg-inside-card{min-height:240px;padding:21px}
.sg-inside-card__visual{min-height:60px;margin-bottom:14px;gap:14px}
.sg-inside-card__number{font-size:36px}
.sg-inside-card__feature-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border:1px solid rgba(214,176,107,.22);border-radius:11px;background:rgba(214,176,107,.075);color:#dfbd82}
.sg-inside-card__feature-icon .sg-icon{width:19px!important;height:19px!important}
.sg-inside-card__visual-line{display:flex!important;flex:1;flex-direction:column;gap:7px;min-width:0}
.sg-inside-card__visual-line i{display:block;height:5px;width:100%;border-radius:999px;background:linear-gradient(90deg,rgba(214,176,107,.23),transparent)}
.sg-inside-card__visual-line i:last-child{width:64%;opacity:.48}
.sg-inside-card__label{font-size:9px;line-height:1.4}
.sg-inside-card h3{font-size:clamp(20px,1.8vw,25px)}
.sg-inside-card>p{font-size:11px;line-height:1.65;color:rgba(255,255,255,.56)}
.sg-access-experience{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:clamp(22px,3.5vw,55px);padding:clamp(24px,3vw,46px);margin-top:36px}
.sg-access-experience__points{margin-top:21px}
.sg-access-experience__points>div{align-items:flex-start;padding:12px 0}
.sg-access-experience__points span{width:36px;height:36px;flex:0 0 36px}
.sg-access-experience__points .sg-icon{width:17px!important;height:17px!important}
.sg-access-experience__points p{font-size:11.5px;line-height:1.6;color:rgba(255,255,255,.55)}
.sg-access-experience__points p strong{color:#e8cf9d;font-weight:700}
.sg-experience-window__head span{font-size:9px}
.sg-experience-row{grid-template-columns:32px minmax(0,1fr);gap:10px}
.sg-experience-row__dot,.sg-experience-row__check,.sg-experience-row__doc{width:28px;height:28px;border-radius:9px}
.sg-experience-row .sg-icon{width:16px!important;height:16px!important}
.sg-experience-row small{font-size:8px;line-height:1.3}
.sg-experience-row strong{font-size:11.5px;line-height:1.4}
.sg-experience-row p{font-size:10px;color:#8f8f8f;line-height:1.45;margin:4px 0 0}
.sg-access-assurance{margin-top:36px;padding:27px 28px;border:1px solid rgba(214,176,107,.15);border-radius:21px;background:linear-gradient(135deg,rgba(214,176,107,.085),rgba(255,255,255,.015)),#141414}
.sg-access-assurance__head h2{font-family:"Cormorant Garamond",Georgia,serif;color:#fff;font-size:clamp(29px,3vw,40px);margin:4px 0 18px;line-height:1.08}
.sg-access-assurance__head h2 em{color:var(--gold-light);font-style:normal}
.sg-access-assurance__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sg-access-assurance__grid>div{min-width:0;background:#171717;padding:17px;border-radius:13px;border:1px solid rgba(255,255,255,.06)}
.sg-access-assurance__grid>div>span{display:grid;place-items:center;width:33px;height:33px;border:1px solid rgba(214,176,107,.17);background:rgba(214,176,107,.08);color:#dec087;border-radius:9px;margin-bottom:13px}
.sg-access-assurance__grid strong{display:block;font-size:13px;color:#f1e4ca}
.sg-access-assurance__grid p{font-size:11px;line-height:1.6;color:#b0b0b0;margin:7px 0 0}
.sg-access-final{margin-top:24px;gap:25px}
.sg-access-final>div:first-child>p{font-size:12px;color:rgba(255,255,255,.58);line-height:1.7}
.sg-access-final-btn{min-width:160px;min-height:50px;font-size:11px;white-space:nowrap}
.sg-access-final-btn .sg-icon{width:17px!important;height:17px!important}
/* Elimina herencia rosa de Elementor en enlaces, controles y hovers. */
body .sg-access-home :is(a,button):not(:disabled):hover,
body .sg-access-home :is(a,button):not(:disabled):focus-visible{accent-color:#d6b06b!important;text-decoration:none!important;box-shadow:none!important}
body .sg-access-home .sg-access-btn--gold:hover,body .sg-access-home .sg-access-btn--gold:focus-visible,
body .sg-access-home .sg-access-final-btn--gold:hover,body .sg-access-home .sg-access-final-btn--gold:focus-visible{color:#14100a!important;border-color:#ecd09c!important;background:linear-gradient(135deg,#edcc88,#b58b4e)!important;box-shadow:0 12px 28px rgba(214,176,107,.20)!important}
body .sg-access-home .sg-access-btn--dark:hover,body .sg-access-home .sg-access-btn--dark:focus-visible{color:#f5e6c9!important;border-color:rgba(214,176,107,.5)!important;background:#28231d!important}
body .sg-access-home .sg-access-btn--dark:hover :is(strong,small,.sg-icon){color:#f5e6c9!important;stroke:currentColor!important}
body .sg-access-home .sg-access-final-btn:not(.sg-access-final-btn--gold):hover,body .sg-access-home .sg-access-final-btn:not(.sg-access-final-btn--gold):focus-visible{color:#f5e6c9!important;border-color:#b99a65!important;background:#28231d!important}
body .sg-access-home .sg-demo-tab:hover,body .sg-access-home .sg-demo-tab:focus-visible{color:#efd08c!important;background:rgba(214,176,107,.09)!important;border-color:rgba(214,176,107,.23)!important}
body .sg-access-home .sg-demo-tab.active,body .sg-access-home .sg-demo-tab.active:hover{color:#efd08c!important;background:rgba(214,176,107,.14)!important;border-color:rgba(214,176,107,.33)!important}
body .sg-access-home a:hover .sg-icon,body .sg-access-home button:hover .sg-icon{color:inherit!important;stroke:currentColor!important;fill:none!important}
@media(max-width:1100px){
 .sg-access-hero{grid-template-columns:minmax(0,1fr);gap:34px;min-height:auto;padding:38px}
 .sg-access-hero__copy,.sg-access-demo-wrap{max-width:800px;width:100%;margin-inline:auto}
 .sg-access-hero h1{font-size:clamp(43px,5.3vw,65px)}
 .sg-access-experience{grid-template-columns:minmax(0,1fr);gap:27px}
 .sg-access-experience__visual{width:100%;max-width:680px;margin:auto}
}
@media(max-width:767px){
 .sg-access-hero{display:flex;gap:28px;padding:25px 18px 24px}
 .sg-access-logo{width:150px;margin-bottom:24px}
 .sg-access-hero h1{font-size:clamp(36px,10vw,47px);line-height:1.01}
 .sg-access-lead{font-size:12px;line-height:1.67}
 .sg-access-btn{min-height:59px}
 .sg-access-btn__copy strong{font-size:13px}
 .sg-access-micro{flex-direction:row;gap:10px 15px;margin-top:22px}
 .sg-access-micro>div{font-size:9px}
 .sg-access-inside{padding-top:36px}
 .sg-access-inside__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .sg-inside-card{min-height:210px;padding:16px}
 .sg-inside-card h3{font-size:21px}
 .sg-inside-card>p{font-size:10.5px}
 .sg-access-assurance{padding:22px 17px}
 .sg-access-assurance__grid{grid-template-columns:1fr;gap:9px}
 .sg-access-assurance__grid>div{padding:14px}
 .sg-demo-panel{min-height:290px}
 .sg-demo-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sg-demo-kpis small{min-height:24px}
 .sg-floating-card{display:none}
 .sg-access-final{padding:26px 19px}
}
@media(max-width:480px){
 .sg-access-hero{padding:24px 15px}
 .sg-access-logo{margin-bottom:20px}
 .sg-access-actions{gap:9px}
 .sg-access-micro{gap:10px 14px}
 .sg-access-micro>div{font-size:9px}
 .sg-demo-topbar{padding:12px}
 .sg-demo-tabs{padding:8px 10px}
 .sg-demo-tab{padding:8px 9px;font-size:9px}
 .sg-demo-panel{padding:17px 13px;min-height:300px}
 .sg-demo-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sg-demo-kpis>div{padding:8px}
 .sg-demo-kpis small{font-size:7px;min-height:24px}
 .sg-demo-kpis strong{font-size:18px}
 .sg-access-inside__grid{grid-template-columns:1fr}
 .sg-inside-card{min-height:auto;padding:18px}
 .sg-inside-card__visual{min-height:52px}
 .sg-demo-bubble{max-width:90%}
 .sg-demo-file-status{font-size:8px}
 .sg-demo-files>div{padding:10px;gap:8px}
 .sg-access-experience{padding:24px 18px}
 .sg-access-final__actions{width:100%}
 .sg-access-final-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .sg-access-home *, .sg-access-home *::before, .sg-access-home *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}/* End custom CSS */