/* =========================================================
   NOX — MARCO GLOBAL DEL SITIO
   Regla definitiva para TODAS las páginas interiores:
   header visible + centro flexible/scroll + footer visible.
   La única excepción es la splash inicial.
   ========================================================= */

html {
    width: 100%;
    height: 100%;
}

body:not(.nox-splash-page) {
    width: 100%;
    height: 100dvh;
    min-height: 100dvh;
    margin: 0;
    padding: 0;
    overflow: hidden;

    display: grid;
    grid-template-rows: 72px minmax(0, 1fr) 64px;

    background: #000;
}

body:not(.nox-splash-page) > .nox-header {
    grid-row: 1;
    min-height: 0;
}

body:not(.nox-splash-page) > .nox-footer {
    grid-row: 3;
    min-height: 0;
}

/* Todo contenido interior ocupa exclusivamente la fila central. */
body:not(.nox-splash-page) > .nox-main,
body:not(.nox-splash-page) > .nox-page-main,
body:not(.nox-splash-page) > .nox-aprende,
body:not(.nox-splash-page) > main {
    grid-row: 2;
    min-width: 0;
    min-height: 0;
}

/* Las páginas con contenido extensible desplazan SOLO el centro. */
.nox-page-main,
.nox-aprende,
.nox-shop-main {
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    background: #000;
}

/* Principal sigue siendo una composición de una sola pantalla. */
.nox-main {
    overflow: hidden;
}

/* Base de las páginas interiores genéricas. */
.nox-page-main {
    width: 100%;
}

.nox-page-content {
    width: min(1180px, 92%);
    margin: 0 auto;
    padding: 48px 0 64px;
}

/* La splash no usa el marco interior. */
body.nox-splash-page {
    width: 100%;
    min-height: 100dvh;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #000;
}


*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#000;color:#E8E1D9;font-family:"DM Sans",Arial,sans-serif}
a{color:inherit}

.nox-header{width:100%;height:72px;margin:0;padding:0 4%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#000;border-bottom:1px solid rgba(210,184,163,.25);position:relative;z-index:50}
.nox-header-logo{justify-self:start}
.nox-header-logo img{display:block;width:110px;height:auto}
.nox-menu{display:flex;align-items:center;justify-content:center;gap:48px;margin:0;padding:0}
.nox-menu-item{position:relative}
.nox-menu a{color:#E8E1D9;text-decoration:none;font-size:13px;letter-spacing:1.6px;transition:color .25s ease}
.nox-menu a:hover{color:#D2B8A3}
.nox-menu-trigger{color:#E8E1D9;font-size:13px;letter-spacing:1.6px;transition:color .25s ease;cursor:default;outline:none}
.nox-menu-trigger:hover,.nox-menu-trigger:focus{color:#D2B8A3}
.nox-submenu{display:none;position:absolute;top:100%;left:-25px;min-width:220px;margin-top:15px;padding:20px 25px;background:#090909;border:1px solid rgba(210,184,163,.25);z-index:100}
.nox-menu-item:hover .nox-submenu{display:block}
.nox-submenu a{display:block;padding:8px 0;white-space:nowrap;font-size:12px}
.nox-cart{justify-self:end}
.nox-cart a{display:flex;align-items:center;justify-content:center;color:#E8E1D9;text-decoration:none}
.nox-cart svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.nox-cart a:hover{color:#D2B8A3}

.nox-footer{width:100%;height:64px;margin:0;padding:7px 4% 6px;display:grid;grid-template-rows:auto auto;align-content:center;background:#050505;border-top:1px solid rgba(210,184,163,.25);color:#A9A39E}
.nox-footer-links{display:flex;justify-content:center;align-items:center;gap:18px;margin:0;padding:0 0 6px;flex-wrap:nowrap}
.nox-footer-links a{color:#A9A39E;text-decoration:none;font-size:11px;letter-spacing:1px;transition:color .25s ease}
.nox-footer-links a:hover{color:#D2B8A3}
.nox-footer-links span{color:#555}
.nox-footer-bottom{margin:0;padding:6px 0 0;border-top:1px solid rgba(210,184,163,.12);text-align:center;font-size:10px;line-height:1;letter-spacing:1px;color:#777}

.nox-page-main{min-height:calc(100dvh - 136px);background:#000}
.nox-page-content{width:min(1180px,92%);margin:0 auto;padding:48px 0 64px}

.nox-main{width:100%;min-width:0;min-height:0;margin:0;padding:12px 3%;background:#000;overflow:hidden}
.nox-bento{width:100%;height:100%;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"conocer conocer cuidar" "elegir explorar cuidar";gap:10px}
.nox-bento-card{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;background-color:#030303;background-repeat:no-repeat;border:1px solid rgba(210,184,163,.20);color:inherit;text-decoration:none;cursor:pointer;transition:border-color .25s ease,background-color .25s ease}
.nox-bento-card:hover{border-color:rgba(210,184,163,.48);background-color:#070707}
.nox-bento-card::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}
.nox-card-content{position:absolute;z-index:2;display:flex;flex-direction:column;pointer-events:none}
.nox-card-eyebrow{display:inline-block;width:max-content;margin:0 0 10px;padding:0 0 5px;border-bottom:1px solid #D2B8A3;color:#D2B8A3;font-size:9px;font-weight:400;line-height:1;letter-spacing:3px}
.nox-card-title{margin:0;font-family:"Source Serif Pro",Georgia,serif;font-weight:400;line-height:.98;color:#E8E1D9}
.nox-card-title .gold{color:#D2B8A3}
.nox-card-rule{width:42px;height:1px;margin:12px 0 10px;background:#D2B8A3}
.nox-card-text{margin:0;color:#D8D1CA;font-size:13px;font-weight:400;line-height:1.38;letter-spacing:.05px}
.nox-card-arrow{position:absolute;z-index:3;color:#D2B8A3;font-family:Arial,sans-serif;font-size:31px;font-weight:200;line-height:1;pointer-events:none;transition:transform .25s ease,color .25s ease}
.nox-bento-card:hover .nox-card-arrow{transform:translateX(5px);color:#E8E1D9}

.nox-bento-conocer{grid-area:conocer;background-image:url('https://nox.net.ar/wp-content/uploads/2026/08/bento_1.png');background-size:cover;background-position:center}
.nox-bento-conocer::before{background:linear-gradient(90deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.08) 38%,rgba(0,0,0,.72) 58%,rgba(0,0,0,.94) 100%)}
.nox-bento-conocer .nox-card-content{width:46%;right:6%;top:50%;transform:translateY(-50%)}
.nox-bento-conocer .nox-card-title{font-size:clamp(27px,2.25vw,36px)}
.nox-bento-conocer .nox-card-text{max-width:420px;font-size:14px}
.nox-bento-conocer .nox-card-arrow{right:5%;bottom:9%}

.nox-bento-cuidar{grid-area:cuidar;background-image:url('https://nox.net.ar/wp-content/uploads/2026/08/bento_2.png');background-size:contain;background-position:center}
.nox-bento-cuidar::before{background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.82) 42%,rgba(0,0,0,.22) 72%,rgba(0,0,0,.05) 100%)}
.nox-bento-cuidar .nox-card-content{width:62%;left:6%;top:8%}
.nox-bento-cuidar .nox-card-title{font-size:clamp(31px,2.7vw,44px)}
.nox-bento-cuidar .nox-card-text{max-width:290px;font-size:14px}
.nox-bento-cuidar .nox-card-arrow{left:6%;bottom:8%}

.nox-bento-elegir{grid-area:elegir;background-image:url('https://nox.net.ar/wp-content/uploads/2026/08/bento_3.png');background-size:contain;background-position:right center}
.nox-bento-elegir::before{background:linear-gradient(90deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.85) 47%,rgba(0,0,0,.26) 75%,rgba(0,0,0,.04) 100%)}
.nox-bento-elegir .nox-card-content{width:55%;left:5%;top:50%;transform:translateY(-50%)}
.nox-bento-elegir .nox-card-eyebrow{margin-bottom:7px;font-size:7px;letter-spacing:2.5px}
.nox-bento-elegir .nox-card-title{font-size:clamp(24px,1.9vw,31px)}
.nox-bento-elegir .nox-card-rule{margin:8px 0 7px}
.nox-bento-elegir .nox-card-text{max-width:245px;font-size:12px;line-height:1.32}
.nox-bento-elegir .nox-card-arrow{right:5%;bottom:5%}

.nox-bento-explorar{grid-area:explorar;background-image:url('https://nox.net.ar/wp-content/uploads/2026/08/bento_4.png');background-size:contain;background-position:left center}
.nox-bento-explorar::before{background:linear-gradient(90deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.18) 35%,rgba(0,0,0,.80) 58%,rgba(0,0,0,.96) 100%)}
.nox-bento-explorar .nox-card-content{width:54%;right:5%;top:50%;transform:translateY(-50%)}
.nox-bento-explorar .nox-card-eyebrow{align-self:flex-end;margin-bottom:7px;font-size:7px;letter-spacing:2.5px}
.nox-bento-explorar .nox-card-title{font-size:clamp(24px,1.9vw,31px);text-align:right}
.nox-bento-explorar .nox-card-rule{align-self:flex-end;margin:8px 0 7px}
.nox-bento-explorar .nox-card-text{max-width:245px;margin-left:auto;font-size:12px;line-height:1.32;text-align:right}
.nox-bento-explorar .nox-card-arrow{left:5%;bottom:5%}

/* =========================================================
   APRENDÉ — PORTADA EDITORIAL
   ========================================================= */

.nox-aprende {
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0 4%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    background: #000;
    color: #E8E1D9;
}

.nox-aprende-intro {
    width: min(980px, 100%);
    margin: 0 auto;
    padding: 46px 0 38px;
    text-align: center;
}

.nox-aprende-kicker,
.nox-aprende-category {
    display: inline-block;
    color: #D2B8A3;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 3px;
}

.nox-aprende-kicker {
    margin-bottom: 14px;
    padding-bottom: 7px;
    border-bottom: 1px solid #D2B8A3;
}

.nox-aprende-intro h1 {
    max-width: 900px;
    margin: 0 auto;
    font-family: "Source Serif Pro", Georgia, serif;
    font-size: clamp(34px, 3.6vw, 54px);
    font-weight: 400;
    line-height: 1.02;
}

.nox-aprende-intro h1 span {
    color: #D2B8A3;
}

.nox-aprende-intro p {
    max-width: 680px;
    margin: 18px auto 0;
    color: #A9A39E;
    font-size: 15px;
    line-height: 1.6;
}

.nox-aprende-featured {
    width: min(1320px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(300px, .8fr);
    border: 1px solid rgba(210,184,163,.20);
    background: #050505;
    overflow: hidden;
}

.nox-aprende-featured-image {
    min-height: 360px;
    overflow: hidden;
}

.nox-aprende-featured-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.nox-aprende-featured-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 36px 34px;
}

.nox-aprende-featured-copy h2,
.nox-aprende-card-copy h2 {
    font-family: "Source Serif Pro", Georgia, serif;
    font-weight: 400;
    color: #E8E1D9;
}

.nox-aprende-featured-copy h2 {
    margin: 11px 0 11px;
    font-size: clamp(30px, 2.5vw, 42px);
    line-height: 1.02;
}

.nox-aprende-featured-copy h2 span,
.nox-aprende-card-copy h2 span {
    color: #D2B8A3;
}

.nox-aprende-featured-copy p {
    margin: 0 0 22px;
    color: #A9A39E;
    font-size: 14px;
    line-height: 1.55;
}

.nox-aprende-featured-copy a,
.nox-aprende-card-copy a {
    width: max-content;
    color: #D2B8A3;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 2px;
    transition: color .25s ease;
}

.nox-aprende-featured-copy a:hover,
.nox-aprende-card-copy a:hover {
    color: #E8E1D9;
}

.nox-aprende-featured-copy a span,
.nox-aprende-card-copy a span {
    display: inline-block;
    margin-left: 6px;
    transition: transform .25s ease;
}

.nox-aprende-featured-copy a:hover span,
.nox-aprende-card-copy a:hover span {
    transform: translateX(5px);
}

.nox-aprende-grid {
    width: min(1320px, 100%);
    margin: 16px auto 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.nox-aprende-card {
    min-width: 0;
    margin: 0;
    border: 1px solid rgba(210,184,163,.18);
    background: #050505;
    overflow: hidden;
}

.nox-aprende-card-image {
    height: 190px;
    overflow: hidden;
}

.nox-aprende-card-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .4s ease;
}

.nox-aprende-card:hover .nox-aprende-card-image img {
    transform: scale(1.025);
}

.nox-aprende-card-copy {
    padding: 22px 22px 24px;
}

.nox-aprende-card-copy h2 {
    margin: 11px 0 11px;
    font-size: clamp(22px, 1.7vw, 29px);
    line-height: 1.04;
}

.nox-aprende-card-copy p {
    min-height: 52px;
    margin: 0 0 18px;
    color: #A9A39E;
    font-size: 13px;
    line-height: 1.5;
}

.nox-aprende-areas {
    width: min(1320px, 100%);
    margin: 34px auto 0;
    padding: 22px 0 26px;
    border-top: 1px solid rgba(210,184,163,.20);
    text-align: center;
}

.nox-aprende-areas > span {
    display: block;
    margin-bottom: 12px;
    color: #777;
    font-size: 9px;
    letter-spacing: 2.4px;
}

.nox-aprende-areas div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.nox-aprende-areas a {
    color: #D2B8A3;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 2px;
    transition: color .25s ease;
}

.nox-aprende-areas a:hover {
    color: #E8E1D9;
}

.nox-aprende-areas i {
    color: #555;
    font-style: normal;
}

/* El header común marca APRENDÉ como sección activa */
body.page-aprende .nox-menu-item:nth-child(2) > a {
    color: #D2B8A3;
}

/* Responsive */
@media (max-width: 900px) {
    .nox-aprende {
        padding: 0 5%;
    }

    .nox-aprende-intro {
        padding: 38px 0 32px;
    }

    .nox-aprende-featured {
        grid-template-columns: 1fr;
    }

    .nox-aprende-featured-image {
        min-height: 280px;
    }

    .nox-aprende-featured-copy {
        padding: 28px 26px 30px;
    }

    .nox-aprende-grid {
        grid-template-columns: 1fr;
    }

    .nox-aprende-card {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .nox-aprende-card-image {
        height: auto;
        min-height: 200px;
    }
}

@media (max-width: 620px) {
    .nox-aprende-intro h1 {
        font-size: 31px;
    }

    .nox-aprende-featured-image {
        min-height: 220px;
    }

    .nox-aprende-featured-copy h2 {
        font-size: 31px;
    }

    .nox-aprende-card {
        display: block;
    }

    .nox-aprende-card-image {
        height: 200px;
        min-height: 0;
    }

    .nox-aprende-card-copy p {
        min-height: 0;
    }

    .nox-aprende-areas div {
        gap: 12px;
    }
}


/* =========================================================
   NOX 0.3.1 — MARCO INTERIOR AUTORITATIVO
   Header y footer permanecen físicamente en viewport.
   El único scroll pertenece al área central.
   ========================================================= */

body:not(.nox-splash-page) {
    width: 100% !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: 72px 0 64px !important;
    display: block !important;
    overflow: hidden !important;
    background: #000 !important;
}

body:not(.nox-splash-page) > .nox-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 72px !important;
    z-index: 1000 !important;
}

body:not(.nox-splash-page) > .nox-footer {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 64px !important;
    z-index: 1000 !important;
}

body:not(.nox-splash-page) > main {
    position: relative !important;
    width: 100% !important;
    height: calc(100dvh - 136px) !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 136px) !important;
    margin: 0 !important;
}

/* Todas las páginas interiores desplazables */
body:not(.nox-splash-page) > .nox-page-main,
body:not(.nox-splash-page) > .nox-aprende,
body:not(.nox-splash-page) > .nox-shop-main {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
}

/* Principal: una sola pantalla, sin scroll central */
body.page-id-106 > .nox-main {
    overflow: hidden !important;
}

/* APRENDÉ: el scroll queda estrictamente dentro del centro */
body.page-aprende > .nox-aprende {
    height: calc(100dvh - 136px) !important;
    max-height: calc(100dvh - 136px) !important;
    overflow-y: auto !important;
}

/* La portada inicial sigue completamente fuera del marco */
body.nox-splash-page {
    width: 100% !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}


/* =========================================================
   NOX 0.3.2 — APRENDÉ MÁS COMPACTO
   Se reduce la escala vertical aproximadamente 20–25 %
   sin alterar el marco fijo global ni la jerarquía editorial.
   ========================================================= */


/* =========================================================
   SABER — PORTADA DE ÁREA
   Compacta y reutilizable para las demás áreas de APRENDÉ.
   ========================================================= */

.nox-saber {
    width: 100%;
    height: calc(100dvh - 136px);
    min-height: 0;
    margin: 0;
    padding: 0 4%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #000;
    color: #E8E1D9;
}

.nox-area-intro {
    width: min(1040px, 100%);
    margin: 0 auto;
    padding: 34px 0 28px;
    text-align: center;
}

.nox-area-kicker {
    display: inline-block;
    margin-bottom: 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid #D2B8A3;
    color: #D2B8A3;
    font-size: 9px;
    letter-spacing: 2.6px;
}

.nox-area-intro h1 {
    max-width: 820px;
    margin: 0 auto;
    font-family: "Source Serif Pro", Georgia, serif;
    font-size: clamp(32px, 3.2vw, 48px);
    font-weight: 400;
    line-height: 1.03;
}

.nox-area-intro h1 span {
    color: #D2B8A3;
}

.nox-area-intro p {
    max-width: 650px;
    margin: 15px auto 0;
    color: #A9A39E;
    font-size: 14px;
    line-height: 1.55;
}

.nox-saber-grid {
    width: min(1320px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.nox-saber-card {
    min-width: 0;
    display: grid;
    grid-template-columns: 42% 58%;
    min-height: 220px;
    border: 1px solid rgba(210,184,163,.18);
    background: #050505;
    color: inherit;
    text-decoration: none;
    overflow: hidden;
}

.nox-saber-image {
    min-width: 0;
    overflow: hidden;
    background: #090807;
}

.nox-saber-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .35s ease;
}

.nox-saber-image-1 img { object-position: 18% 50%; }
.nox-saber-image-2 img { object-position: 42% 50%; }
.nox-saber-image-3 img { object-position: 65% 50%; }
.nox-saber-image-4 img { object-position: 84% 50%; }

.nox-saber-card:hover .nox-saber-image img {
    transform: scale(1.025);
}

.nox-saber-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 24px 24px 22px;
}

.nox-saber-copy > span {
    color: #D2B8A3;
    font-size: 9px;
    letter-spacing: 2.3px;
}

.nox-saber-copy h2 {
    margin: 10px 0 10px;
    font-family: "Source Serif Pro", Georgia, serif;
    color: #E8E1D9;
    font-size: clamp(21px, 1.55vw, 28px);
    font-weight: 400;
    line-height: 1.05;
}

.nox-saber-copy p {
    margin: 0 0 16px;
    color: #A9A39E;
    font-size: 12.5px;
    line-height: 1.5;
}

.nox-saber-copy strong {
    margin-top: auto;
    color: #D2B8A3;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1.8px;
}

.nox-saber-copy strong i {
    display: inline-block;
    margin-left: 5px;
    font-style: normal;
    transition: transform .25s ease;
}

.nox-saber-card:hover .nox-saber-copy strong i {
    transform: translateX(4px);
}

.nox-area-nav {
    width: min(1320px, 100%);
    margin: 26px auto 0;
    padding: 20px 0 24px;
    border-top: 1px solid rgba(210,184,163,.20);
    text-align: center;
}

.nox-area-nav > span {
    display: block;
    margin-bottom: 11px;
    color: #777;
    font-size: 9px;
    letter-spacing: 2.3px;
}

.nox-area-nav div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.nox-area-nav a {
    color: #8E8984;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 1.8px;
}

.nox-area-nav a:hover,
.nox-area-nav a.is-active {
    color: #D2B8A3;
}

.nox-area-nav i {
    color: #555;
    font-style: normal;
}

body.page-conocer .nox-menu-item:nth-child(2) > a {
    color: #D2B8A3;
}

@media (max-width: 900px) {
    .nox-saber { padding: 0 5%; }
    .nox-area-intro { padding: 28px 0 24px; }
    .nox-saber-grid { grid-template-columns: 1fr; }
    .nox-saber-card { min-height: 205px; }
}

@media (max-width: 620px) {
    .nox-area-intro h1 { font-size: 32px; }
    .nox-saber-card { grid-template-columns: 1fr; }
    .nox-saber-image { height: 175px; }
    .nox-saber-copy { padding: 20px; }
}


/* =========================================================
   NOX 0.4.1 — SUBMENÚS SIN ZONA MUERTA
   El submenu comienza pegado al item padre. El padding visual
   queda dentro del propio submenu, por lo que el :hover no se pierde.
   ========================================================= */

.nox-submenu {
    top: 100% !important;
    margin-top: 0 !important;
    padding-top: 20px !important;
}

.nox-menu-item::after {
    content: "";
    position: absolute;
    left: -25px;
    right: -25px;
    top: 100%;
    height: 20px;
    display: none;
}

.nox-menu-item:hover::after {
    display: block;
}

.nox-menu-item:hover .nox-submenu,
.nox-menu-item:focus-within .nox-submenu {
    display: block !important;
}


/* CUIDAR — reutiliza íntegramente la plantilla compacta de SABER */
.nox-cuidar-image-1 img { object-position: 18% 50%; }
.nox-cuidar-image-2 img { object-position: 40% 50%; }
.nox-cuidar-image-3 img { object-position: 65% 50%; }
.nox-cuidar-image-4 img { object-position: 84% 50%; }

body.page-cuidar .nox-menu-item:nth-child(2) > a {
    color: #D2B8A3;
}


/* ELEGIR — reutiliza íntegramente la plantilla compacta de las áreas APRENDÉ */
.nox-elegir-image-1 img { object-position: 18% 50%; }
.nox-elegir-image-2 img { object-position: 40% 50%; }
.nox-elegir-image-3 img { object-position: 65% 50%; }
.nox-elegir-image-4 img { object-position: 84% 50%; }

body.page-elegir .nox-menu-item:nth-child(2) > a {
    color: #D2B8A3;
}


/* EXPLORAR — reutiliza íntegramente la plantilla compacta de las áreas APRENDÉ */
.nox-explorar-image-1 img { object-position: 18% 50%; }
.nox-explorar-image-2 img { object-position: 40% 50%; }
.nox-explorar-image-3 img { object-position: 65% 50%; }
.nox-explorar-image-4 img { object-position: 84% 50%; }

body.page-explorar .nox-menu-item:nth-child(2) > a {
    color: #D2B8A3;
}


/* =========================================================
   CONTACTO — compacto, íntimo y funcional
   ========================================================= */

.nox-contacto {
    width: 100%;
    height: calc(100dvh - 136px);
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: #000;
    color: #E8E1D9;
}

.nox-contacto-shell {
    width: min(1240px, 92%);
    min-height: calc(100% - 44px);
    margin: 22px auto;
    display: grid;
    grid-template-columns: 40% 60%;
    border: 1px solid rgba(210,184,163,.18);
    background: #050505;
}

.nox-contacto-visual {
    position: relative;
    min-height: 500px;
    overflow: hidden;
}

.nox-contacto-visual > img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.nox-contacto-visual-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.86) 0%, rgba(0,0,0,.28) 58%, rgba(0,0,0,.08) 100%);
}

.nox-contacto-visual-copy {
    position: absolute;
    left: 34px;
    right: 34px;
    bottom: 34px;
}

.nox-contacto-visual-copy > span,
.nox-contacto-heading > span,
.nox-contacto-form label > span,
.nox-contacto-canales span {
    color: #D2B8A3;
    font-size: 9px;
    letter-spacing: 2.2px;
}

.nox-contacto-visual-copy h1,
.nox-contacto-heading h2 {
    font-family: "Source Serif Pro", Georgia, serif;
    font-weight: 400;
    line-height: 1.03;
}

.nox-contacto-visual-copy h1 {
    margin: 10px 0 10px;
    font-size: clamp(32px, 3vw, 46px);
}

.nox-contacto-visual-copy h1 em,
.nox-contacto-heading h2 em {
    color: #D2B8A3;
    font-style: normal;
}

.nox-contacto-visual-copy p {
    max-width: 390px;
    margin: 0;
    color: #C1BAB4;
    font-size: 13px;
    line-height: 1.5;
}

.nox-contacto-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 34px 46px;
}

.nox-contacto-heading h2 {
    margin: 9px 0 8px;
    font-size: clamp(29px, 2.5vw, 40px);
}

.nox-contacto-heading p {
    margin: 0 0 22px;
    color: #A9A39E;
    font-size: 13px;
}

.nox-contacto-alert {
    margin: -6px 0 16px;
    padding: 10px 12px;
    border: 1px solid rgba(210,184,163,.25);
    color: #D2B8A3;
    font-size: 12px;
}

.nox-contacto-alert.is-ok {
    color: #E8E1D9;
}

.nox-contacto-form {
    display: grid;
    gap: 15px;
}

.nox-contacto-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.nox-contacto-form label {
    display: grid;
    gap: 7px;
}

.nox-contacto-form input,
.nox-contacto-form textarea {
    width: 100%;
    border: 0;
    border-bottom: 1px solid rgba(210,184,163,.30);
    border-radius: 0;
    outline: 0;
    padding: 8px 2px 9px;
    background: transparent;
    color: #E8E1D9;
    font: inherit;
    font-size: 13px;
}

.nox-contacto-form textarea {
    min-height: 86px;
    resize: vertical;
}

.nox-contacto-form input:focus,
.nox-contacto-form textarea:focus {
    border-bottom-color: #D2B8A3;
}

.nox-contacto-form button {
    width: max-content;
    margin-top: 2px;
    border: 1px solid #D2B8A3;
    padding: 10px 20px;
    background: transparent;
    color: #D2B8A3;
    cursor: pointer;
    font-size: 10px;
    letter-spacing: 2px;
}

.nox-contacto-form button:hover {
    background: #D2B8A3;
    color: #000;
}

.nox-contacto-form button i {
    margin-left: 6px;
    font-style: normal;
}

.nox-contacto-canales {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid rgba(210,184,163,.15);
}

.nox-contacto-canales div {
    display: grid;
    gap: 5px;
}

.nox-contacto-canales a {
    width: max-content;
    max-width: 100%;
    color: #E8E1D9;
    text-decoration: none;
    font-size: 12px;
}

.nox-contacto-canales a:hover {
    color: #D2B8A3;
}

body.page-contacto .nox-menu-item:nth-child(4) > a {
    color: #D2B8A3;
}

@media (max-width: 900px) {
    .nox-contacto-shell {
        grid-template-columns: 36% 64%;
    }
    .nox-contacto-panel {
        padding: 30px;
    }
}

@media (max-width: 700px) {
    .nox-contacto-shell {
        width: 90%;
        grid-template-columns: 1fr;
    }
    .nox-contacto-visual {
        min-height: 220px;
    }
    .nox-contacto-panel {
        padding: 28px 24px 32px;
    }
}

@media (max-width: 480px) {
    .nox-contacto-row,
    .nox-contacto-canales {
        grid-template-columns: 1fr;
    }
}


/* NOX 0.8.1 — CONTACTO: activación independiente de body class */
.nox-contacto {
    display: block !important;
}


/* =========================================================
   CONTACTO 0.8.2 — composición final compacta
   ========================================================= */
.nox-contacto {
    height: calc(100dvh - 136px);
    min-height: 0;
    overflow: hidden;
    background: #000;
    color: #E8E1D9;
}
.nox-contacto-shell {
    width: min(1220px, 92%);
    height: calc(100% - 28px);
    min-height: 0;
    margin: 14px auto;
    display: grid;
    grid-template-columns: 43% 57%;
    overflow: hidden;
    border: 1px solid rgba(210,184,163,.24);
    background: #050505;
}
.nox-contacto-visual {
    position: relative;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}
.nox-contacto-visual > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.nox-contacto-visual-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.94) 0%, rgba(0,0,0,.38) 48%, rgba(0,0,0,.10) 100%);
}
.nox-contacto-visual-copy {
    position: absolute;
    left: 32px;
    right: 32px;
    bottom: 116px;
}
.nox-contacto-visual-copy > span,
.nox-contacto-heading > span,
.nox-contacto-form label > span,
.nox-contacto-canales span {
    color: #D2B8A3;
    font-size: 9px;
    letter-spacing: 2.2px;
}
.nox-contacto-visual-copy h1 {
    max-width: 390px;
    margin: 8px 0 0;
    font-family: "Source Serif Pro", Georgia, serif;
    font-size: clamp(31px, 2.8vw, 43px);
    font-weight: 400;
    line-height: 1.04;
}
.nox-contacto-visual-copy h1 em {
    color: #D2B8A3;
    font-style: normal;
}
.nox-contacto-canales {
    position: absolute;
    left: 32px;
    right: 32px;
    bottom: 27px;
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 20px;
    margin: 0;
    padding: 16px 0 0;
    border-top: 1px solid rgba(210,184,163,.28);
}
.nox-contacto-canales div { display:grid; gap:4px; }
.nox-contacto-canales a {
    color:#E8E1D9;
    text-decoration:none;
    font-size:12px;
}
.nox-contacto-canales a:hover { color:#D2B8A3; }

.nox-contacto-panel {
    min-height: 0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding: 25px 44px 24px;
}
.nox-contacto-heading h2 {
    margin: 7px 0 5px;
    font-family: "Source Serif Pro", Georgia, serif;
    font-size: clamp(27px, 2.2vw, 36px);
    font-weight:400;
    line-height:1.04;
}
.nox-contacto-heading h2 em { color:#D2B8A3; font-style:normal; }
.nox-contacto-heading p {
    margin:0 0 16px;
    color:#A9A39E;
    font-size:12px;
}
.nox-contacto-form { display:grid; gap:11px; }
.nox-contacto-row {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}
.nox-contacto-form label { display:grid; gap:5px; }
.nox-contacto-form input,
.nox-contacto-form textarea {
    width:100%;
    box-sizing:border-box;
    border:1px solid rgba(210,184,163,.34);
    border-radius:0;
    outline:0;
    padding:8px 10px;
    background:rgba(255,255,255,.025);
    color:#E8E1D9;
    font:inherit;
    font-size:12px;
}
.nox-contacto-form input { height:36px; }
.nox-contacto-form textarea {
    height:86px;
    min-height:86px;
    resize:none;
}
.nox-contacto-form input:focus,
.nox-contacto-form textarea:focus { border-color:#D2B8A3; }
.nox-contacto-form button {
    width:190px;
    height:38px;
    align-self:center;
    margin-top:2px;
    border:1px solid #D2B8A3;
    padding:0 20px;
    background:#D2B8A3;
    color:#000;
    cursor:pointer;
    font-size:10px;
    letter-spacing:2px;
}
.nox-contacto-form button:hover { background:#E8E1D9; border-color:#E8E1D9; }
.nox-contacto-form button i { margin-left:8px; font-style:normal; }

.nox-contacto-toast {
    position:fixed;
    z-index:99999;
    top:88px;
    right:24px;
    max-width:320px;
    padding:12px 18px;
    border:1px solid rgba(210,184,163,.55);
    background:rgba(8,8,8,.96);
    box-shadow:0 8px 30px rgba(0,0,0,.35);
    color:#E8E1D9;
    font-size:12px;
    opacity:1;
    transform:translateY(0);
    transition:opacity .45s ease, transform .45s ease;
}
.nox-contacto-toast.is-hiding { opacity:0; transform:translateY(-8px); }
.nox-contacto-toast.is-error { color:#D2B8A3; }

@media (max-width:900px) {
    .nox-contacto-shell { grid-template-columns:40% 60%; }
    .nox-contacto-panel { padding-left:28px; padding-right:28px; }
}
@media (max-width:700px) {
    .nox-contacto { overflow-y:auto; }
    .nox-contacto-shell {
        height:auto;
        min-height:100%;
        grid-template-columns:1fr;
    }
    .nox-contacto-visual { min-height:360px; }
    .nox-contacto-panel { padding:28px 24px 32px; }
}
@media (max-width:480px) {
    .nox-contacto-row,
    .nox-contacto-canales { grid-template-columns:1fr; }
    .nox-contacto-visual-copy { bottom:150px; }
    .nox-contacto-form button { width:100%; }
}


/* =========================================================
   NOSOTROS 0.9.0
   ========================================================= */
.nox-nosotros {
    width:100%;
    height:calc(100dvh - 136px);
    min-height:0;
    overflow:hidden;
    background:#000;
    color:#E8E1D9;
}
.nox-nosotros-shell {
    width:min(1180px, 90%);
    height:100%;
    min-height:0;
    margin:0 auto;
    display:grid;
    grid-template-columns:41% 59%;
    grid-template-rows:1fr auto;
    column-gap:70px;
    align-items:center;
    padding:28px 0 22px;
    box-sizing:border-box;
}
.nox-nosotros-intro {
    align-self:center;
    padding-right:8px;
}
.nox-nosotros-kicker {
    margin-bottom:15px;
    color:#D2B8A3;
    font-size:10px;
    letter-spacing:3px;
}
.nox-nosotros-intro h1 {
    margin:0;
    font-family:"Source Serif Pro", Georgia, serif;
    font-size:clamp(38px, 4.1vw, 58px);
    font-weight:400;
    line-height:1.02;
}
.nox-nosotros-intro h1 em {
    color:#D2B8A3;
    font-style:normal;
}
.nox-nosotros-lead {
    max-width:450px;
    margin:22px 0 0;
    color:#A9A39E;
    font-size:14px;
    line-height:1.65;
}
.nox-nosotros-body {
    align-self:center;
    border-top:1px solid rgba(210,184,163,.22);
}
.nox-nosotros-block {
    position:relative;
    display:grid;
    grid-template-columns:46px 190px 1fr;
    gap:16px;
    align-items:start;
    padding:23px 0;
    border-bottom:1px solid rgba(210,184,163,.22);
}
.nox-nosotros-block > span {
    padding-top:4px;
    color:#D2B8A3;
    font-size:9px;
    letter-spacing:1.5px;
}
.nox-nosotros-block h2 {
    margin:0;
    font-family:"Source Serif Pro", Georgia, serif;
    font-size:21px;
    font-weight:400;
    line-height:1.15;
}
.nox-nosotros-block p {
    margin:0;
    color:#A9A39E;
    font-size:12.5px;
    line-height:1.6;
}
.nox-nosotros-signature {
    grid-column:1 / -1;
    display:flex;
    align-items:center;
    gap:13px;
    padding-top:18px;
    border-top:1px solid rgba(210,184,163,.12);
}
.nox-nosotros-signature > div:last-child {
    display:grid;
    gap:2px;
}
.nox-nosotros-signature strong {
    font-family:"Source Serif Pro", Georgia, serif;
    color:#D2B8A3;
    font-size:17px;
    font-weight:400;
    letter-spacing:2px;
}
.nox-nosotros-signature span {
    color:#77726e;
    font-size:9px;
    letter-spacing:1.5px;
}
.nox-nosotros-mark {
    position:relative;
    width:30px;
    height:30px;
}
.nox-nosotros-crescent {
    position:absolute;
    inset:2px;
    border-radius:50%;
    background:#D2B8A3;
}
.nox-nosotros-crescent::after {
    content:"";
    position:absolute;
    width:24px;
    height:24px;
    top:-1px;
    left:8px;
    border-radius:50%;
    background:#000;
}
body.page-nosotros .nox-menu-item:nth-child(3) > a {
    color:#D2B8A3;
}
@media (max-width:900px) {
    .nox-nosotros-shell {
        grid-template-columns:38% 62%;
        column-gap:38px;
    }
    .nox-nosotros-block {
        grid-template-columns:36px 155px 1fr;
        gap:12px;
    }
}
@media (max-width:700px) {
    .nox-nosotros { overflow-y:auto; }
    .nox-nosotros-shell {
        height:auto;
        min-height:100%;
        grid-template-columns:1fr;
        grid-template-rows:auto;
        gap:34px;
        padding:38px 0 30px;
    }
    .nox-nosotros-body { width:100%; }
    .nox-nosotros-signature { grid-column:1; }
}
@media (max-width:520px) {
    .nox-nosotros-block {
        grid-template-columns:34px 1fr;
    }
    .nox-nosotros-block p {
        grid-column:2;
    }
}


/* =========================================================
   NOSOTROS 0.9.1 — presencia visual integrada
   ========================================================= */
.nox-nosotros {
    position:relative;
    isolation:isolate;
}
.nox-nosotros-art {
    position:absolute;
    z-index:-1;
    inset:0 auto 0 0;
    width:43%;
    overflow:hidden;
    pointer-events:none;
}
.nox-nosotros-art img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    opacity:.56;
}
.nox-nosotros-art::after {
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(to right, rgba(0,0,0,.08) 0%, rgba(0,0,0,.30) 58%, #000 100%),
        linear-gradient(to top, rgba(0,0,0,.48) 0%, transparent 38%, rgba(0,0,0,.14) 100%);
}
.nox-nosotros-art span {
    position:absolute;
    inset:0;
    box-shadow:inset -70px 0 90px rgba(0,0,0,.75);
}
.nox-nosotros-shell {
    position:relative;
    z-index:1;
}
.nox-nosotros-intro {
    padding:28px 24px 28px 28px;
    background:linear-gradient(90deg, rgba(0,0,0,.76), rgba(0,0,0,.42) 72%, transparent);
}
@media (max-width:900px) {
    .nox-nosotros-art { width:40%; }
}
@media (max-width:700px) {
    .nox-nosotros-art {
        width:100%;
        height:320px;
        bottom:auto;
    }
    .nox-nosotros-art::after {
        background:linear-gradient(to bottom, rgba(0,0,0,.18), #000 100%);
    }
    .nox-nosotros-intro {
        padding-top:145px;
        background:none;
    }
}


/* =========================================================
   LEGALES — PRIVACIDAD 0.10.0
   ========================================================= */
.nox-legal {
    width:100%;
    height:calc(100dvh - 136px);
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    background:#000;
    color:#E8E1D9;
}
.nox-legal-shell {
    width:min(1120px, 88%);
    margin:0 auto;
    padding:32px 0 38px;
}
.nox-legal-head {
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:70px;
    align-items:end;
    padding-bottom:28px;
    border-bottom:1px solid rgba(210,184,163,.22);
}
.nox-legal-head > span {
    grid-column:1 / -1;
    margin-bottom:12px;
    color:#D2B8A3;
    font-size:10px;
    letter-spacing:3px;
}
.nox-legal-head h1 {
    margin:0;
    font-family:"Source Serif Pro", Georgia, serif;
    font-size:clamp(35px, 3.6vw, 52px);
    font-weight:400;
    line-height:1.03;
}
.nox-legal-head h1 em {
    color:#D2B8A3;
    font-style:normal;
}
.nox-legal-head p {
    margin:0;
    max-width:480px;
    color:#A9A39E;
    font-size:13px;
    line-height:1.65;
}
.nox-legal-content {
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:58px;
}
.nox-legal-content article {
    padding:22px 0;
    border-bottom:1px solid rgba(210,184,163,.15);
}
.nox-legal-content h2 {
    margin:0 0 8px;
    font-family:"Source Serif Pro", Georgia, serif;
    color:#E8E1D9;
    font-size:19px;
    font-weight:400;
}
.nox-legal-content p {
    margin:0;
    color:#A9A39E;
    font-size:12.5px;
    line-height:1.65;
}
.nox-legal-content a {
    color:#D2B8A3;
    text-decoration:none;
}
.nox-legal-content a:hover {
    text-decoration:underline;
}
@media (max-width:760px) {
    .nox-legal-head,
    .nox-legal-content {
        grid-template-columns:1fr;
    }
    .nox-legal-head {
        row-gap:16px;
    }
    .nox-legal-shell {
        width:90%;
        padding-top:28px;
    }
}


/* PRIVACIDAD 0.10.1 — imagen editorial integrada */
.nox-privacidad { position:relative; isolation:isolate; }
.nox-privacidad-art {
    position:fixed;
    z-index:-1;
    top:72px;
    bottom:64px;
    left:0;
    width:31%;
    overflow:hidden;
    pointer-events:none;
}
.nox-privacidad-art img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    opacity:.55;
}
.nox-privacidad-art::after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to right,rgba(0,0,0,.10),rgba(0,0,0,.30) 55%,#000 100%),
               linear-gradient(to top,rgba(0,0,0,.40),transparent 42%);
}
.nox-privacidad .nox-legal-shell {
    position:relative;
    z-index:1;
    width:min(1040px,82%);
    margin-left:auto;
    margin-right:5%;
}
@media(max-width:900px){
    .nox-privacidad-art{width:26%;}
    .nox-privacidad .nox-legal-shell{width:86%;margin-right:4%;}
}
@media(max-width:700px){
    .nox-privacidad-art{display:none;}
    .nox-privacidad .nox-legal-shell{width:90%;margin:0 auto;}
}


/* =========================================================
   CAMBIOS Y DEVOLUCIONES 0.11.0
   ========================================================= */
.nox-cambios {
    background:
        radial-gradient(circle at 8% 23%, rgba(210,184,163,.07), transparent 23%),
        #000;
}
.nox-cambios-shell {
    width:min(1120px, 88%);
}
.nox-cambios-head {
    grid-template-columns:1.05fr .95fr;
}
.nox-cambios-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:58px;
}
.nox-cambios-grid article {
    position:relative;
    padding:21px 0 21px 38px;
    border-bottom:1px solid rgba(210,184,163,.15);
}
.nox-cambios-grid article > span {
    position:absolute;
    top:25px;
    left:0;
    color:#D2B8A3;
    font-size:9px;
    letter-spacing:1.4px;
}
.nox-cambios-grid h2 {
    margin:0 0 7px;
    font-family:"Source Serif Pro", Georgia, serif;
    color:#E8E1D9;
    font-size:19px;
    font-weight:400;
}
.nox-cambios-grid p {
    margin:0;
    color:#A9A39E;
    font-size:12.5px;
    line-height:1.62;
}
.nox-cambios-grid a {
    color:#D2B8A3;
    text-decoration:none;
}
.nox-cambios-grid a:hover {
    text-decoration:underline;
}
.nox-cambios-note {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    margin-top:25px;
    padding:18px 21px;
    border:1px solid rgba(210,184,163,.22);
    background:rgba(210,184,163,.035);
}
.nox-cambios-note div {
    display:grid;
    gap:5px;
}
.nox-cambios-note span {
    color:#D2B8A3;
    font-size:9px;
    letter-spacing:2px;
}
.nox-cambios-note strong {
    font-family:"Source Serif Pro", Georgia, serif;
    color:#E8E1D9;
    font-size:17px;
    font-weight:400;
}
.nox-cambios-note > a {
    flex:0 0 auto;
    color:#D2B8A3;
    text-decoration:none;
    font-size:9px;
    letter-spacing:1.7px;
}
.nox-cambios-note > a:hover {
    color:#E8E1D9;
}
@media(max-width:760px){
    .nox-cambios-head,
    .nox-cambios-grid{
        grid-template-columns:1fr;
    }
    .nox-cambios-note{
        align-items:flex-start;
        flex-direction:column;
    }
}

/* CAMBIOS Y DEVOLUCIONES 0.11.1 — imagen integrada */
.nox-cambios{position:relative;isolation:isolate;}
.nox-cambios-art{position:fixed;z-index:-1;top:72px;bottom:64px;left:0;width:30%;overflow:hidden;pointer-events:none;}
.nox-cambios-art img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.48;}
.nox-cambios-art::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.08),rgba(0,0,0,.30) 58%,#000 100%),linear-gradient(to top,rgba(0,0,0,.38),transparent 45%);}
.nox-cambios .nox-cambios-shell{position:relative;z-index:1;width:min(1040px,82%);margin-left:auto;margin-right:5%;}
@media(max-width:900px){.nox-cambios-art{width:25%;}.nox-cambios .nox-cambios-shell{width:86%;margin-right:4%;}}
@media(max-width:700px){.nox-cambios-art{display:none;}.nox-cambios .nox-cambios-shell{width:90%;margin:0 auto;}}


/* =========================================================
   TÉRMINOS Y CONDICIONES 0.12.0
   ========================================================= */
.nox-terminos{position:relative;isolation:isolate;background:#000;}
.nox-terminos-art{position:fixed;z-index:-1;top:72px;bottom:64px;left:0;width:30%;overflow:hidden;pointer-events:none;}
.nox-terminos-art img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.48;}
.nox-terminos-art::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.08),rgba(0,0,0,.30) 58%,#000 100%),linear-gradient(to top,rgba(0,0,0,.40),transparent 45%);}
.nox-terminos-shell{position:relative;z-index:1;width:min(1040px,82%);margin-left:auto;margin-right:5%;}
.nox-terminos-head{grid-template-columns:1.05fr .95fr;}
.nox-terminos-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:58px;}
.nox-terminos-grid article{position:relative;padding:20px 0 20px 38px;border-bottom:1px solid rgba(210,184,163,.15);}
.nox-terminos-grid article>span{position:absolute;top:24px;left:0;color:#D2B8A3;font-size:9px;letter-spacing:1.4px;}
.nox-terminos-grid h2{margin:0 0 7px;font-family:"Source Serif Pro",Georgia,serif;color:#E8E1D9;font-size:19px;font-weight:400;}
.nox-terminos-grid p{margin:0;color:#A9A39E;font-size:12.5px;line-height:1.62;}
.nox-terminos-grid a{color:#D2B8A3;text-decoration:none;}
.nox-terminos-grid a:hover{text-decoration:underline;}
@media(max-width:900px){.nox-terminos-art{width:25%;}.nox-terminos-shell{width:86%;margin-right:4%;}}
@media(max-width:760px){.nox-terminos-head,.nox-terminos-grid{grid-template-columns:1fr;}.nox-terminos-art{display:none;}.nox-terminos-shell{width:90%;margin:0 auto;}}

html.nox-age-locked,html.nox-age-locked body{overflow:hidden!important}
.nox-age-gate{display:none;position:fixed;inset:0;z-index:2147483000;align-items:center;justify-content:center;background:#000;color:#E8E1D9}
.nox-age-gate[aria-hidden="false"]{display:flex}
.nox-age-gate-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(210,184,163,.11),transparent 28%),radial-gradient(circle at 78% 30%,rgba(210,184,163,.06),transparent 22%),#000}
.nox-age-gate-card{position:relative;z-index:1;width:min(650px,88vw);text-align:center;padding:54px 48px 50px}
.nox-age-gate-brand{font-family:"Source Serif Pro",Georgia,serif;font-size:42px;letter-spacing:9px}
.nox-age-gate-line{width:34px;height:1px;margin:22px auto 25px;background:#D2B8A3}
.nox-age-gate-kicker{margin:0 0 17px;color:#D2B8A3;font-size:9px;letter-spacing:3px}
.nox-age-gate h1{margin:0 auto;max-width:620px;font-family:"Source Serif Pro",Georgia,serif;font-size:clamp(31px,4vw,48px);line-height:1.08;font-weight:400}
.nox-age-gate h1 em{color:#D2B8A3;font-style:normal}
.nox-age-gate-copy{margin:21px 0 29px;color:#A9A39E;font-size:13px}
.nox-age-gate-actions{display:flex;justify-content:center;gap:13px}
.nox-age-gate-actions button{min-height:43px;padding:0 24px;border:1px solid rgba(210,184,163,.65);background:transparent;color:#E8E1D9;font-family:"DM Sans",Arial,sans-serif;font-size:9px;letter-spacing:1.5px;cursor:pointer}
#nox-age-confirm{background:#D2B8A3;color:#000;border-color:#D2B8A3}
#nox-age-confirm:hover{background:#E8E1D9;border-color:#E8E1D9}
#nox-age-exit:hover{border-color:#E8E1D9}
@media(max-width:600px){.nox-age-gate-card{padding:40px 22px}.nox-age-gate-actions{flex-direction:column}.nox-age-gate-actions button{width:min(310px,100%)}}

/* =========================================================
   APRENDÉ — PLANTILLA EDITORIAL BASE 0.13.2
   Basada en la mecánica estable de PRIVACIDAD.
   No altera las portadas ni las páginas legales existentes.
   ========================================================= */
.nox-aprende-editorial {
    position:relative;
    isolation:isolate;
    width:100%;
    height:calc(100dvh - 136px);
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    background:#000;
    color:#E8E1D9;
}
.nox-aprende-editorial-art {
    position:fixed;
    z-index:-1;
    top:72px;
    bottom:64px;
    left:0;
    width:31%;
    overflow:hidden;
    pointer-events:none;
}
.nox-aprende-editorial-art:empty { display:none; }
.nox-aprende-editorial-art img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    opacity:.55;
}
.nox-aprende-editorial-art::after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to right,rgba(0,0,0,.10),rgba(0,0,0,.30) 55%,#000 100%),
               linear-gradient(to top,rgba(0,0,0,.40),transparent 42%);
}
.nox-aprende-editorial-shell {
    position:relative;
    z-index:1;
    width:min(1040px,82%);
    margin-left:auto;
    margin-right:5%;
    padding:32px 0 38px;
}
.nox-aprende-editorial-head {
    padding-bottom:28px;
    border-bottom:1px solid rgba(210,184,163,.22);
}
.nox-aprende-editorial-head > span {
    display:block;
    margin-bottom:12px;
    color:#D2B8A3;
    font-size:10px;
    letter-spacing:3px;
}
.nox-aprende-editorial-head h1 {
    margin:0;
    font-family:"Source Serif Pro", Georgia, serif;
    font-size:clamp(35px,3.6vw,52px);
    font-weight:400;
    line-height:1.03;
}
.nox-aprende-editorial-content {
    padding-top:22px;
    color:#A9A39E;
    font-size:12.5px;
    line-height:1.65;
}
.nox-aprende-editorial-content h2,
.nox-aprende-editorial-content h3 {
    margin:26px 0 8px;
    font-family:"Source Serif Pro", Georgia, serif;
    color:#E8E1D9;
    font-weight:400;
}
.nox-aprende-editorial-content h2 { font-size:23px; }
.nox-aprende-editorial-content h3 { font-size:19px; }
.nox-aprende-editorial-content p { margin:0 0 14px; }
.nox-aprende-editorial-content a { color:#D2B8A3; }
.nox-aprende-editorial-content img {
    display:block;
    max-width:100%;
    height:auto;
}
@media(max-width:900px){
    .nox-aprende-editorial-art{width:26%;}
    .nox-aprende-editorial-shell{width:86%;margin-right:4%;}
}
@media(max-width:700px){
    .nox-aprende-editorial-art{
        position:relative;
        z-index:0;
        top:auto;
        bottom:auto;
        left:auto;
        width:100%;
        height:260px;
    }
    .nox-aprende-editorial-art:empty{display:none;}
    .nox-aprende-editorial-art::after{
        background:linear-gradient(to bottom,rgba(0,0,0,.12),#000 100%);
    }
    .nox-aprende-editorial-shell{width:90%;margin:0 auto;padding-top:28px;}
}

/* =========================================================
   APRENDÉ · SABER · EL CUERPO 0.13.3
   Usa los dos archivos aprobados sin reinterpretarlos.
   ========================================================= */
.nox-learn-page{width:100%;height:calc(100dvh - 136px);overflow-y:auto;overflow-x:hidden;background:#000;color:#E8E1D9;font-family:"DM Sans",Arial,sans-serif;}
.nox-learn-page *{box-sizing:border-box;}
.nox-learn-hero{width:min(1180px,92%);margin:0 auto;display:grid;grid-template-columns:.88fr 1.12fr;align-items:stretch;min-height:330px;border-bottom:1px solid rgba(210,184,163,.18);}
.nox-learn-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:42px 44px 42px 0;}
.nox-learn-kicker{color:#D2B8A3;font-size:10px;letter-spacing:3px;margin-bottom:14px;}
.nox-learn-hero h1{margin:0;font-family:"Source Serif Pro",Georgia,serif;font-size:clamp(46px,5vw,72px);font-weight:400;line-height:.98;}
.nox-learn-rule{display:flex;align-items:center;gap:10px;width:190px;margin:18px 0 17px;color:#D2B8A3;}
.nox-learn-rule i{height:1px;flex:1;background:rgba(210,184,163,.55);}.nox-learn-rule b{font-size:16px;font-weight:400;}
.nox-learn-hero-copy>p{max-width:440px;margin:0;color:#E8E1D9;font-family:"Source Serif Pro",Georgia,serif;font-size:21px;line-height:1.42;}
.nox-learn-hero-image{min-height:330px;overflow:hidden;position:relative;}
.nox-learn-hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.nox-learn-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,#000 0,transparent 18%);pointer-events:none;}
.nox-learn-intro{width:min(940px,84%);margin:0 auto;padding:42px 0 38px;text-align:center;border-bottom:1px solid rgba(210,184,163,.15);}
.nox-learn-intro p{margin:0;color:#C9C2BB;font-family:"Source Serif Pro",Georgia,serif;font-size:19px;line-height:1.7;}
.nox-learn-section{width:min(1080px,88%);margin:0 auto;padding:46px 0;display:grid;grid-template-columns:.82fr 1.18fr;gap:58px;align-items:center;border-bottom:1px solid rgba(210,184,163,.15);}
.nox-learn-copy h2{margin:0 0 17px;font-family:"Source Serif Pro",Georgia,serif;font-size:32px;font-weight:400;line-height:1.15;color:#E8E1D9;}
.nox-learn-copy h2:after{content:"";display:block;width:42px;height:1px;background:#D2B8A3;margin-top:14px;}
.nox-learn-copy p{margin:0 0 14px;color:#A9A39E;font-size:13px;line-height:1.72;}.nox-learn-copy p:last-child{margin-bottom:0;}.nox-learn-small strong{color:#D2B8A3;font-weight:500;}
.nox-learn-benefits{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(210,184,163,.22);}
.nox-learn-benefits div{min-height:112px;padding:22px;border-right:1px solid rgba(210,184,163,.16);border-bottom:1px solid rgba(210,184,163,.16);}.nox-learn-benefits div:nth-child(2n){border-right:0}.nox-learn-benefits div:nth-last-child(-n+2){border-bottom:0}
.nox-learn-benefits span{display:block;color:#D2B8A3;font-size:9px;letter-spacing:2px;margin-bottom:12px}.nox-learn-benefits p{margin:0;color:#E8E1D9;font-family:"Source Serif Pro",Georgia,serif;font-size:17px;line-height:1.3;}
.nox-learn-zones{grid-template-columns:.68fr 1.32fr;align-items:start;}.nox-learn-map{margin:0;background:#EAE5DE;overflow:hidden;}.nox-learn-map img{display:block;width:100%;height:auto;}
.nox-learn-keys{border-left:1px solid rgba(210,184,163,.32);padding:8px 0 8px 34px;}.nox-learn-keys>span{color:#D2B8A3;font-size:9px;letter-spacing:3px}.nox-learn-keys ul{list-style:none;margin:17px 0 0;padding:0}.nox-learn-keys li{position:relative;padding:8px 0 8px 20px;color:#C9C2BB;font-size:13px;line-height:1.45}.nox-learn-keys li:before{content:"";position:absolute;left:0;top:15px;width:5px;height:5px;border:1px solid #D2B8A3;border-radius:50%;}
.nox-learn-close{width:min(820px,84%);margin:0 auto;padding:48px 0 52px;text-align:center}.nox-learn-close>p{margin:0 0 9px;color:#A9A39E;font-size:12px;letter-spacing:.4px}.nox-learn-close h2{margin:0 0 27px;font-family:"Source Serif Pro",Georgia,serif;font-size:31px;font-weight:400}.nox-learn-close h2 em{color:#D2B8A3;font-style:normal}.nox-learn-close a{display:inline-block;border:1px solid rgba(210,184,163,.65);padding:13px 22px;color:#E8E1D9;text-decoration:none;font-size:9px;letter-spacing:2px}.nox-learn-close a:hover{background:#D2B8A3;color:#000;}
@media(max-width:850px){.nox-learn-hero{grid-template-columns:1fr}.nox-learn-hero-copy{padding:35px 0 28px}.nox-learn-hero-image{min-height:260px}.nox-learn-hero-image:after{background:linear-gradient(to bottom,#000 0,transparent 18%)}.nox-learn-section,.nox-learn-zones{grid-template-columns:1fr;gap:30px}.nox-learn-section{padding:38px 0}.nox-learn-map{width:100%}}
@media(max-width:560px){.nox-learn-hero{width:90%}.nox-learn-hero h1{font-size:45px}.nox-learn-hero-copy>p{font-size:18px}.nox-learn-hero-image{min-height:210px}.nox-learn-intro{width:88%;padding:32px 0}.nox-learn-intro p{font-size:17px}.nox-learn-section{width:88%}.nox-learn-copy h2{font-size:27px}.nox-learn-benefits{grid-template-columns:1fr}.nox-learn-benefits div,.nox-learn-benefits div:nth-child(2n),.nox-learn-benefits div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid rgba(210,184,163,.16)}.nox-learn-benefits div:last-child{border-bottom:0}.nox-learn-keys{padding-left:24px}.nox-learn-close{width:88%}.nox-learn-close h2{font-size:27px}}

/* =========================================================
   EL CUERPO 0.13.4 — AJUSTE DE ESCALA EDITORIAL
   Mantiene cuerpo de texto e imágenes originales; sólo ajusta
   jerarquías y tamaño de presentación en escritorio.
   ========================================================= */
@media (min-width:851px){
  .nox-el-cuerpo .nox-learn-hero{min-height:300px;grid-template-columns:.92fr 1.08fr;}
  .nox-el-cuerpo .nox-learn-hero-copy{padding:36px 40px 36px 0;}
  .nox-el-cuerpo .nox-learn-hero h1{font-size:clamp(43px,4.5vw,64px);}
  .nox-el-cuerpo .nox-learn-hero-image{min-height:300px;}
  .nox-el-cuerpo .nox-learn-copy h2{font-size:29px;}
  .nox-el-cuerpo .nox-learn-benefits div{min-height:104px;padding:20px;}
  .nox-el-cuerpo .nox-learn-zones{grid-template-columns:.78fr 1.22fr;gap:52px;}
  .nox-el-cuerpo .nox-learn-map{width:88%;justify-self:end;}
  .nox-el-cuerpo .nox-learn-close h2{font-size:28px;}
}

/* =========================================================
   APRENDE · SABER · EL DESEO — 0.13.5
   ========================================================= */
@media(min-width:851px){
  .nox-el-deseo .nox-learn-hero{min-height:300px;grid-template-columns:.92fr 1.08fr;}
  .nox-el-deseo .nox-learn-hero-copy{padding:36px 40px 36px 0;}
  .nox-el-deseo .nox-learn-hero h1{font-size:clamp(43px,4.5vw,64px);}
  .nox-el-deseo .nox-learn-hero-image{min-height:300px;}
  .nox-el-deseo .nox-learn-copy h2{font-size:29px;}
  .nox-el-deseo .nox-learn-benefits div{min-height:104px;padding:20px;}
  .nox-el-deseo .nox-learn-close h2{font-size:28px;}
}
.nox-desire-connection{grid-template-columns:.78fr 1.22fr;align-items:center;}
.nox-desire-image{margin:0;overflow:hidden;background:#090806;}
.nox-desire-image img{display:block;width:100%;height:auto;}
@media(max-width:850px){.nox-desire-connection{grid-template-columns:1fr;}.nox-desire-image{width:100%;}}

/* =========================================================
   APRENDE · SABER · BIENESTAR SEXUAL — 0.13.6
   ========================================================= */
@media(min-width:851px){
  .nox-bienestar-sexual .nox-learn-hero{min-height:300px;grid-template-columns:.92fr 1.08fr;}
  .nox-bienestar-sexual .nox-learn-hero-copy{padding:36px 40px 36px 0;}
  .nox-bienestar-sexual .nox-learn-hero h1{font-size:clamp(40px,4.1vw,59px);}
  .nox-bienestar-sexual .nox-learn-hero-image{min-height:300px;}
  .nox-bienestar-sexual .nox-learn-copy h2{font-size:29px;}
  .nox-bienestar-sexual .nox-learn-benefits div{min-height:104px;padding:20px;}
  .nox-bienestar-sexual .nox-learn-close h2{font-size:28px;}
}
.nox-wellbeing-balance{grid-template-columns:.78fr 1.22fr;align-items:center;}
.nox-wellbeing-image{margin:0;overflow:hidden;background:#090806;}
.nox-wellbeing-image img{display:block;width:100%;height:auto;}
@media(max-width:850px){.nox-wellbeing-balance{grid-template-columns:1fr;}.nox-wellbeing-image{width:100%;}}

/* =========================================================
   APRENDE · SABER · MITOS Y REALIDADES — 0.13.7
   ========================================================= */
@media(min-width:851px){
  .nox-mitos-realidades .nox-learn-hero{min-height:300px;grid-template-columns:.92fr 1.08fr;}
  .nox-mitos-realidades .nox-learn-hero-copy{padding:36px 40px 36px 0;}
  .nox-mitos-realidades .nox-learn-hero h1{font-size:clamp(38px,3.8vw,55px);}
  .nox-mitos-realidades .nox-learn-hero-image{min-height:300px;}
  .nox-mitos-realidades .nox-learn-copy h2{font-size:29px;}
  .nox-mitos-realidades .nox-learn-benefits div{min-height:104px;padding:20px;}
  .nox-mitos-realidades .nox-learn-close h2{font-size:28px;}
}
.nox-myths-contrast{grid-template-columns:.78fr 1.22fr;align-items:center;}
.nox-myths-image{margin:0;overflow:hidden;background:#090806;}
.nox-myths-image img{display:block;width:100%;height:auto;}
@media(max-width:850px){.nox-myths-contrast{grid-template-columns:1fr;}.nox-myths-image{width:100%;}}

/* =========================================================
   APRENDE · CUIDAR · LUBRICACIÓN — 0.13.8
   Imágenes aprobadas implementadas como archivos exactos.
   ========================================================= */
@media(min-width:851px){
  .nox-lubricacion .nox-learn-hero{min-height:300px;grid-template-columns:.92fr 1.08fr;}
  .nox-lubricacion .nox-learn-hero-copy{padding:36px 40px 36px 0;}
  .nox-lubricacion .nox-learn-hero h1{font-size:clamp(42px,4.3vw,62px);}
  .nox-lubricacion .nox-learn-hero-image{min-height:300px;}
  .nox-lubricacion .nox-learn-copy h2{font-size:29px;}
  .nox-lubricacion .nox-learn-benefits div{min-height:104px;padding:20px;}
  .nox-lubricacion .nox-learn-close h2{font-size:28px;}
}
.nox-lube-types{grid-template-columns:.78fr 1.22fr;align-items:center;}
.nox-lube-image{margin:0;overflow:hidden;background:#090806;}
.nox-lube-image img{display:block;width:100%;height:auto;}
@media(max-width:850px){.nox-lube-types{grid-template-columns:1fr;}.nox-lube-image{width:100%;}}

/* =========================================================
   APRENDE · CUIDAR · HIGIENE — 0.13.9
   Imágenes aprobadas implementadas como archivos exactos.
   ========================================================= */
@media(min-width:851px){
  .nox-higiene .nox-learn-hero{min-height:300px;grid-template-columns:.92fr 1.08fr;}
  .nox-higiene .nox-learn-hero-copy{padding:36px 40px 36px 0;}
  .nox-higiene .nox-learn-hero h1{font-size:clamp(43px,4.5vw,64px);}
  .nox-higiene .nox-learn-hero-image{min-height:300px;}
  .nox-higiene .nox-learn-copy h2{font-size:29px;}
  .nox-higiene .nox-learn-benefits div{min-height:104px;padding:20px;}
  .nox-higiene .nox-learn-close h2{font-size:28px;}
}
.nox-hygiene-care{grid-template-columns:.78fr 1.22fr;align-items:center;}
.nox-hygiene-image{margin:0;overflow:hidden;background:#090806;}
.nox-hygiene-image img{display:block;width:100%;height:auto;}
@media(max-width:850px){.nox-hygiene-care{grid-template-columns:1fr;}.nox-hygiene-image{width:100%;}}

/* =========================================================
   APRENDE · CUIDAR · USO SEGURO — 0.13.10
   Imágenes aprobadas implementadas como archivos exactos.
   ========================================================= */
@media(min-width:851px){
  .nox-uso-seguro .nox-learn-hero{min-height:300px;grid-template-columns:.92fr 1.08fr;}
  .nox-uso-seguro .nox-learn-hero-copy{padding:36px 40px 36px 0;}
  .nox-uso-seguro .nox-learn-hero h1{font-size:clamp(41px,4.2vw,60px);}
  .nox-uso-seguro .nox-learn-hero-image{min-height:300px;}
  .nox-uso-seguro .nox-learn-copy h2{font-size:29px;}
  .nox-uso-seguro .nox-learn-benefits div{min-height:104px;padding:20px;}
  .nox-uso-seguro .nox-learn-close h2{font-size:28px;}
}
.nox-safe-practice{grid-template-columns:.78fr 1.22fr;align-items:center;}
.nox-safe-image{margin:0;overflow:hidden;background:#090806;}
.nox-safe-image img{display:block;width:100%;height:auto;}
@media(max-width:850px){.nox-safe-practice{grid-template-columns:1fr;}.nox-safe-image{width:100%;}}

/* =========================================================
   APRENDE · CUIDAR · CONSENTIMIENTO — 0.13.11
   ========================================================= */
.nox-consent-choice{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:52px;
  align-items:center;
}
.nox-consent-image{margin:0;overflow:hidden;border-radius:2px;}
.nox-consent-image img{display:block;width:100%;height:auto;}
@media (min-width:851px){
  .nox-consentimiento .nox-learn-hero{min-height:300px;grid-template-columns:.92fr 1.08fr;}
  .nox-consentimiento .nox-learn-hero-copy{padding:36px 40px 36px 0;}
  .nox-consentimiento .nox-learn-hero h1{font-size:clamp(39px,4vw,58px);}
  .nox-consentimiento .nox-learn-hero-image{min-height:300px;}
  .nox-consentimiento .nox-learn-copy h2{font-size:29px;}
  .nox-consentimiento .nox-learn-benefits div{min-height:104px;padding:20px;}
  .nox-consentimiento .nox-learn-close h2{font-size:28px;}
}
@media (max-width:850px){
  .nox-consent-choice{grid-template-columns:1fr;gap:28px;}
}

/* =========================================================
   APRENDE · ELEGIR · MATERIALES — 0.13.12
   Imágenes aprobadas implementadas como archivos exactos.
   ========================================================= */
.nox-materials-compare{grid-template-columns:.78fr 1.22fr;align-items:center;}
.nox-materials-image{margin:0;overflow:hidden;background:#090806;}
.nox-materials-image img{display:block;width:100%;height:auto;}
@media(min-width:851px){
  .nox-materiales .nox-learn-hero{min-height:300px;grid-template-columns:.92fr 1.08fr;}
  .nox-materiales .nox-learn-hero-copy{padding:36px 40px 36px 0;}
  .nox-materiales .nox-learn-hero h1{font-size:clamp(42px,4.3vw,62px);}
  .nox-materiales .nox-learn-hero-image{min-height:300px;}
  .nox-materiales .nox-learn-copy h2{font-size:29px;}
  .nox-materiales .nox-learn-benefits div{min-height:104px;padding:20px;}
  .nox-materiales .nox-learn-close h2{font-size:28px;}
}
@media(max-width:850px){.nox-materials-compare{grid-template-columns:1fr;}.nox-materials-image{width:100%;}}

/* =========================================================
   APRENDE · ELEGIR · TAMAÑOS Y FORMAS — 0.13.13
   Imágenes aprobadas implementadas como archivos exactos.
   ========================================================= */
.nox-size-choice{grid-template-columns:.78fr 1.22fr;align-items:center;}
.nox-size-image{margin:0;overflow:hidden;background:#090806;}
.nox-size-image img{display:block;width:100%;height:auto;}
@media(min-width:851px){
  .nox-tamanos-formas .nox-learn-hero{min-height:300px;grid-template-columns:.92fr 1.08fr;}
  .nox-tamanos-formas .nox-learn-hero-copy{padding:36px 40px 36px 0;}
  .nox-tamanos-formas .nox-learn-hero h1{font-size:clamp(36px,3.7vw,54px);}
  .nox-tamanos-formas .nox-learn-hero-image{min-height:300px;}
  .nox-tamanos-formas .nox-learn-copy h2{font-size:29px;}
  .nox-tamanos-formas .nox-learn-benefits div{min-height:104px;padding:20px;}
  .nox-tamanos-formas .nox-learn-close h2{font-size:28px;}
}
@media(max-width:850px){.nox-size-choice{grid-template-columns:1fr;}.nox-size-image{width:100%;}}

/* =========================================================
   APRENDE · ELEGIR · FUNCIONES — 0.13.14
   Imagen 1 define el tema; imagen 2 es conceptual.
   Imágenes aprobadas implementadas como archivos exactos.
   ========================================================= */
.nox-functions-concept{grid-template-columns:.78fr 1.22fr;align-items:center;}
.nox-functions-image{margin:0;overflow:hidden;background:#090806;}
.nox-functions-image img{display:block;width:100%;height:auto;}
@media(min-width:851px){
  .nox-funciones .nox-learn-hero{min-height:300px;grid-template-columns:.92fr 1.08fr;}
  .nox-funciones .nox-learn-hero-copy{padding:36px 40px 36px 0;}
  .nox-funciones .nox-learn-hero h1{font-size:clamp(42px,4.3vw,62px);}
  .nox-funciones .nox-learn-hero-image{min-height:300px;}
  .nox-funciones .nox-learn-copy h2{font-size:29px;}
  .nox-funciones .nox-learn-benefits div{min-height:104px;padding:20px;}
  .nox-funciones .nox-learn-close h2{font-size:28px;}
}
@media(max-width:850px){.nox-functions-concept{grid-template-columns:1fr;}.nox-functions-image{width:100%;}}

/* =========================================================
   APRENDE · ELEGIR · PRIMERA ELECCIÓN — 0.13.15
   Imagen 1 define el tema; imagen 2 es conceptual.
   Imágenes aprobadas implementadas como archivos exactos.
   ========================================================= */
.nox-first-choice-concept{grid-template-columns:.78fr 1.22fr;align-items:center;}
.nox-first-choice-image{margin:0;overflow:hidden;background:#090806;}
.nox-first-choice-image img{display:block;width:100%;height:auto;}
@media(min-width:851px){
  .nox-primera-eleccion .nox-learn-hero{min-height:300px;grid-template-columns:.92fr 1.08fr;}
  .nox-primera-eleccion .nox-learn-hero-copy{padding:36px 40px 36px 0;}
  .nox-primera-eleccion .nox-learn-hero h1{font-size:clamp(36px,3.7vw,54px);}
  .nox-primera-eleccion .nox-learn-hero-image{min-height:300px;}
  .nox-primera-eleccion .nox-learn-copy h2{font-size:29px;}
  .nox-primera-eleccion .nox-learn-benefits div{min-height:104px;padding:20px;}
  .nox-primera-eleccion .nox-learn-close h2{font-size:28px;}
}
@media(max-width:850px){.nox-first-choice-concept{grid-template-columns:1fr;}.nox-first-choice-image{width:100%;}}


/* =========================================================
   APRENDE · EXPLORAR · RITMO — 0.13.16
   Imagen 1 define el tema; imagen 2 es conceptual.
   Imágenes aprobadas implementadas como archivos exactos.
   ========================================================= */
.nox-rhythm-concept{grid-template-columns:.78fr 1.22fr;align-items:center;}
.nox-rhythm-image{margin:0;overflow:hidden;background:#090806;}
.nox-rhythm-image img{display:block;width:100%;height:auto;}
@media(min-width:851px){
  .nox-ritmo .nox-learn-hero{min-height:300px;grid-template-columns:.92fr 1.08fr;}
  .nox-ritmo .nox-learn-hero-copy{padding:36px 40px 36px 0;}
  .nox-ritmo .nox-learn-hero h1{font-size:clamp(43px,4.5vw,64px);}
  .nox-ritmo .nox-learn-hero-image{min-height:300px;}
  .nox-ritmo .nox-learn-copy h2{font-size:29px;}
  .nox-ritmo .nox-learn-benefits div{min-height:104px;padding:20px;}
  .nox-ritmo .nox-learn-close h2{font-size:28px;}
}
@media(max-width:850px){.nox-rhythm-concept{grid-template-columns:1fr;}.nox-rhythm-image{width:100%;}}

/* =========================================================
   APRENDE · EXPLORAR · SENSACIONES — 0.13.17
   Imagen 1 define el tema; imagen 2 es conceptual y diferente.
   Imágenes aprobadas implementadas como archivos exactos.
   ========================================================= */
.nox-sensations-concept{grid-template-columns:.78fr 1.22fr;align-items:center;}
.nox-sensations-image{margin:0;overflow:hidden;background:#090806;}
.nox-sensations-image img{display:block;width:100%;height:auto;}
@media(min-width:851px){
  .nox-sensaciones .nox-learn-hero{min-height:300px;grid-template-columns:.92fr 1.08fr;}
  .nox-sensaciones .nox-learn-hero-copy{padding:36px 40px 36px 0;}
  .nox-sensaciones .nox-learn-hero h1{font-size:clamp(36px,3.7vw,54px);}
  .nox-sensaciones .nox-learn-hero-image{min-height:300px;}
  .nox-sensaciones .nox-learn-copy h2{font-size:29px;}
  .nox-sensaciones .nox-learn-benefits div{min-height:104px;padding:20px;}
  .nox-sensaciones .nox-learn-close h2{font-size:28px;}
}
@media(max-width:850px){.nox-sensations-concept{grid-template-columns:1fr;}.nox-sensations-image{width:100%;}}

/* =========================================================
   APRENDE · EXPLORAR · JUEGOS Y FANTASÍAS — 0.13.18
   Imagen 1 define el tema; imagen 2 es conceptual y diferente.
   Imágenes aprobadas implementadas como archivos exactos.
   ========================================================= */
.nox-fantasy-concept{grid-template-columns:.78fr 1.22fr;align-items:center;}
.nox-fantasy-image{margin:0;overflow:hidden;background:#090806;}
.nox-fantasy-image img{display:block;width:100%;height:auto;}
@media(min-width:851px){
  .nox-juegos-fantasias .nox-learn-hero{min-height:300px;grid-template-columns:.92fr 1.08fr;}
  .nox-juegos-fantasias .nox-learn-hero-copy{padding:36px 40px 36px 0;}
  .nox-juegos-fantasias .nox-learn-hero h1{font-size:clamp(34px,3.5vw,52px);}
  .nox-juegos-fantasias .nox-learn-hero-image{min-height:300px;}
  .nox-juegos-fantasias .nox-learn-copy h2{font-size:29px;}
  .nox-juegos-fantasias .nox-learn-benefits div{min-height:104px;padding:20px;}
  .nox-juegos-fantasias .nox-learn-close h2{font-size:28px;}
}
@media(max-width:850px){.nox-fantasy-concept{grid-template-columns:1fr;}.nox-fantasy-image{width:100%;}}


/* =========================================================
   APRENDE · EXPLORAR · COMPARTIR — 0.13.19
   Imagen 1 define el tema; imagen 2 es conceptual y diferente.
   Imágenes aprobadas implementadas como archivos exactos.
   ========================================================= */
.nox-share-concept{grid-template-columns:.78fr 1.22fr;align-items:center;}
.nox-share-image{margin:0;overflow:hidden;background:#090806;}
.nox-share-image img{display:block;width:100%;height:auto;}
@media(min-width:851px){
  .nox-compartir .nox-learn-hero{min-height:300px;grid-template-columns:.92fr 1.08fr;}
  .nox-compartir .nox-learn-hero-copy{padding:36px 40px 36px 0;}
  .nox-compartir .nox-learn-hero h1{font-size:clamp(40px,4.1vw,59px);}
  .nox-compartir .nox-learn-hero-image{min-height:300px;}
  .nox-compartir .nox-learn-copy h2{font-size:29px;}
  .nox-compartir .nox-learn-benefits div{min-height:104px;padding:20px;}
  .nox-compartir .nox-learn-close h2{font-size:28px;}
}
@media(max-width:850px){.nox-share-concept{grid-template-columns:1fr;}.nox-share-image{width:100%;}}

/* =========================================================
   ENVÍOS — 0.13.21
   Estructura editorial basada en las páginas APRENDÉ aprobadas.
   Usa exactamente la imagen aprobada para ENVÍOS.
   ========================================================= */
.nox-envios-page .nox-learn-hero-copy h1 em{
  color:#D2B8A3;
  font-style:italic;
  font-weight:400;
}
.nox-envios-page .nox-learn-benefits p strong{
  display:block;
  color:#E8E1D9;
  font-family:"Source Serif Pro",Georgia,serif;
  font-size:17px;
  font-weight:400;
  line-height:1.25;
  margin-bottom:8px;
}
.nox-envios-page .nox-learn-benefits p small{
  display:block;
  color:#A9A39E;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:12px;
  line-height:1.5;
}
@media(min-width:851px){
  .nox-envios-page .nox-learn-hero{min-height:300px;grid-template-columns:.92fr 1.08fr;}
  .nox-envios-page .nox-learn-hero-copy{padding:36px 40px 36px 0;}
  .nox-envios-page .nox-learn-hero h1{font-size:clamp(38px,3.8vw,55px);}
  .nox-envios-page .nox-learn-hero-image{min-height:300px;}
  .nox-envios-page .nox-learn-copy h2{font-size:29px;}
  .nox-envios-page .nox-learn-benefits div{min-height:128px;padding:20px;}
  .nox-envios-page .nox-learn-close h2{font-size:28px;}
}

/* =========================================================
   NOX 0.13.22 — TIENDA
   Catálogo: cabecera compacta + ordenamiento + grilla.
   Las categorías permanecen exclusivamente en el header.
   ========================================================= */
.nox-store-page{
    height:calc(100dvh - 136px);
    overflow-y:auto;
    overflow-x:hidden;
    background:
        radial-gradient(circle at 78% 4%, rgba(210,184,163,.07), transparent 26%),
        #000;
    padding:34px max(3.4vw,32px) 56px;
    box-sizing:border-box;
}
.nox-store-head{
    width:min(1280px,100%);
    margin:0 auto 28px;
    padding-bottom:22px;
    border-bottom:1px solid rgba(210,184,163,.28);
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:28px;
}
.nox-store-kicker{
    display:block;
    margin-bottom:7px;
    color:#d2b8a3;
    font:600 12px/1.2 "DM Sans",sans-serif;
    letter-spacing:.22em;
}
.nox-store-head h1{
    margin:0;
    color:#e8e1d9;
    font:400 clamp(31px,3vw,45px)/1.05 "Source Serif Pro",serif;
}
.nox-store-head h1 em{
    color:#d2b8a3;
    font-weight:400;
}
.nox-store-order{flex:0 0 auto;}
.nox-store-order .woocommerce-ordering{margin:0;}
.nox-store-order select{
    min-width:190px;
    padding:10px 36px 10px 14px;
    border:1px solid rgba(210,184,163,.6);
    border-radius:999px;
    background:#090909;
    color:#e8e1d9;
    font:400 13px/1.2 "DM Sans",sans-serif;
    outline:none;
}
.nox-store-grid{
    width:min(1280px,100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:22px;
}
.nox-product-card{
    min-width:0;
    min-height:420px;
    border:1px solid rgba(210,184,163,.58);
    border-radius:18px;
    background:linear-gradient(180deg,#0e0e0e 0%,#090909 100%);
    text-decoration:none;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.nox-product-card:hover,
.nox-product-card:focus-visible{
    border-color:#d2b8a3;
    transform:translateY(-2px);
    box-shadow:0 14px 32px rgba(0,0,0,.34);
}
.nox-product-media{
    height:300px;
    padding:22px 24px 8px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
}
.nox-product-media img{
    display:block;
    max-width:86%;
    max-height:270px;
    width:auto;
    height:auto;
    object-fit:contain;
    filter:drop-shadow(0 14px 18px rgba(0,0,0,.28));
    transition:transform .22s ease;
}
.nox-product-card:hover .nox-product-media img{transform:scale(1.025);}
.nox-product-info{
    margin-top:auto;
    padding:18px 22px 22px;
    border-top:1px solid rgba(169,163,158,.14);
    display:flex;
    flex-direction:column;
    gap:7px;
}
.nox-product-info strong{
    color:#e8e1d9;
    font:400 24px/1.15 "Source Serif Pro",serif;
}
.nox-product-price,
.nox-product-price .amount{
    color:#d2b8a3;
    font:500 23px/1.2 "DM Sans",sans-serif;
}
.nox-product-info small{
    position:relative;
    padding-left:14px;
    color:#a9a39e;
    font:400 13px/1.35 "DM Sans",sans-serif;
}
.nox-product-info small::before{
    content:"";
    position:absolute;
    left:0;
    top:.48em;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#a9a39e;
}
.nox-product-info small.is-stock{color:#b8b0a8;}
.nox-product-info small.is-stock::before{background:#d2b8a3;}
.nox-product-info small.is-out{opacity:.72;}
.nox-product-card-demo{cursor:default;}
.nox-product-card-demo:hover{transform:none;box-shadow:none;}

@media (max-width:1080px){
    .nox-store-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:820px){
    .nox-store-page{padding:28px 22px 46px;}
    .nox-store-head{align-items:flex-start;flex-direction:column;gap:16px;}
    .nox-store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
    .nox-product-media{height:260px;}
}
@media (max-width:520px){
    .nox-store-grid{grid-template-columns:1fr;}
    .nox-product-card{min-height:390px;}
    .nox-product-media{height:275px;}
}


/* =========================================================
   NOX 0.13.24 — TIENDA COMPACTA CORREGIDA
   Parte de 0.13.23 y ajusta únicamente la escala de TIENDA.
   ========================================================= */
@media (min-width:1081px){
  .nox-store-page{padding:18px max(3.4vw,32px) 34px;}
  .nox-store-head{margin-bottom:14px;padding-bottom:12px;gap:20px;align-items:center;}
  .nox-store-kicker{margin-bottom:4px;font-size:9px;letter-spacing:.20em;}
  .nox-store-head h1{font-size:clamp(25px,2.15vw,34px);}
  .nox-store-order select{min-width:165px;padding:7px 32px 7px 12px;font-size:11px;}
  .nox-store-grid{gap:14px;}
  .nox-product-card{min-height:0;height:300px;border-radius:14px;}
  .nox-product-media{height:210px;padding:12px 18px 4px;}
  .nox-product-media img{max-width:78%;max-height:195px;}
  .nox-product-info{padding:10px 16px 13px;gap:4px;}
  .nox-product-info strong{font-size:17px;line-height:1.1;}
  .nox-product-price,.nox-product-price .amount{font-size:17px;line-height:1.15;}
  .nox-product-info small{font-size:10px;line-height:1.2;padding-left:11px;}
  .nox-product-info small::before{width:5px;height:5px;}
}

/* =========================================================
   NOX 0.13.26 — FICHA DE PRODUCTO
   Diseño aprobado + selector de color/stock y cantidad real.
   ========================================================= */
.single-product .nox-product-page{
  height:calc(100dvh - 136px);
  overflow-y:auto;
  overflow-x:hidden;
  background:#000;
  padding:44px max(4.6vw,40px) 28px;
  box-sizing:border-box;
}
.single-product .nox-product-shell{
  width:min(1360px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(420px,1fr) minmax(500px,1.05fr);
  gap:76px;
  align-items:center;
}
.single-product .nox-product-gallery{min-width:0;}
.single-product .nox-product-image-frame{
  min-height:590px;
  border:1px solid rgba(210,184,163,.58);
  border-radius:22px;
  background:#0a0a0a;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px;
  box-sizing:border-box;
}
.single-product .nox-product-image-frame img{
  display:block;
  max-width:82%;
  max-height:510px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.38));
}
.single-product .nox-product-detail{min-width:0;}
.single-product .nox-product-detail h1{
  margin:0 0 16px;
  color:#e8e1d9;
  font:400 clamp(36px,3.25vw,54px)/1.06 "Source Serif Pro",Georgia,serif;
  letter-spacing:.005em;
}
.single-product .nox-product-detail-price,
.single-product .nox-product-detail-price .amount{
  color:#d2b8a3;
  font:500 31px/1.15 "Source Serif Pro",Georgia,serif;
  text-decoration:none;
}
.single-product .nox-product-stock{
  margin-top:14px;
  color:#aaa39d;
  font:400 18px/1.3 "DM Sans",Arial,sans-serif;
}
.single-product .nox-product-stock.is-out{opacity:.68;}
.single-product .nox-product-divider{
  height:1px;
  margin:20px 0 28px;
  background:rgba(210,184,163,.42);
}
.single-product .nox-product-specs{margin:0;display:grid;gap:18px;}
.single-product .nox-product-specs > div{
  display:grid;
  grid-template-columns:165px 1fr;
  gap:24px;
  align-items:baseline;
}
.single-product .nox-product-specs dt{
  color:#a9a39e;
  font:400 17px/1.25 "DM Sans",Arial,sans-serif;
}
.single-product .nox-product-specs dd{
  margin:0;
  color:#e6dfd8;
  font:400 20px/1.25 "DM Sans",Arial,sans-serif;
}
.single-product .nox-color-row{
  display:grid;
  grid-template-columns:165px 1fr;
  gap:24px;
  align-items:start;
}
.single-product .nox-color-label{
  padding-top:11px;
  color:#a9a39e;
  font:400 17px/1.25 "DM Sans",Arial,sans-serif;
}
.single-product .nox-color-options{
  display:flex;
  align-items:flex-start;
  gap:28px;
  flex-wrap:wrap;
}
.single-product .nox-color-option{
  width:92px;
  padding:0;
  border:0;
  background:transparent;
  color:#e6dfd8;
  font-family:"DM Sans",Arial,sans-serif;
  text-align:center;
  cursor:pointer;
}
.single-product .nox-color-option:disabled{cursor:not-allowed;}
.single-product .nox-color-swatch{
  position:relative;
  display:block;
  width:42px;
  height:42px;
  margin:0 auto 8px;
  border:1px solid rgba(232,225,217,.55);
  border-radius:50%;
  box-shadow:0 0 0 3px transparent;
  transition:.18s ease;
}
.single-product .nox-color-piel .nox-color-swatch{background:#d5b29d;}
.single-product .nox-color-rojo .nox-color-swatch{background:#8b1719;}
.single-product .nox-color-negro .nox-color-swatch{background:#151515;}
.single-product .nox-color-option.is-selected .nox-color-swatch{
  border-color:#d2b8a3;
  box-shadow:0 0 0 3px #000,0 0 0 5px #d2b8a3;
}
.single-product .nox-color-option.is-disabled{opacity:.52;}
.single-product .nox-color-option.is-disabled .nox-color-swatch::after{
  content:"";
  position:absolute;
  left:3px;
  right:3px;
  top:20px;
  height:1px;
  background:#d9d2cc;
  transform:rotate(-45deg);
  transform-origin:center;
}
.single-product .nox-color-name{
  display:block;
  color:#ddd6cf;
  font-size:14px;
  line-height:1.15;
}
.single-product .nox-color-status{
  display:block;
  margin-top:4px;
  color:#9f9994;
  font-size:11px;
  line-height:1.25;
}
.single-product .nox-color-option.is-selected .nox-color-status{color:#d2b8a3;}
.single-product .nox-product-cart-form{
  margin-top:30px;
  display:grid;
  grid-template-columns:88px 106px minmax(260px,1fr);
  gap:18px;
  align-items:center;
}
.single-product .nox-product-cart-form label{
  color:#a9a39e;
  font:400 17px/1.2 "DM Sans",Arial,sans-serif;
}
.single-product .nox-product-qty{
  height:50px;
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(210,184,163,.6);
  border-radius:8px;
  background:#070707;
  color:#e8e1d9;
  text-align:center;
  font:400 16px/1 "DM Sans",Arial,sans-serif;
  outline:none;
}
.single-product .nox-add-to-cart{
  height:58px;
  border:0;
  border-radius:10px;
  background:#d2b8a3;
  color:#15110f;
  font:500 17px/1 "DM Sans",Arial,sans-serif;
  letter-spacing:.01em;
  cursor:pointer;
}
.single-product .nox-add-to-cart:hover{filter:brightness(1.04);}
.single-product .nox-add-to-cart.is-disabled{width:100%;margin-top:28px;opacity:.48;cursor:not-allowed;}
.single-product .nox-product-learn{
  width:min(1360px,100%);
  margin:42px auto 0;
  padding-top:16px;
  border-top:1px solid rgba(210,184,163,.34);
  display:flex;
  align-items:center;
  gap:10px;
  color:#d2b8a3;
  font:400 14px/1.3 "DM Sans",Arial,sans-serif;
}
.single-product .nox-product-learn a{color:#d2b8a3;text-decoration:none;}
.single-product .nox-product-learn a:hover{text-decoration:underline;}
.single-product .nox-product-learn-dot{opacity:.75;}

@media (max-width:1050px){
  .single-product .nox-product-page{height:auto;min-height:calc(100dvh - 136px);padding:34px 28px 38px;}
  .single-product .nox-product-shell{grid-template-columns:1fr;gap:34px;}
  .single-product .nox-product-image-frame{min-height:480px;}
}
@media (max-width:620px){
  .single-product .nox-product-page{padding:24px 18px 34px;}
  .single-product .nox-product-image-frame{min-height:360px;padding:24px;}
  .single-product .nox-product-detail h1{font-size:34px;}
  .single-product .nox-product-specs > div,.single-product .nox-color-row{grid-template-columns:112px 1fr;gap:14px;}
  .single-product .nox-product-specs dd{font-size:17px;}
  .single-product .nox-color-options{gap:14px;}
  .single-product .nox-product-cart-form{grid-template-columns:1fr 92px;}
  .single-product .nox-product-cart-form label{grid-column:1;}
  .single-product .nox-add-to-cart{grid-column:1 / -1;}
}

/* =========================================================
   NOX 0.13.29 — FICHA DE PRODUCTO COMPACTA (desktop)
   Reduce la escala general para mantener la ficha visible
   dentro del área central, sin alterar la estructura aprobada.
   ========================================================= */
@media (min-width:1081px){
  .single-product .nox-product-page{
    padding:22px max(4.6vw,40px) 20px;
  }
  .single-product .nox-product-shell{
    width:min(1180px,100%);
    grid-template-columns:minmax(360px,.92fr) minmax(440px,1.08fr);
    gap:58px;
    align-items:center;
  }
  .single-product .nox-product-image-frame{
    min-height:430px;
    border-radius:18px;
    padding:28px;
  }
  .single-product .nox-product-image-frame img{
    max-width:76%;
    max-height:375px;
  }
  .single-product .nox-product-detail h1{
    margin-bottom:10px;
    font-size:clamp(32px,2.75vw,44px);
  }
  .single-product .nox-product-detail-price,
  .single-product .nox-product-detail-price .amount{
    font-size:26px;
  }
  .single-product .nox-product-stock{
    margin-top:9px;
    font-size:15px;
  }
  .single-product .nox-product-divider{
    margin:14px 0 20px;
  }
  .single-product .nox-product-specs{gap:12px;}
  .single-product .nox-product-specs > div{
    grid-template-columns:145px 1fr;
    gap:18px;
  }
  .single-product .nox-product-specs dt,
  .single-product .nox-color-label{
    font-size:15px;
  }
  .single-product .nox-product-specs dd{
    font-size:17px;
  }
  .single-product .nox-color-row{
    grid-template-columns:145px 1fr;
    gap:18px;
  }
  .single-product .nox-color-label{padding-top:7px;}
  .single-product .nox-color-options{gap:20px;}
  .single-product .nox-color-option{width:78px;}
  .single-product .nox-color-swatch{
    width:34px;
    height:34px;
    margin-bottom:6px;
  }
  .single-product .nox-color-option.is-disabled .nox-color-swatch::after{top:16px;}
  .single-product .nox-color-name{font-size:13px;}
  .single-product .nox-color-status{font-size:10px;}
  .single-product .nox-product-cart-form{
    margin-top:20px;
    grid-template-columns:74px 90px minmax(230px,1fr);
    gap:14px;
  }
  .single-product .nox-product-cart-form label{font-size:15px;}
  .single-product .nox-product-qty{height:44px;font-size:15px;}
  .single-product .nox-add-to-cart{height:50px;font-size:15px;}
  .single-product .nox-product-learn{
    width:min(1180px,100%);
    margin-top:22px;
    padding-top:12px;
    font-size:13px;
  }
}

/* =========================================================
   NOX 0.13.30 — FICHA PRODUCTO: AJUSTE FINO DE ESCALA DESKTOP
   Mantiene la composición aprobada, reduciendo altura total
   para que controles y vínculo APRENDÉ entren mejor en pantalla.
   ========================================================= */
@media (min-width:1081px){
  .single-product .nox-product-page{
    padding:12px max(3.6vw,32px) 12px;
  }
  .single-product .nox-product-shell{
    width:min(1120px,100%);
    grid-template-columns:minmax(340px,.90fr) minmax(430px,1.10fr);
    gap:46px;
  }
  .single-product .nox-product-image-frame{
    min-height:360px;
    border-radius:16px;
    padding:20px;
  }
  .single-product .nox-product-image-frame img{
    max-width:72%;
    max-height:320px;
  }
  .single-product .nox-product-detail h1{
    margin-bottom:7px;
    font-size:clamp(29px,2.45vw,39px);
  }
  .single-product .nox-product-detail-price,
  .single-product .nox-product-detail-price .amount{
    font-size:23px;
  }
  .single-product .nox-product-stock{
    margin-top:6px;
    font-size:13px;
  }
  .single-product .nox-product-divider{
    margin:10px 0 14px;
  }
  .single-product .nox-product-specs{gap:8px;}
  .single-product .nox-product-specs > div{
    grid-template-columns:130px 1fr;
    gap:16px;
  }
  .single-product .nox-product-specs dt,
  .single-product .nox-color-label{
    font-size:13px;
  }
  .single-product .nox-product-specs dd{
    font-size:15px;
  }
  .single-product .nox-color-row{
    grid-template-columns:130px 1fr;
    gap:16px;
  }
  .single-product .nox-color-label{padding-top:4px;}
  .single-product .nox-color-options{gap:14px;}
  .single-product .nox-color-option{width:70px;}
  .single-product .nox-color-swatch{
    width:30px;
    height:30px;
    margin-bottom:4px;
  }
  .single-product .nox-color-option.is-disabled .nox-color-swatch::after{top:14px;}
  .single-product .nox-color-name{font-size:12px;}
  .single-product .nox-color-status{margin-top:2px;font-size:9px;}
  .single-product .nox-product-cart-form{
    margin-top:12px;
    grid-template-columns:66px 80px minmax(220px,1fr);
    gap:12px;
  }
  .single-product .nox-product-cart-form label{font-size:13px;}
  .single-product .nox-product-qty{height:38px;font-size:13px;}
  .single-product .nox-add-to-cart{height:42px;font-size:13px;}
  .single-product .nox-product-learn{
    width:min(1120px,100%);
    margin-top:10px;
    padding-top:8px;
    font-size:11px;
  }
}

/* =========================================================
   NOX 0.13.40 — MINIATURA COMPLETA EN CARRITO
   Sólo presentación del carrito WooCommerce. No altera ficha,
   tienda, stock ni lógica de compra.
   ========================================================= */
body.woocommerce-cart .wc-block-cart-item__image,
body.woocommerce-cart .wc-block-cart-item__image a{
  display:flex;
  align-items:center;
  justify-content:center;
}
body.woocommerce-cart .wc-block-cart-item__image img{
  width:82px !important;
  height:82px !important;
  max-width:82px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#090909;
  border:1px solid rgba(210,184,163,.28);
  border-radius:8px;
  padding:5px;
}
body.woocommerce-cart .wc-block-cart-item__wrap{
  align-content:center;
}
body.woocommerce-cart .wc-block-cart-item__product{
  vertical-align:middle;
}
body.woocommerce-cart .wc-block-components-product-name{
  line-height:1.35;
}
body.woocommerce-cart .wc-block-components-quantity-selector{
  min-height:30px;
  border-color:rgba(210,184,163,.42) !important;
}
body.woocommerce-cart .wc-block-cart-item__remove-link{
  color:#e8e1d9 !important;
  opacity:.82;
}
body.woocommerce-cart .wc-block-cart-item__remove-link:hover{
  color:#d2b8a3 !important;
  opacity:1;
}
body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-cart .wc-block-components-button.wc-block-cart__submit-button{
  min-height:48px !important;
  background:#d2b8a3 !important;
  border:1px solid #d2b8a3 !important;
  border-radius:0 !important;
  color:#0a0909 !important;
  font-weight:500 !important;
  letter-spacing:.02em;
  box-shadow:none !important;
  transition:filter .18s ease, background .18s ease;
}
body.woocommerce-cart .wc-block-cart__submit-button:hover,
body.woocommerce-cart .wc-block-components-button.wc-block-cart__submit-button:hover{
  background:#dfc8b6 !important;
  border-color:#dfc8b6 !important;
  color:#0a0909 !important;
  filter:brightness(1.03);
}
body.woocommerce-cart .wc-block-cart__submit-button:focus,
body.woocommerce-cart .wc-block-components-button.wc-block-cart__submit-button:focus{
  outline:1px solid #e8e1d9 !important;
  outline-offset:2px;
}


/* =========================================================
   NOX 0.13.41 — CHECKOUT VISUAL
   Ajuste exclusivo del checkout WooCommerce Blocks.
   ========================================================= */
body.woocommerce-checkout .wc-block-checkout{
  --nox-checkout-border: rgba(210,184,163,.42);
  --nox-checkout-soft: rgba(210,184,163,.16);
  color:#eee7df;
}
body.woocommerce-checkout .wc-block-checkout__main,
body.woocommerce-checkout .wc-block-checkout__sidebar{
  color:#eee7df;
}
body.woocommerce-checkout .wc-block-components-title,
body.woocommerce-checkout .wc-block-components-checkout-step__title,
body.woocommerce-checkout .wc-block-components-order-summary__title-text,
body.woocommerce-checkout .wc-block-components-totals-item__label,
body.woocommerce-checkout .wc-block-components-totals-item__value{
  color:#eee7df !important;
}
body.woocommerce-checkout .wc-block-components-checkout-step__description,
body.woocommerce-checkout .wc-block-components-address-card__address,
body.woocommerce-checkout .wc-block-components-product-metadata,
body.woocommerce-checkout .wc-block-components-product-price{
  color:#c9c0b7 !important;
}

body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input,
body.woocommerce-checkout .wc-block-components-address-form select,
body.woocommerce-checkout .wc-block-components-select .wc-block-components-select__select,
body.woocommerce-checkout textarea{
  background:#0b0b0b !important;
  color:#f2ece6 !important;
  border:1px solid var(--nox-checkout-border) !important;
  border-radius:5px !important;
  box-shadow:none !important;
}
body.woocommerce-checkout .wc-block-components-text-input input:focus,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input:focus,
body.woocommerce-checkout .wc-block-components-address-form select:focus,
body.woocommerce-checkout .wc-block-components-select .wc-block-components-select__select:focus,
body.woocommerce-checkout textarea:focus{
  border-color:#d2b8a3 !important;
  outline:1px solid rgba(210,184,163,.45) !important;
  outline-offset:0;
}
body.woocommerce-checkout .wc-block-components-text-input label,
body.woocommerce-checkout .wc-block-components-combobox label,
body.woocommerce-checkout .wc-block-components-select label{
  color:#bdb3aa !important;
}
body.woocommerce-checkout input::placeholder,
body.woocommerce-checkout textarea::placeholder{
  color:#8f877f !important;
  opacity:1;
}

body.woocommerce-checkout .wc-block-components-checkout-order-summary-block{
  background:#090909;
  border:1px solid rgba(210,184,163,.28) !important;
  border-radius:6px;
  padding:16px;
}
body.woocommerce-checkout .wc-block-components-order-summary-item__image img{
  object-fit:contain !important;
  background:#090909;
}
body.woocommerce-checkout .wc-block-components-totals-wrapper,
body.woocommerce-checkout .wc-block-components-panel,
body.woocommerce-checkout .wc-block-components-totals-coupon{
  border-color:rgba(210,184,163,.24) !important;
}

body.woocommerce-checkout .wc-block-components-radio-control-accordion-option,
body.woocommerce-checkout .wc-block-components-radio-control__option{
  background:#0b0b0b !important;
  border-color:rgba(210,184,163,.34) !important;
  color:#eee7df !important;
}
body.woocommerce-checkout .wc-block-components-radio-control__label,
body.woocommerce-checkout .wc-block-components-radio-control__description,
body.woocommerce-checkout .wc-block-components-payment-method-label{
  color:#eee7df !important;
}
body.woocommerce-checkout .wc-block-components-radio-control__input:checked{
  accent-color:#d2b8a3;
}
body.woocommerce-checkout .wc-block-components-radio-control-accordion-content{
  color:#c9c0b7 !important;
  background:#0b0b0b !important;
}

body.woocommerce-checkout .wc-block-components-button.wc-block-components-checkout-place-order-button,
body.woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-button{
  min-height:48px !important;
  background:#d2b8a3 !important;
  border:1px solid #d2b8a3 !important;
  border-radius:0 !important;
  color:#0a0909 !important;
  box-shadow:none !important;
  font-weight:500 !important;
  letter-spacing:.02em;
}
body.woocommerce-checkout .wc-block-components-button.wc-block-components-checkout-place-order-button:hover,
body.woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-button:hover{
  background:#dfc8b6 !important;
  border-color:#dfc8b6 !important;
  color:#0a0909 !important;
}
body.woocommerce-checkout .wc-block-components-button.wc-block-components-checkout-place-order-button:disabled,
body.woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-button:disabled{
  background:#6f6258 !important;
  border-color:#6f6258 !important;
  color:#171411 !important;
  opacity:.72;
}
body.woocommerce-checkout .wc-block-components-notice-banner{
  background:#17110f !important;
  border:1px solid rgba(210,184,163,.42) !important;
  color:#eee7df !important;
}
body.woocommerce-checkout .wc-block-components-notice-banner svg{
  fill:#d2b8a3 !important;
}
body.woocommerce-checkout a{
  color:#d2b8a3;
}
body.woocommerce-checkout a:hover{
  color:#e2cbb8;
}

/* NOX 0.13.45 — Forma de entrega en checkout */
body.woocommerce-checkout .nox-checkout-delivery{margin:24px 0 28px;color:#eee7df}
body.woocommerce-checkout .nox-checkout-delivery h2{margin:0 0 14px;font-size:20px;font-weight:500;color:#f2ece6}
body.woocommerce-checkout .nox-delivery-intro{margin:0 0 12px;color:#c9c0b7;font-size:13px}
body.woocommerce-checkout .nox-delivery-options{border:1px solid rgba(210,184,163,.34);border-radius:5px;overflow:hidden;background:#0b0b0b}
body.woocommerce-checkout .nox-delivery-option{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 15px;border-bottom:1px solid rgba(210,184,163,.20);cursor:pointer;color:#eee7df;font-size:14px}
body.woocommerce-checkout .nox-delivery-option:last-child{border-bottom:0}
body.woocommerce-checkout .nox-delivery-option:hover{background:#11100f}
body.woocommerce-checkout .nox-delivery-option input{accent-color:#d2b8a3;width:17px;height:17px;margin:0}
body.woocommerce-checkout .nox-delivery-note{margin:10px 0 0;color:#a9a098;font-size:12px;line-height:1.5}


/* =========================================================
   NOX 0.13.48 — ENTREGA PERSONAL / CONTACTO DIRECTO
   ========================================================= */
body.woocommerce-checkout .nox-personal-contact-button{
  display:none;
  align-items:center;
  justify-content:center;
  min-height:50px;
  margin:16px 0 0;
  padding:0 22px;
  border:1px solid #d2b8a3;
  border-radius:5px;
  background:#d2b8a3;
  color:#17120f;
  text-decoration:none;
  font:600 13px/1 "DM Sans",Arial,sans-serif;
  letter-spacing:.08em;
  text-align:center;
  transition:filter .18s ease, transform .18s ease;
}
body.woocommerce-checkout .nox-personal-contact-button:hover{
  filter:brightness(1.05);
  transform:translateY(-1px);
  color:#17120f;
}