/*
 * Cabecera 2026 (v2.partials.header) en las páginas que aún usan layout/master.blade.php o
 * layout/plantilladetalle.blade.php (p. ej. la ficha del curso, /contenido/...). Se activa con @section('cabecera_v2', 'si').
 *
 * Son las mismas reglas de la cabecera de home.css, pero solo dentro de <header class="hv2">,
 * para que no choquen con main.css (que también tiene .wrap, .btn, header...).
 * Si cambias la cabecera en home.css, cambia también esta copia.
 */
.hv2,.hv2 *{box-sizing:border-box}
.hv2{font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;font-weight:400;line-height:normal;color:#2A1A19}
/* main.css pone a todos los enlaces 18px y negrita (a{font-size:18px;font-weight:700}) y UIkit los subraya al pasar
   el mouse: dentro de la cabecera los enlaces vuelven a heredar, como en el inicio, y nada se parte en dos líneas */
.hv2 a{font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:none;transition:none}
.hv2 a:hover{text-decoration:none}
.hv2 .navlinks a,.hv2 .btn,.hv2 .navtabs a{white-space:nowrap}
.hv2 .wrap > div{flex:none}
.hv2 .wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.hv2 .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 28px;border-radius:999px;background:#D7141C;color:#ffffff;font-weight:600;text-decoration:none;font-size:15px;border:0;font-family:inherit;cursor:pointer}
.hv2 .btn:hover{background:#B30F16;color:#ffffff}
.hv2 img{max-width:100%}
.hv2 a:focus-visible{outline:3px solid #FFB3B6;outline-offset:2px}
.hv2 p{margin:0}
.hv2 .navlinks{display:flex;gap:28px;font-size:15px;font-weight:500}
.hv2 .navlinks a{color:#3D2A29;text-decoration:none;padding:8px 0;border-bottom:2px solid transparent}
.hv2 .navlinks a:hover{color:#D7141C}
.hv2 .navlinks a.nav-active{color:#D7141C;font-weight:600;border-bottom-color:#D7141C}
.hv2 .navtabs{display:none;padding:0 6px;border-top:1px solid #F7EEEE}
.hv2 .navtabs a{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;padding:12px 3px 10px;font-size:clamp(11.5px,3.3vw,15px);line-height:1.2;font-weight:500;color:#2A0E0C;text-decoration:none;border-bottom:3px solid transparent}
.hv2 .navtabs a.nav-active{color:#D7141C;font-weight:700;border-bottom-color:#D7141C}
.hv2 .nav-toggle{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.hv2 .hamb{width:44px;height:44px;border-radius:12px;display:none;align-items:center;justify-content:center;color:#2A0E0C;cursor:pointer;margin:0}
.hv2 .hamb:hover{background:#FBEFEF;color:#D7141C}
.hv2 .nav-toggle:focus-visible ~ .wrap .hamb{outline:3px solid #FFB3B6}
.hv2 .dr-overlay{position:fixed;inset:0;background:rgba(40,8,6,.45);opacity:0;pointer-events:none;transition:opacity .2s;z-index:40;margin:0}
.hv2 .drawer{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:85vw;background:#ffffff;transform:translateX(-102%);transition:transform .25s ease;z-index:41;overflow-y:auto;box-shadow:8px 0 30px rgba(40,8,6,.15)}
.hv2 .nav-toggle:checked ~ .drawer{transform:none}
.hv2 .nav-toggle:checked ~ .dr-overlay{opacity:1;pointer-events:auto}
.hv2 .dr-title{margin:18px 24px 6px;font-weight:700;color:#2A0E0C;font-size:15px}
.hv2 .dr-item{display:flex;align-items:center;gap:16px;min-height:46px;padding:0 24px;color:#3D2A29;text-decoration:none;font-size:15px}
.hv2 .dr-item svg{color:#2A0E0C;flex:none}
.hv2 .dr-item:hover{background:#FBF3F3;color:#D7141C}.hv2 .dr-item:hover svg{color:#D7141C}
.hv2 .dr-active{margin:0 16px 4px 0;border-radius:0 999px 999px 0;background:#F1E9E9;border-left:3px solid #D7141C;color:#D7141C;font-weight:600}
.hv2 .dr-active svg{color:#D7141C}
.hv2 .logo-auge{display:block;height:46px;width:auto;flex:none;max-width:none}
@media (max-width:1240px){.hv2 .navlinks{gap:20px;font-size:14px}}
@media (max-width:1020px){.hv2 .navlinks{display:none}.hv2 .navtabs{display:flex}.hv2 .hamb{display:flex}}
@media (max-width:620px){.hv2 .wrap{padding:0 20px}.hv2 .btn{padding:0 14px !important;font-size:13px !important;white-space:nowrap;min-height:40px !important}.hv2 .logo-auge{height:38px}}
@media (max-width:360px){.hv2 .wrap{gap:10px !important;padding:0 14px}.hv2 .wrap > div{gap:8px !important}.hv2 .logo-auge{height:32px}.hv2 .btn{padding:0 12px !important;font-size:12px !important;min-height:38px !important}.hv2 .hamb{width:36px;height:36px}}

/* La cabecera antigua era fija (position: fixed) y el contenido bajaba con padding; esta va en el flujo (sticky) */
.page-wrapper .page-content{padding-top:0}
.seccion-detalle{margin-top:0 !important}
/* Detalle del curso: la tarjeta de precio fija queda justo debajo de la cabecera (80 px; en tablet suma las pestañas) */
@media (min-width:960px){.barraderecha{top:88px}}
@media (min-width:960px) and (max-width:1020px){.barraderecha{top:136px}}