/* ============================================================
   APP DE FAMILIAS · tema CLARO con los acentos de la web (dossier)
   ------------------------------------------------------------
   La app es para usarla a diario: se queda clara, con su letra de
   lectura y su tamaño. De la web se trae el ACENTO, no el póster:
     · Anton para lo que se lee de lejos (saludo, títulos de
       pantalla, cifras del resumen, títulos de tarjeta);
     · Oswald espaciada para etiquetas, secciones y menú;
     · el oro del club, en su versión OSCURA para letra (#8a6321:
       el oro de la web sobre blanco no llega a 3:1; este sí pasa
       de 4,5:1) y el oro brillante solo como adorno;
     · la raya roja del dossier delante de cada sección y en el
       filo de las tarjetas del resumen, y un punteado suave en el
       saludo.
   Todo va con html.bcf-light delante: el tema oscuro no se toca.
   Quitar este fichero = la app de antes.
   ============================================================ */
html.bcf-light{
  --ad-tinta:#1a1111;--ad-suave:rgba(26,17,17,.62);
  --ad-oro:#8a6321;--ad-oro-b:#d8a64a;--ad-rojo:#c81616;--ad-rojo-o:#8a0d0d;
  --ad-papel:#f7f3ee;--ad-filo:rgba(138,99,33,.22)
}
html.bcf-light body{background:var(--ad-papel)}

/* ── lo que se lee de lejos: Anton ── */
html.bcf-light .dxp-hero h3,
html.bcf-light .dxp-pg-top h2,
html.bcf-light .dxp-kpi .nm,
html.bcf-light .dxp-tile h4,
html.bcf-light .dxp-box > h3,
html.bcf-light .dxp-c > h3{font-family:'Anton',sans-serif!important;font-weight:400!important;letter-spacing:.01em!important;color:var(--ad-tinta)}
html.bcf-light .dxp-hero h3{font-size:30px!important;line-height:1!important}
html.bcf-light .dxp-kpi .nm{font-size:34px!important;line-height:1.05!important}
html.bcf-light .dxp-tile h4{font-size:17px!important;letter-spacing:.03em!important}

/* ── etiquetas, secciones y menú: Oswald espaciada en oro oscuro ── */
html.bcf-light .dxp-sec,
html.bcf-light .dxp-kpi .lb{font-family:'Oswald',sans-serif!important;font-weight:500!important;letter-spacing:.2em!important;color:var(--ad-oro)!important}
html.bcf-light .dxp-sec{display:flex;align-items:center;gap:10px}
html.bcf-light .dxp-sec{padding-left:16px!important}
html.bcf-light .dxp-sec::before{content:"";position:static!important;width:26px;height:2px;background:var(--ad-rojo)!important;flex:0 0 26px;border-radius:0!important;top:auto;bottom:auto}
html.bcf-light .dxp-hero p{color:var(--ad-suave)}

/* ── el saludo: panel con el punteado del dossier y filo dorado ── */
html.bcf-light .dxp-hero{position:relative;overflow:hidden;border:1px solid var(--ad-filo)!important;
  background:radial-gradient(420px 200px at 100% 0%,rgba(200,22,22,.08),transparent 60%),linear-gradient(160deg,#fffdfa,#f6efe6)!important}
html.bcf-light .dxp-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(circle at 1px 1px,rgba(200,22,22,.35) 1px,transparent 1.5px);background-size:12px 12px;
  -webkit-mask-image:radial-gradient(ellipse 50% 90% at 100% 50%,#000 25%,transparent 70%);mask-image:radial-gradient(ellipse 50% 90% at 100% 50%,#000 25%,transparent 70%)}
html.bcf-light .dxp-hero > *{position:relative}

/* ── tarjetas del resumen: el filo rojo del dossier ── */
html.bcf-light .dxp-kpi{border:1px solid var(--ad-filo)!important;box-shadow:inset 3px 0 0 var(--ad-rojo),0 6px 18px -12px rgba(26,17,17,.25)!important}
html.bcf-light .dxp-tile{border:1px solid var(--ad-filo)!important}

/* ── botón principal: el rojo del dossier, con la letra de etiqueta ── */
html.bcf-light .dxp-btn:not([style*="background"]){background:linear-gradient(180deg,#e21c1c,#9e0e0e)!important;color:#fff!important;
  font-family:'Oswald',sans-serif!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase}

/* ── menú lateral (ordenador) y barra de abajo (móvil) ── */
html.bcf-light .dxp-side a,html.bcf-light .dxp-side button{font-family:'Oswald',sans-serif!important;font-weight:500!important;letter-spacing:.12em!important}
html.bcf-light .dxp-tabbar span{font-family:'Oswald',sans-serif!important;font-weight:500!important;letter-spacing:.08em!important}
html.bcf-light .dxp-act span{font-family:'Oswald',sans-serif!important;font-weight:500!important;letter-spacing:.04em!important;color:var(--ad-tinta)!important}

/* ============================================================
   PANTALLAS INTERIORES (todo lo que se abre encima: agenda,
   convocatorias, tecnificación, mi cuenta, mi jugador…) y la
   pestaña de inscripción de siempre. Mismo lenguaje: claro,
   papel cálido, oro oscuro para etiquetas, filo rojo, Anton
   para cifras. Las pantallas pintan mucho con estilo en línea,
   así que aquí se apunta a esos patrones concretos.
   ============================================================ */

/* ── subtítulos dentro de una pantalla: etiqueta Oswald con la raya roja ── */
html.bcf-light .dxp-c h4,
html.bcf-light .dxp-c div[style^="font-weight:800;margin:14px"]{display:flex!important;align-items:center;gap:10px;margin:22px 0 10px!important;
  font-family:'Oswald',sans-serif!important;font-weight:500!important;font-size:12.5px!important;letter-spacing:.2em!important;text-transform:uppercase;color:var(--ad-oro)!important}
html.bcf-light .dxp-c h4::before,
html.bcf-light .dxp-c div[style^="font-weight:800;margin:14px"]::before{content:"";width:22px;height:2px;flex:0 0 22px;background:var(--ad-rojo)}

/* ── «no hay nada»: una tarjeta tranquila en vez de una línea gris suelta ── */
html.bcf-light .dxp-c p[style*="color:#999"],
html.bcf-light .dxp-c p[style*="#999)"]{position:relative;margin:10px 0!important;padding:26px 18px 20px!important;text-align:center;
  background:#fffdfa;border:1px dashed var(--ad-filo);border-radius:14px;color:var(--ad-suave)!important;font-size:14px!important;line-height:1.5}
html.bcf-light .dxp-c p[style*="color:#999"]::before,
html.bcf-light .dxp-c p[style*="#999)"]::before{content:"";display:block;width:34px;height:4px;margin:0 auto 12px;border-radius:2px;
  background:linear-gradient(90deg,var(--ad-rojo),var(--ad-oro-b))}

/* ── notas y filas: blancas con el filo dorado (el #ffffff0a del oscuro aquí no se ve) ── */
html.bcf-light .dxp-c .dxp-note{background:#fffdfa!important;border:1px solid var(--ad-filo)!important;color:var(--ad-tinta)}
html.bcf-light .dxp-c .dxp-note b{color:var(--ad-tinta)}

/* ── campos: blancos, filo dorado y anillo de oro al escribir ── */
html.bcf-light .dxp-c input:not([type=checkbox]):not([type=radio]):not([type=range]),
html.bcf-light .dxp-c select,
html.bcf-light .dxp-c textarea{background:#fff!important;border:1px solid rgba(138,99,33,.3)!important;color:var(--ad-tinta)!important;border-radius:10px!important}
html.bcf-light .dxp-c input:focus,html.bcf-light .dxp-c select:focus,html.bcf-light .dxp-c textarea:focus{outline:none!important;
  border-color:var(--ad-oro-b)!important;box-shadow:0 0 0 3px rgba(216,166,74,.25)!important}
html.bcf-light .dxp-c label:not(.dxp-note){font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.14em;color:var(--ad-oro)}

/* ── botones secundarios (los que llevan su propio fondo): contorno, misma letra ── */
html.bcf-light .dxp-c .dxp-btn[style*="background"]:not([style*="#c8"]):not([style*="#e2"]):not([style*="gradient"]){background:#fff!important;color:var(--ad-tinta)!important;
  border:1px solid rgba(138,99,33,.35)!important;box-shadow:none!important;
  font-family:'Oswald',sans-serif!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase}

/* ── la letra de titular vieja (Barlow) pasa a la del dossier ── */
html.bcf-light .dxp-c [style*="Barlow Condensed"]{font-family:'Oswald',sans-serif!important;letter-spacing:.04em}

/* ── barra de abajo: la pestaña activa se veía como una píldora dorada
      SIN icono (el icono, dorado, quedaba debajo). Tinte suave detrás e
      icono y nombre por encima, en el rojo del dossier. ── */
html.bcf-light .dxp-tabbar button.active::before{background:rgba(216,166,74,.24)!important}
html.bcf-light .dxp-tabbar button.active,
html.bcf-light .dxp-tabbar button.active span{color:var(--ad-rojo)!important}
html.bcf-light .dxp-tabbar button.active svg{stroke:var(--ad-rojo)!important;color:var(--ad-rojo)!important}

/* ============================================================
   PESTAÑA DE INSCRIPCIÓN (dashboard.html de siempre)
   ============================================================ */
html.bcf-light .dash-email{font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.02em;color:var(--ad-tinta)}
html.bcf-light .dash-logout{font-family:'Oswald',sans-serif!important;letter-spacing:.16em!important}
html.bcf-light .renovation-banner{background:linear-gradient(160deg,#fffdfa,#f6efe6)!important;border:1px solid var(--ad-filo)!important;border-left:3px solid var(--ad-rojo)!important;border-radius:14px!important}
html.bcf-light .renov-eyebrow{font-family:'Oswald',sans-serif!important;font-weight:500!important;letter-spacing:.3em!important;color:var(--ad-oro)!important}
html.bcf-light .renov-percent{font-family:'Anton',sans-serif!important;font-weight:400!important;letter-spacing:.01em!important;color:var(--ad-tinta)!important}
html.bcf-light .renov-label{color:var(--ad-suave)!important}
html.bcf-light .renov-divider{background:var(--ad-filo)!important}
html.bcf-light .renov-progress{height:4px!important;border-radius:2px!important;background:rgba(138,99,33,.14)!important}
html.bcf-light .renov-progress-bar{background:linear-gradient(90deg,var(--ad-rojo),var(--ad-oro-b))!important}
html.bcf-light .hijo-card{background:#fffdfa!important;border:1px solid var(--ad-filo)!important;border-radius:14px!important}
html.bcf-light .hijo-card.hijo-active{box-shadow:inset 3px 0 0 var(--ad-rojo)!important}
html.bcf-light .hijo-name{font-family:'Anton',sans-serif!important;font-weight:400!important;font-size:17px!important;letter-spacing:.02em;color:var(--ad-tinta)!important}
html.bcf-light .hijo-cat{font-family:'Oswald',sans-serif;letter-spacing:.14em;text-transform:uppercase;font-size:11px!important;color:var(--ad-oro)!important}
html.bcf-light .hijo-add{background:transparent!important;border:1px dashed rgba(138,99,33,.45)!important;border-radius:14px!important;color:var(--ad-oro)!important;
  font-family:'Oswald',sans-serif!important;font-weight:500!important;letter-spacing:.16em!important}
html.bcf-light .hijo-add:hover{border-color:var(--ad-rojo)!important;color:var(--ad-rojo)!important}
html.bcf-light .status-card,html.bcf-light .data-card{background:#fffdfa!important;border:1px solid var(--ad-filo)!important;border-radius:14px!important}
html.bcf-light .status-title{font-family:'Anton',sans-serif!important;font-weight:400!important;letter-spacing:.01em;color:var(--ad-tinta)!important}
html.bcf-light .data-section-title{font-family:'Oswald',sans-serif!important;font-weight:500!important;letter-spacing:.2em!important;color:var(--ad-oro)!important}
html.bcf-light #viewDashboard [style*="Barlow Condensed"]{font-family:'Anton',sans-serif!important;font-weight:400!important;letter-spacing:.01em}
html.bcf-light .btn-submit{background:linear-gradient(180deg,#e21c1c,#9e0e0e)!important;color:#fff!important;border:none!important;border-radius:12px!important;
  font-family:'Oswald',sans-serif!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase}
html.bcf-light .finp{background:#fff!important;border:1px solid rgba(138,99,33,.3)!important;border-radius:10px!important;color:var(--ad-tinta)!important}
html.bcf-light .finp:focus{border-color:var(--ad-oro-b)!important;box-shadow:0 0 0 3px rgba(216,166,74,.25)!important;outline:none}