:root{--piedra: #edf0ec;--tinta: #0f2420;--tinta-suave: #4a5d58;--aula: #17634f;--sac: #1e3a5f;--azul-profundo: #183150;--laton: #b98a2e;--linea: #cfd8d3;--serif: "Literata", Georgia, "Times New Roman", serif;--sans: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--piedra);color:var(--tinta);font-family:var(--sans);font-size:1rem;line-height:1.6}.portal{min-height:100vh;display:flex;flex-direction:column}.portal__cabecera{display:flex;align-items:center;gap:1.1rem;padding:.9rem clamp(1.25rem,5vw,3.5rem);background:#fff}.portal__logo{height:clamp(64px,9vw,92px);width:auto;max-width:60vw;object-fit:contain}.portal__nombre{font-family:var(--serif);font-size:clamp(1.15rem,2.4vw,1.5rem);font-weight:600}.portal__hero{position:relative;overflow:hidden;background-color:var(--azul-profundo);background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 1px,transparent 1px 16px),linear-gradient(180deg,var(--sac),var(--azul-profundo));border-bottom:4px solid var(--laton);padding:clamp(2.5rem,6vw,4rem) 1.25rem clamp(6.5rem,13vw,9rem);text-align:center;color:#fff}.portal__hero:before,.portal__hero:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.14);pointer-events:none}.portal__hero:before{width:26rem;height:26rem;right:-9rem;top:-12rem;box-shadow:0 0 0 2.2rem #ffffff08,0 0 0 2.25rem #ffffff1a}.portal__hero:after{width:18rem;height:18rem;left:-7rem;bottom:-9rem}.portal__hero-texto{position:relative;z-index:1}.portal__titulo{font-family:var(--serif);font-weight:600;font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.15;letter-spacing:-.01em;margin:0 0 .9rem}.portal__intro{max-width:36rem;margin:0 auto;color:#ffffffd1}.portal__centro{flex:1;width:100%;max-width:60rem;margin:0 auto;padding:0 clamp(1.25rem,5vw,2rem) 3.5rem;text-align:center}.puertas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,6vw,5rem);margin-top:clamp(-6rem,-10vw,-4rem);position:relative;z-index:2;align-items:start;justify-items:center}.puerta{--color: var(--aula);display:flex;flex-direction:column;align-items:center;width:100%;color:inherit;text-decoration:none}.puerta--sac{--color: var(--sac)}.puerta:focus-visible{outline:3px solid var(--tinta);outline-offset:8px;border-radius:8px}.puerta__imagen{display:block;width:min(100%,17.25rem);height:auto;border-radius:8px;box-shadow:0 16px 28px -14px #0f24208c;transition:transform .3s ease,box-shadow .3s ease}.puerta:hover .puerta__imagen,.puerta:focus-visible .puerta__imagen{transform:translateY(-6px);box-shadow:0 24px 34px -16px #0f242099}.puerta__titulo{font-family:var(--serif);font-weight:600;font-size:1.55rem;line-height:1.2;margin:1.3rem 0 .5rem;color:var(--color)}.puerta__texto{max-width:20rem;margin:0 0 1.1rem;color:var(--tinta-suave)}.puerta__accion{display:inline-block;padding:.7rem 1.5rem;border-radius:6px;background:var(--color);color:#fff;font-weight:600;font-size:.95rem;transition:filter .2s ease}.puerta:hover .puerta__accion,.puerta:focus-visible .puerta__accion{filter:brightness(1.18)}.portal__pie{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem 1.25rem 1.75rem;border-top:1px solid var(--linea);background:#fff;font-size:.85rem;color:var(--tinta-suave);text-align:center}.portal__pie p{margin:0}.portal__acopi{height:34px;width:auto}@media (max-width: 720px){.puertas{grid-template-columns:1fr;gap:3rem}}@media (prefers-reduced-motion: reduce){.puerta__imagen,.puerta__accion{transition:none}.puerta:hover .puerta__imagen,.puerta:focus-visible .puerta__imagen{transform:none}}
