
/* ============================================================
   ImpulsA 9.9.2 — identidad azul completa / hotfix final
   ============================================================ */
:root{
  --green:#0B7BFF!important;
  --green-2:#22D3EE!important;
  --black:#061027!important;
  --charcoal:#071A3A!important;
  --muted:#405166!important;
  --line:#CFE3FA!important;
  --soft:#EFF7FF!important;
  --tech-blue:#0B7BFF;
  --tech-cyan:#22D3EE;
  --tech-navy:#061027;
  --tech-ice:#EAF6FF;
}
body{background:#F4F9FF!important;color:#061027!important;}
.site-header{background:rgba(3,10,28,.96)!important;border-bottom:1px solid rgba(56,189,248,.22)!important;}
.brand-logo{width:220px!important;height:auto!important;max-height:62px!important;object-fit:contain!important;}
.footer-logo{width:240px!important;height:auto!important;max-height:82px!important;object-fit:contain!important;}
.main-nav a:hover{color:#7DD3FC!important;}
.btn-primary{background:linear-gradient(135deg,#0B7BFF 0%,#009BFF 58%,#22D3EE 100%)!important;box-shadow:0 16px 38px rgba(11,123,255,.28)!important;color:#fff!important;}
.btn-primary:hover{background:linear-gradient(135deg,#0069E8 0%,#008DE8 58%,#1DC7DE 100%)!important;box-shadow:0 20px 44px rgba(11,123,255,.36)!important;}
.btn-ghost{background:#fff!important;color:#061027!important;border-color:#CFE3FA!important;}
.btn-ghost:hover{border-color:#0B7BFF!important;color:#0B7BFF!important;background:#EFF7FF!important;}
/* Bug real: .main-nav a{color:rgba(255,255,255,.86)!important} (tech-blue-theme.css) tiene más
   especificidad que .btn-ghost/.btn-primary de aquí arriba (dos clases+elemento vs una clase),
   así que gana pase lo que pase el orden de carga — el botón "Contacto rápido" de la cabecera
   (btn-ghost sobre fondo blanco) quedaba con texto casi blanco sobre blanco, ilegible. Estas dos
   reglas son deliberadamente más específicas para ganar siempre dentro de la cabecera. */
.main-nav a.btn-ghost{color:#061027!important;background:#fff!important;border-color:#CFE3FA!important;}
.main-nav a.btn-ghost:hover{color:#0B7BFF!important;border-color:#0B7BFF!important;background:#EFF7FF!important;}
.main-nav a.btn-primary{color:#fff!important;}
/* Fotos naturales: no teñir las imágenes */
.slide img,.service-card img,.use-grid img,.split-media img{filter:none!important;opacity:1!important;}
.hero-slider{background:linear-gradient(135deg,#061027 0%,#071a3a 50%,#002b66 100%)!important;}
.hero-overlay{background:linear-gradient(90deg,rgba(6,16,39,.92) 0%,rgba(6,16,39,.78) 42%,rgba(6,16,39,.22) 75%,rgba(6,16,39,.10) 100%)!important;}
.hero h1{color:#fff!important;}
.hero p{color:#DDEBFA!important;}
.hero .eyebrow{color:#7DD3FC!important;}
/* Sección diagnóstico: contraste legible */
#diagnostico{background:#EAF6FF!important;color:#061027!important;}
#diagnostico .split-copy h2{color:#061027!important;}
#diagnostico .split-copy p:not(.eyebrow){color:#334B63!important;}
#diagnostico .check-list span{color:#27435B!important;font-weight:700!important;opacity:1!important;}
#diagnostico .check-list span:before{background:linear-gradient(135deg,#0B7BFF,#22D3EE)!important;color:#fff!important;}
#diagnostico .eyebrow{color:#334B63!important;}
#diagnostico .split-media img{box-shadow:0 24px 70px rgba(11,45,85,.18)!important;}
.section:not(.section-dark) p,.soft-bg p,.section-head p,.service-card p,.use-grid p,.split-copy p{color:#405166!important;}
.tag{background:#E1F2FF!important;color:#075DBE!important;}
.steps span{background:#E1F2FF!important;color:#0B7BFF!important;}
.trust-strip,.section-dark{background:#061027!important;}
.cta-card{background:linear-gradient(135deg,#061027,#073B79)!important;}
/* Banner cookies inferior */
.cookies{background:#FFFFFF!important;border:1px solid #CFE3FA!important;box-shadow:0 24px 70px rgba(6,16,39,.18)!important;}
.cookies p{color:#405166!important;}
.cookies .btn,.cookies-actions .btn{min-height:42px!important;border-radius:999px!important;}
.cookies .btn-ghost,.cookies-actions .btn-ghost{background:#F8FBFF!important;color:#061027!important;border:1px solid #CFE3FA!important;}
.cookies .btn-ghost:hover,.cookies-actions .btn-ghost:hover{background:#EAF6FF!important;color:#0B7BFF!important;border-color:#0B7BFF!important;}
.cookies .btn-primary,.cookies-actions .btn-primary{background:linear-gradient(135deg,#0B7BFF,#22D3EE)!important;color:#fff!important;border:0!important;}
/* Modal cookies */
#cookiesModal.small-modal .modal-panel.compact{padding:76px 36px 36px!important;border-radius:28px!important;background:#fff!important;}
#cookiesModal #cookiesTitle{color:#061027!important;}
#cookiesModal p,#cookiesModal label span{color:#405166!important;}
#cookiesModal.small-modal .modal-close{top:22px!important;right:22px!important;background:#fff!important;color:#061027!important;border:1px solid #CFE3FA!important;box-shadow:0 10px 26px rgba(6,16,39,.12)!important;}
#cookiesModal.small-modal .modal-close:hover{background:#EAF6FF!important;color:#0B7BFF!important;}
#cookiesModal input[type="checkbox"]{accent-color:#0B7BFF!important;}
/* RRSS */
.site-footer{background:#041027!important;color:#C8D6E5!important;}
.site-footer a:hover{color:#7DD3FC!important;}
.site-footer .footer-social a,.site-footer .social-links a{width:34px!important;height:34px!important;border-color:rgba(255,255,255,.24)!important;background:rgba(255,255,255,.07)!important;color:#fff!important;}
.site-footer .footer-social a:hover,.site-footer .social-links a:hover{background:rgba(11,123,255,.92)!important;border-color:#22D3EE!important;color:#fff!important;box-shadow:0 0 0 4px rgba(34,211,238,.12)!important;}
.site-footer .footer-social svg,.site-footer .social-links svg{width:15px!important;height:15px!important;fill:#fff!important;color:#fff!important;}
@media (max-width:720px){.brand-logo{width:180px!important}.footer-logo{width:210px!important}#cookiesModal.small-modal .modal-panel.compact{padding:72px 26px 30px!important}}


/* Fase 9.9.3: identidad azul revisada y contraste */
:root{
  --green:#0B7BFF!important;
  --green-2:#22D3EE!important;
  --green-soft:#EAF5FF!important;
  --black:#061027!important;
  --muted:#334155!important;
  --line:#DBEAFE!important;
  --soft:#EAF5FF!important;
}
.site-header{background:rgba(6,16,39,.92)!important;border-bottom:1px solid rgba(56,189,248,.18)!important;box-shadow:0 14px 36px rgba(2,6,23,.18)!important;}
.brand-logo{width:210px!important;max-height:58px!important;object-fit:contain!important;}
.footer-logo{width:245px!important;max-height:74px!important;object-fit:contain!important;}
.main-nav a{color:#EAF5FF!important}.main-nav a:hover{color:#38BDF8!important}.nav-toggle span{background:#fff!important}
.btn-primary{background:linear-gradient(135deg,#0B7BFF,#22D3EE)!important;color:#fff!important;box-shadow:0 14px 34px rgba(11,123,255,.28)!important;}
.btn-primary:hover{box-shadow:0 18px 42px rgba(11,123,255,.38)!important;}
.btn-ghost:hover{border-color:#0B7BFF!important;color:#0B7BFF!important;}
.eyebrow,.tag{color:#0B7BFF!important;}
.soft-bg{background:#EAF5FF!important;}
.section.soft-bg p,.soft-bg p,.split-copy p,.section-head p{color:#334155!important;}
.check-list span{color:#1E293B!important;opacity:1!important;}
.check-list span:before{background:linear-gradient(135deg,#0B7BFF,#22D3EE)!important;color:#fff!important;}
.section-dark .check-list span{color:#D8E8FF!important;}
.section-dark{background:#061027!important;}
.cta-card{background:linear-gradient(135deg,#061027,#0B2B62)!important;}
.site-footer{background:#061027!important;color:#D8E8FF!important;}
.site-footer a:hover{color:#38BDF8!important;}
.footer-socials a,.social-links a{color:#fff!important;border-color:rgba(56,189,248,.38)!important;background:rgba(11,123,255,.10)!important;}
.footer-socials a:hover,.social-links a:hover{color:#fff!important;background:rgba(11,123,255,.28)!important;border-color:#38BDF8!important;box-shadow:0 0 0 3px rgba(56,189,248,.16)!important;}
.footer-socials svg,.social-links svg{fill:#fff!important;color:#fff!important;}
.cookies{border-color:#BFDBFE!important}.cookies .btn-primary{background:linear-gradient(135deg,#0B7BFF,#22D3EE)!important}.cookies .btn-ghost:hover{color:#0B7BFF!important;border-color:#0B7BFF!important;}
#cookiesModal .modal-panel,#cookiesModal .modal-panel.compact{padding:70px 36px 34px!important;}
#cookiesModal .modal-close{top:20px!important;right:20px!important;left:auto!important;}


/* v9.9.5 overrides finales web pública */
.brand-logo,.footer-logo{width:230px!important;max-height:70px!important;object-fit:contain!important;filter:none!important}
.hero-actions .btn-ghost,.hero .btn-ghost{color:#061027!important;background:#fff!important;border-color:#fff!important}
.hero-actions .btn-ghost:empty::before,.hero .btn-ghost:empty::before{content:"Ver servicios";color:#061027!important}


/* v9.9.6 public transparent light logo */
.site-header .brand-logo,
.site-footer .footer-logo{filter:none !important; background:transparent !important; box-shadow:none !important;}
.site-header .brand-logo{width:230px !important; max-height:68px !important; object-fit:contain !important;}
.site-footer .footer-logo{width:255px !important; max-height:78px !important; object-fit:contain !important; padding:0 !important; border-radius:0 !important;}
.site-footer .footer-logo{background:transparent !important;}
.site-footer .brand, .site-footer .footer-brand{background:transparent !important;}
.site-footer .footer-logo-wrap{background:transparent !important;}
.site-footer img.footer-logo{background:transparent !important;}
.site-footer .footer-logo-box{background:transparent !important; border:0 !important;}


/* v9.9.7: ajuste separación titular hero */
.hero h1{
  line-height:1.08 !important;
  margin-bottom:34px !important;
  padding-bottom:2px !important;
}
.hero p{
  margin-top:0 !important;
}
.hero-copy{
  max-width:680px !important;
}
@media (max-width:720px){
  .hero h1{
    line-height:1.12 !important;
    margin-bottom:28px !important;
  }
}


/* v9.9.8: evita recorte del descendente en "negocio" del hero */
.hero h1{margin-bottom:42px !important;}
.hero h1::before{line-height:1.02 !important; margin-bottom:0.02em !important;}
.hero h1::after{line-height:1.06 !important; padding-bottom:0.10em !important; margin-top:0.02em !important;}
.hero p{margin-top:6px !important;}
@media (max-width: 720px){
  .hero h1{margin-bottom:34px !important;}
  .hero h1::before{line-height:1.04 !important;}
  .hero h1::after{line-height:1.08 !important; padding-bottom:0.12em !important;}
}


/* Fase 10.1.1: formulario azul y diagnóstico de día a día */
.option-grid .option-card,
.daily-option-grid .option-card,
.diagnosis-choice-grid label{
  border-color:#D7E8FA !important;
  background:#ffffff !important;
}

.option-grid .option-card:hover,
.daily-option-grid .option-card:hover,
.diagnosis-choice-grid label:hover{
  border-color:#8CCBFF !important;
  background:#F0F8FF !important;
}

.option-grid .option-card:has(input:checked),
.daily-option-grid .option-card:has(input:checked),
.diagnosis-choice-grid label:has(input:checked){
  border-color:#0B7BFF !important;
  background:#EAF5FF !important;
  box-shadow:0 0 0 4px rgba(11,123,255,.12) !important;
}

.option-grid .option-card input[type="checkbox"],
.daily-option-grid .option-card input[type="checkbox"],
.diagnosis-choice-grid input[type="checkbox"],
.wizard-form input[type="checkbox"]{
  accent-color:#0B7BFF !important;
}

.daily-diagnostic-card{
  border-color:#D7E8FA !important;
  background:linear-gradient(180deg,#ffffff,#F8FBFF) !important;
}

.field-label{
  margin:20px 0 8px;
  font-weight:900;
  color:#061027 !important;
}

.smart-card-head span{
  background:#EAF5FF !important;
  color:#0B7BFF !important;
}

.smart-card-head strong{
  color:#061027 !important;
}


/* Fase 11.3: cambios copy página principal */
.hero h1::before{
  content:'Optimiza y rentabiliza' !important;
}
.hero h1::after{
  content:'tu negocio. Para autónomos y PYMES' !important;
}
.hero .eyebrow br{display:block;}
.trust-grid div strong{text-transform:none;}


/* Fase 11.3.1: coletilla del hero más discreta */
.hero .hero-tagline{
  margin:10px 0 18px;
  max-width:760px;
  color:#8EDBFF;
  font-size:clamp(1.25rem, 2.3vw, 2.35rem);
  line-height:1.12;
  font-weight:800;
  letter-spacing:-.02em;
}
.hero .hero-copy h1{
  margin-bottom:0;
}
@media(max-width:720px){
  .hero .hero-tagline{
    font-size:clamp(1.05rem, 6vw, 1.65rem);
    margin-top:8px;
  }
}


/* Fase 11.3.2: tarjetas de servicios sin párrafo introductorio */
.service-card h3 + ul{
  margin-top:18px;
}


/* Fase 11.3.3: eliminar coletilla duplicada del H1 */
.hero h1::before{
  content:'Optimiza y rentabiliza' !important;
}
.hero h1::after{
  content:'tu negocio.' !important;
}
.hero .hero-tagline{
  color:#FFFFFF !important;
  font-size:clamp(1.15rem, 1.9vw, 2rem) !important;
  line-height:1.12 !important;
  font-weight:800 !important;
  margin:8px 0 18px !important;
  text-shadow:0 8px 24px rgba(0,0,0,.22);
}

