/* HJSM Digital 2026 · portada sin panel ni botones duplicados.
   La fachada se pinta UNA sola vez: en el fondo general del body. */
body.portada-inicio-directa{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden}
body.portada-inicio-directa .encabezado{position:sticky;top:0;z-index:1100;flex-shrink:0;width:100%;}
body.portada-inicio-directa #contenido{width:100%;max-width:none;margin:0;padding:0;flex:1;display:flex;min-height:0;}
body.portada-inicio-directa .pie{display:none!important}
body.portada-inicio-directa .aurora{pointer-events:none}
.inicio-directo{position:relative;isolation:isolate;min-height:max(650px,calc(100dvh - 82px));width:100%;display:flex;flex-direction:column;justify-content:space-between;color:#fff;}
/* Capa suave sobre la foto principal, SIN segundo fondo, recuadro ni bordes. */
.inicio-directo::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(3,19,48,.76) 0%,rgba(5,30,68,.55) 35%,rgba(6,29,64,.18) 73%,rgba(5,20,49,.10) 100%),linear-gradient(0deg,rgba(3,17,40,.68),transparent 29%);}
.inicio-directo-contenido{width:min(770px,calc(100% - 72px));margin:clamp(48px,9vh,118px) 0 48px clamp(28px,7.3vw,132px);}
.inicio-distintivo{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(125,225,255,.44);border-radius:30px;background:rgba(6,55,95,.33);padding:9px 15px;font-size:11px;letter-spacing:.11em;color:#c1efff;font-weight:850;}
.inicio-punto{display:block;width:7px;height:7px;border-radius:50%;background:#74e6f7;box-shadow:0 0 0 4px rgba(116,230,247,.16)}
.inicio-entidad{margin:29px 0 17px;color:#d4edff;font-size:12px;font-weight:850;letter-spacing:.11em;line-height:1.6;}
.inicio-directo h1{margin:0 0 24px;color:white;font-weight:850;font-size:clamp(42px,5.1vw,76px);line-height:1.08;letter-spacing:-.055em;text-shadow:0 5px 26px rgba(1,12,33,.4)}
.inicio-directo h1 em{font-style:normal;color:#80e4ff}
.inicio-descripcion{margin:0;max-width:625px;color:#f1f8ff;font-size:clamp(15px,1.18vw,18px);line-height:1.85;text-shadow:0 2px 9px rgba(2,14,35,.36)}
.inicio-acciones{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:32px 0 26px}
.inicio-cta{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:56px;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:850;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.inicio-cta-principal{background:linear-gradient(110deg,#9feaff,#61d5f4);color:#062c48!important;box-shadow:0 12px 28px rgba(1,22,52,.28)}
.inicio-cta-secundario{background:rgba(7,33,69,.48);color:#fff!important;border:1px solid rgba(211,242,255,.57);backdrop-filter:blur(7px)}
.inicio-cta:hover{transform:translateY(-3px);box-shadow:0 15px 36px rgba(1,22,52,.38)}
.inicio-cta:focus-visible,.inicio-contacto a:focus-visible{outline:3px solid #7de7ff;outline-offset:4px}
.inicio-beneficios{display:flex;flex-wrap:wrap;gap:12px 23px;color:#d9f2ff;font-size:12px;font-weight:800;text-shadow:0 2px 8px rgba(0,10,25,.6)}
.inicio-contacto{display:flex;flex-wrap:wrap;align-items:center;gap:17px 40px;justify-content:space-between;padding:18px clamp(28px,7.3vw,132px);background:linear-gradient(90deg,rgba(4,25,56,.74),rgba(6,37,75,.51));border-top:1px solid rgba(173,226,255,.22);color:#eaf7ff;}
.inicio-contacto-item{display:flex;align-items:center;gap:12px;min-width:0}
.inicio-contacto-item svg{width:22px;height:22px;flex:none;color:#8be6ff}
.inicio-contacto-item div{line-height:1.65;font-size:12px}
.inicio-contacto-item strong{display:block;color:#9de9ff;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.inicio-contacto-item a,.inicio-privacidad{color:#f3fbff!important;text-decoration:none;font-weight:700}
.inicio-contacto-item a:hover,.inicio-privacidad:hover{text-decoration:underline}
.inicio-separador{margin:0 9px;color:#9ee8ff}
.inicio-privacidad{font-size:11px;white-space:nowrap}
@media(max-width:900px){.inicio-directo-contenido{margin-left:6vw}.inicio-contacto{padding-inline:6vw;gap:14px 25px}.inicio-directo::before{background:linear-gradient(90deg,rgba(3,20,48,.85),rgba(5,27,64,.43)),linear-gradient(0deg,rgba(3,17,40,.69),transparent 35%)}}
@media(max-width:650px){.inicio-directo{min-height:calc(100dvh - 70px)}.inicio-directo-contenido{width:auto;margin:40px 20px 36px}.inicio-directo h1{font-size:clamp(37px,9vw,52px)}.inicio-entidad{font-size:10px}.inicio-descripcion{font-size:14px;line-height:1.7}.inicio-acciones{flex-direction:column;align-items:stretch;margin:26px 0 21px}.inicio-cta{width:100%;font-size:14px;min-height:50px}.inicio-beneficios{font-size:11px;gap:8px 15px}.inicio-contacto{padding:18px 20px;gap:14px;flex-direction:column;align-items:flex-start}.inicio-contacto-item div{font-size:11px}.inicio-privacidad{white-space:normal}}
@media(prefers-reduced-motion:reduce){.inicio-cta{transition:none}.inicio-cta:hover{transform:none}}