/* portada-moderna.css (3-oct-2026): cabecera nueva de la portada. Todo va bajo .pmh, no toca el resto de la web. */
.pmh{--bg:#FAF7F2;--bg2:#FFFFFF;--txt:#141B2E;--muted:#4A5266;--line:rgba(20,27,46,.12);--line2:rgba(20,27,46,.22);--glass:rgba(255,255,255,.75);--amber:#F2A93B;--amber-ink:#2E2947;--acc:#9B5C00;--glow1:rgba(59,130,246,.16);--glow2:rgba(242,169,59,.24);--em1:#B9770A;--em2:#C2410C;--winsh:0 30px 60px rgba(20,27,46,.18),0 0 0 1px rgba(20,27,46,.05);--ctaglow:0 12px 24px rgba(194,120,10,.25);--enc:#1D5DEC;--verde:#0B7A55;}
html[data-tema="oscuro"] .pmh{--bg:#0A0F1E;--bg2:#10172B;--txt:#F4F5F9;--muted:#A9B1C6;--line:rgba(255,255,255,.11);--line2:rgba(255,255,255,.22);--glass:rgba(255,255,255,.045);--acc:#F2A93B;--glow1:rgba(59,130,246,.38);--glow2:rgba(242,169,59,.26);--em1:#F2A93B;--em2:#ffd388;--winsh:0 50px 90px rgba(0,0,0,.55),0 0 60px rgba(59,130,246,.2);--ctaglow:0 14px 30px rgba(242,169,59,.28);--enc:#7AA8F8;--verde:#0B7A55;}

.pmh,.pmh *{box-sizing:border-box}
.pmh{position:relative;overflow:hidden;background:var(--bg);color:var(--txt);padding:2.2rem 0 3.4rem;line-height:1.5;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.pmh::before{content:"";position:absolute;width:60%;aspect-ratio:1;left:-18%;top:0;background:radial-gradient(closest-side,var(--glow1),transparent);filter:blur(10px);pointer-events:none}
.pmh::after{content:"";position:absolute;width:50%;aspect-ratio:1;right:-10%;bottom:4%;background:radial-gradient(closest-side,var(--glow2),transparent);filter:blur(10px);pointer-events:none}
.pmh .in{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:2.4rem;align-items:center}
.pmh p,.pmh h1{margin:0}
.pmh a{text-decoration:none;color:inherit}
.pmh .pill{display:inline-flex;align-items:center;padding:.36rem .8rem;border:1px solid var(--line);background:var(--glass);border-radius:999px;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);font-weight:800}
.pmh h1{font-size:clamp(2.1rem,4.6vw,3.5rem);font-weight:800;letter-spacing:-.035em;line-height:1.05;margin:1rem 0 1.1rem;font-family:inherit;color:var(--txt)}
.pmh h1 em{font-style:normal;background:linear-gradient(90deg,var(--em1),var(--em2));-webkit-background-clip:text;background-clip:text;color:transparent}
.pmh .sub{font-size:1.2rem;color:var(--muted);max-width:30ch}.pmh .sub b{color:var(--txt);font-weight:600}
.pmh .cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.7rem}
.pmh .btnP{display:inline-flex;align-items:center;justify-content:center;background:var(--amber);color:var(--amber-ink);font-weight:800;font-size:1.02rem;padding:.9rem 1.7rem;border-radius:14px;box-shadow:0 5px 0 #b97a14,var(--ctaglow)}
.pmh .btnO{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line2);color:var(--txt);font-weight:700;font-size:1rem;padding:.9rem 1.5rem;border-radius:14px;background:transparent}
.pmh .mini{margin-top:1rem;font-size:.92rem;color:var(--muted)}.pmh .mini b{color:var(--txt)}
.pmh .mini a{text-decoration:underline;text-underline-offset:3px;font-weight:700;color:var(--txt)}
.pmh .yo{display:flex;align-items:center;gap:.8rem;margin-top:1.8rem}
.pmh .yo img{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:center 20%;border:2px solid var(--line2)}
.pmh .yo p{font-size:.9rem;color:var(--muted);line-height:1.35}.pmh .yo p b{display:block;color:var(--txt);font-size:.98rem}
.pmh .nuevoc{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.3rem;padding:.5rem .95rem .5rem .55rem;border:1px solid var(--line);border-radius:999px;background:var(--glass);font-size:.88rem;font-weight:600;max-width:100%}
.pmh .nuevoc i{font-style:normal;color:var(--acc)}.pmh .nuevoc b{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;background:var(--amber);color:var(--amber-ink);border-radius:999px;padding:.2rem .55rem;font-weight:800}
.pmh .dev{position:relative;min-width:0}
.pmh a:focus-visible,.pmh button:focus-visible,.pmh input:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
@media (max-width:860px){.pmh .in{grid-template-columns:minmax(0,1fr);gap:2.6rem}.pmh .sub{max-width:34ch}.pmh .dev{width:100%;max-width:560px;margin:.6rem auto 0}}
@media (min-width:561px) and (max-width:860px){.pmh .in>div:first-child{text-align:center;display:flex;flex-direction:column;align-items:center}.pmh .sub{max-width:38ch}.pmh .cta{justify-content:center}.pmh .yo{justify-content:center}}
@media (max-width:560px){.pmh{padding-top:1.4rem}.pmh .cta .btnP,.pmh .cta .btnO{flex:1 1 100%}.pmh .nuevoc{font-size:.82rem;padding:.5rem .9rem;border-radius:18px}.pmh .nuevoc b,.pmh .nuevoc i{display:none}.pmh .dev{margin-top:2.6rem}.pmh .demo .toca{top:-52px;right:.9rem}}

.pmh .demo{position:relative;background:var(--bg2);border:1px solid var(--line2);border-radius:26px;padding:2.1rem 1.5rem 1.4rem;box-shadow:var(--winsh)}
.pmh .demo .cinta{position:absolute;top:-14px;left:1.3rem;background:var(--verde);color:#fff;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;padding:.4rem .85rem;border-radius:999px}
.pmh .demo .toca{position:absolute;top:-24px;right:1rem;background:var(--amber);color:var(--amber-ink);font-weight:800;font-size:.84rem;padding:.5rem .9rem;border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.28);pointer-events:none}
.pmh .demo .toca::after{content:"";position:absolute;left:1.4rem;bottom:-5px;width:11px;height:11px;background:var(--amber);transform:rotate(45deg);border-radius:2px}
.pmh .demo .dn{font-size:.9rem;color:var(--muted);margin-bottom:.9rem}
.pmh .dtabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.15rem}
.pmh .dtab{font:inherit;font-weight:700;font-size:.8rem;border:1px solid var(--line2);background:var(--glass);color:var(--txt);border-radius:999px;padding:.42rem .8rem;cursor:pointer}
.pmh .dtab.on{background:var(--amber);color:var(--amber-ink);border-color:transparent}
.pmh .dtab:focus-visible,.pmh .dbtn:focus-visible,.pmh .dw:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.pmh .dm[hidden]{display:none}
.pmh .lb{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.pmh .lb.es{color:var(--acc)}
.pmh .lb.en{color:var(--enc)}
.pmh .fr{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.4rem;line-height:1.25;margin:.3rem 0 .9rem}
.pmh .fr.ocu{visibility:hidden}
.pmh .dsep{border-top:1px dashed var(--line2);margin:.1rem 0 .9rem}
.pmh .dbt{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.3rem}
.pmh .dbtn{font:inherit;font-weight:800;font-size:.92rem;border-radius:12px;padding:.6rem 1.1rem;cursor:pointer;border:1px solid var(--line2);background:transparent;color:var(--txt)}
.pmh .dbtn.p{background:var(--amber);color:var(--amber-ink);border-color:transparent;box-shadow:0 4px 0 #b97a14}
.pmh .dbtn[hidden]{display:none}
.pmh .dnota{font-size:.85rem;color:var(--muted);margin-top:.95rem;line-height:1.5}
.pmh .dpool,.pmh .dresp{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0}
.pmh .dresp{min-height:2.7rem;border:1px dashed var(--line2);border-radius:12px;padding:.4rem}
.pmh .dw{font:inherit;font-weight:700;font-size:.9rem;border:1px solid var(--line2);background:var(--glass);color:var(--txt);border-radius:10px;padding:.4rem .7rem;cursor:pointer}
.pmh .dres{font-weight:800}
.pmh .dinp{width:100%;font:inherit;padding:.65rem .8rem;border-radius:12px;border:1px solid var(--line2);background:var(--glass);color:var(--txt);margin:.2rem 0 .3rem}
.pmh .remate{margin-top:1rem;padding-top:.9rem;border-top:1px dashed var(--line2);display:grid;gap:.6rem;justify-items:start}
.pmh .remate[hidden]{display:none}
.pmh .remate a{font-weight:800;color:var(--acc);text-decoration:underline;text-underline-offset:3px}
.pmh .remate button{font:inherit;font-size:.85rem;color:var(--muted);background:none;border:0;cursor:pointer;text-decoration:underline;padding:0}
@keyframes pmbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.pmh .demo .toca{animation:pmbob 2.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.pmh .demo .toca{animation:none}}

/* Menú visible en pantallas anchas (antes, por debajo de 1300 px todo iba a la hamburguesa) */
@media (min-width:1180px){
  nav .wrap.nav-in{max-width:1280px;gap:.8rem}
  nav .busca{display:none}
  nav .menu{display:flex;position:static;width:auto;flex-direction:row;align-items:center;background:none;padding:0;border:0;gap:.95rem}
  nav .menu a{font-size:.85rem}
  nav .menu .busca-m{display:none}
  nav .burger{display:none}
  nav .menu-desp{position:relative;width:auto;border:0;padding:0;display:inline-flex;gap:.2rem}
  nav .menu-desp>a{padding:0}
  nav .menu-desp .desp-boton{width:19px;height:19px}
  nav .menu-desp .desp-panel{position:absolute;top:calc(100% + 22px);left:50%;transform:translateX(-50%);min-width:250px;width:auto;padding:.5rem;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
  nav .menu .zona{padding:.45rem .95rem;font-size:.84rem}
}