@font-face{font-family:Panana;src:url("portal-disenadores/fonts/Poppins-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Panana;src:url("portal-disenadores/fonts/Poppins-SemiBold.woff2") format("woff2");font-weight:600 800;font-display:swap}
:root{--cl-navy:#071b40;--cl-blue:#0868f7;--cl-body:#425270;--cl-muted:#7786a1;--cl-line:#d7e3f3;--cl-soft:#f3f7fd}
html{scroll-behavior:smooth}
body.contact-light{min-height:100vh;color:var(--cl-navy);background:#fff;font-family:Panana,Poppins,Arial,sans-serif;overflow-x:hidden}
.contact-light::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 12% 18%,rgba(75,145,255,.12),transparent 26%),radial-gradient(circle at 90% 24%,rgba(102,181,255,.13),transparent 27%),#fff}
.contact-light .ambient{display:none}
.contact-light .site-header{position:fixed;inset:0 0 auto;z-index:40;padding:16px 40px 0;background:transparent}
.contact-light .nav-shell{width:min(1460px,100%);min-height:68px;margin:auto;padding:0 18px 0 24px;border:1px solid rgba(138,168,214,.28);border-radius:18px;background:rgba(7,27,64,.96);box-shadow:0 18px 45px rgba(7,27,64,.13);transition:background .3s,box-shadow .3s,backdrop-filter .3s}
.contact-light .site-header.is-scrolled .nav-shell{background:linear-gradient(135deg,rgba(7,27,64,.84),rgba(14,48,96,.72));box-shadow:0 16px 42px rgba(7,27,64,.18);backdrop-filter:blur(18px) saturate(145%)}
.contact-light .brand{display:flex;width:184px;height:39px;align-items:center}.contact-light .brand>img{width:100%;height:100%;object-fit:contain}.contact-light .site-header .brand>img{filter:none}
.contact-light .nav-links{gap:30px}.contact-light .nav-links a{color:rgba(255,255,255,.76);font-size:13px}.contact-light .nav-links a:hover,.contact-light .nav-links a.is-active{color:#70b5ff}.contact-light .nav-submenu{background:#0a214a}
.contact-light .header-cta{min-height:46px;padding:0 23px;border:1px solid rgba(255,255,255,.45);border-radius:11px;color:#fff;background:linear-gradient(145deg,#2180ff,#0868f7);box-shadow:inset 0 1px rgba(255,255,255,.35),0 12px 26px rgba(8,104,247,.2)}
.contact-light .menu-toggle{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07)}.contact-light .menu-toggle span{background:#fff}
.contact-light .contact-page{min-height:auto;padding:152px 0 100px}
.contact-light .contact-hero{display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);gap:clamp(64px,8vw,130px);width:min(1320px,calc(100% - 80px));max-width:none;margin:auto;padding:40px 0 0;align-items:start}
.contact-light .section-kicker{margin:0 0 20px;color:var(--cl-blue);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.contact-light .contact-copy{position:sticky;top:145px;padding:30px 0}
.contact-light .contact-copy h1{max-width:620px;margin:0;color:var(--cl-navy);font-size:clamp(50px,5.1vw,76px);line-height:1.02;letter-spacing:-.06em}.contact-light .contact-copy h1 span{display:block;color:var(--cl-blue)}
.contact-light .contact-copy p:not(.section-kicker){max-width:570px;margin:25px 0 0;color:var(--cl-body);font-size:17px;line-height:1.72}
.contact-light .contact-services{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:38px}
.contact-light .contact-services span{min-height:46px;padding:0 0 0 42px;color:var(--cl-navy);font-size:12px;font-weight:600}
.contact-light .contact-services span::before{width:30px;height:30px;border-color:#c3dafc;border-radius:9px;background-color:#edf5ff;background-size:19px;box-shadow:none}
.contact-light .contact-form{position:relative;padding:42px;border:1px solid var(--cl-line);border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 28px 80px rgba(17,54,109,.1);backdrop-filter:blur(18px);transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s}
.contact-light .contact-copy.reveal,.contact-light .contact-services span.reveal,.contact-light .contact-form.reveal{opacity:1;transform:none;filter:none}
.contact-light .contact-form:hover{transform:translateY(-3px);border-color:#b6d2fa;box-shadow:0 34px 90px rgba(17,54,109,.13)}
.contact-light .form-heading{margin:0 0 32px;padding-bottom:28px;border-bottom:1px solid var(--cl-line)}
.contact-light .form-heading span{color:var(--cl-blue);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.contact-light .form-heading h2{margin:8px 0;color:var(--cl-navy);font-size:30px;letter-spacing:-.04em}.contact-light .form-heading p{margin:0;color:var(--cl-muted);font-size:13px}
.contact-light .form-grid{gap:20px}.contact-light .contact-form label{gap:9px;color:var(--cl-navy);font-size:13px;font-weight:600}
.contact-light .contact-form input,.contact-light .contact-form select,.contact-light .contact-form textarea{min-height:52px;border:1px solid #cbdcf1;border-radius:11px;color:var(--cl-navy);background:#f8faff;padding:14px 15px;font-family:inherit}
.contact-light .contact-form input::placeholder,.contact-light .contact-form textarea::placeholder{color:#96a3b8}.contact-light .contact-form textarea{min-height:128px;line-height:1.55}
.contact-light .contact-form input:focus,.contact-light .contact-form select:focus,.contact-light .contact-form textarea:focus{border-color:var(--cl-blue);background:#fff;box-shadow:0 0 0 4px rgba(8,104,247,.1)}
.contact-light .contact-submit{min-height:54px;margin-top:24px;border:1px solid rgba(255,255,255,.4);border-radius:11px;color:#fff;background:linear-gradient(145deg,#2180ff,#0868f7);box-shadow:inset 0 1px rgba(255,255,255,.35),0 13px 28px rgba(8,104,247,.18)}
.contact-light .form-note{color:var(--cl-muted)}.contact-light .form-status:not(:empty){border-color:var(--cl-line);color:var(--cl-body);background:#f4f8ff}.contact-light .form-status.is-success{color:#137951;background:#eefbf5}.contact-light .form-status.is-error{color:#b23131;background:#fff1f1}
.contact-light .site-footer{display:grid;width:100%;max-width:none;grid-template-columns:minmax(280px,1.6fr) repeat(3,minmax(150px,1fr));gap:clamp(36px,5vw,76px);margin:0;padding:68px max(40px,calc((100vw - 1360px)/2));border-top:1px solid var(--cl-line);color:var(--cl-body);background:#fff}.contact-light .site-footer .footer-brand{max-width:420px}.contact-light .site-footer .brand{width:184px;height:40px;margin-bottom:28px}.contact-light .site-footer .brand img{object-position:left}.contact-light .site-footer h3{color:var(--cl-navy)}.contact-light .site-footer p,.contact-light .site-footer a,.contact-light .site-footer span{color:var(--cl-body)}.contact-light .site-footer a:hover{color:var(--cl-blue)}.contact-light .footer-description{max-width:390px;line-height:1.7}
.contact-light .contact-footer{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px;padding:62px max(40px,calc((100vw - 1320px)/2));border-top:1px solid var(--cl-line);background:#fff}.contact-light .contact-footer-brand>a{display:block;width:min(230px,100%);margin-bottom:22px}.contact-light .contact-footer-brand img{display:block;width:100%;height:auto}.contact-light .contact-footer p{max-width:430px;color:var(--cl-body);font-size:13px;line-height:1.7}.contact-light .contact-footer h2{margin:0 0 14px;font-size:13px;text-transform:uppercase;letter-spacing:.13em}.contact-light .contact-footer a{display:block;margin:9px 0;color:var(--cl-body);font-size:13px}.contact-light .contact-footer a:hover{color:var(--cl-blue)}
@media(max-width:980px){.contact-light .contact-hero{grid-template-columns:1fr;width:min(100% - 40px,760px);gap:38px}.contact-light .contact-copy{position:static;padding:10px 0}.contact-light .contact-services{grid-template-columns:repeat(3,1fr)}.contact-light .contact-footer{grid-template-columns:1fr 1fr}.contact-light .site-footer{grid-template-columns:1.4fr repeat(3,1fr)}}
@media(max-width:800px){.contact-light .site-header{padding:10px 10px 0}.contact-light .nav-shell{min-height:60px;padding:0 14px}.contact-light .brand{width:164px;height:36px}.contact-light .nav-links{position:absolute;inset:-10px -10px auto auto;z-index:50;display:none;width:min(88vw,380px);height:100dvh;padding:100px 24px 30px;border-radius:22px 0 0 22px;background:#071b40}.contact-light .nav-links.is-open{display:flex}.contact-light .nav-links a{color:#fff}.contact-light .menu-toggle{z-index:60}.contact-light .header-cta{display:none}.contact-light .contact-page{padding:110px 0 70px}.contact-light .contact-hero{width:calc(100% - 32px)}.contact-light .contact-copy h1{font-size:clamp(43px,12vw,60px)}.contact-light .contact-services{grid-template-columns:1fr 1fr}.contact-light .contact-form{padding:28px 20px}.contact-light .form-grid{grid-template-columns:1fr}.contact-light .contact-footer{grid-template-columns:1fr;padding:48px 20px}.contact-light .site-footer{grid-template-columns:1fr 1fr;gap:36px 24px;padding:55px 20px}.contact-light .site-footer .footer-brand{grid-column:1/-1;max-width:none}.contact-light .site-footer>div:last-child{grid-column:1/-1}}
@media(max-width:430px){.contact-light .contact-services{grid-template-columns:1fr}.contact-light .contact-form{border-radius:18px}.contact-light .form-heading h2{font-size:26px}.contact-light .site-footer{grid-template-columns:1fr}.contact-light .site-footer .footer-brand,.contact-light .site-footer>div:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.contact-light .contact-form{transition:none}}