/* Cabecera B (Laureano, 30/09, validada en maquetas; DECISIONES D23): cada página empieza por un bloque de SU color
   (--c) con dónde estás, el título y una acción principal. Va con la página: al bajar se va, y entonces baja una barra
   fina fija. Nada cambia de tamaño, así que nada salta (los tirones de D22). */
.te-heroe{--c:#3B40D0;background:var(--c);color:#fff;border-radius:0 0 32px 32px;font-family:"Atkinson Hyperlegible",system-ui,sans-serif;overflow:hidden}
.te-heroe-in{max-width:1120px;margin:0 auto;padding:14px 16px 24px;display:flex;flex-direction:column;gap:14px}
.te-fila{display:flex;align-items:center;gap:10px}
.te-heroe a,.te-fina a{text-decoration:none}
.te-heroe .ic,.te-fina .ic{width:20px;height:20px;flex-shrink:0}
.te-marca{display:flex;align-items:center;gap:9px;color:#fff!important;margin-right:auto;min-width:0}
.te-rayo{width:36px;height:36px;flex-shrink:0;border-radius:11px;background:rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center}
.tinta .te-rayo{background:#3B40D0}
.te-rayo .ic{animation:zumb 2.6s ease-in-out infinite}
@keyframes zumb{0%,86%,100%{transform:rotate(0)}90%{transform:rotate(-14deg)}94%{transform:rotate(12deg)}}
.te-marca-t{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-size:17px;letter-spacing:-.2px;white-space:nowrap}
.te-nav{display:none;gap:4px}
.te-nav a{color:#fff;font-weight:700;font-size:15px;padding:9px 13px;border-radius:12px;transition:background .15s}
.te-nav a:hover{background:rgba(255,255,255,.12);color:#fff}.te-nav a[aria-current="page"]{background:rgba(255,255,255,.2)}
.te-icb{width:44px;height:44px;flex-shrink:0;border:0;border-radius:14px;background:rgba(255,255,255,.16);color:#fff!important;
 display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,background .15s}
.te-icb:hover{background:rgba(255,255,255,.26)}.te-icb:active{transform:scale(.92)}
.te-icb.blanco{background:#fff;color:var(--c)!important}
.te-cejilla{font-size:12px;letter-spacing:1.2px;font-weight:700;opacity:.88;text-transform:uppercase;line-height:1.4}
.te-chip{align-self:flex-start;font-size:13px;font-weight:700;background:rgba(255,255,255,.16);border-radius:12px;padding:5px 11px}
.te-heroe h1{margin:0;font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-size:clamp(30px,9vw,40px);line-height:1.02;
 letter-spacing:-.3px;color:#fff;text-wrap:balance}
.te-titulo{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.te-titulo span{display:flex;gap:6px}
.te-sub{margin:0;font-size:16px;line-height:1.5;opacity:.95;max-width:62ch}
.te-acciones{display:flex;gap:10px}
.te-prim{flex-grow:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:6px 16px;background:#fff;color:var(--c)!important;
 font-weight:800;font-size:16px;border-radius:16px 16px 16px 5px;box-shadow:0 8px 18px rgba(0,0,0,.18);transition:transform .15s,box-shadow .15s}
.te-prim:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.22)}.te-prim:active{transform:scale(.96)}
.tinta .te-prim{background:#3B40D0;color:#fff!important}
.te-prim .te-2{display:flex;flex-direction:column;line-height:1.2;min-width:0;overflow:hidden;text-align:left}
.te-prim .te-2 small{font-size:12.5px;font-weight:700;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.te-sec{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 16px;border-radius:16px;border:1.5px solid rgba(255,255,255,.5);
 color:#fff!important;font-weight:700;transition:background .15s}.te-sec:hover{background:rgba(255,255,255,.12)}
.te-acciones .te-icb{width:52px;height:52px;border-radius:16px}
.te-sinred{display:none;margin:0;background:#FCEBC9;color:#6B4300;font-size:13px;font-weight:700;text-align:center;padding:5px 12px}
.sin-red .te-sinred{display:block}
/* La barra fina: baja cuando el bloque de color se ha ido */
.te-fina{--c:#3B40D0;position:fixed;top:0;left:0;right:0;z-index:30;background:var(--c);color:#fff;border-radius:0 0 20px 20px;
 box-shadow:0 6px 18px rgba(21,23,58,.22);font-family:"Atkinson Hyperlegible",system-ui,sans-serif;transform:translateY(-115%);visibility:hidden;
 transition:transform .28s cubic-bezier(.2,.9,.3,1),visibility 0s .28s}
.te-fina.ver{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.2,.9,.3,1)}
.te-fina-in{max-width:1120px;margin:0 auto;height:60px;display:flex;align-items:center;gap:8px;padding:0 10px 0 12px}
.te-fina .te-icb{width:42px;height:42px;border-radius:13px}
.te-ctx{flex:1 1 0;min-width:0;display:flex;flex-direction:column;line-height:1.15}
.te-ctx small{font-size:11.5px;font-weight:700;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.te-ctx b{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.te-accion{position:relative;width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--c)!important;font-weight:800;
 transition:transform .15s}.te-accion:active{transform:scale(.92)}
.tinta .te-accion{color:#3B40D0!important}
.te-aro{position:absolute;inset:0;width:48px;height:48px;transform:rotate(-90deg)}
.te-aro circle{fill:none;stroke-width:3}.te-aro-f{stroke:rgba(255,255,255,.25)}.te-aro-v{stroke:#fff;stroke-linecap:round;stroke-dasharray:132;stroke-dashoffset:132}
.te-bola{width:36px;height:36px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}
.te-bola .ic{width:18px;height:18px}
.te-accion .te-txt{display:none}
.te-linea{position:absolute;left:0;bottom:0;height:3px;width:100%;background:rgba(255,255,255,.8);transform:scaleX(0);transform-origin:left;border-radius:0 3px 3px 0}
/* Barra de pestañas común con la app (spec 014, H4): abajo en el móvil; en ordenador la cabecera ya lleva las secciones */
:root{--te-tabs-h:calc(66px + env(safe-area-inset-bottom,0px))}
.te-pie.te-pie{padding-bottom:calc(40px + var(--te-tabs-h))} /* el final de cada página queda por encima de la barra */
.te-tabs{position:fixed;left:0;right:0;bottom:0;z-index:25;height:var(--te-tabs-h);box-sizing:border-box;background:#fff;border-top:1px solid #D3D7EE;display:flex;justify-content:space-around;align-items:flex-start;
 padding:6px 4px env(safe-area-inset-bottom,0px);font-family:"Atkinson Hyperlegible",system-ui,sans-serif}
.te-tabs a{flex:1;max-width:120px;display:flex;flex-direction:column;align-items:center;gap:2px;color:#555A80;font-size:12px;font-weight:700;text-decoration:none}
.te-tabs .pi{height:30px;padding:0 16px;border-radius:15px;display:flex;align-items:center;justify-content:center}.te-tabs .ic{width:22px;height:22px}
.te-tabs a[aria-current="page"]{color:#3B40D0}.te-tabs a[aria-current="page"] .pi{background:#E0E1FB}
.te-tabs .centro{color:#15173A}.te-tabs .centro .pi{width:56px;height:56px;padding:0;margin-top:-26px;border-radius:28px;background:#3B40D0;color:#fff;border:4px solid #EEF0FA;box-sizing:border-box}
.te-tabs .centro .ic{fill:#fff}
@media(min-width:900px){
 .te-heroe{border-radius:0 0 40px 40px}.te-heroe-in{padding:18px 24px 40px;gap:18px}
 .te-nav{display:flex}.te-tabs{display:none}:root{--te-tabs-h:0px}
 .te-heroe h1{font-size:56px;max-width:20ch}.te-sub{font-size:18px}
 .te-acciones .te-prim{flex-grow:0;padding:6px 26px}
 .te-fina .te-rayo{display:flex}
 .te-fina .te-accion{width:auto;height:44px;padding:0 16px;background:#fff;border-radius:14px 14px 14px 5px;margin-left:6px}
 .te-fina .te-aro{display:none}.te-fina .te-bola{width:auto;height:auto;background:none}.te-fina .te-txt{display:inline}
}
.te-pie{max-width:1120px;margin:0 auto;padding:20px 16px 40px;font-size:13px;line-height:1.5;color:#555A80;border-top:1px solid #D3D7EE;font-family:"Atkinson Hyperlegible",system-ui,sans-serif}
.te-pie p{margin:.3em 0}.te-pie a{color:#3B40D0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}