:root{
 --navy:#082d58; --navy2:#061f3e; --blue:#0d5aa7; --blue2:#1670c5;
 --ice:#f3f7fb; --text:#122033; --muted:#5f6f82; --line:#dce5ee; --white:#fff;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:white;line-height:1.6}
.container{width:min(1160px,calc(100% - 40px));margin:auto}
.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.nav{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy)}
.brandmark{font-weight:800;font-size:25px;letter-spacing:-2px}.brand strong{display:block;font-size:14px}.brand small{display:block;font-size:8px;letter-spacing:.8px}
nav{display:flex;gap:24px;margin-left:auto}nav a{color:#263b51;text-decoration:none;font-size:13px;font-weight:600}
.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 20px;border-radius:7px;text-decoration:none;font-weight:700;border:1px solid transparent;cursor:pointer;font-family:inherit}
.btn-primary{background:var(--blue);color:white}.btn-primary:hover{background:var(--blue2)}
.btn-outline{border-color:#b8c9da;color:var(--navy);background:white}.full{width:100%}
.hero{background:linear-gradient(110deg,#edf5fc 0%,#fff 54%,#f5f8fb 100%);padding:40px 0 54px}
.hero-grid,.split{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
.hero-grid{align-items:start}
.hero-copy{padding-top:8px;min-width:0}
.eyebrow{display:inline-block;font-size:12px;letter-spacing:1.8px;font-weight:800;color:var(--blue);margin-bottom:12px}
h1{font-size:52px;line-height:1.04;letter-spacing:-2px;color:var(--navy);margin:0 0 22px}h1 span{color:var(--blue)}
h2{font-size:34px;line-height:1.15;letter-spacing:-1px;color:var(--navy);margin:0 0 16px}h3{color:var(--navy);line-height:1.25}
.lead{font-size:20px;color:#334c66}.lead-small{font-size:18px}.hero-copy>p:not(.lead){color:var(--muted)}
.hero-actions{display:flex;gap:12px;margin:28px 0}.trust-row{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12px;color:#52667a}

/* Hero + oportunidades junto al formulario largo */
.hero-form{align-self:start}
.hero-opportunities{margin-top:58px;padding-top:38px;border-top:1px solid #d7e3ee}
.opportunities-head{max-width:650px;margin-bottom:24px}
.opportunities-head .eyebrow{margin-bottom:8px}
.opportunities-head h2{font-size:30px;margin-bottom:12px}
.opportunities-head p{margin:0;color:var(--muted)}
.opportunity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.opportunity-card{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:10px;padding:18px}
.opportunity-card .ico{font-size:24px;color:var(--blue);line-height:1}
.opportunity-card h3{font-size:15px;margin:10px 0 7px}
.opportunity-card p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}
.opportunity-disclaimer{font-size:11px!important;line-height:1.5;color:#708092!important;margin:16px 0 0}
.form-card{background:white;border-radius:14px;padding:28px;box-shadow:0 18px 50px rgba(8,45,88,.13);border:1px solid #e5edf4}.form-icon{font-size:28px}
.form-card h2{font-size:24px}.form-card>p{color:var(--muted);font-size:14px}
.lead-form{display:grid;gap:13px}.lead-form label{font-size:12px;font-weight:700;color:#344a61}.lead-form label span{font-weight:400}
input,select,textarea{width:100%;margin-top:5px;padding:11px;border:1px solid #cbd7e2;border-radius:6px;font:inherit;font-size:13px;background:white}
textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;gap:8px;align-items:flex-start}.check input{width:auto;margin-top:4px}
.form-note{color:#7a8997;text-align:center}.section{padding:82px 0}.alt{background:var(--ice)}
.section-head{text-align:center;max-width:760px;margin:0 auto 42px}.section-head p{color:var(--muted)}
.cards{display:grid;gap:20px}.cards.four{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--line);border-radius:10px;padding:24px;background:white}
.card .ico{font-size:27px;color:var(--blue)}.card h3{font-size:17px}.card p{font-size:14px;color:var(--muted)}
.disclaimer{text-align:center;font-size:12px;color:#708092;margin-top:24px}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step{padding:22px 18px;background:white;border:1px solid var(--line);border-radius:9px}
.step b{color:var(--blue);font-size:24px}.step h3{font-size:16px}.step p{font-size:13px;color:var(--muted)}.center{text-align:center;margin-top:30px}
.value{background:white}.metric-card{background:var(--navy);color:white;border-radius:16px;padding:44px;text-align:center}
.metric-card .metric{display:block;font-size:50px;font-weight:800}.metric-card strong{font-size:26px}.metric-card p{font-size:16px}.metric-card small{opacity:.72}
.pro{background:linear-gradient(135deg,var(--navy2),var(--navy));color:white}.pro h2{color:white}.light{color:#83bff3}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.chips span{padding:7px 11px;border:1px solid rgba(255,255,255,.28);border-radius:30px;font-size:12px}.dark-card{color:var(--text)}.dark-card h2{color:var(--navy)}
.faq-wrap{max-width:850px}.faq-wrap details{background:white;border:1px solid var(--line);border-radius:8px;padding:0 20px;margin:10px 0}
.faq-wrap summary{padding:17px 0;font-weight:700;color:var(--navy);cursor:pointer}.faq-wrap details p{color:var(--muted);font-size:14px;padding-bottom:16px}
.final-cta{background:var(--blue);color:white;text-align:center;padding:62px 0}.final-cta h2{color:white}.btn-white{background:white;color:var(--navy)}
footer{background:#051a31;color:#c9d5df;padding:32px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between}.footer-grid .brand{color:white}.footer-grid p{font-size:12px}
.mobile-cta{display:none}
@media(max-width:900px){
 nav,.nav-cta{display:none}.hero{padding:32px 0 44px}.hero-grid,.split{grid-template-columns:1fr;gap:34px}.hero-opportunities{margin-top:42px;padding-top:32px}.hero-form{grid-row:auto}h1{font-size:40px}.cards.four{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.section{padding:60px 0}
 .mobile-cta{display:block;position:fixed;z-index:50;bottom:12px;left:16px;right:16px;background:var(--blue);color:white;text-align:center;padding:13px;border-radius:8px;text-decoration:none;font-weight:800;box-shadow:0 8px 30px rgba(0,0,0,.25)}
 footer{padding-bottom:78px}
}
@media(max-width:600px){
 .container{width:min(100% - 28px,1160px)}h1{font-size:34px}.opportunity-grid{grid-template-columns:1fr}.opportunities-head h2{font-size:27px}.hero-actions{flex-direction:column}.cards.four,.steps,.two{grid-template-columns:1fr}.section-head{text-align:left}h2{font-size:29px}.form-card{padding:21px}.footer-grid{display:block}
}

.privacy-note{font-size:11px;color:#64758a;margin:0;line-height:1.5}.footer-contact{text-align:right;font-size:12px}.footer-contact a{color:#dceafa}.light-link{color:white;text-decoration:underline}.call-fab{position:fixed;right:18px;bottom:20px;z-index:49;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--navy);border:1px solid #ccd7e5;box-shadow:0 4px 20px #0002;text-decoration:none;display:grid;place-items:center;font-size:25px}@media(max-width:900px){.call-fab{bottom:78px}.footer-contact{text-align:left;margin-top:20px}}

/* HubSpot forms */
.hubspot-form-wrap{margin-top:18px;min-height:420px;position:relative}
.hs-form-frame{width:100%}
.dark-card .hubspot-form-wrap{background:#fff;border-radius:14px;padding:10px}
@media(max-width:700px){.hubspot-form-wrap{min-height:520px}.dark-card .hubspot-form-wrap{padding:4px}}

.local-preview-warning{
  position:fixed;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  z-index:99999;
  width:min(760px,calc(100% - 32px));
  box-sizing:border-box;
  padding:13px 16px;
  border:1px solid #f0c36d;
  border-radius:10px;
  background:#fff8e6;
  color:#25364a;
  font-size:14px;
  line-height:1.4;
  box-shadow:0 8px 30px rgba(0,0,0,.16);
}
.local-preview-warning strong{color:#0b3768}

/* Navegación a anclas: evitar que la cabecera fija tape el título */
#valoracion,#actuaciones,#como-funciona,#profesionales,#faq{scroll-margin-top:96px}
@media(max-width:900px){#valoracion,#actuaciones,#como-funciona,#profesionales,#faq{scroll-margin-top:88px}}

/* Corrección sección colaboradores: alinear contenido y formulario por la parte superior */
.pro .split{align-items:start}