/* ============================================================
   SÓCRATES CREATIVE STUDIO
   POLÍTICA DE PRIVACIDAD
   AJUSTE VISUAL + MENÚ FIJO + SCROLLSPY
   ============================================================ */

#sc-privacy-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%;

    color: #FFFFFF;

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

    padding: 75px 20px 120px;

    box-sizing: border-box;

    overflow: visible !important;
}


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

    box-sizing: border-box;

}


.sc-privacy__container {

    width: 100%;
    max-width: 1280px;

    margin: 0 auto;

    overflow: visible !important;

}


.sc-privacy__language {

    display: none;

    overflow: visible !important;

}


.sc-privacy__language.is-active {

    display: block;

}


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

.sc-privacy__hero {

    position: relative;

    max-width: 920px;

    padding:
        20px
        0
        55px;

}


/* Etiqueta superior */

.sc-privacy__eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 20px;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .16em;

    color: #FFFFFF;

}


/* Punto celeste */

.sc-privacy__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);

}


/* ============================================================
   TÍTULO
   MÁS PEQUEÑO
   ============================================================ */

.sc-privacy__hero h1 {

    margin:
        0
        0
        25px;

    padding: 0;

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

    font-size:
        clamp(
            42px,
            5.2vw,
            68px
        );

    line-height: .98;

    letter-spacing: -.035em;

    font-weight: 700;

    text-transform: uppercase;

    color: #FFFFFF;

}


/* Antes naranja.
   Ahora celeste corporativo */

.sc-privacy__hero h1 span {

    color: var(--sc-cyan);

}


/* Texto bajada */

.sc-privacy__lead {

    max-width: 780px;

    margin: 0;

    font-size: 18px;

    line-height: 1.65;

    font-weight: 400;

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

}


/* ============================================================
   METADATA
   ============================================================ */

.sc-privacy__meta {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 30px;

}


.sc-privacy__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;

}


/* Iconos celestes */

.sc-privacy__meta-icon {

    color: var(--sc-cyan);

    font-size: 15px;

}


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

.sc-privacy__grid {

    position: relative;

    display: grid;

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

    gap: 55px;

    align-items: start;

    overflow: visible !important;

}


/* ============================================================
   SIDEBAR / ÍNDICE
   ============================================================ */

.sc-privacy__sidebar {

    position: relative;

    min-width: 0;

    /*
     * IMPORTANTE:
     * el holder ocupa toda la altura de la columna de contenido.
     * Así el menú puede quedar fijo y, al llegar al final,
     * detenerse correctamente dentro de esta sección.
     */

    align-self: stretch;

    height: 100%;

    overflow: visible !important;

}


/* ============================================================
   MENÚ LATERAL
   FIJO SOLO EN PC
   ============================================================ */

.sc-privacy__sidebar-inner {

    position: relative;

    width: 100%;

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

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

    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
 *
 * El JS agrega .sc-menu-fixed cuando el índice debe acompañar
 * el scroll y .sc-menu-bottom cuando llega al final de la política.
 */

@media
(min-width: 1025px) {

    .sc-privacy__sidebar-inner.sc-menu-fixed {

        position: fixed !important;

        top: 110px !important;

        z-index: 90;

    }


    .sc-privacy__sidebar-inner.sc-menu-bottom {

        position: absolute !important;

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

        z-index: 20;

    }

}


/*
 * TABLET
 * El índice continúa visible, pero NO queda flotando.
 */

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

    .sc-privacy__sidebar-inner {

        position: relative !important;

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

        max-height: none;

        overflow: visible;

    }

}


/* Scroll interno */

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

    width: 4px;

}


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

    background: transparent;

}


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

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

    border-radius: 20px;

}


/* ============================================================
   TÍTULO DEL MENÚ
   ============================================================ */

.sc-privacy__sidebar-title {

    margin-bottom: 18px;

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

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .15em;

    /*
       Antes naranja.
       Ahora celeste.
    */

    color: var(--sc-cyan);

}


/* ============================================================
   LINKS DEL MENÚ
   ============================================================ */

.sc-privacy__toc {

    display: flex;

    flex-direction: column;

}


.sc-privacy__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,.06);

    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,
        opacity .25s ease;

}


.sc-privacy__toc a:last-child {

    border-bottom: 0;

}


/* Números: celeste */

.sc-privacy__toc a span {

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

    font-size: 9px;

    font-weight: 600;

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

    transition:
        color .25s ease;

}


/* Hover */

.sc-privacy__toc a:hover {

    padding-left: 4px;

    color: #FFFFFF;

}


.sc-privacy__toc a:hover span {

    color: var(--sc-cyan);

}


/* ============================================================
   SECCIÓN ACTIVA DEL MENÚ
   ============================================================ */

.sc-privacy__toc a.is-active {

    padding-left: 7px;

    color: #FFFFFF;

    font-weight: 600;

}


.sc-privacy__toc a.is-active span {

    color: var(--sc-cyan);

}


/* Línea lateral celeste */

.sc-privacy__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);

}


/* ============================================================
   CONTENIDO
   ============================================================ */

.sc-privacy__content {

    min-width: 0;

}


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

.sc-privacy__card {

    position: relative;

    padding: 40px 44px;

    margin-bottom: 18px;

    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;

}


/*
   Línea lateral.
   Antes naranja.
   Ahora celeste.
*/

.sc-privacy__card::before {

    content: "";

    position: absolute;

    left: 0;

    top: 27px;
    bottom: 27px;

    width: 2px;

    background:
        var(--sc-cyan);

    opacity: .28;

    transition:
        opacity .35s ease;

}


.sc-privacy__card:hover {

    transform:
        translateY(-2px);

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

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

}


.sc-privacy__card:hover::before {

    opacity: .90;

}


/* Número decorativo */

.sc-privacy__number {

    position: absolute;

    right: 27px;

    top: 22px;

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

    font-size: 49px;

    line-height: 1;

    font-weight: 700;

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

    pointer-events: none;

}


/* Títulos internos */

.sc-privacy__card h2 {

    max-width: 82%;

    margin:
        0
        0
        21px;

    padding: 0;

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

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

    line-height: 1.08;

    letter-spacing: -.02em;

    font-weight: 600;

    color: #FFFFFF;

}


/* Párrafos */

.sc-privacy__card p {

    margin:
        0
        0
        18px;

    padding: 0;

    font-size: 16px;

    line-height: 1.72;

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

}


.sc-privacy__card p:last-child {

    margin-bottom: 0;

}


.sc-privacy__card strong {

    color: #FFFFFF;

    font-weight: 600;

}


/* ============================================================
   LISTAS
   ============================================================ */

.sc-privacy__card ul {

    list-style: none !important;

    padding: 0 !important;

    margin:
        22px
        0
        25px
        !important;

}


.sc-privacy__card ul li {

    position: relative;

    margin: 0 !important;

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

    font-size: 15px;

    line-height: 1.55;

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

}


/* Bullet celeste */

.sc-privacy__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-privacy__card--intro {

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

}


.sc-privacy__card--intro::before {

    background: var(--sc-cyan);

    opacity: .75;

}


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

.sc-privacy__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-privacy__highlight-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 32px;
    height: 32px;

    border-radius: 6px;

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

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

    color: var(--sc-cyan);

    font-size: 16px;

}


.sc-privacy__highlight p {

    margin:
        2px
        0
        0
        !important;

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

}


/* ============================================================
   CONTACTO
   EL NARANJA QUEDA RESERVADO AL CTA
   ============================================================ */

.sc-privacy__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-privacy__card--contact::before {

    background:
        var(--sc-cyan);

    opacity: .9;

}


/* ============================================================
   BOTÓN
   AQUÍ SÍ USAMOS NARANJA
   ============================================================ */

.sc-privacy__button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 27px;

    min-height: 50px;

    margin-top: 15px;

    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-privacy__button-arrow {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 28px;
    height: 28px;

    border-radius: 3px;

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

    color: #FFFFFF;

    font-size: 17px;

}


.sc-privacy__button:hover {

    transform:
        translateY(-2px);

    background: #FF6721;

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

}


/* ============================================================
   ANCLAJES
   ============================================================ */

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

    scroll-margin-top: 125px;

}


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

@media
(max-width: 1024px) {

    #sc-privacy-policy {

        padding-top: 60px;

    }


    .sc-privacy__grid {

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

        gap: 28px;

    }


    .sc-privacy__sidebar-inner {

        padding:
            20px
            16px;

    }


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

        left: -16px;

    }


    .sc-privacy__card {

        padding:
            35px
            33px;

    }


    .sc-privacy__hero h1 {

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

    }

}


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

@media
(max-width: 767px) {

    #sc-privacy-policy {

        padding:
            48px
            16px
            80px;

    }


    .sc-privacy__hero {

        padding:
            15px
            0
            38px;

    }


    .sc-privacy__eyebrow {

        margin-bottom:
            17px;

        font-size:
            9px;

    }


    /*
       Mucho más contenido en pantalla
       y título sin invadir todo el móvil.
    */

    .sc-privacy__hero h1 {

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

        line-height:
            .98;

        margin-bottom:
            20px;

    }


    .sc-privacy__lead {

        font-size:
            15px;

        line-height:
            1.6;

    }


    .sc-privacy__meta {

        flex-direction:
            column;

        align-items:
            flex-start;

        margin-top:
            23px;

    }


    .sc-privacy__meta-item {

        font-size:
            11px;

    }


    .sc-privacy__grid {

        display: block;

    }


    /*
       En celular ocultamos el menú lateral
       porque ocuparía demasiado espacio.
    */

    .sc-privacy__sidebar {

        display: none;

    }


    .sc-privacy__card {

        padding:
            30px
            23px
            30px
            25px;

        border-radius:
            10px;

        margin-bottom:
            12px;

    }


    .sc-privacy__card::before {

        top: 21px;
        bottom: 21px;

    }


    .sc-privacy__number {

        right: 16px;
        top: 16px;

        font-size: 36px;

    }


    .sc-privacy__card h2 {

        max-width: 84%;

        margin-bottom:
            18px;

        font-size:
            24px;

    }


    .sc-privacy__card p {

        font-size:
            14px;

        line-height:
            1.68;

    }


    .sc-privacy__card ul li {

        font-size:
            14px;

        padding-left:
            23px
            !important;

    }


    .sc-privacy__highlight {

        grid-template-columns:
            30px
            1fr;

        gap: 12px;

        padding: 16px;

    }


    .sc-privacy__highlight-icon {

        width: 30px;
        height: 30px;

    }


    .sc-privacy__card--contact {

        padding:
            35px
            25px;

    }


    .sc-privacy__button {

        width: 100%;

        justify-content:
            space-between;

    }

}


/* ============================================================
   ACCESSIBILIDAD
   ============================================================ */

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

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

        scroll-behavior:
            auto
            !important;

        transition-duration:
            .01ms
            !important;

        animation-duration:
            .01ms
            !important;

    }

}



/* SÓCRATES PHP CORE 4.5.1 — isolated legal compatibility */
#sc-privacy-policy{margin:0!important;}
@media(min-width:1025px){
  #sc-privacy-policy .sc-privacy__sidebar-inner,
  #sc-privacy-policy .sc-privacy__sidebar-inner.sc-menu-fixed,
  #sc-privacy-policy .sc-privacy__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-privacy-policy .sc-privacy__sidebar-inner,
  #sc-privacy-policy .sc-privacy__sidebar-inner.sc-menu-fixed,
  #sc-privacy-policy .sc-privacy__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-privacy-policy{color:#002F57!important;}
html[data-theme="light"] #sc-privacy-policy .sc-privacy__hero h1,
html[data-theme="light"] #sc-privacy-policy .sc-privacy__eyebrow,
html[data-theme="light"] #sc-privacy-policy .sc-privacy__card h2,
html[data-theme="light"] #sc-privacy-policy .sc-privacy__sidebar-title{color:#002F57!important;}
html[data-theme="light"] #sc-privacy-policy .sc-privacy__lead,
html[data-theme="light"] #sc-privacy-policy .sc-privacy__card p,
html[data-theme="light"] #sc-privacy-policy .sc-privacy__card li{color:#4d6070!important;}
html[data-theme="light"] #sc-privacy-policy .sc-privacy__card,
html[data-theme="light"] #sc-privacy-policy .sc-privacy__sidebar-inner,
html[data-theme="light"] #sc-privacy-policy .sc-privacy__meta-item{background:rgba(255,255,255,.84)!important;border-color:rgba(0,47,87,.14)!important;}
html[data-theme="light"] #sc-privacy-policy .sc-privacy__toc a{color:#526a79!important;border-color:rgba(0,47,87,.10)!important;}
html[data-theme="light"] #sc-privacy-policy .sc-privacy__toc a:hover,
html[data-theme="light"] #sc-privacy-policy .sc-privacy__toc a.is-active{color:#002F57!important;}