/* Acceso Developers exclusivamente; formulario POST y protección CSRF nativos. */
html:has(.developers-access-page){height:100%;overflow:clip}
body.developers-access-page{height:100dvh;min-height:0;margin:0;overflow:clip;background:#fbf6f1 url('../images/developers-access-background.svg') center/100% 100% no-repeat;color:#1b1d28;font-family:Inter,"Segoe UI",Arial,sans-serif}
.developers-access-page main{height:100%;min-height:0;max-width:none;margin:0;padding:clamp(16px,10.5dvh,114px) 18px clamp(24px,16dvh,174px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,3dvh,33px)}
.developers-access-brand{width:min(90%,670px,61.7dvh);display:flex;flex-direction:column;align-items:center;gap:clamp(18px,3.7dvh,40px);flex:none}
.developers-access-brand svg{width:100%;height:auto;aspect-ratio:1800/290;mix-blend-mode:multiply}
.developers-access-brand span{width:40%;height:3px;background:linear-gradient(90deg,transparent,#ff821c,transparent)}
.developers-access-page [data-public-developers-portal]{width:min(100%,920px,84.7dvh);padding:clamp(24px,5.6dvh,61px);border:2px solid #ffffffc9;border-radius:clamp(30px,6dvh,65px);background:linear-gradient(115deg,#ffffffd9,#ffffff6e);box-shadow:0 28px 45px #99613c2e;flex:none;backdrop-filter:blur(10px)}
.developers-access-page h1{font-size:clamp(28px,5.2dvh,57px);font-weight:750;letter-spacing:-.035em;line-height:1.1;text-align:center;margin:0 0 clamp(24px,4.6dvh,50px);color:#1b1d28;white-space:nowrap}
.developers-access-page form{display:grid;gap:clamp(16px,2.3dvh,25px);margin:0}
.developers-access-page .developers-access-field{display:flex;align-items:center;position:relative;min-width:0}
.developers-access-page .developers-access-field>svg{position:absolute;left:clamp(17px,3.2dvh,35px);width:clamp(24px,3.5dvh,38px);height:clamp(24px,3.5dvh,38px);pointer-events:none;color:#393939}
.developers-access-page svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.developers-access-page .developers-access-field input{width:100%;height:clamp(46px,7.4dvh,81px);min-height:0;margin:0;border:1.5px solid #d7cac1;border-radius:clamp(14px,1.9dvh,21px);background:#ffffff30;padding:0 clamp(52px,9.8dvh,106px);font-size:clamp(16px,2.6dvh,28px);font-weight:400;color:#282828}
.developers-access-page .developers-access-field input::placeholder{color:#444;opacity:1}
.developers-access-page .developers-access-field button{position:absolute;right:clamp(9px,2.4dvh,26px);height:100%;width:44px;display:grid;place-items:center;border:0;background:none;color:#373737;padding:0;cursor:pointer}
.developers-access-page .developers-access-field button svg{width:34px;height:34px}
.developers-access-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:clamp(4px,.7dvh,8px);font-size:clamp(13px,2.4dvh,26px);line-height:1.25}
.developers-access-options label{display:flex;align-items:center;gap:clamp(10px,2dvh,22px);white-space:nowrap}
.developers-access-options input{appearance:auto;accent-color:#ff7917;width:clamp(22px,3.3dvh,36px);height:clamp(22px,3.3dvh,36px);margin:0}
.developers-access-options a{color:#f76b00;text-decoration:none;text-align:right;white-space:nowrap}
.developers-access-page .developers-access-submit{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3dvh,33px);width:100%;height:clamp(50px,8.3dvh,90px);border:1px solid #fff0cf;border-radius:clamp(22px,3.5dvh,38px);margin-top:clamp(8px,1.5dvh,16px);padding:0 14px;background:linear-gradient(165deg,#ff9b43,#ff6900 65%,#e85c00);box-shadow:0 16px 24px #d5793129;color:#fff;font-size:clamp(21px,3.2dvh,35px);font-weight:650;cursor:pointer}
.developers-access-page .developers-access-submit svg{width:38px;height:38px}
.developers-access-page :focus-visible{outline:3px solid #ee7b2a;outline-offset:4px}
.developers-access-page [role="alert"],.developers-access-page [data-public-developers-status]:not([hidden]){font-size:14px;line-height:1.3;margin:12px 0;padding:10px;border-radius:10px;color:#922f22;background:#fff0e5}
@media(max-width:600px){.developers-access-page main{padding:24px 16px;gap:28px}.developers-access-brand{width:min(94%,430px);gap:22px}.developers-access-page [data-public-developers-portal]{width:min(100%,480px);padding:30px 20px;border-radius:32px}.developers-access-page h1{font-size:clamp(25px,7.2vw,38px);margin-bottom:28px}.developers-access-page .developers-access-field input{padding-left:54px;padding-right:48px;font-size:16px}.developers-access-page .developers-access-field>svg{left:16px}.developers-access-options{font-size:12px;gap:7px}.developers-access-options label{gap:7px}}
@media(max-height:620px){.developers-access-page main{padding:16px;gap:16px}.developers-access-brand{width:280px;gap:15px}.developers-access-page [data-public-developers-portal]{width:min(100%,480px);padding:24px}.developers-access-page h1{font-size:28px;margin-bottom:24px}.developers-access-page form{gap:16px}}
@media(max-height:430px) and (min-width:600px){.developers-access-page main{flex-direction:row;gap:28px}.developers-access-brand{width:220px}.developers-access-page [data-public-developers-portal]{width:min(60%,480px);padding:20px}.developers-access-page h1{font-size:25px;margin-bottom:18px}}