@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{--navy:#04344d;--deep:#031e31;--blue:#08a9e6;--cyan:#6fd6ff;--ink:#143449;--muted:#587082;--bg:#f4f8fb;--border:#d8e6ef;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Lato,Arial,sans-serif}h1,h2,h3,.brand,.eyebrow,.kicker,.btn{font-family:Montserrat,Arial,sans-serif}a{color:inherit}.topbar{background:var(--deep);color:white;display:flex;justify-content:space-between;align-items:center;padding:20px max(6%,calc((100% - 1240px)/2));gap:20px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:.13em;line-height:1.1}.brand small{display:block;font:10px/1.8 Lato,sans-serif;letter-spacing:.13em;color:#a7c9d9}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:2px solid var(--cyan);color:var(--cyan);font-size:24px;transform:skew(-8deg)}.eyebrow{font-size:10px;letter-spacing:.23em;color:#9bbfce}.hero{min-height:560px;overflow:hidden;position:relative;background:radial-gradient(circle at 75% 50%,#0c6386 0%,transparent 39%),linear-gradient(120deg,#031e31,#04344d 65%,#075675);display:flex;align-items:center;padding:90px max(6%,calc((100% - 1240px)/2));color:white}.hero-content{position:relative;z-index:2;max-width:670px}.kicker{font-size:12px;letter-spacing:.24em;color:var(--blue);font-weight:700}.hero .kicker{color:var(--cyan)}h1{font-size:clamp(42px,5.8vw,78px);line-height:1.09;letter-spacing:-.05em;margin:18px 0 26px;font-weight:800}h1 em{font-style:normal;color:var(--cyan)}.hero p:not(.kicker){max-width:510px;color:#c3dce8;font-size:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:0;border-radius:7px;padding:17px 25px;background:var(--blue);color:white;text-decoration:none;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.02em;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#078dbf}.btn:disabled{opacity:.6;cursor:wait}.btn-outline{border:1px solid #70c9ec;background:transparent;margin-top:22px}.hero-art{position:absolute;width:540px;height:540px;right:-55px;top:50%;transform:translateY(-50%);opacity:.7}.orbit{position:absolute;border:1px solid #5fc7ee70;border-radius:50%;inset:30px;transform:rotateX(65deg) rotate(-35deg);animation:orbit 16s linear infinite}.orbit-two{inset:0;transform:rotateY(65deg) rotate(35deg);animation-direction:reverse}.art-letter{position:absolute;inset:0;display:grid;place-items:center;font:800 330px Montserrat,sans-serif;color:#6fd6ff18;text-shadow:0 0 75px #4dc8ff60}@keyframes orbit{to{rotate:360deg}}.section{padding:85px 20px 110px}.intro{text-align:center;max-width:640px;margin:0 auto 32px}.intro h2{font-size:clamp(30px,4vw,43px);line-height:1.2;margin:12px 0}.intro>p:last-child{color:var(--muted)}.form-card{max-width:900px;margin:auto;padding:clamp(24px,5vw,54px);border-radius:var(--radius);background:white;box-shadow:0 18px 60px #14344913;border:1px solid var(--border)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-card label,.form-card legend{font-weight:700;font-size:14px}.form-card label span:not(.consent span),legend span{color:#db4760}input:not([type=radio]):not([type=checkbox]),select{display:block;width:100%;margin-top:9px;border:1px solid #cbdce7;background:#fbfdff;border-radius:8px;padding:14px 13px;font:16px Lato,sans-serif;color:var(--ink)}input:focus,select:focus{outline:2px solid #08a9e655;border-color:var(--blue)}fieldset{border:0;margin:29px 0 20px;padding:0}.radio-options{display:flex;gap:24px;margin-top:12px;flex-wrap:wrap}.radio-options label{font-weight:400;display:flex;gap:9px;align-items:center}.consent{display:flex;gap:11px;align-items:flex-start;margin:18px 0 25px;font-weight:400!important}.consent input{margin-top:6px}.consent span{font-weight:400}.consent a{color:#087eae}.status{min-height:22px;margin-bottom:0}.status.error{color:#b92e42}.status.success{color:#087a59}.hp{position:absolute;left:-9999px}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 6%;background:var(--deep);color:#aac8d7;font-size:13px}.page{max-width:850px;margin:60px auto;padding:0 20px 80px}.page h1{font-size:36px;color:var(--navy)}.page p{color:var(--muted)}@media(max-width:700px){.eyebrow{display:none}.topbar{padding:17px 22px}.hero{min-height:550px;padding:75px 25px}.hero-art{right:-320px;opacity:.4}.form-grid{grid-template-columns:1fr;gap:18px}.section{padding:65px 14px}.form-card{padding:25px 20px}.radio-options{flex-direction:column;gap:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* MAPRESA — Brand refinement / 2026. Editable visual layer. */
:root{--navy:#082f4b;--deep:#071f32;--blue:#009fdb;--cyan:#73d4f0;--ink:#17354a;--muted:#60788b;--bg:#f5f7f9;--border:#dce5eb;--radius:5px}
body{background:var(--bg);-webkit-font-smoothing:antialiased}
.topbar{position:relative;z-index:5;background:#fff;color:#12364f;padding:22px max(6%,calc((100% - 1240px)/2));border-bottom:1px solid #e3edf1}
.brand{letter-spacing:.09em;font-size:22px;color:#063b60}.brand small{color:#668599;font-size:10px;letter-spacing:.1em}.brand-mark{border:0;background:linear-gradient(135deg,#0d80b9,#67cbe9);color:white;width:46px;height:46px;font-weight:800;transform:none;clip-path:polygon(0 0,100% 0,100% 100%,70% 100%,70% 35%,50% 70%,30% 35%,30% 100%,0 100%)}
.eyebrow{color:#39738f;font-weight:700;display:flex;align-items:center;gap:11px}.eyebrow-dot{height:7px;width:7px;border-radius:50%;background:#11a7d9;box-shadow:0 0 0 5px #d8f4fa}
.hero{min-height:680px;isolation:isolate;background:linear-gradient(112deg,#051b2e 0%,#083a5a 52%,#075c7b 100%);padding-top:105px;padding-bottom:130px}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ffffff0c 25%);pointer-events:none;z-index:-1}
.hero:after{content:"";position:absolute;right:-13%;top:-55%;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#19b8e33a 0%,#0a628c16 35%,transparent 67%);pointer-events:none}
.hero-content{max-width:710px}.hero .kicker{font-size:11px;letter-spacing:.25em;display:flex;align-items:center;gap:15px;color:#9fe7f8}.kicker-line{display:inline-block;width:35px;height:1px;background:#70d5f2}
.hero h1{font-size:clamp(49px,6vw,88px);line-height:1.06;letter-spacing:-.065em;margin:29px 0 26px;font-weight:700}.hero h1 em{font-weight:500;color:#83d9f0}.hero p:not(.kicker){font-size:18px;line-height:1.8;color:#d5e6ef;max-width:535px}
.btn{border-radius:3px;background:#0a9fd5;letter-spacing:.075em;text-transform:uppercase;font-size:11px;padding:18px 28px;box-shadow:0 8px 24px #031d3024}.btn:hover{background:#0b83b2;transform:translateY(-2px)}.btn-outline{border:1px solid #83d8ee;color:#fff;background:#ffffff10;backdrop-filter:blur(8px);margin-top:28px;box-shadow:none}.btn-outline:hover{background:#0b91bf}
.hero-art{right:1%;width:510px;height:510px;opacity:.94;filter:drop-shadow(0 0 35px #26a7e52c)}.art-halo{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,#21a4d42b,transparent 69%);filter:blur(12px)}.art-letter{font-size:325px;color:#9cecff25;text-shadow:0 0 35px #65d3f544,0 0 110px #19c2fa30;animation:letterfloat 7s ease-in-out infinite}.orbit{border-color:#7bd8ee4f;animation-duration:20s}.orbit-two{border-color:#48b5dc55;animation-duration:25s}
@keyframes letterfloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-18px) rotate(2deg)}}
.hero-bottom{position:absolute;bottom:31px;left:max(6%,calc((100% - 1240px)/2));right:max(6%,calc((100% - 1240px)/2));display:flex;justify-content:space-between;gap:20px;color:#a2c4d4;font:600 10px Montserrat,Arial,sans-serif;letter-spacing:.2em}.hero-bottom b{font-size:20px;margin-left:9px;color:#76d4f1}
.section{padding:100px 20px 120px;background:linear-gradient(180deg,#f3f7f9,#fff 72%)}.intro .kicker{color:#008ec6;font-size:11px}.intro h2{font-weight:700;color:#0a3956;letter-spacing:-.045em}.intro>p:last-child{font-size:16px;line-height:1.7}
.form-card{border-radius:6px;border:1px solid #e2e9ee;border-top:4px solid #0aa5dc;box-shadow:0 26px 65px #14344912;padding:clamp(26px,5vw,58px)}.form-grid{gap:26px}.form-card label,.form-card legend{color:#204259;letter-spacing:.005em}.form-card input:not([type=radio]):not([type=checkbox]),.form-card select{background:#f8fafb;border-radius:3px;border-color:#d8e4eb;padding:15px 14px;transition:border-color .2s,box-shadow .2s}.form-card input:focus,.form-card select:focus{box-shadow:0 0 0 3px #0aa5dc20;outline:0}.radio-options{padding:9px 0}.consent{border-top:1px solid #e6edf1;padding-top:22px}.form-card .btn{width:100%;max-width:320px}
footer{background:#071f32;color:#aac8d7;border-top:3px solid #099dcd}.page{min-height:65vh}
@media(max-width:900px){.hero-art{right:-165px;opacity:.52}.hero-content{max-width:590px}.hero{min-height:610px}}
@media(max-width:700px){.topbar{padding:18px 22px}.brand{font-size:18px}.brand-mark{width:38px;height:38px}.eyebrow{display:none}.hero{min-height:650px;padding:85px 24px 105px;align-items:flex-start}.hero h1{font-size:clamp(43px,10vw,65px)}.hero p:not(.kicker){font-size:16px}.hero-art{width:360px;height:360px;right:-210px;top:58%;opacity:.38}.art-letter{font-size:220px}.hero-bottom{left:24px;right:24px;bottom:22px}.hero-bottom span:first-child{display:none}.section{padding:70px 16px 90px}.form-card{padding:28px 20px}.form-card .btn{max-width:none}}


/* Adaptación visual a las capturas de la web corporativa de MAPRESA (2026). */
:root{--navy:#00558b;--deep:#fff;--blue:#009bda;--cyan:#00a4df;--ink:#00558b;--muted:#557083;--bg:#fff;--border:#e2eaf0;--radius:2px}
body{background:#fff;color:#00558b;font-family:Montserrat,Arial,sans-serif}
.topbar{position:relative;z-index:10;background:#fff;color:#00558b;min-height:87px;padding:12px clamp(22px,3.4vw,55px);box-shadow:none;border-bottom:1px solid #f0f4f7}
.brand{letter-spacing:0;display:inline-flex;line-height:1}
.brand img{width:158px;height:auto;object-fit:contain;display:block}
.header-nav{display:flex;align-items:center;gap:clamp(20px,3.3vw,53px)}
.header-nav a{font:700 12px Montserrat,Arial,sans-serif;text-decoration:none;color:#00558b;transition:color .2s}
.header-nav a:hover{color:#00a4df}
.hero{background:#fff;color:#009bda;min-height:640px;padding:88px clamp(28px,6.2vw,95px) 110px;align-items:center;isolation:isolate}
.hero:before{content:'';position:absolute;right:0;top:0;bottom:0;width:52%;background:linear-gradient(110deg,#fff 0%,#eef9fd 46%,#d7f0f9 100%);z-index:-2}
.hero:after{content:'';position:absolute;right:0;top:0;width:52%;height:100%;opacity:.34;background-image:linear-gradient(25deg,transparent 49.8%,#8bd7f0 50%,transparent 50.2%),linear-gradient(155deg,transparent 49.8%,#8bd7f0 50%,transparent 50.2%);background-size:180px 180px;z-index:-1}
.hero-content{max-width:710px}
.hero h1{font-size:clamp(53px,6.5vw,105px);line-height:1.02;letter-spacing:-.065em;color:#009bda;font-weight:800;margin:27px 0 40px}
.hero h1 em{color:#009bda}
.hero p:not(.kicker){font:600 15px/1.9 Montserrat,Arial,sans-serif;color:#00558b;max-width:470px}
.hero .kicker{color:#009bda;font-size:11px;letter-spacing:.14em}
.kicker-line{background:#009bda!important}
.btn{background:#009bda;border-radius:2px;font-family:Montserrat,Arial,sans-serif;font-weight:700}
.btn-outline{border:2px solid #009bda;background:#009bda;color:#fff;margin-top:25px}
.btn-outline:hover{background:#007fb4}
.hero-art{right:-10px;top:52%;opacity:.8;width:min(46vw,560px);height:min(46vw,560px)}
.art-letter{color:#009bda35;text-shadow:0 0 35px #00a4df28;font-size:clamp(180px,24vw,340px)}
.orbit{border-color:#009bda60}
.art-halo{background:radial-gradient(circle,#c5f0ff80,transparent 70%)}
.hero-bottom{color:#00558b;border-top:1px solid #c7e9f7;bottom:22px;left:clamp(28px,6.2vw,95px);right:clamp(28px,6.2vw,95px)}
.section{background:#fff;padding-top:100px}
.intro{text-align:left;max-width:900px;margin:0 auto 38px}
.intro h2{font-size:clamp(40px,5vw,70px);line-height:1.08;letter-spacing:-.055em;color:#009bda;margin:12px 0 24px}
.intro .kicker{color:#00558b}
.intro>p:last-child{color:#557083;font-size:14px}
.form-card{box-shadow:0 10px 45px #00558b0c;border:1px solid #d9edf5;border-radius:3px;background:#fff}
.form-card label,.form-card legend{color:#00558b}
input:not([type=radio]):not([type=checkbox]),select{background:#fff;border-radius:2px;border:1px solid #c8e2ed}
input:focus,select:focus{border-color:#009bda}
footer{background:#f4fbfe;color:#00558b;border-top:1px solid #dceef6}
footer a{color:#00558b}
.page h1{color:#009bda}
@media(max-width:800px){.hero{min-height:590px;padding:75px 25px 95px}.hero:before,.hero:after{width:75%;opacity:.45}.hero-art{right:-160px;width:480px;height:480px;opacity:.25}.hero h1{font-size:clamp(48px,9vw,72px)}.hero-bottom{left:25px;right:25px}.header-nav{gap:18px}.header-nav a{font-size:11px}.intro{padding:0 8px}}
@media(max-width:540px){.topbar{min-height:70px;padding:12px 18px}.brand img{width:132px}.header-nav a:first-child,.header-nav a:last-child{display:none}.hero{min-height:610px;padding:80px 23px 100px}.hero h1{font-size:clamp(46px,12vw,65px)}.hero p:not(.kicker){font-size:13px}.hero-art{right:-250px;opacity:.16}.hero-bottom{font-size:9px}.section{padding-top:65px}.intro h2{font-size:40px}}

/* Isotipo original MAPRESA: conserva la flotación y las órbitas */
.art-letter.art-logo{font-size:initial;text-shadow:none;pointer-events:none;}
.art-logo img{display:block;width:min(82%,440px);height:auto;max-height:85%;object-fit:contain;filter:drop-shadow(0 14px 28px rgba(0,156,219,.15));}
@media(max-width:700px){.art-logo img{width:78%;}}

.event-notice{background:#e9f7fd;border-left:4px solid #009cdb;color:#005781;padding:14px 18px;margin-bottom:25px;font-weight:700;border-radius:4px}.event-notice.error{background:#fff0f0;color:#9a2233;border-color:#d33}select:disabled{opacity:1;background:#eaf3f9;color:#005781;cursor:not-allowed}