/* =========================================================
   VARIABLES CORPORATIVAS
========================================================= */

:root{
    --sc-navy:#002F57;
    --sc-blue:#0074C7;
    --sc-cyan:#31B4E7;
    --sc-green:#73BC25;
    --sc-yellow:#F6BD00;
    --sc-orange:#FF5300;
    --sc-white:#FFFFFF;
}


/* =========================================================
   RESET
========================================================= */

#sc-site-footer,
#sc-site-footer *,
#sc-cookie-box,
#sc-cookie-box *,
#sc-whatsapp-global,
#sc-whatsapp-global *,
#sc-back-to-top{
    box-sizing:border-box;
}

#sc-site-footer img,
#sc-site-footer svg,
#sc-cookie-box svg,
#sc-whatsapp-global svg,
#sc-back-to-top svg{
    max-width:100%;
}

.sc-footer-cta > *,
.sc-footer-grid > *,
.sc-footer-brand-column,
.sc-footer-contact-text,
.sc-footer-bottom-left,
.sc-footer-legal{
    min-width:0;
}

.sc-footer-cta-title,
.sc-footer-cta-copy,
.sc-footer-brand-copy,
.sc-footer-list-link,
.sc-footer-contact-text,
.sc-footer-bottom,
.sc-cookie-copy,
.sc-wa-option-info{
    overflow-wrap:anywhere;
    word-break:normal;
}


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

#sc-site-footer{
    position:relative;

    z-index:20;

    width:100%;

    margin:0;

    padding:50px 0 0;

    color:#fff;

    font-family:
        "Ubuntu Sans",
        Arial,
        sans-serif;

    background:transparent;
}


/* =========================================================
   SHELL FULL WIDTH
========================================================= */

.sc-footer-shell{
    position:relative;

    width:100%;

    margin:0;

    overflow:hidden;

    border:0;

    background:
        linear-gradient(
            145deg,
            rgba(0,24,46,.96),
            rgba(0,51,86,.84)
        );

    backdrop-filter:
        blur(25px)
        saturate(140%);

    -webkit-backdrop-filter:
        blur(25px)
        saturate(140%);

    box-shadow:
        0 -28px 80px
        rgba(0,0,0,.16);
}


/* =========================================================
   CINTA CORPORATIVA PREMIUM

   - 2px de altura
   - pegada al borde superior
   - no deja franja oscura encima
   - se afina en extremos
   - se desvanece suavemente
   - colores animados
   - sombra elegante
========================================================= */

.sc-footer-color-ribbon{
    position:absolute;

    top:0;
    left:0;

    z-index:50;

    width:100%;
    height:2px;

    overflow:hidden;

    pointer-events:none;

    /*
       El centro conserva los 2px.
       Los extremos se afinan progresivamente.
    */

    clip-path:
        polygon(
            0% 50%,

            4% 43%,
            8% 30%,
            13% 12%,
            18% 0%,

            82% 0%,
            87% 12%,
            92% 30%,
            96% 43%,

            100% 50%,

            96% 57%,
            92% 70%,
            87% 88%,
            82% 100%,

            18% 100%,
            13% 88%,
            8% 70%,
            4% 57%
        );

    /*
       Fade lateral.
       Empieza muy suavemente y llega a brillo completo.
    */

    -webkit-mask-image:
        linear-gradient(
            90deg,

            rgba(0,0,0,.10) 0%,
            rgba(0,0,0,.35) 3%,
            rgba(0,0,0,.70) 7%,
            #000 14%,

            #000 86%,

            rgba(0,0,0,.70) 93%,
            rgba(0,0,0,.35) 97%,
            rgba(0,0,0,.10) 100%
        );

    mask-image:
        linear-gradient(
            90deg,

            rgba(0,0,0,.10) 0%,
            rgba(0,0,0,.35) 3%,
            rgba(0,0,0,.70) 7%,
            #000 14%,

            #000 86%,

            rgba(0,0,0,.70) 93%,
            rgba(0,0,0,.35) 97%,
            rgba(0,0,0,.10) 100%
        );

    filter:
        drop-shadow(
            0 1px 2px
            rgba(49,180,231,.22)
        )
        drop-shadow(
            0 2px 5px
            rgba(0,0,0,.20)
        );
}


/* =========================================================
   COLOR EN MOVIMIENTO
========================================================= */

.sc-footer-color-ribbon::before{
    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,

            #0074C7 0%,
            #31B4E7 10%,
            #73BC25 20%,
            #F6BD00 30%,
            #FF5300 40%,

            #0074C7 50%,
            #31B4E7 60%,
            #73BC25 70%,
            #F6BD00 80%,
            #FF5300 90%,

            #0074C7 100%
        );

    background-size:
        300% 100%;

    animation:
        scFooterRibbonFlow
        9s
        linear
        infinite;
}


@keyframes scFooterRibbonFlow{

    from{
        background-position:
            0% 50%;
    }

    to{
        background-position:
            300% 50%;
    }

}


/* =========================================================
   GLOW MUY SUTIL DEBAJO DE LA CINTA
========================================================= */

.sc-footer-color-ribbon::after{
    content:"";

    position:absolute;

    left:10%;
    right:10%;

    top:0;

    height:2px;

    background:
        rgba(49,180,231,.15);

    filter:
        blur(3px);

    opacity:.45;

    pointer-events:none;
}


/* =========================================================
   CTA SUPERIOR
========================================================= */

.sc-footer-cta{
    position:relative;

    display:grid;

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

    align-items:center;

    gap:45px;

    width:100%;

    padding:
        50px
        clamp(30px,6vw,100px);

    overflow:hidden;

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


.sc-footer-cta::after{
    content:"";

    position:absolute;

    width:520px;
    height:520px;

    right:-190px;
    top:-290px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(49,180,231,.21),
            transparent 67%
        );

    pointer-events:none;
}


/* =========================================================
   EYEBROW
========================================================= */

.sc-footer-eyebrow{
    display:flex;

    align-items:center;

    gap:9px;

    margin-bottom:11px;

    color:var(--sc-yellow);

    font-family:
        "Exo 2",
        sans-serif;

    font-size:11px;

    line-height:1;

    font-weight:800;

    letter-spacing:.12em;

    text-transform:uppercase;
}


.sc-footer-eyebrow svg{
    width:19px;
    height:19px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;
}


/* =========================================================
   TITULAR CTA
========================================================= */

.sc-footer-cta-title{
    margin:0;

    color:#fff;

    font-family:
        "Exo 2",
        sans-serif;

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

    line-height:1;

    font-weight:800;

    letter-spacing:-.035em;

    white-space:nowrap;
}


.sc-footer-title-accent{
    color:var(--sc-cyan);
}


.sc-footer-cta-copy{
    max-width:830px;

    margin:
        14px
        0
        0;

    color:
        rgba(221,240,249,.72);

    font-size:15px;

    line-height:1.2;
}


/* =========================================================
   BOTÓN CTA
========================================================= */

.sc-footer-main-button{
    position:relative;

    z-index:2;

    display:inline-flex;

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

    gap:10px;

    min-height:52px;

    padding:
        0
        24px;

    border-radius:9px;

    background:
        var(--sc-orange);

    color:#fff;

    text-decoration:none;

    font-family:
        "Exo 2",
        sans-serif;

    font-size:12px;

    line-height:1;

    font-weight:800;

    letter-spacing:.04em;

    text-transform:uppercase;

    box-shadow:
        0 15px 35px
        rgba(255,83,0,.25);

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


.sc-footer-main-button svg{
    width:19px;
    height:19px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.8;

    stroke-linecap:round;
    stroke-linejoin:round;
}


.sc-footer-main-button:hover{
    color:#fff;

    transform:
        translateY(-3px);

    background:#ff681e;

    box-shadow:
        0 22px 45px
        rgba(255,83,0,.30);
}


/* =========================================================
   GRID PRINCIPAL
========================================================= */

.sc-footer-grid{
    display:grid;

    grid-template-columns:
        1.35fr
        .8fr
        1fr
        1.15fr;

    gap:
        clamp(30px,4vw,65px);

    width:100%;

    padding:
        52px
        clamp(30px,6vw,100px);
}


/* =========================================================
   BRAND
========================================================= */

.sc-footer-brand-logo{
    position:relative;

    display:block;

    width:235px;
    height:72px;

    margin-bottom:22px;
}


.sc-footer-brand-logo img{
    position:absolute;

    left:0;
    top:50%;

    width:auto;

    max-width:100%;
    max-height:64px;

    transform:
        translateY(-50%);

    object-fit:contain;

    transition:
        opacity .35s ease,
        filter .35s ease,
        transform .35s ease;
}


.sc-footer-logo-yellow{
    opacity:1;
}


.sc-footer-logo-white{
    opacity:0;
}


.sc-footer-brand-logo:hover
.sc-footer-logo-yellow{
    opacity:0;

    transform:
        translateY(-50%)
        scale(.97);
}


.sc-footer-brand-logo:hover
.sc-footer-logo-white{
    opacity:1;

    transform:
        translateY(-50%)
        scale(1.02);

    filter:
        drop-shadow(
            0 0 18px
            rgba(49,180,231,.32)
        );
}


.sc-footer-brand-copy{
    max-width:420px;

    margin:0;

    color:
        rgba(221,240,249,.68);

    font-size:14px;

    line-height:1.22;
}


/* =========================================================
   REDES SOCIALES
========================================================= */

.sc-footer-socials{
    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-top:24px;
}


.sc-social-link{
    display:flex;

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

    width:42px;
    height:42px;

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

    border-radius:9px;

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

    text-decoration:none;

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


.sc-social-link svg{
    width:19px;
    height:19px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;
}
.sc-social-link.facebook{
    color:var(--sc-blue);
}


.sc-social-link.instagram{
    color:var(--sc-orange);
}
.sc-social-link.whatsapp{
    color:var(--sc-green);
}


.sc-social-link.mail{
    color:var(--sc-yellow);
}


.sc-social-link:hover{
    transform:
        translateY(-4px);

    border-color:
        currentColor;

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

    box-shadow:
        0 12px 28px
        rgba(0,0,0,.18);
}


/* =========================================================
   TÍTULOS COLUMNAS
========================================================= */

.sc-footer-title{
    display:flex;

    align-items:center;

    gap:9px;

    margin:
        4px
        0
        18px;

    font-family:
        "Exo 2",
        sans-serif;

    font-size:13px;

    line-height:1;

    font-weight:800;

    letter-spacing:.055em;

    text-transform:uppercase;
}


.sc-footer-title svg{
    width:19px;
    height:19px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;
}


.sc-footer-title.nav{
    color:var(--sc-cyan);
}


.sc-footer-title.services{
    color:var(--sc-green);
}


.sc-footer-title.contact{
    color:var(--sc-yellow);
}


/* =========================================================
   LISTADOS
========================================================= */

.sc-footer-list{
    display:flex;

    flex-direction:column;

    gap:5px;

    margin:0;

    padding:0;

    list-style:none;
}


.sc-footer-list-link{
    display:flex;

    align-items:center;

    gap:9px;

    min-height:35px;

    padding:
        5px
        7px;

    margin-left:-7px;

    border-radius:7px;

    color:
        rgba(221,240,249,.72);

    text-decoration:none;

    font-size:13px;

    line-height:1;

    transition:
        color .25s ease,
        transform .25s ease,
        background .25s ease;
}


.sc-footer-list-link svg{
    width:17px;
    height:17px;

    flex:0 0 auto;

    fill:none;

    stroke:currentColor;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;
}


.sc-footer-list-link.blue svg{
    color:var(--sc-cyan);
}


.sc-footer-list-link.green svg{
    color:var(--sc-green);
}


.sc-footer-list-link.yellow svg{
    color:var(--sc-yellow);
}


.sc-footer-list-link.orange svg{
    color:var(--sc-orange);
}


.sc-footer-list-link:hover{
    color:#fff;

    transform:
        translateX(3px);

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


/* =========================================================
   CONTACTO
========================================================= */

.sc-footer-contact-item{
    display:flex;

    align-items:flex-start;

    gap:11px;

    margin-bottom:17px;

    color:
        rgba(221,240,249,.70);

    font-size:13px;

    line-height:1.15;
}


.sc-footer-contact-icon{
    display:flex;

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

    width:35px;
    height:35px;

    flex:0 0 auto;

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

    border-radius:9px;

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


.sc-footer-contact-icon svg{
    width:17px;
    height:17px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;
}


.sc-footer-contact-icon.mail{
    color:var(--sc-yellow);
}


.sc-footer-contact-icon.globe{
    color:var(--sc-cyan);
}


.sc-footer-contact-icon.language{
    color:var(--sc-green);
}


.sc-footer-contact-text strong{
    display:block;

    margin-bottom:5px;

    color:#fff;

    font-family:
        "Exo 2",
        sans-serif;

    font-size:12px;

    line-height:1;

    font-weight:700;
}


.sc-footer-contact-text a{
    color:
        rgba(221,240,249,.70);

    text-decoration:none;
}


.sc-footer-contact-text a:hover{
    color:#fff;
}


/* =========================================================
   LEGAL BOTTOM
========================================================= */

.sc-footer-bottom{
    display:flex;

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

    gap:25px;

    width:100%;

    padding:
        21px
        clamp(30px,6vw,100px);

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

    background:
        rgba(0,16,31,.28);

    color:
        rgba(199,224,237,.55);

    font-size:11px;
}


.sc-footer-bottom-left{
    display:flex;

    align-items:center;

    gap:9px;
}


.sc-footer-status{
    width:7px;
    height:7px;

    border-radius:50%;

    background:
        var(--sc-green);

    box-shadow:
        0 0 13px
        rgba(115,188,37,.85);
}


.sc-footer-legal{
    display:flex;

    align-items:center;

    gap:16px;

    flex-wrap:wrap;
}


.sc-footer-legal a{
    display:flex;

    align-items:center;

    gap:6px;

    color:
        rgba(199,224,237,.55);

    text-decoration:none;

    transition:.2s ease;
}


.sc-footer-legal a:hover{
    color:#fff;

    transform:
        translateY(-1px);
}


.sc-footer-legal svg{
    width:14px;
    height:14px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;
}


/* =========================================================
   COOKIE POPUP
========================================================= */

#sc-cookie-box{
    position:fixed !important;

    left:50%;

    bottom:22px;

    z-index:2147483644 !important;

    width:
        min(
            530px,
            calc(100% - 30px)
        );

    padding:
        16px
        17px;

    transform:
        translate(-50%,30px);

    opacity:0;

    visibility:hidden;

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

    border-radius:15px;

    background:
        rgba(0,35,65,.97);

    backdrop-filter:
        blur(22px);

    -webkit-backdrop-filter:
        blur(22px);

    box-shadow:
        0 20px 60px
        rgba(0,0,0,.35);

    transition:
        opacity .35s ease,
        transform .35s ease,
        visibility .35s ease;
}


#sc-cookie-box.is-visible{
    opacity:1;

    visibility:visible;

    transform:
        translate(-50%,0);
}


.sc-cookie-top{
    display:flex;

    align-items:flex-start;

    gap:11px;
}


.sc-cookie-icon{
    display:flex;

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

    width:36px;
    height:36px;

    flex:0 0 auto;

    border-radius:9px;

    color:var(--sc-yellow);

    background:
        rgba(246,189,0,.09);

    border:
        1px solid
        rgba(246,189,0,.20);
}


.sc-cookie-icon svg{
    width:19px;
    height:19px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.7;
}


.sc-cookie-title{
    margin:
        1px
        0
        5px;

    color:#fff;

    font-family:
        "Exo 2",
        sans-serif;

    font-size:13px;

    line-height:1;

    font-weight:800;
}


.sc-cookie-copy{
    margin:0;

    color:
        rgba(221,240,249,.70);

    font-size:12px;

    line-height:1.2;
}


.sc-cookie-policy-link{
    display:inline-flex;

    align-items:center;

    gap:6px;

    margin-top:9px;

    color:var(--sc-cyan);

    font-size:11px;

    font-weight:600;

    text-decoration:none;
}


.sc-cookie-policy-link:hover{
    color:#fff;
}


.sc-cookie-policy-link svg{
    width:14px;
    height:14px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.7;
}


.sc-cookie-actions{
    display:flex;

    justify-content:flex-end;

    gap:7px;

    margin-top:12px;
}


.sc-cookie-button{
    appearance:none;

    display:inline-flex;

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

    gap:7px;

    min-height:35px;

    padding:
        0
        13px;

    border-radius:7px;

    cursor:pointer;

    font-family:
        "Exo 2",
        sans-serif;

    font-size:10px;

    font-weight:800;

    text-transform:uppercase;
}


.sc-cookie-button svg{
    width:14px;
    height:14px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.8;
}


.sc-cookie-button.necessary{
    color:#fff;

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

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


.sc-cookie-button.accept{
    color:#fff;

    background:
        var(--sc-orange);

    border:
        1px solid
        var(--sc-orange);
}


/* =========================================================
   CAPAS FLOTANTES GLOBALES

   IMPORTANTE:
   WhatsApp, Cookies y Back To Top se mueven por JavaScript
   directamente al <body data-rsssl=1>. Esto evita que Elementor, el footer,
   el hero, transform, filter, backdrop-filter o z-index de otros
   widgets los dejen por debajo del contenido.
========================================================= */

body > #sc-whatsapp-global,
body > #sc-cookie-box,
body > #sc-back-to-top{
    transform-style:flat !important;
    perspective:none !important;
}

body > #sc-whatsapp-global{
    pointer-events:auto !important;
}

body > #sc-whatsapp-global .sc-wa-button{
    pointer-events:auto !important;
}

/* =========================================================
   WHATSAPP FLOTANTE
========================================================= */

#sc-whatsapp-global{
    position:fixed !important;

    left:22px !important;

    bottom:24px !important;

    z-index:2147483646 !important;

    isolation:isolate;

    font-family:
        "Ubuntu Sans",
        Arial,
        sans-serif;
}


/* =========================================================
   WHATSAPP SIEMPRE VERDE
========================================================= */

.sc-wa-button{
    appearance:none;
    text-decoration:none;

    position:relative;

    z-index:2147483647 !important;

    display:flex;

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

    width:58px;
    height:58px;

    padding:0;

    border:
        1px solid
        rgba(115,188,37,.65) !important;

    border-radius:50%;

    background:
        var(--sc-green) !important;

    color:#fff !important;

    cursor:pointer;

    outline:none;

    box-shadow:
        0 15px 40px
        rgba(115,188,37,.28);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.sc-wa-button svg{
    width:27px;
    height:27px;

    fill:none;

    stroke:#fff !important;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;
}


.sc-wa-button:hover,
.sc-wa-button:focus,
.sc-wa-button:focus-visible,
.sc-wa-button:active{
    background:
        var(--sc-green) !important;

    border-color:
        var(--sc-green) !important;

    color:#fff !important;

    transform:
        translateY(-4px)
        scale(1.05);

    box-shadow:
        0 20px 45px
        rgba(115,188,37,.40);
}


.sc-wa-button:hover svg,
.sc-wa-button:focus svg,
.sc-wa-button:active svg{
    stroke:#fff !important;
}


.sc-wa-pulse{
    position:absolute;

    inset:-5px;

    border:
        1px solid
        rgba(115,188,37,.65);

    border-radius:50%;

    animation:
        scWhatsAppPulse
        2s
        infinite;

    pointer-events:none;
}


@keyframes scWhatsAppPulse{

    0%{
        transform:scale(.9);

        opacity:1;
    }

    100%{
        transform:scale(1.35);

        opacity:0;
    }

}


/* =========================================================
   BACK TO TOP
========================================================= */

#sc-back-to-top{
    position:fixed !important;

    right:22px !important;

    bottom:24px !important;

    z-index:2147483645 !important;

    display:flex;

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

    width:58px;
    height:58px;

    padding:0;

    border:
        1px solid
        rgba(49,180,231,.38);

    border-radius:50%;

    background:
        rgba(0,38,69,.93);

    color:
        var(--sc-cyan);

    cursor:pointer;

    box-shadow:
        0 15px 40px
        rgba(0,0,0,.28);

    opacity:0;

    visibility:hidden;

    transform:
        translateY(15px)
        scale(.94);

    transition:
        opacity .3s ease,
        visibility .3s ease,
        transform .3s ease,
        background .25s ease,
        color .25s ease;
}


#sc-back-to-top.is-visible{
    opacity:1;

    visibility:visible;

    transform:
        translateY(0)
        scale(1);
}


#sc-back-to-top svg{
    width:25px;
    height:25px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;
}


#sc-back-to-top:hover{
    transform:
        translateY(-4px)
        scale(1.04);

    color:#fff;

    background:
        var(--sc-cyan);

    border-color:
        var(--sc-cyan);

    box-shadow:
        0 18px 42px
        rgba(49,180,231,.25);
}


#sc-back-to-top::before{
    content:"";

    position:absolute;

    inset:-5px;

    border:
        1px solid
        rgba(49,180,231,.25);

    border-radius:50%;

    opacity:.7;

    transition:.3s ease;
}


#sc-back-to-top:hover::before{
    transform:
        scale(1.15);

    opacity:0;
}


/* =========================================================
   RESPONSIVE PRO v14
   Escritorio / notebook / tablet / móvil / móvil pequeño
========================================================= */

/* ---------------------------------------------------------
   NOTEBOOK / DESKTOP MEDIO
--------------------------------------------------------- */
@media(max-width:1360px){

    #sc-site-footer{
        padding-top:42px;
    }

    .sc-footer-cta{
        gap:32px;
        padding:
            44px
            clamp(26px,4.5vw,64px);
    }

    .sc-footer-cta-title{
        white-space:normal;
        font-size:clamp(28px,3.2vw,43px);
    }

    .sc-footer-grid{
        gap:clamp(28px,3vw,44px);
        padding:
            46px
            clamp(26px,4.5vw,64px);
    }

    .sc-footer-bottom{
        padding:
            20px
            clamp(26px,4.5vw,64px);
    }

    .sc-footer-brand-logo{
        width:215px;
    }
}


/* ---------------------------------------------------------
   TABLET HORIZONTAL
--------------------------------------------------------- */
@media(max-width:1100px){

    .sc-footer-cta{
        grid-template-columns:minmax(0,1fr) auto;
        gap:26px;
    }

    .sc-footer-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
        gap:38px 46px;
    }

    .sc-footer-brand-column{
        grid-column:1 / -1;
    }

    .sc-footer-brand-copy{
        max-width:620px;
    }

    .sc-footer-socials{
        margin-top:20px;
    }

    .sc-footer-bottom{
        gap:18px;
    }

    .sc-footer-legal{
        justify-content:flex-end;
        gap:13px;
    }
}


/* ---------------------------------------------------------
   TABLET VERTICAL
--------------------------------------------------------- */
@media(max-width:860px){

    #sc-site-footer{
        padding-top:34px;
    }

    .sc-footer-cta{
        grid-template-columns:1fr;
        gap:24px;
        padding:38px 28px;
    }

    .sc-footer-cta-title{
        max-width:720px;
        font-size:clamp(27px,5vw,38px);
        line-height:1.04;
        white-space:normal;
    }

    .sc-footer-cta-copy{
        max-width:700px;
        font-size:14px;
        line-height:1.4;
    }

    .sc-footer-main-button{
        justify-self:start;
    }

    .sc-footer-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
        gap:34px 36px;
        padding:40px 28px;
    }

    .sc-footer-title{
        margin-bottom:15px;
    }

    .sc-footer-list-link{
        min-height:38px;
    }

    .sc-footer-bottom{
        align-items:flex-start;
        flex-direction:column;
        gap:14px;
        padding:19px 28px;
    }

    .sc-footer-legal{
        justify-content:flex-start;
    }
}


/* ---------------------------------------------------------
   MÓVIL
--------------------------------------------------------- */
@media(max-width:700px){

    #sc-site-footer{
        padding-top:28px;
    }

    .sc-footer-shell{
        overflow:hidden;
    }

    .sc-footer-cta{
        padding:32px 20px;
        gap:21px;
    }

    .sc-footer-eyebrow{
        margin-bottom:10px;
        font-size:9px;
        line-height:1.25;
        letter-spacing:.09em;
    }

    .sc-footer-eyebrow svg{
        width:17px;
        height:17px;
        flex:0 0 auto;
    }

    .sc-footer-cta-title{
        font-size:clamp(27px,8vw,34px);
        line-height:1.04;
        letter-spacing:-.03em;
    }

    .sc-footer-cta-copy{
        margin-top:12px;
        font-size:13px;
        line-height:1.45;
    }

    .sc-footer-main-button{
        min-height:50px;
        padding:0 20px;
        font-size:11px;
    }

    .sc-footer-grid{
        grid-template-columns:1fr;
        gap:30px;
        padding:34px 20px;
    }

    .sc-footer-brand-column{
        grid-column:auto;
    }

    .sc-footer-brand-logo{
        width:200px;
        height:62px;
        margin-bottom:18px;
    }

    .sc-footer-brand-logo img{
        max-height:56px;
    }

    .sc-footer-brand-copy{
        max-width:520px;
        font-size:13px;
        line-height:1.45;
    }

    .sc-footer-socials{
        gap:7px;
        margin-top:18px;
    }

    .sc-social-link{
        width:40px;
        height:40px;
    }

    .sc-footer-title{
        margin-top:0;
        margin-bottom:13px;
        font-size:12px;
    }

    .sc-footer-list{
        gap:3px;
    }

    .sc-footer-list-link{
        min-height:39px;
        padding:6px 5px;
        margin-left:-5px;
        font-size:13px;
        line-height:1.25;
    }

    .sc-footer-contact-item{
        gap:10px;
        margin-bottom:14px;
        font-size:13px;
        line-height:1.35;
    }

    .sc-footer-contact-icon{
        width:33px;
        height:33px;
    }

    .sc-footer-contact-text strong{
        margin-bottom:4px;
    }

    .sc-footer-bottom{
        gap:13px;
        padding:18px 20px;
        font-size:10px;
        line-height:1.4;
    }

    .sc-footer-bottom-left{
        align-items:flex-start;
    }

    .sc-footer-status{
        margin-top:4px;
        flex:0 0 auto;
    }

    .sc-footer-legal{
        display:grid;
        grid-template-columns:1fr 1fr;
        width:100%;
        gap:10px 14px;
    }

    .sc-footer-legal a{
        align-items:flex-start;
        line-height:1.3;
    }

    /* CAPAS FLOTANTES */
    #sc-whatsapp-global{
        left:14px !important;
        bottom:calc(14px + env(safe-area-inset-bottom,0px)) !important;
    }

    .sc-wa-button{
        width:52px;
        height:52px;
    }

    .sc-wa-button svg{
        width:24px;
        height:24px;
    }

    #sc-back-to-top{
        right:14px !important;
        bottom:calc(14px + env(safe-area-inset-bottom,0px)) !important;
        width:52px;
        height:52px;
    }

    #sc-back-to-top svg{
        width:22px;
        height:22px;
    }

    /* COOKIES */
    #sc-cookie-box{
        left:14px;
        right:14px;
        bottom:calc(80px + env(safe-area-inset-bottom,0px));
        width:auto;
        transform:translateY(30px);
    }

    #sc-cookie-box.is-visible{
        transform:translateY(0);
    }
}


/* ---------------------------------------------------------
   MÓVIL PEQUEÑO
--------------------------------------------------------- */
@media(max-width:520px){

    .sc-footer-cta{
        padding:29px 16px;
    }

    .sc-footer-cta-title{
        font-size:clamp(25px,8.3vw,31px);
    }

    .sc-footer-main-button{
        width:100%;
        justify-content:center;
        min-height:50px;
    }

    .sc-footer-grid{
        padding:30px 16px;
        gap:27px;
    }

    .sc-footer-brand-logo{
        width:185px;
        height:58px;
    }

    .sc-footer-brand-logo img{
        max-height:52px;
    }

    .sc-footer-socials{
        gap:6px;
    }

    .sc-social-link{
        width:38px;
        height:38px;
    }

    .sc-footer-list-link{
        font-size:12px;
    }

    .sc-footer-contact-item{
        font-size:12px;
    }

    .sc-footer-bottom{
        padding:17px 16px;
    }

    .sc-footer-legal{
        grid-template-columns:1fr;
        gap:9px;
    }

    .sc-cookie-top{
        gap:9px;
    }

    .sc-cookie-icon{
        width:34px;
        height:34px;
    }

    .sc-cookie-copy{
        font-size:11px;
        line-height:1.4;
    }

    .sc-cookie-actions{
        flex-direction:column;
        gap:7px;
    }

    .sc-cookie-button{
        width:100%;
        min-height:38px;
    }
}


/* ---------------------------------------------------------
   MÓVILES MUY ESTRECHOS
--------------------------------------------------------- */
@media(max-width:380px){

    .sc-footer-cta{
        padding-inline:13px;
    }

    .sc-footer-grid{
        padding-inline:13px;
    }

    .sc-footer-bottom{
        padding-inline:13px;
    }

    .sc-footer-cta-title{
        font-size:24px;
    }

    .sc-footer-eyebrow{
        font-size:8px;
    }

    .sc-footer-brand-logo{
        width:170px;
    }

    .sc-footer-socials{
        gap:5px;
    }

    .sc-social-link{
        width:36px;
        height:36px;
    }

    .sc-social-link svg{
        width:17px;
        height:17px;
    }

    #sc-whatsapp-global{
        left:10px !important;
    }

    #sc-back-to-top{
        right:10px !important;
    }

    .sc-wa-button,
    #sc-back-to-top{
        width:49px;
        height:49px;
    }

    #sc-cookie-box{
        left:10px;
        right:10px;
        bottom:calc(72px + env(safe-area-inset-bottom,0px));
        padding:14px;
    }
}


/* ---------------------------------------------------------
   LANDSCAPE BAJO
--------------------------------------------------------- */
@media(max-height:500px) and (orientation:landscape) and (max-width:900px){

    #sc-cookie-box{
        max-height:calc(100dvh - 30px);
        overflow:auto;
        bottom:15px;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

    .sc-footer-color-ribbon::before,
    .sc-wa-pulse{
        animation:none !important;
    }

}




/* Encierra toda la política en una capa inferior independiente. */
#sc-cookies-policy{
  position:relative!important;
  z-index:0!important;
  isolation:isolate!important;
}

/* Impide que el widget o sus contenedores Elementor compitan con el header. */
.elementor-widget-html:has(#sc-cookies-policy),
.elementor-element:has(> .elementor-widget-container > #sc-cookies-policy){
  z-index:0!important;
  isolation:isolate!important;
}

/* Las capas GPU de backdrop-filter quedan encerradas dentro de Cookies. */
#sc-cookies-policy .sc-cookies__hero,
#sc-cookies-policy .sc-cookies__grid,
#sc-cookies-policy .sc-cookies__sidebar,
#sc-cookies-policy .sc-cookies__content,
#sc-cookies-policy .sc-cookies__card,
#sc-cookies-policy .sc-cookies__meta-item{
  z-index:0!important;
}

/* El menú ya es sticky por CSS: nunca debe transformarse en fixed. */
#sc-cookies-policy .sc-cookies__sidebar-inner,
#sc-cookies-policy .sc-cookies__sidebar-inner.sc-menu-fixed,
#sc-cookies-policy .sc-cookies__sidebar-inner.sc-menu-bottom{
  position:sticky!important;
  top:105px!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  z-index:1!important;
  width:100%!important;
  max-width:100%!important;
}

/* El header permanece en la única capa superior del sitio. */
body > #sc-site-header,
#sc-site-header:popover-open{
  position:fixed!important;
  inset:0 0 auto!important;
  z-index:2147483647!important;
}

/* CTA: contraste con la paleta corporativa. */
#sc-cookies-policy .sc-cookies__button:hover,
#sc-cookies-policy .sc-cookies__button:focus-visible{
  border-color:#31B4E7!important;
  background:#31B4E7!important;
  color:#002F57!important;
  box-shadow:none!important;
}

@media(max-width:767px){
  #sc-cookies-policy .sc-cookies__sidebar-inner,
  #sc-cookies-policy .sc-cookies__sidebar-inner.sc-menu-fixed,
  #sc-cookies-policy .sc-cookies__sidebar-inner.sc-menu-bottom{
    position:static!important;
  }
}


/* =========================================================
   V3 · PARTNER + SOCIAL ICONS + WHATSAPP PREMIUM
========================================================= */
.sc-footer-partner{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.sc-footer-partner>span{max-width:105px;color:rgba(221,240,249,.50);font:800 8px/1.25 "Exo 2",sans-serif;letter-spacing:.075em;text-transform:uppercase}
.sc-footer-partner img{display:block;width:132px;height:auto;opacity:.82;filter:grayscale(.12);transition:.2s ease}
.sc-footer-partner:hover img{opacity:1;filter:none}
.sc-footer-socials{gap:10px}
.sc-social-link{width:44px;height:44px;border-radius:50%;border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.045);position:relative;overflow:hidden}
.sc-social-link::after{content:"";position:absolute;inset:5px;border-radius:50%;background:currentColor;opacity:.07;transition:.22s ease}
.sc-social-link:hover::after{opacity:.15}
.sc-social-link .sc-brand-icon{position:relative;z-index:2;width:20px!important;height:20px!important;fill:currentColor!important;stroke:none!important}
.sc-social-link.instagram .sc-brand-instagram{fill:none!important;stroke:currentColor!important;stroke-width:1.85!important}
.sc-social-link.instagram .ig-dot{fill:currentColor!important;stroke:none!important}
.sc-social-link.mail .sc-brand-icon{fill:none!important;stroke:currentColor!important;stroke-width:1.75!important}
.sc-social-link.facebook{color:#1877f2}.sc-social-link.instagram{color:#ff6a30}.sc-social-link.whatsapp{color:#25d366}.sc-social-link.mail{color:#f6bd00}
#sc-whatsapp-global{left:24px!important;bottom:24px!important}
.sc-wa-button{width:64px!important;height:64px!important;background:#25D366!important;border:2px solid rgba(255,255,255,.24)!important;box-shadow:0 12px 30px rgba(37,211,102,.30),0 0 0 7px rgba(37,211,102,.08)!important}
.sc-wa-button::before{content:"";position:absolute;inset:-10px;border:1px solid rgba(37,211,102,.38);border-radius:50%;animation:waIdeasPulse 2.3s ease-out infinite}
.sc-wa-button .sc-brand-icon--wa{width:34px!important;height:34px!important;fill:#fff!important;stroke:none!important;position:relative;z-index:2}
.sc-wa-button:hover,.sc-wa-button:focus-visible{background:#20bd5a!important;border-color:#fff!important;transform:translateY(-4px) scale(1.055)!important;box-shadow:0 18px 38px rgba(37,211,102,.40),0 0 0 9px rgba(37,211,102,.10)!important}
@keyframes waIdeasPulse{0%{opacity:.72;transform:scale(.88)}75%,100%{opacity:0;transform:scale(1.28)}}
@media(max-width:520px){.sc-wa-button{width:58px!important;height:58px!important}.sc-wa-button .sc-brand-icon--wa{width:30px!important;height:30px!important}.sc-footer-partner{flex-wrap:wrap}}


/* V4.0 · Agent widget replaces WhatsApp */
#sc-whatsapp-global{display:none!important}
.sc-social-link.whatsapp{display:none!important}
.sc-agent-widget{position:fixed;left:24px;bottom:24px;z-index:2147483647!important;isolation:isolate}
.sc-agent-fab{position:relative;display:grid;place-items:center;width:62px;height:62px;border:0;border-radius:50%;background:linear-gradient(180deg,#73bc25,#31b4e7);color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.28);cursor:pointer}
.sc-agent-fab svg{width:29px;height:29px;stroke:currentColor}
.sc-agent-fab__pulse{position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(115,188,37,.45);animation:scAgentPulse 1.8s ease-out infinite}
@keyframes scAgentPulse{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.25);opacity:0}}
.sc-agent-panel{position:absolute;left:0;bottom:78px;width:min(360px,calc(100vw - 28px));border:1px solid rgba(49,180,231,.28);border-radius:18px;background:linear-gradient(180deg,#083b62,#002f57);box-shadow:0 24px 60px rgba(0,0,0,.32);overflow:hidden}
.sc-agent-panel[hidden]{display:none!important}
.sc-agent-panel__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.sc-agent-title{display:block;color:#fff;font:900 14px/1 "Exo 2",sans-serif;letter-spacing:.06em}
.sc-agent-status{display:block;margin-top:4px;color:rgba(255,255,255,.65);font:700 11px/1 "Ubuntu Sans",sans-serif}
.sc-agent-close{border:0;background:none;color:rgba(255,255,255,.72);font-size:28px;line-height:1;cursor:pointer}
.sc-agent-body{padding:16px 16px 10px}
.sc-agent-bubble{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font-size:14px;line-height:1.5}
.sc-agent-bubble+.sc-agent-bubble{margin-top:10px}
.sc-agent-bubble--user{margin-left:24px;background:rgba(49,180,231,.18)}
.sc-agent-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.sc-agent-quick button{min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.86);font:800 10px/1 "Exo 2",sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.sc-agent-log{display:grid;gap:10px;margin-top:12px;max-height:260px;overflow:auto;padding-right:4px}
.sc-agent-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:0 16px 12px}
.sc-agent-form input{height:42px;padding:0 13px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.08);color:#fff}
.sc-agent-form input::placeholder{color:rgba(255,255,255,.56)}
.sc-agent-form button{height:42px;padding:0 14px;border:0;border-radius:10px;background:#ff5300;color:#fff;font:800 11px/1 "Exo 2",sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.sc-agent-escalate{display:block;padding:14px 16px;border-top:1px solid rgba(255,255,255,.08);color:#f6bd00;text-decoration:none;font:800 11px/1 "Exo 2",sans-serif;letter-spacing:.06em;text-transform:uppercase}
html[data-theme="light"] .sc-agent-panel{background:#fff!important;border-color:rgba(0,47,87,.14)!important}
html[data-theme="light"] .sc-agent-panel__head{border-bottom-color:rgba(0,47,87,.08)!important}
html[data-theme="light"] .sc-agent-title,html[data-theme="light"] .sc-agent-bubble,html[data-theme="light"] .sc-agent-form input,html[data-theme="light"] .sc-agent-quick button{color:#002f57!important;-webkit-text-fill-color:#002f57!important}
html[data-theme="light"] .sc-agent-status,html[data-theme="light"] .sc-agent-escalate{color:#425d70!important}
html[data-theme="light"] .sc-agent-bubble{background:rgba(0,47,87,.05)!important}
html[data-theme="light"] .sc-agent-bubble--user{background:rgba(49,180,231,.12)!important}
html[data-theme="light"] .sc-agent-form input{background:#f4f7fa!important;border-color:rgba(0,47,87,.12)!important}
html[data-theme="light"] .sc-agent-quick button{background:#f4f7fa!important;border-color:rgba(0,47,87,.08)!important}
@media(max-width:720px){.sc-agent-widget{left:14px;bottom:14px}.sc-agent-panel{left:0;width:min(340px,calc(100vw - 24px));bottom:72px}}


/* V4.1 · SÓCRATES AGENT PRO */
.sc-agent-panel{width:min(430px,calc(100vw - 28px))!important}
.sc-agent-panel__head{position:relative;padding-right:52px!important}
.sc-agent-reset{margin-left:auto;margin-right:8px;padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.72);font:800 9px/1 "Exo 2",sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.sc-agent-close{position:absolute;right:15px;top:16px}
.sc-agent-bubble{font-size:14.5px!important;line-height:1.55!important}
.sc-agent-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.sc-agent-options button{min-height:44px;padding:9px 11px;border:1px solid rgba(49,180,231,.22);border-radius:10px;background:rgba(255,255,255,.055);color:#fff;text-align:left;font:700 11px/1.25 "Ubuntu Sans",sans-serif;cursor:pointer;transition:.18s ease}
.sc-agent-options button:hover{transform:translateY(-1px);border-color:rgba(115,188,37,.5);background:rgba(115,188,37,.08)}
.sc-agent-typing{display:flex;align-items:center;gap:5px;width:max-content;margin-top:10px;padding:10px 13px;border-radius:12px;background:rgba(255,255,255,.06)}
.sc-agent-typing i{width:6px;height:6px;border-radius:50%;background:#31b4e7;animation:scAgentTyping .9s infinite ease-in-out}.sc-agent-typing i:nth-child(2){animation-delay:.12s}.sc-agent-typing i:nth-child(3){animation-delay:.24s}
@keyframes scAgentTyping{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
.sc-agent-log{max-height:330px!important}
html[data-theme="light"] .sc-agent-reset{border-color:rgba(0,47,87,.12);background:#f4f7fa;color:#425d70}
html[data-theme="light"] .sc-agent-options button{border-color:rgba(0,47,87,.12);background:#f4f7fa;color:#002f57}
html[data-theme="light"] .sc-agent-typing{background:#f4f7fa}
@media(max-width:520px){.sc-agent-panel{width:calc(100vw - 20px)!important}.sc-agent-options{grid-template-columns:1fr}.sc-agent-log{max-height:290px!important}.sc-agent-reset{display:none}}


/* V4.1.1 · AGENT ALWAYS ABOVE HEADER */
.sc-agent-widget,.sc-agent-panel,.sc-agent-fab{z-index:2147483647!important}
.sc-agent-panel{isolation:isolate!important}


/* ============================================================
   V4.3 · DIVA AVATAR AS THE ONLY AGENT BUTTON
   ============================================================ */
.sc-agent-fab{
  width:72px!important;
  height:72px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.sc-agent-fab::before,
.sc-agent-fab::after,
.sc-agent-fab__pulse,
.sc-agent-fab svg{
  display:none!important;
}
.sc-agent-fab img{
  display:block!important;
  width:72px!important;
  height:72px!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  opacity:1!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.22))!important;
  transform:none!important;
  transition:transform .2s ease!important;
}
.sc-agent-fab:hover img,
.sc-agent-fab:focus-visible img{
  transform:translateY(-2px) scale(1.04)!important;
}
@media(max-width:720px){
  .sc-agent-fab,
  .sc-agent-fab img{
    width:66px!important;
    height:66px!important;
  }
}


/* V4.4.1 · Footer / Agent typography standard */
#sc-site-footer h1,
#sc-site-footer h2,
#sc-site-footer h3,
#sc-site-footer h4,
.sc-agent-title{
  font-family:"Exo 2",Arial,sans-serif!important;
  font-weight:700!important;
}
#sc-site-footer p,
#sc-site-footer address,
.sc-agent-bubble,
.sc-agent-status,
.sc-agent-form input{
  font-family:"Ubuntu Sans",Ubuntu,Arial,sans-serif!important;
}
#sc-site-footer a,
#sc-site-footer button,
.sc-agent-quick button,
.sc-agent-form button,
.sc-agent-escalate,
.sc-agent-close{
  font-family:"Exo 2",Arial,sans-serif!important;
  font-weight:400!important;
  text-transform:uppercase!important;
}


/* ============================================================
   V4.4.4 · AGENT CONVERSATION SCROLL
   Greeting + quick actions + history share ONE scroll area.
   Composer remains visible at the bottom.
   ============================================================ */
.sc-agent-panel{
  display:flex!important;
  flex-direction:column!important;
  width:min(440px,calc(100vw - 28px))!important;
  height:min(690px,calc(100dvh - 112px))!important;
  max-height:calc(100dvh - 112px)!important;
  overflow:hidden!important;
}
.sc-agent-panel__head{
  flex:0 0 auto!important;
}
.sc-agent-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding:16px 16px 14px!important;
  scrollbar-gutter:stable!important;
  scroll-behavior:smooth;
}
.sc-agent-log{
  display:grid!important;
  gap:10px!important;
  margin-top:12px!important;
  max-height:none!important;
  overflow:visible!important;
  padding-right:0!important;
}
.sc-agent-form,
.sc-agent-escalate{
  flex:0 0 auto!important;
}
.sc-agent-form{
  padding:12px 16px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  background:rgba(0,47,87,.94)!important;
  backdrop-filter:blur(12px);
}
.sc-agent-form input{
  min-width:0!important;
}
.sc-agent-panel.has-conversation .sc-agent-body{
  padding-top:12px!important;
}
/* Initial block is not sticky: it scrolls away naturally with the chat. */
.sc-agent-panel.has-conversation [data-agent-welcome],
.sc-agent-panel.has-conversation [data-agent-quick]{
  position:static!important;
}
html[data-theme="light"] .sc-agent-form{
  background:rgba(255,255,255,.96)!important;
  border-top-color:rgba(0,47,87,.10)!important;
}
@media(max-width:720px){
  .sc-agent-panel{
    width:calc(100vw - 20px)!important;
    height:calc(100dvh - 92px)!important;
    max-height:calc(100dvh - 92px)!important;
    left:0!important;
    bottom:72px!important;
  }
  .sc-agent-body{
    padding:14px 14px 12px!important;
  }
  .sc-agent-form{
    padding:10px 12px!important;
  }
}
@media(max-width:520px){
  .sc-agent-log{max-height:none!important}
  .sc-agent-options{grid-template-columns:1fr 1fr!important}
}
@media(max-width:380px){
  .sc-agent-options{grid-template-columns:1fr!important}
}

/* SÓCRATES BRAND v1.0 */
#sc-site-footer .sc-footer-brand-logo{width:300px!important;height:76px!important}
#sc-site-footer .sc-footer-brand-logo img{max-width:300px!important;max-height:70px!important}
html[data-theme="light"] #sc-site-footer .sc-footer-logo-yellow{content:url('/assets/img/brand/socrates-logo-orange.png')}
html[data-theme="light"] #sc-site-footer .sc-footer-logo-white{content:url('/assets/img/brand/socrates-logo-cyan.png')}