/* ===== Cabecera nueva (se-header) — sept 2026 ===== */
.se-header{position:sticky;top:0;z-index:100;max-width:1500px;margin:0 auto 18px;display:flex;align-items:center;gap:clamp(14px,2.2vw,34px);min-height:84px;padding:10px clamp(18px,3.4vw,44px);color:#fff;background:rgba(65,120,139,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:0 0 24px 24px;box-shadow:0 12px 32px rgba(23,63,73,.19);box-sizing:border-box}
.se-header *{box-sizing:border-box}
.se-header a{color:inherit;text-decoration:none}
.se-brand{flex:0 0 auto;display:flex;align-items:center}
.se-brand img{width:62px;height:62px;border-radius:50%;object-fit:contain;display:block}
.se-nav{display:flex;align-items:center;gap:clamp(6px,1.2vw,18px);margin:0 auto 0 clamp(4px,1.5vw,24px)}
.se-nav>a,.se-drop>button{font:inherit;font-size:.9rem;font-weight:700;color:#fff;background:none;border:0;padding:10px 8px;border-radius:10px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;line-height:1}
.se-nav>a:hover,.se-drop>button:hover,.se-nav>a:focus-visible,.se-drop>button:focus-visible{background:rgba(255,255,255,.12)}
.se-nav>a[aria-current="page"],.se-drop.is-current>button{box-shadow:inset 0 -2px 0 #f1bf98}
.se-caret{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s;opacity:.85}
.se-drop{position:relative}
.se-drop.open .se-caret{transform:translateY(1px) rotate(-135deg)}
.se-menu{position:absolute;top:calc(100% + 10px);left:-10px;min-width:250px;padding:8px;border-radius:16px;background:#fff;color:#173f49;box-shadow:0 18px 40px rgba(15,67,81,.22);display:none;flex-direction:column;z-index:5}
.se-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.se-drop.open .se-menu{display:flex}
@media (hover:hover) and (min-width:981px){.se-drop:hover .se-menu,.se-drop:focus-within .se-menu{display:flex}.se-drop:hover .se-caret{transform:translateY(1px) rotate(-135deg)}}
.se-menu a{display:block;padding:10px 14px;border-radius:10px;font-size:.92rem;font-weight:600;color:#173f49}
.se-menu a:hover,.se-menu a:focus-visible{background:#eef5f6;color:#0f4351}
.se-menu a[aria-current="page"]{background:#eef5f6}
.se-menu .se-menu-all{font-weight:800;border-bottom:1px solid #e3eef0;border-radius:10px 10px 0 0;margin-bottom:4px}
.se-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.se-lang{display:flex;padding:3px;border:1px solid rgba(255,255,255,.45);border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.06em;line-height:1}
.se-lang a{padding:6px 8px;border-radius:999px;opacity:.7}
.se-lang a[aria-current="page"]{background:#fff;color:#174b59;opacity:1}
.se-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;font-weight:700;font-size:.88rem;line-height:1;white-space:nowrap;transition:transform .15s,background .15s}
.se-btn:hover{transform:translateY(-1px)}
.se-btn-ghost{border:1.5px solid rgba(255,255,255,.6);color:#fff}
.se-btn-ghost:hover{background:rgba(255,255,255,.12)}
.se-btn-main{background:var(--coral,#e8735f);color:#fff;box-shadow:0 8px 20px rgba(232,115,95,.35)}
.se-badge{font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 7px;border-radius:99px;background:#f1bf98;color:#0f4351}
.se-burger{display:none;width:46px;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.35);background:rgba(15,67,81,.55);cursor:pointer;position:relative;flex:0 0 auto}
.se-burger span{position:absolute;left:12px;right:12px;height:2px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}
.se-burger span:nth-child(1){top:16px}.se-burger span:nth-child(2){top:22px}.se-burger span:nth-child(3){top:28px}
.se-header.menu-open .se-burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.se-header.menu-open .se-burger span:nth-child(2){opacity:0}
.se-header.menu-open .se-burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.se-mobile-only{display:none}
/* Portátiles pequeños: se compacta */
@media (max-width:1180px){.se-nav>a,.se-drop>button{font-size:.84rem;padding:9px 6px}.se-btn{padding:10px 14px;font-size:.82rem}.se-badge{display:none}}
/* Tablet y móvil: menú desplegable */
@media (max-width:980px){
 .se-header{flex-wrap:wrap;min-height:72px;padding:8px 14px;gap:10px;border-radius:0 0 20px 20px}
 .se-brand img{width:52px;height:52px}
 .se-burger{display:block;margin-left:0}
 .se-actions{margin-left:auto}
 .se-actions .se-lang,.se-actions .se-btn-ghost{display:none}
 .se-btn-main{padding:10px 14px;font-size:.82rem}
 .se-nav{display:none;order:5;flex-basis:100%;flex-direction:column;align-items:stretch;gap:2px;margin:4px 0 6px;padding:8px;border-radius:18px;background:#0f4351;max-height:calc(100vh - 110px);overflow:auto}
 .se-header.menu-open .se-nav{display:flex}
 .se-nav>a,.se-drop>button{width:100%;justify-content:space-between;font-size:1rem;padding:14px 12px;min-height:48px}
 .se-menu{position:static;display:none;min-width:0;margin:2px 0 6px;box-shadow:none;background:rgba(255,255,255,.08);color:#fff}
 .se-menu::before{display:none}
 .se-menu a{color:#fff;padding:12px 14px}
 .se-menu a:hover,.se-menu a[aria-current="page"]{background:rgba(255,255,255,.12);color:#fff}
 .se-menu .se-menu-all{border-color:rgba(255,255,255,.14)}
 .se-mobile-only{display:flex}
 .se-nav .se-mobile-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 10px 6px;border-top:1px solid rgba(255,255,255,.14);margin-top:6px}
 .se-nav .se-mobile-row .se-lang{display:flex}
 .se-nav .se-mobile-row .se-btn-ghost{display:inline-flex}
 .se-nav .se-mobile-row .se-badge{display:inline}
}
@media (max-width:380px){.se-btn-main{padding:9px 11px;font-size:.76rem}.se-header{gap:8px;padding-inline:10px}}
/* Mismo ajuste de separación que tenía la cabecera anterior en móvil */
@media (max-width:720px){.se-header+.hero-v2,.se-header+.detail-hero,.se-header+.info-hero,.se-header+.methodology-hero,.se-header+.about-hero,.se-header+.courses-hero{min-height:0!important;padding-top:28px!important;place-content:start!important;align-items:start!important}.se-header+*{position:relative;z-index:1}}
@media (max-width:720px){.se-header+.detail-hero,.se-header+.info-hero,.se-header+.methodology-hero,.se-header+.about-hero,.se-header+.courses-hero{padding-bottom:44px!important}.se-header+.hero-v2 .hero-copy,.se-header+.detail-hero>div,.se-header+.methodology-hero .methodology-hero-copy,.se-header+.about-hero>div:first-child{padding-top:0!important;margin-top:0!important}.se-header+.hero-v2 .eyebrow,.se-header+.detail-hero .eyebrow,.se-header+.info-hero>.eyebrow,.se-header+.methodology-hero .eyebrow,.se-header+.about-hero .eyebrow,.se-header+.courses-hero .eyebrow{margin-top:0!important}}

/* ===== Legibilidad en ordenador (sept 2026): el texto de lectura pasa de 11–14 px a 16 px.
   Solo pantallas de 1024 px o más; en móvil no cambia nada. ===== */
@media (min-width:1024px){
  html body main .course-path .stage p,
  html body main .method-v2 p,
  html body main .promise .price-access p,
  html body main .courses-catalog .course-stage-card p,
  html body main .courses-catalog p,
  html body main .matching-process p,
  html body main .course-prices p,
  html body main .trinity-levels p.trinity-spectrum-note,
  html body main .trinity-registration .exam-price-list p.exam-price-note,
  html body main .intensive-exam-note .intensive-exam-details p.intensive-exam-date,
  html body main .rates-grid p.rates-blurb,
  html body main .values-grid p{font-size:14.5px!important;line-height:1.55!important}
  html body main .course-path .compact-heading p,
  html body main .method-v2 .method-intro p,
  html body main .about-academy .about-copy p,
  html body main .promise .price-message p,
  html body main .course-guidance p,
  html body main .courses-catalog .catalog-heading p,
  html body main .matching-process .process-copy p,
  html body main .course-prices .prices-heading p,
  html body main .detail-intro p,
  html body main .detail-content .detail-list li,
  html body main .detail-note p,
  html body main .trinity-levels .trinity-heading p,
  html body main .trinity-formats p,
  html body main .trinity-registration .exam-session p,
  html body main .intensive-exam-note p,
  html body main .methodology-principles p,
  html body main .methodology-class p,
  html body main .price-clarity li,
  html body main .enrollment-process p,
  html body main .enrollment-note p,
  html body main .conditions-intro p,
  html body main .conditions-grid p,
  html body main .document-access p,
  html body main .faq-layout p,
  html body main .about-story p,
  html body main .team-group .team-bio p,
  html body main .contact-options p,
  html body main .legal-layout p,
  html body main .legal-layout li{font-size:16px!important;line-height:1.6!important}
  html body main .team-group .team-copy p.team-areas{font-size:13px!important}
  html body main .team-group .team-copy p.team-role{font-size:12.5px!important}
  html body main .team-group .team-bio p{max-width:68ch}
}