/* ============================================================
   VARIABLES / BASE
   ============================================================ */

#sc-cookies-policy {

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

    position: relative;

    width: 100%;

    padding:
        75px
        20px
        120px;

    box-sizing: border-box;

    overflow: visible !important;

    color: #FFFFFF;

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

}


#sc-cookies-policy *,
#sc-cookies-policy *::before,
#sc-cookies-policy *::after {

    box-sizing: border-box;

}


.sc-cookies__container {

    width: 100%;

    max-width: 1280px;

    margin: 0 auto;

    overflow: visible !important;

}


/* ============================================================
   LANGUAGES
   ============================================================ */

.sc-cookies__language {

    display: none;

    overflow: visible !important;

}


.sc-cookies__language.is-active {

    display: block;

}


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

.sc-cookies__hero {

    position: relative;

    max-width: 930px;

    padding:
        20px
        0
        55px;

}


.sc-cookies__eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 20px;

    color: #FFFFFF;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .16em;

}


.sc-cookies__eyebrow-dot {

    display: block;

    width: 8px;
    height: 8px;

    flex: 0 0 auto;

    border-radius: 50%;

    background:
        var(--sc-cyan);

    box-shadow:
        0 0 0 6px
        rgba(49,180,231,.10);

}


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

.sc-cookies__hero h1 {

    margin:
        0
        0
        25px;

    padding: 0;

    color: #FFFFFF;

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

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

    line-height: .98;

    letter-spacing: -.035em;

    font-weight: 700;

    text-transform: uppercase;

}


.sc-cookies__hero h1 span {

    color:
        var(--sc-cyan);

}


.sc-cookies__lead {

    max-width: 800px;

    margin: 0;

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

    font-size: 18px;

    line-height: 1.65;

}


/* ============================================================
   META
   ============================================================ */

.sc-cookies__meta {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 30px;

}


.sc-cookies__meta-item {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding:
        9px
        13px;

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

    border-radius: 6px;

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

    backdrop-filter:
        blur(12px);

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

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

    font-size: 12px;

}


.sc-cookies__meta-icon {

    color:
        var(--sc-cyan);

    font-size: 15px;

}


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

.sc-cookies__grid {

    position: relative;

    display: grid;

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

    gap: 55px;

    align-items: start;

    overflow: visible !important;

}


/* ============================================================
   SIDEBAR
   ============================================================ */

.sc-cookies__sidebar {

    position: relative;

    min-width: 0;

    /*
     * El holder ocupa toda la altura de la columna legal.
     * Esto permite que el menú fijo se detenga correctamente
     * antes del footer.
     */

    align-self: stretch;

    height: 100%;

    overflow: visible !important;

}


.sc-cookies__sidebar-inner {

    position: relative;

    width: 100%;

    max-height:
        calc(100vh - 135px);

    overflow-x: hidden;
    overflow-y: auto;

    padding:
        24px
        22px;

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

    border-radius: 11px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.020)
        );

    backdrop-filter:
        blur(18px);

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

    scrollbar-width: thin;

    scrollbar-color:
        rgba(49,180,231,.35)
        transparent;

}


/* ============================================================
   DESKTOP / PC
   MENÚ FIJO SOLO DESDE 1025PX
   ============================================================ */

@media
(min-width: 1025px) {

    .sc-cookies__sidebar-inner.sc-menu-fixed {

        position: fixed !important;

        top: 110px !important;

        right: auto !important;
        bottom: auto !important;

        z-index: 90;

    }


    .sc-cookies__sidebar-inner.sc-menu-bottom {

        position: absolute !important;

        top: auto !important;
        right: auto !important;
        bottom: 0 !important;
        left: 0 !important;

        z-index: 20;

    }

}


/* ============================================================
   TABLET
   ÍNDICE VISIBLE PERO NO FLOTANTE
   ============================================================ */

@media
(min-width: 768px)
and
(max-width: 1024px) {

    .sc-cookies__sidebar-inner,
    .sc-cookies__sidebar-inner.sc-menu-fixed,
    .sc-cookies__sidebar-inner.sc-menu-bottom {

        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        max-width: 100% !important;

        max-height: none;

        overflow: visible;

    }

}


.sc-cookies__sidebar-inner::-webkit-scrollbar {

    width: 4px;

}


.sc-cookies__sidebar-inner::-webkit-scrollbar-track {

    background: transparent;

}


.sc-cookies__sidebar-inner::-webkit-scrollbar-thumb {

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

    border-radius: 20px;

}


/* ============================================================
   SIDEBAR TITLE
   ============================================================ */

.sc-cookies__sidebar-title {

    margin-bottom: 18px;

    color:
        var(--sc-cyan);

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

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .15em;

}


/* ============================================================
   TOC
   ============================================================ */

.sc-cookies__toc {

    display: flex;

    flex-direction: column;

}


.sc-cookies__toc a {

    position: relative;

    display: grid;

    grid-template-columns:
        29px
        1fr;

    gap: 6px;

    align-items: center;

    min-height: 35px;

    padding:
        8px
        0;

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

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

    text-decoration: none !important;

    font-size: 11.5px;

    line-height: 1.3;

    transition:
        color .25s ease,
        padding-left .25s ease;

}


.sc-cookies__toc a:last-child {

    border-bottom: 0;

}


.sc-cookies__toc a span {

    color:
        rgba(49,180,231,.70);

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

    font-size: 9px;

    font-weight: 600;

}


.sc-cookies__toc a:hover {

    padding-left: 4px;

    color: #FFFFFF;

}


.sc-cookies__toc a:hover span {

    color:
        var(--sc-cyan);

}


/* ACTIVE */

.sc-cookies__toc a.is-active {

    padding-left: 7px;

    color: #FFFFFF;

    font-weight: 600;

}


.sc-cookies__toc a.is-active span {

    color:
        var(--sc-cyan);

}


.sc-cookies__toc a.is-active::before {

    content: "";

    position: absolute;

    left: -22px;

    top: 7px;
    bottom: 7px;

    width: 2px;

    border-radius: 5px;

    background:
        var(--sc-cyan);

    box-shadow:
        0 0 10px
        rgba(49,180,231,.30);

}


/* ============================================================
   CONTENT
   ============================================================ */

.sc-cookies__content {

    min-width: 0;

}


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

.sc-cookies__card {

    position: relative;

    margin-bottom: 18px;

    padding:
        40px
        44px;

    overflow: hidden;

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

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.050) 0%,
            rgba(255,255,255,.018) 100%
        );

    backdrop-filter:
        blur(14px);

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

    transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease;

}


.sc-cookies__card::before {

    content: "";

    position: absolute;

    left: 0;

    top: 27px;
    bottom: 27px;

    width: 2px;

    background:
        var(--sc-cyan);

    opacity: .28;

    transition:
        opacity .35s ease;

}


.sc-cookies__card:hover {

    transform:
        translateY(-2px);

    border-color:
        rgba(49,180,231,.23);

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.066) 0%,
            rgba(255,255,255,.022) 100%
        );

}


.sc-cookies__card:hover::before {

    opacity: .9;

}


.sc-cookies__number {

    position: absolute;

    right: 27px;
    top: 22px;

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

    pointer-events: none;

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

    font-size: 49px;

    line-height: 1;

    font-weight: 700;

}


.sc-cookies__card h2 {

    max-width: 82%;

    margin:
        0
        0
        21px;

    padding: 0;

    color: #FFFFFF;

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

    font-size:
        clamp(
            24px,
            2.7vw,
            33px
        );

    line-height: 1.08;

    letter-spacing: -.02em;

    font-weight: 600;

}


.sc-cookies__card p {

    margin:
        0
        0
        18px;

    padding: 0;

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

    font-size: 16px;

    line-height: 1.72;

}


.sc-cookies__card p:last-child {

    margin-bottom: 0;

}


.sc-cookies__card strong {

    color: #FFFFFF;

    font-weight: 600;

}


/* ============================================================
   LISTS
   ============================================================ */

.sc-cookies__card ul {

    list-style: none !important;

    padding: 0 !important;

    margin:
        22px
        0
        25px
        !important;

}


.sc-cookies__card ul li {

    position: relative;

    margin: 0 !important;

    padding:
        7px
        0
        7px
        27px
        !important;

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

    font-size: 15px;

    line-height: 1.55;

}


.sc-cookies__card ul li::before {

    content: "";

    position: absolute;

    left: 1px;
    top: 15px;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background:
        var(--sc-cyan);

    box-shadow:
        0 0 0 4px
        rgba(49,180,231,.08);

}


/* ============================================================
   INTRO
   ============================================================ */

.sc-cookies__card--intro {

    border-color:
        rgba(49,180,231,.22);

}


.sc-cookies__card--intro::before {

    opacity: .75;

}


/* ============================================================
   HIGHLIGHT
   ============================================================ */

.sc-cookies__highlight {

    display: grid;

    grid-template-columns:
        34px
        1fr;

    gap: 15px;

    align-items: start;

    margin-top: 28px;

    padding:
        20px
        22px;

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

    border-radius: 8px;

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

}


.sc-cookies__highlight-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 32px;
    height: 32px;

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

    border-radius: 6px;

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

    color:
        var(--sc-cyan);

    font-size: 14px;

    font-weight: 700;

}


.sc-cookies__highlight p {

    margin:
        2px
        0
        0
        !important;

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

}


/* ============================================================
   COOKIE TYPES
   ============================================================ */

.sc-cookies__types {

    display: grid;

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

    gap: 14px;

    margin-top: 26px;

}


.sc-cookies__type {

    display: grid;

    grid-template-columns:
        38px
        1fr;

    gap: 13px;

    align-items: start;

    padding:
        20px;

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

    border-radius: 8px;

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

}


.sc-cookies__type-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 36px;
    height: 36px;

    border-radius: 5px;

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

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

    color:
        var(--sc-cyan);

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

    font-size: 10px;

    font-weight: 700;

}


.sc-cookies__type strong {

    display: block;

    margin-bottom: 5px;

    font-size: 14px;

}


.sc-cookies__type p {

    margin: 0 !important;

    font-size: 13px;

    line-height: 1.55;

}


/* ============================================================
   CONTACT
   ============================================================ */

.sc-cookies__card--contact {

    padding:
        52px
        46px;

    border-color:
        rgba(49,180,231,.24);

    background:

        radial-gradient(
            circle at 100% 0%,
            rgba(49,180,231,.11),
            transparent 42%
        ),

        linear-gradient(
            135deg,
            rgba(255,255,255,.065),
            rgba(255,255,255,.018)
        );

}


.sc-cookies__card--contact::before {

    opacity: .90;

}


/* ============================================================
   ACTIONS
   ============================================================ */

.sc-cookies__actions {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 22px;

    margin-top: 15px;

}


/* NARANJA SOLO CTA */

.sc-cookies__button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 27px;

    min-height: 50px;

    padding:
        0
        18px
        0
        22px;

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

    border-radius: 4px;

    background:
        var(--sc-orange);

    color:
        #FFFFFF
        !important;

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

    font-size: 12px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: .08em;

    text-decoration:
        none
        !important;

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

}


.sc-cookies__button-arrow {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 28px;
    height: 28px;

    border-radius: 3px;

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

    font-size: 17px;

}


.sc-cookies__button:hover {

    transform:
        translateY(-2px);

    background:
        #FF6721;

    box-shadow:
        0 14px 35px
        rgba(255,83,0,.20);

}


/* LINK CELESTE */

.sc-cookies__secondary-link {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    color:
        var(--sc-cyan)
        !important;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .08em;

    text-decoration:
        none
        !important;

    transition:
        gap .25s ease,
        opacity .25s ease;

}


.sc-cookies__secondary-link:hover {

    gap: 14px;

    opacity: .82;

}


/* ============================================================
   ANCHOR OFFSET
   ============================================================ */

#sc-cookies-policy [id^="sc-cookies-es-"],
#sc-cookies-policy [id^="sc-cookies-pt-"],
#sc-cookies-policy [id^="sc-cookies-en-"] {

    scroll-margin-top: 125px;

}


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

@media
(max-width: 1024px) {

    #sc-cookies-policy {

        padding-top:
            60px;

    }


    .sc-cookies__grid {

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

        gap: 28px;

    }


    .sc-cookies__sidebar-inner {

        padding:
            20px
            16px;

    }


    .sc-cookies__toc a.is-active::before {

        left: -16px;

    }


    .sc-cookies__card {

        padding:
            35px
            33px;

    }


    .sc-cookies__hero h1 {

        font-size:
            clamp(
                40px,
                6vw,
                58px
            );

    }

}


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

@media
(max-width: 767px) {

    #sc-cookies-policy {

        padding:
            48px
            16px
            80px;

    }


    .sc-cookies__hero {

        padding:
            15px
            0
            38px;

    }


    .sc-cookies__eyebrow {

        margin-bottom:
            17px;

        font-size:
            9px;

    }


    .sc-cookies__hero h1 {

        font-size:
            clamp(
                35px,
                10.5vw,
                48px
            );

        line-height: .98;

        margin-bottom: 20px;

    }


    .sc-cookies__lead {

        font-size: 15px;

        line-height: 1.6;

    }


    .sc-cookies__meta {

        flex-direction: column;

        align-items: flex-start;

        margin-top: 23px;

    }


    .sc-cookies__meta-item {

        font-size: 11px;

    }


    .sc-cookies__grid {

        display: block;

    }


    .sc-cookies__sidebar {

        display: none;

    }


    .sc-cookies__card {

        padding:
            30px
            23px
            30px
            25px;

        border-radius: 10px;

        margin-bottom: 12px;

    }


    .sc-cookies__card::before {

        top: 21px;

        bottom: 21px;

    }


    .sc-cookies__number {

        right: 16px;

        top: 16px;

        font-size: 36px;

    }


    .sc-cookies__card h2 {

        max-width: 84%;

        margin-bottom: 18px;

        font-size: 24px;

    }


    .sc-cookies__card p {

        font-size: 14px;

        line-height: 1.68;

    }


    .sc-cookies__card ul li {

        font-size: 14px;

        padding-left:
            23px
            !important;

    }


    .sc-cookies__types {

        grid-template-columns: 1fr;

    }


    .sc-cookies__highlight {

        grid-template-columns:
            30px
            1fr;

        gap: 12px;

        padding: 16px;

    }


    .sc-cookies__highlight-icon {

        width: 30px;
        height: 30px;

    }


    .sc-cookies__card--contact {

        padding:
            35px
            25px;

    }


    .sc-cookies__actions {

        flex-direction: column;

        align-items: stretch;

    }


    .sc-cookies__button {

        width: 100%;

        justify-content: space-between;

    }


    .sc-cookies__secondary-link {

        justify-content: center;

    }

}


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

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

    #sc-cookies-policy *,
    #sc-cookies-policy *::before,
    #sc-cookies-policy *::after {

        scroll-behavior:
            auto
            !important;

        transition-duration:
            .01ms
            !important;

        animation-duration:
            .01ms
            !important;

    }

}





/* La política queda dentro de su propia capa visual. */
#sc-cookies-policy{
    position:relative!important;
    z-index:0!important;
    isolation:isolate!important;
}


/* Contenedores Elementor asociados sin competir con el header. */



/* Capas internas normales. */
#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 sidebar sí puede pasar a fixed en desktop.
 * No forzamos sticky aquí porque eso anulaba
 * el comportamiento de navegación solicitado.
 */
@media(min-width:1025px){

    #sc-cookies-policy .sc-cookies__sidebar-inner.sc-menu-fixed{
        position:fixed!important;
        top:110px!important;
        z-index:90!important;
    }

    #sc-cookies-policy .sc-cookies__sidebar-inner.sc-menu-bottom{
        position:absolute!important;
        top:auto!important;
        bottom:0!important;
        left:0!important;
        z-index:20!important;
    }

}


/* Tablet: visible pero no fijo. */
@media(min-width:768px) and (max-width:1024px){

    #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:relative!important;
        top:auto!important;
        right:auto!important;
        bottom:auto!important;
        left:auto!important;
        width:100%!important;
        max-width:100%!important;
    }

}


/* Móvil: el índice continúa oculto por el CSS principal. */
@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;
    }

}


/* Header siempre por encima de la política. */
body > #sc-site-header,
#sc-site-header:popover-open{
    position:fixed!important;
    inset:0 0 auto!important;
    z-index:2147483647!important;
}


/* CTA con contraste corporativo. */
#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;
}



/* SÓCRATES PHP CORE 4.5.1 — isolated legal compatibility */
#sc-cookies-policy{margin:0!important;}
@media(min-width:1025px){
  #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:118px!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;
  }
}
@media(max-width:1024px){
  #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:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;}
}

html[data-theme="light"] #sc-cookies-policy{color:#002F57!important;}
html[data-theme="light"] #sc-cookies-policy .sc-cookies__hero h1,
html[data-theme="light"] #sc-cookies-policy .sc-cookies__eyebrow,
html[data-theme="light"] #sc-cookies-policy .sc-cookies__card h2,
html[data-theme="light"] #sc-cookies-policy .sc-cookies__sidebar-title{color:#002F57!important;}
html[data-theme="light"] #sc-cookies-policy .sc-cookies__lead,
html[data-theme="light"] #sc-cookies-policy .sc-cookies__card p,
html[data-theme="light"] #sc-cookies-policy .sc-cookies__card li{color:#4d6070!important;}
html[data-theme="light"] #sc-cookies-policy .sc-cookies__card,
html[data-theme="light"] #sc-cookies-policy .sc-cookies__sidebar-inner,
html[data-theme="light"] #sc-cookies-policy .sc-cookies__meta-item{background:rgba(255,255,255,.84)!important;border-color:rgba(0,47,87,.14)!important;}
html[data-theme="light"] #sc-cookies-policy .sc-cookies__toc a{color:#526a79!important;border-color:rgba(0,47,87,.10)!important;}
html[data-theme="light"] #sc-cookies-policy .sc-cookies__toc a:hover,
html[data-theme="light"] #sc-cookies-policy .sc-cookies__toc a.is-active{color:#002F57!important;}