/* =========================================================
   CAMARADA — MI CUENTA UI v0.3.0
   SOLO DISEÑO. NO MUEVE / OCULTA / REESCRIBE FUNCIONES.
   ========================================================= */

body.camarada-mi-cuenta-ui,
body.camarada-checkin-ui {
    --cm-bg-1: #202227;
    --cm-bg-2: #2a2d33;
    --cm-panel: rgba(255,255,255,.075);
    --cm-panel-strong: rgba(255,255,255,.11);
    --cm-line: rgba(255,255,255,.22);
    --cm-text: rgba(255,255,255,.96);
    --cm-muted: rgba(255,255,255,.64);
}

/* Fondo más claro, neutro, sin psicodelia de color */
body.camarada-checkin-ui,
body.camarada-checkin-ui #page,
body.camarada-checkin-ui .site,
body.camarada-checkin-ui main,
body.camarada-checkin-ui .site-main,
body.camarada-checkin-ui .elementor-location-single,
body.camarada-mi-cuenta-ui,
body.camarada-mi-cuenta-ui #page,
body.camarada-mi-cuenta-ui main,
body.camarada-mi-cuenta-ui .site-main {
    background:
        radial-gradient(circle at 18% 14%, rgba(255,255,255,.08), transparent 32%),
        radial-gradient(circle at 82% 28%, rgba(255,255,255,.045), transparent 34%),
        linear-gradient(145deg, var(--cm-bg-2), var(--cm-bg-1)) !important;
    color: var(--cm-text) !important;
}

/* Tipografía más ancha / Nike-Apple */
body.camarada-checkin-ui :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,strong,b,label,.button,button),
body.camarada-mi-cuenta-ui :is(h1,h2,h3,h4,h5,h6,strong,b,label,.button,button) {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: .035em !important;
}

body.camarada-checkin-ui :is(p,span,small,input,textarea,select),
body.camarada-mi-cuenta-ui :is(p,span,small,input,textarea,select) {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif !important;
}

/* Paneles de vidrio. Sin sombras ni franjas de color. */
body.camarada-checkin-ui :is(.elementor-widget-container,.elementor-container,.e-con,.e-con-inner,.card,.panel,.box,.camarada-card,.checkin-card,.ticket-card,.scanner-card),
body.camarada-mi-cuenta-ui :is(.woocommerce-MyAccount-content,.woocommerce-MyAccount-navigation,.woocommerce-order-details,.woocommerce-customer-details) {
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Solo los paneles que ya tienen fondo/borde se convierten en glass; evita pintar cada widget de Elementor */
body.camarada-checkin-ui :is(.card,.panel,.box,.camarada-card,.checkin-card,.ticket-card,.scanner-card),
body.camarada-checkin-ui .elementor-element[style*="background"],
body.camarada-checkin-ui .elementor-widget-container[style*="background"] {
    background: rgba(255,255,255,.075) !important;
    border: 1px solid var(--cm-line) !important;
    border-radius: 26px !important;
    box-shadow: none !important;
    backdrop-filter: blur(20px) saturate(115%);
    -webkit-backdrop-filter: blur(20px) saturate(115%);
}

/* Mata específicamente los viejos acentos naranja/amarillo por box-shadow/border */
body.camarada-checkin-ui * {
    --e-global-color-primary: rgba(255,255,255,.94);
    --e-global-color-accent: rgba(255,255,255,.94);
}

body.camarada-checkin-ui :is(.elementor-button,.button,button,input[type="submit"],input[type="button"],a.button),
body.camarada-mi-cuenta-ui :is(.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce .button) {
    background: rgba(255,255,255,.085) !important;
    color: var(--cm-text) !important;
    border: 1px solid rgba(255,255,255,.25) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    min-height: 50px;
    padding: 12px 24px !important;
    transition: transform .16s ease, background-color .16s ease, border-color .16s ease !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

body.camarada-checkin-ui :is(.elementor-button,.button,button,input[type="submit"],input[type="button"],a.button):hover,
body.camarada-mi-cuenta-ui :is(.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce .button):hover {
    background: rgba(255,255,255,.14) !important;
    border-color: rgba(255,255,255,.38) !important;
    transform: translateY(-1px) scale(1.01);
}

body.camarada-checkin-ui :is(.elementor-button,.button,button,input[type="submit"],input[type="button"],a.button):active,
body.camarada-mi-cuenta-ui :is(.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce .button):active {
    transform: scale(.985);
}

/* Inputs Apple / glass */
body.camarada-checkin-ui :is(input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="tel"],textarea,select),
body.camarada-mi-cuenta-ui .woocommerce :is(input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="tel"],textarea,select) {
    background: rgba(255,255,255,.09) !important;
    color: var(--cm-text) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    min-height: 54px;
    padding: 12px 18px !important;
    outline: none !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body.camarada-checkin-ui :is(input,textarea)::placeholder,
body.camarada-mi-cuenta-ui :is(input,textarea)::placeholder {
    color: rgba(255,255,255,.45) !important;
}

body.camarada-checkin-ui :is(input,textarea,select):focus,
body.camarada-mi-cuenta-ui :is(input,textarea,select):focus {
    border-color: rgba(255,255,255,.52) !important;
    box-shadow: 0 0 0 4px rgba(255,255,255,.055) !important;
}

/* Texto */
body.camarada-checkin-ui :is(h1,h2,h3,h4,h5,h6,p,span,label,strong,small),
body.camarada-mi-cuenta-ui .woocommerce :is(h1,h2,h3,h4,h5,h6,p,span,label,strong,small,th,td) {
    color: var(--cm-text);
}

body.camarada-checkin-ui small,
body.camarada-checkin-ui .elementor-widget-text-editor,
body.camarada-mi-cuenta-ui small {
    color: var(--cm-muted) !important;
}

/* Divisores neutros */
body.camarada-checkin-ui hr,
body.camarada-mi-cuenta-ui hr {
    border: 0 !important;
    border-top: 1px solid rgba(255,255,255,.15) !important;
}

/* Mi Cuenta sigue segura y limpia */
body.camarada-mi-cuenta-ui .woocommerce-MyAccount-navigation,
body.camarada-mi-cuenta-ui .woocommerce-MyAccount-content {
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 24px !important;
    box-shadow: none !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

/* Móvil */
@media (max-width: 768px) {
    body.camarada-checkin-ui :is(.elementor-button,.button,button,input[type="submit"],input[type="button"],a.button) {
        min-height: 48px;
        padding: 11px 18px !important;
    }
}


/* =========================================================
   v0.3.0 — CHECK-IN 2026 / APPLE + SPOTIFY
   - sin buscador flotante
   - sin tarjetas 90s
   - superficies transparentes
   ========================================================= */

/* Oculta el buscador desplegable del header SOLO en Check-In. */
body.camarada-checkin-ui :is(
    .site-header .search-form,
    .site-header .header-search,
    .site-header .search-toggle,
    .site-header .search-dropdown,
    .site-header .search-panel,
    .site-header .ast-search-menu-icon,
    .site-header .elementor-search-form,
    .site-header .elementor-widget-search,
    header .search-form,
    header .elementor-search-form,
    header .elementor-widget-search,
    #site-header .search-form,
    #site-header .elementor-search-form,
    .dialog-widget-content .elementor-search-form
) {
    display: none !important;
}

/* Fondo más claro y contemporáneo, sin colores de acento. */
body.camarada-checkin-ui,
body.camarada-checkin-ui #page,
body.camarada-checkin-ui .site,
body.camarada-checkin-ui main,
body.camarada-checkin-ui .site-main,
body.camarada-checkin-ui .elementor-location-single {
    background:
        radial-gradient(circle at 22% 12%, rgba(255,255,255,.105), transparent 34%),
        radial-gradient(circle at 78% 68%, rgba(255,255,255,.055), transparent 38%),
        linear-gradient(145deg, #34373d 0%, #292c31 45%, #202328 100%) !important;
}

/* Mata acentos viejos: naranja, amarillo, sombras duras y subrayados. */
body.camarada-checkin-ui :is(.elementor-element,.elementor-widget-container,.e-con,.e-con-inner,.card,.panel,.box,.camarada-card,.checkin-card,.ticket-card,.scanner-card) {
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
}

/* Los contenedores grandes quedan transparentes: desaparece el look de tarjeta. */
body.camarada-checkin-ui :is(
    .elementor-container,
    .e-con,
    .e-con-inner,
    .elementor-widget-wrap,
    .elementor-widget-container
) {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Tarjetas semánticas: glass mínimo, mucho más transparente. */
body.camarada-checkin-ui :is(.card,.panel,.box,.camarada-card,.checkin-card,.ticket-card,.scanner-card),
body.camarada-checkin-ui [class*="card"],
body.camarada-checkin-ui [class*="panel"] {
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 24px !important;
    box-shadow: none !important;
    backdrop-filter: blur(18px) saturate(105%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(105%) !important;
}

/* Quita pseudo-elementos usados como franjas/sombras de color. */
body.camarada-checkin-ui :is(.card,.panel,.box,.camarada-card,.checkin-card,.ticket-card,.scanner-card)::before,
body.camarada-checkin-ui :is(.card,.panel,.box,.camarada-card,.checkin-card,.ticket-card,.scanner-card)::after {
    box-shadow: none !important;
    background-image: none !important;
    border-color: transparent !important;
}

/* Botones: cristal plano estilo Apple, sin sombra ni relleno de color. */
body.camarada-checkin-ui :is(.elementor-button,.button,button,input[type="submit"],input[type="button"],a.button) {
    background: rgba(255,255,255,.075) !important;
    color: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-weight: 800 !important;
    letter-spacing: .045em !important;
    -webkit-backdrop-filter: blur(18px) !important;
    backdrop-filter: blur(18px) !important;
}
body.camarada-checkin-ui :is(.elementor-button,.button,button,input[type="submit"],input[type="button"],a.button):hover {
    background: rgba(255,255,255,.135) !important;
    border-color: rgba(255,255,255,.42) !important;
    transform: translateY(-1px) !important;
}

/* Inputs transparentes para que los botones/labels no se pierdan. */
body.camarada-checkin-ui :is(input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="tel"],textarea,select) {
    background: rgba(5,7,10,.26) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    color: rgba(255,255,255,.96) !important;
    box-shadow: none !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}

/* Encabezado CAMARADA / CHECK-IN más 2026, sin caja pesada si viene envuelto. */
body.camarada-checkin-ui :is(h1,h2,.elementor-heading-title) {
    font-weight: 850 !important;
    letter-spacing: .08em !important;
}

/* Evita marcos negros/naranjas heredados en wrappers directos del contenido. */
body.camarada-checkin-ui main > :is(section,div),
body.camarada-checkin-ui .site-main > :is(section,div) {
    box-shadow: none !important;
}


/* =========================================================
   v0.4.0 — CHECK-IN CLEAN GLASS
   CERO NARANJA / CERO SOMBRAS / CERO BOTÓN VACÍO
   ========================================================= */

/* Quita el botón circular vacío que aparece arriba a la derecha.
   Solo se aplica en Check-In y no toca el carrito con icono. */
body.camarada-checkin-ui header :is(a,button):empty,
body.camarada-checkin-ui .site-header :is(a,button):empty,
body.camarada-checkin-ui #site-header :is(a,button):empty,
body.camarada-checkin-ui .elementor-location-header :is(a,button):empty {
    display: none !important;
}

/* Si el círculo vacío viene como wrapper Elementor sin contenido real. */
body.camarada-checkin-ui header .elementor-icon-wrapper:has(a:empty),
body.camarada-checkin-ui .elementor-location-header .elementor-icon-wrapper:has(a:empty) {
    display: none !important;
}

/* Neutraliza absolutamente cualquier acento naranja/amarillo heredado
   sin cambiar funciones ni estructura. */
body.camarada-checkin-ui :is(
    .elementor-button,
    .button,
    button,
    input[type="submit"],
    input[type="button"],
    a.button,
    [class*="access"],
    [class*="badge"],
    [class*="tag"]
) {
    background-color: rgba(255,255,255,.055) !important;
    background-image: linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.025)) !important;
    color: rgba(255,255,255,.97) !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    border-bottom-color: rgba(255,255,255,.24) !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-backdrop-filter: blur(22px) saturate(120%) !important;
    backdrop-filter: blur(22px) saturate(120%) !important;
}

/* Quita franjas/sombras de color generadas por pseudo-elementos. */
body.camarada-checkin-ui :is(
    .elementor-button,
    .button,
    button,
    a.button,
    [class*="card"],
    [class*="panel"],
    [class*="access"],
    [class*="badge"],
    [class*="tag"]
)::before,
body.camarada-checkin-ui :is(
    .elementor-button,
    .button,
    button,
    a.button,
    [class*="card"],
    [class*="panel"],
    [class*="access"],
    [class*="badge"],
    [class*="tag"]
)::after {
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
}

/* Tarjetas todavía más cristal: se ve el fondo a través de ellas. */
body.camarada-checkin-ui :is(
    .card,.panel,.box,.camarada-card,.checkin-card,.ticket-card,.scanner-card,
    [class*="card"],[class*="panel"]
) {
    background: rgba(255,255,255,.025) !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(16px) saturate(110%) !important;
    backdrop-filter: blur(16px) saturate(110%) !important;
}

/* El encabezado de Check-In también pierde cualquier borde/sombra naranja. */
body.camarada-checkin-ui :is(
    .elementor-heading-title,
    h1,h2,h3
) {
    text-shadow: none !important;
}

/* Hover Apple: solo luz, sin color. */
body.camarada-checkin-ui :is(
    .elementor-button,.button,button,input[type="submit"],input[type="button"],a.button
):hover {
    background-color: rgba(255,255,255,.11) !important;
    background-image: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.045)) !important;
    border-color: rgba(255,255,255,.38) !important;
    box-shadow: none !important;
    transform: translateY(-1px) !important;
}


/* =========================================================
   v0.5.0 — CHECK-IN HARD RESET VISUAL
   Solo presentación. El JS añade clases visuales; no toca lógica.
   ========================================================= */

body.camarada-checkin-ui .cm-hide-empty-control {
    display: none !important;
}

body.camarada-checkin-ui .cm-neutral-glass {
    background: rgba(255,255,255,.055) !important;
    background-image: linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.025)) !important;
    color: rgba(255,255,255,.97) !important;
    border-color: rgba(255,255,255,.24) !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-backdrop-filter: blur(18px) saturate(115%) !important;
    backdrop-filter: blur(18px) saturate(115%) !important;
}

body.camarada-checkin-ui .cm-no-warm-shadow {
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
}

body.camarada-checkin-ui .cm-no-warm-border {
    border-top-color: rgba(255,255,255,.20) !important;
    border-right-color: rgba(255,255,255,.20) !important;
    border-bottom-color: rgba(255,255,255,.20) !important;
    border-left-color: rgba(255,255,255,.20) !important;
}

body.camarada-checkin-ui .cm-neutralize-pseudo::before,
body.camarada-checkin-ui .cm-neutralize-pseudo::after {
    background: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Cero acentos cálidos visibles en el módulo principal */
body.camarada-checkin-ui main *,
body.camarada-checkin-ui .site-main *,
body.camarada-checkin-ui .elementor-location-single * {
    text-shadow: none !important;
}

/* Botones grandes realmente de cristal */
body.camarada-checkin-ui :is(
    .elementor-button,
    .button,
    button,
    input[type="submit"],
    input[type="button"],
    a.button
) {
    background: rgba(255,255,255,.055) !important;
    background-image: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.025)) !important;
    border: 1px solid rgba(255,255,255,.26) !important;
    box-shadow: none !important;
    color: rgba(255,255,255,.98) !important;
}

body.camarada-checkin-ui :is(
    .elementor-button,
    .button,
    button,
    input[type="submit"],
    input[type="button"],
    a.button
):hover {
    background: rgba(255,255,255,.12) !important;
    background-image: linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.045)) !important;
    border-color: rgba(255,255,255,.42) !important;
    box-shadow: none !important;
}