@font-face{font-family:Inter;src:url('./inter-latin.woff2') format('woff2');font-display:swap}
body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(420px,1fr);padding:0;background:#fafaf6;font-family:Inter,system-ui,sans-serif}
.campus{width:100%;position:relative;align-self:stretch;min-height:100svh;overflow:hidden;background:#244738}
.campus>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:57% center}
.campus:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,36,28,.12) 35%,rgba(12,36,28,.83) 100%)}
.campus-copy{position:absolute;z-index:1;bottom:64px;left:clamp(32px,5vw,80px);right:40px;color:#fffdf3}
.campus-copy .eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#e0d6ba}
.campus-copy h2{font-size:clamp(28px,3vw,44px);font-weight:500;line-height:1.18;letter-spacing:-.035em;max-width:540px;margin:20px 0}
.campus-copy p{color:#e0e6dc;font-size:14px;margin:0;line-height:1.6}
.acceso{width:min(calc(100% - 80px),420px);padding:24px 0;margin:48px auto;background:transparent;border:0;border-radius:0;box-shadow:none}
.marca{margin-bottom:56px}.marca strong{letter-spacing:.04em}.marca small{font-size:12px}
h1{font-size:30px;letter-spacing:-.035em;font-weight:600}h1+p{font-size:14px;max-width:330px;line-height:1.7;margin-bottom:32px}
label{font-size:13px;margin:22px 0}input,select{font-size:14px;border-color:#ccd5ca;border-radius:6px;min-height:50px}button{min-height:50px;border-radius:6px;font-size:14px;transition:background .15s}button:hover:not(:disabled){background:#103d30}button:focus-visible{outline:2px solid #9a8049;outline-offset:3px}footer{border-top:1px solid #e2e7df;margin-top:36px;padding-top:22px;font-size:11px}
button.secundario{margin-top:10px;background:#eef3ed;color:#174b3d;border:1px solid #bdcec2}button.secundario:hover:not(:disabled){background:#dfe9e1}
@media(min-width:1600px){body{grid-template-columns:1.4fr 1fr}}
@media(max-width:760px){body{display:flex;flex-direction:column;min-height:100svh}.campus{min-height:240px;height:30svh;max-height:320px;flex:none;width:100%}.campus>img{object-position:center 52%}.campus-copy{bottom:24px;left:28px;right:24px}.campus-copy h2{font-size:24px;max-width:380px;margin:12px 0 0}.campus-copy .eyebrow{font-size:9px}.campus-copy p{display:none}.acceso{width:min(calc(100% - 48px),420px);margin:32px auto;padding:0}.marca{margin-bottom:28px}h1{font-size:27px}footer{margin-top:28px}}
@media(min-width:761px) and (max-width:1180px){body{grid-template-columns:minmax(280px,.8fr) minmax(420px,1fr)}.campus-copy{left:32px}.campus-copy h2{font-size:30px}.acceso{margin:28px auto}.marca{margin-bottom:34px}}
html.simep-app body{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(470px,1.28fr);background:#edf3ed;padding:28px;gap:28px}
html.simep-app .campus{min-height:calc(100svh - 56px);border-radius:28px;background:linear-gradient(155deg,#0d4b3d,#1a6652);box-shadow:0 20px 50px rgba(17,70,57,.14)}
html.simep-app .campus>img{display:none}
html.simep-app .campus:after{background:radial-gradient(circle at 20% 12%,rgba(220,234,169,.26),transparent 32%),radial-gradient(circle at 90% 85%,rgba(243,228,200,.18),transparent 32%)}
html.simep-app .campus-copy{top:50%;bottom:auto;left:clamp(28px,5vw,66px);transform:translateY(-50%)}
html.simep-app .campus-copy:before{content:'SIMEP';display:grid;place-items:center;width:76px;height:76px;margin-bottom:28px;border-radius:23px;background:#dceaa9;color:#164a3d;font-size:16px;font-weight:800;letter-spacing:.08em}
html.simep-app .campus-copy h2{font-size:clamp(26px,3vw,40px);max-width:480px}
html.simep-app .acceso{align-self:center;width:min(calc(100% - 44px),490px);margin:auto;padding:38px;border-radius:26px;background:#fff;box-shadow:0 16px 46px rgba(25,66,55,.08)}
html.simep-app .marca{display:block;margin-bottom:40px;padding:18px 20px;border-radius:17px;background:#114b3e}
html.simep-app .marca img{display:block;width:260px;max-width:100%;height:auto;padding:0;background:transparent;border-radius:0}
html.simep-app .marca>div{display:none}
html.simep-app input,html.simep-app select,html.simep-app button{border-radius:13px;min-height:54px}
html.simep-app button{background:#17624f}
@media(max-width:760px){html.simep-app body{display:flex;padding:16px;gap:0}html.simep-app .campus{display:none}html.simep-app .acceso{width:100%;padding:27px 22px;margin:auto}html.simep-app .marca{margin-bottom:28px}}