/* ==========================================================================
   UNDER — tratamiento "reservado" para perfiles etiquetados como Under.
   --------------------------------------------------------------------------
   Idea: la modelo Under no se oculta, se insinúa. El misterio lo aporta la
   foto misma (blanco y negro, encuadres parciales): se muestra TAL CUAL,
   sin blur ni velo, en cards y en la ficha.
   La etiqueta reutiliza el lenguaje negro+dorado del sitio, pero "hueca"
   (frosted) para sentirse contenida, no un sticker.
   ========================================================================== */

:root{
    --under-gold:       #ffd700;
}

/* --------------------------------------------------------------------------
   1. Etiqueta "Under" — hermana de .model-badge / .pf-badge pero hueca.
   -------------------------------------------------------------------------- */
.model-badge--under{
    width: auto;
    padding: .1rem .42rem;
    background: rgba(0,0,0,.30);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255,215,0,.5);
    color: var(--under-gold);
    letter-spacing: .06em;
    text-transform: uppercase;
    font-weight: 600;
}

.pf-badge--under{
    background: rgba(0,0,0,.35);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255,215,0,.5);
    color: var(--under-gold);
    padding: 0 16px;
    letter-spacing: .1em;
    text-transform: uppercase;
}

/* Microcopy de la ficha: estado del perfil, no adorno. */
.pf-under-note{
    margin-top: 9px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(255,215,0,.85);
    pointer-events: none;
}

/* --------------------------------------------------------------------------
   5. Ficha Under — dark "reservado" con IDENTIDAD PROPIA (no es el dark mode
      del sitio): charcoal cálido en capas + hairline dorado sutil, con
      profundidad (body → surface → card) para que no sea un negro plano.
      Se aplica sea cual sea el tema (white/black) elegido en el sitio.
   -------------------------------------------------------------------------- */

/* Fondo a nivel body → evita la franja clara junto al footer. */
body.is-under-profile{ background: #100e13; }
/* El borde del footer usa --border-color del tema; en tema claro es #e5e5e5
   y sobre el fondo oscuro se ve como una línea blanca. */
body.is-under-profile .siteFooter{ border-top-color: rgba(255,215,0,.10); }
/* Barra fija con nombre/edad (aparece al hacer scroll): en tema claro toma
   --bg-primary (blanco) y queda como franja blanca sobre la ficha oscura. */
.pf-page.is-under .pf-topReveal__inner{ background-color: #17151c; color: #f3f1ee; }

.pf-page.is-under{
    /* Paleta propia (redefine las variables de tema que consume la ficha) */
    --pf-surface:          #17151c;
    --pf-text:             #f3f1ee;
    --pf-muted:            rgba(243,241,238,.66);
    --pf-border:           rgba(255,215,0,.10);   /* hairline dorado, sello Under */
    --pf-card-bg:          rgba(255,255,255,.05);
    --pf-card-bg-soft:     rgba(255,255,255,.07);
    --pf-chip-bg:          rgba(255,255,255,.09);
    --pf-chip-text:        #f3f1ee;
    --pf-chip-border:      rgba(255,255,255,.13);
    --pf-chip-soft-bg:     rgba(255,255,255,.06);
    --pf-chip-soft-border: rgba(255,255,255,.10);
    --pf-cta-bg:           rgba(255,255,255,.10);
    --pf-cta-price-bg:     rgba(0,0,0,.35);
    --pf-cta-price-text:   #fff;
    --pf-social-bg:        rgba(255,255,255,.07);
    --pf-social-border:    rgba(255,255,255,.14);
    --pf-shadow:           0 20px 50px rgba(0,0,0,.5);
    --pf-shadow-2:         0 18px 44px rgba(0,0,0,.6);
    /* Vars globales que algunos textos legacy usan por inline style
       (p.ej. el título "Servicios adicionales" y su ícono de joya). */
    --text-primary:        #f3f1ee;
    --text:                #f3f1ee;
    background: #100e13;
    color: #f3f1ee;
}

/* Chips de atributos y servicios: legibles sobre el fondo oscuro.
   Gana por especificidad a las reglas html[data-theme="light"] .pf-chip. */
.pf-page.is-under .pf-chip{
    background: rgba(255,255,255,.09);
    color: #f3f1ee;
    border-color: rgba(255,255,255,.13);
    box-shadow: none;
}
.pf-page.is-under .pf-chip--soft{
    background: rgba(255,255,255,.06);
    color: #f3f1ee;
    border-color: rgba(255,255,255,.10);
}
.pf-page.is-under .pf-chip--muted{ color: rgba(243,241,238,.6); }

/* Cards legacy (Conoce más / Servicios adicionales / Horarios): matizar el
   blanco a un charcoal elevado con hairline dorado. */
.pf-page.is-under .profileSection,
.pf-page.is-under .profileSectionS,
.pf-page.is-under .scheduleCard{
    background: #201d26;
    color: #f3f1ee;
    border-color: rgba(255,215,0,.12);
}
.pf-page.is-under .profileSection h3,
.pf-page.is-under .pf-h2,
.pf-page.is-under .pf-h3{ color: #f3f1ee; }
.pf-page.is-under .profileText,
.pf-page.is-under .profileMetaText{ color: rgba(243,241,238,.66); }

/* Horarios */
.pf-page.is-under .dayItem{ border-color: rgba(255,255,255,.12); }
.pf-page.is-under .dayItem .day{ color: #f3f1ee; }
.pf-page.is-under .dayItem .time{ color: rgba(243,241,238,.66); }
.pf-page.is-under .dayItemN{
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.07);
}
.pf-page.is-under .dayItemN .day,
.pf-page.is-under .dayItemN .time{ color: rgba(243,241,238,.4); }