/* Erick Islas Tech V11 — ajustes visuales y consistencia de marca, 2026-10-17. */

/* 1. El aviso de cookies no hereda alineaciones del hero ni límites previos. */
body .eit-cookie-banner {
  box-sizing:border-box; width:min(1120px,calc(100% - 32px));
  left:50% !important; right:auto !important; transform:translateX(-50%);
  bottom:18px; display:grid; grid-template-columns:minmax(0,1fr) auto;
  column-gap:clamp(16px,2vw,28px); align-items:center;
  padding:16px 20px; text-align:left !important;
}
body .eit-cookie-banner .eit-cookie-copy {min-width:0;text-align:left !important;}
body .eit-cookie-banner .eit-cookie-copy strong {
  margin:0 0 6px; font-size:.94rem; line-height:1.32; text-align:left !important;
}
body .eit-cookie-banner .eit-cookie-copy p {
  margin:0 !important; padding:0; max-width:none !important;
  font-size:.87rem; line-height:1.55; text-align:left !important;
}
body .eit-cookie-banner .eit-cookie-copy a{display:inline;white-space:normal;}
body .eit-cookie-banner .eit-cookie-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;}
body .eit-cookie-banner[hidden]{display:none!important;}

/* 3 y 5. Footer compacto con CUATRO tarjetas en UNA fila en escritorio.
   Adaptación voluntaria a dos columnas en tablet y una en móvil para evitar desbordar. */
body .eit-footer{
  margin-top:0 !important; padding:20px clamp(12px,2.1vw,30px) 0 !important;
}
body .eit-footer-grid {
  width:min(1540px,calc(100% - 16px)) !important;
  margin-inline:auto !important;
  max-width:1540px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  align-items:stretch; gap:12px !important;
}
body .eit-footer-card,body[data-page="inicio"] .eit-footer-card {
  min-height:0 !important; height:auto !important;
  padding:clamp(13px,1.25vw,19px) !important;
  border-radius:18px;
}
body .eit-footer-card h2,body[data-page="inicio"] .eit-footer-card h2{
  margin:0 0 9px !important; font-size:clamp(.91rem,1.14vw,1.13rem) !important;
  line-height:1.3 !important; letter-spacing:0 !important;
}
body .eit-footer-card p,body .eit-footer-card .eit-footer-list,
body .eit-footer-card a,body .eit-footer-card li{
  font-size:clamp(.72rem,.81vw,.87rem) !important;
  line-height:1.48 !important;
}
body .eit-footer-list{gap:9px !important;}
body .eit-footer-list li{gap:8px !important;}
body .eit-footer-list a{overflow-wrap:anywhere;word-break:normal;}
body .eit-footer-icon{width:27px;height:27px;flex:0 0 27px;border-radius:8px;font-size:13px;}
body .eit-social-links{display:grid !important;gap:7px !important;grid-template-columns:1fr !important;}
body .eit-social-links a {
  width:100%;margin:0;min-height:0 !important;
  padding:7px 10px !important;border-radius:10px !important;
}
body .eit-footer-bottom,body[data-page="inicio"] .eit-footer-bottom{
  margin-top:12px !important;padding:10px 8px 12px !important;
  gap:7px 15px !important;
  font-size:clamp(.69rem,.83vw,.85rem) !important;
}
body .eit-footer-bottom p,body .eit-footer-bottom a{font-size:inherit !important;line-height:1.3 !important;}

/* 4. Toda la división empresarial mantiene paleta azul, nunca verde heredado. */
body:is([data-page="soluciones"],[data-page="servicios"],[data-page="servicio"],[data-page="solicitar-servicio"],[data-page="contacto"]) {
  --green:#26d7f2; --green-2:#3cdbff; --border:rgba(41,209,243,.29);
  --accent:#27d9f4; --accent2:#56e6ff;
  background-image:url('../assets/images/backgrounds/solutions-fixed-bg.png') !important;
  background-color:#04152b !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
  background-attachment:fixed !important;
}
body:is([data-page="contenido"],[data-page="noticias"],[data-page="resenas"],[data-page="tutoriales"],[data-page="comunidad"],[data-page="publicacion"],[data-page="buscar"]) {
  background-image:url('../assets/images/backgrounds/content-fixed-bg.png') !important;
  background-color:#030f14 !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
  background-attachment:fixed !important;
}
/* Los elementos de primer plano conservan sus tarjetas; se remueve sólo la capa plana opaca. */
body[data-page="soluciones"] .eit-solutions,
body[data-page="servicios"] .services-premium,
body[data-page="contacto"] main,
body[data-page="contenido"] .eit-content-hub {
  background:transparent !important;
}
body[data-page="soluciones"] .eit-solutions::before,
body[data-page="servicios"] .services-premium::before{opacity:.16 !important;}
body[data-page="servicios"] .services-hero,
body[data-page="contacto"] .hero{
  background:linear-gradient(115deg,rgba(3,16,38,.42),rgba(8,48,83,.30),rgba(3,17,40,.48)) !important;
  border-color:rgba(28,212,247,.22) !important;
}
body[data-page="servicios"] .services-hero::before,
body[data-page="contacto"] .hero::before {
  background:linear-gradient(90deg,transparent,rgba(25,206,246,.065),transparent) !important;
}
body[data-page="servicios"] .services-eyebrow,
body[data-page="contacto"] .badge{
  color:#4fe4ff !important;border-color:rgba(42,219,251,.42) !important;
  background:rgba(4,29,62,.83) !important;box-shadow:none !important;
}
body[data-page="servicios"] .services-hero h1,
body[data-page="contacto"] .hero h1{text-shadow:0 0 22px rgba(21,171,232,.12) !important;}
body[data-page="servicios"] .services-section,
body[data-page="contacto"] .section{
  background:transparent !important;
}
body[data-page="servicios"] .services-section-header span,
body[data-page="servicios"] .service-more {color:#4ae4ff !important;}
/* Fotografías heredadas del sitio verde: recoloración visual sin alterar los originales. */
body[data-page="servicios"] .hero-services-image,
body[data-page="contacto"] .hero-services-image{
  filter:hue-rotate(77deg) saturate(.95) drop-shadow(0 0 18px rgba(16,159,240,.20)) !important;
}
body[data-page="servicios"] .hero-image-panel,
body[data-page="contacto"] .hero-image-panel{
  background:rgba(5,27,57,.30) !important;
  border-color:rgba(41,206,247,.2) !important;
  box-shadow:0 12px 40px rgba(1,14,37,.15) !important;
}
body[data-page="servicios"] .hero-image-panel::before,
body[data-page="contacto"] .hero-image-panel::before{
  background:radial-gradient(circle,rgba(25,191,245,.15),transparent 48%) !important;
}
body[data-page="servicios"] .hero-image-panel::after,
body[data-page="contacto"] .hero-image-panel::after{display:none !important;}
body[data-page="servicios"] .services-premium::before{display:none!important;}
body[data-page="servicios"] .services-cta,
body[data-page="servicios"] .service-card-premium{
  border-color:rgba(47,204,250,.23) !important;
}
body[data-page="contacto"] .hero .btn-primary,
body[data-page="servicios"] .btn-primary{background:#18dbef !important;color:#042139 !important;border-color:#18dbef !important;}
body:is([data-page="servicios"],[data-page="contacto"]) .hero .btn-secondary{
  color:#75f0ff !important;border-color:rgba(25,213,239,.42) !important;
  background:rgba(3,22,49,.8) !important;
}
/* Los pseudoelementos globales de fondo pueden superponer otras tintas. */
body[data-page="contacto"]::before,
body[data-page="servicios"]::before,
body[data-page="soluciones"]::before{opacity:.08 !important;}

/* Opcional: menos aire en cabeceras secundarias de Soluciones. */
body[data-page="contacto"] .hero{padding-block:clamp(16px,2.4vw,28px) !important;min-height:0 !important;}
body[data-page="contacto"] .hero-actions{margin-top:16px !important;}
body[data-page="contacto"] .hero-panel{padding:12px !important;}

@media (max-width: 1050px){
  body .eit-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  body .eit-footer-card h2{font-size:1rem!important;}
  body .eit-footer-card p,body .eit-footer-card li,body .eit-footer-card a{font-size:.83rem!important;}
}
@media (max-width: 650px){
  body .eit-footer-grid{width:calc(100% - 8px)!important;grid-template-columns:1fr !important;gap:9px!important;}
  body .eit-footer{padding:13px 12px 0!important;}
  body .eit-footer-card{padding:13px!important;}
  body .eit-social-links{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  body .eit-social-links a{justify-content:center!important;padding:8px 5px!important;font-size:.74rem!important;}
  body .eit-footer-bottom{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px!important;}
  body .eit-cookie-banner {grid-template-columns:1fr;row-gap:12px;bottom:10px;padding:14px;width:calc(100% - 20px);}
  body .eit-cookie-banner .eit-cookie-actions{justify-content:space-between;}
  body .eit-cookie-banner .eit-cookie-accept{flex:1;min-height:40px;}
  body .eit-cookie-banner .eit-cookie-copy strong{font-size:.9rem;}
  body .eit-cookie-banner .eit-cookie-copy p{font-size:.79rem;}
  body:is([data-page="contenido"],[data-page="noticias"],[data-page="resenas"],[data-page="tutoriales"],[data-page="comunidad"],[data-page="publicacion"],[data-page="buscar"],
    [data-page="soluciones"],[data-page="servicios"],[data-page="servicio"],[data-page="solicitar-servicio"],[data-page="contacto"]){
    background-attachment:fixed !important; background-size:cover !important; background-position:center center !important;
  }
}

/* Detalles interiores de Soluciones: imágenes, tarjetas y formularios. */
body[data-page="servicios"] .service-icon-premium img,
body[data-page="servicios"] .service-detail-hero img{
  filter:hue-rotate(77deg) saturate(.95) !important;
}
body[data-page="servicios"] .service-card-premium::before{
  background:linear-gradient(90deg, transparent, rgba(22,210,255,.09), transparent) !important;
}
body[data-page="servicios"] .service-card-premium li::before{color:#32ddfa !important;}
body[data-page="servicios"] .service-icon-premium,
body[data-page="servicios"] .service-detail-list li{
  border-color:rgba(30,208,250,.28) !important;
  box-shadow:0 0 18px rgba(18,175,245,.09) !important;
}
body[data-page="servicios"] .service-detail-hero,
body[data-page="servicios"] .request-card{
  background:rgba(4,23,49,.78) !important;
  border-color:rgba(28,208,253,.28) !important;
}
body[data-page="servicios"] .request-card input,
body[data-page="servicios"] .request-card textarea,
body[data-page="servicios"] .request-card select{
  background:rgba(2,17,39,.94) !important;
  border-color:rgba(29,204,248,.3) !important;
}
body[data-page="servicios"] .request-page,
body[data-page="servicios"] .service-detail-page{background:transparent!important;}
/* Footer empresarial: ningún acento verde residual. */
body:is([data-page="soluciones"],[data-page="servicios"],[data-page="contacto"]) .eit-footer::before{
  background:linear-gradient(rgba(37,211,246,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(37,211,246,.028) 1px,transparent 1px)!important;
}
body:is([data-page="soluciones"],[data-page="servicios"],[data-page="contacto"]) .eit-footer::after{
  background:linear-gradient(90deg,transparent,rgba(33,216,250,.7),transparent)!important;
  box-shadow:0 0 18px rgba(33,216,250,.13)!important;
}
body:is([data-page="soluciones"],[data-page="servicios"],[data-page="contacto"]) .eit-footer-icon,
body:is([data-page="soluciones"],[data-page="servicios"],[data-page="contacto"]) .eit-social-links a{
  border-color:rgba(36,209,245,.24)!important;
  background:rgba(8,39,70,.44)!important;
}
body:is([data-page="soluciones"],[data-page="servicios"],[data-page="contacto"]) .eit-footer a:hover,
body:is([data-page="soluciones"],[data-page="servicios"],[data-page="contacto"]) .eit-footer a:focus-visible{
  color:#42dcff!important;text-shadow:0 0 14px rgba(35,205,242,.21)!important;
}
body[data-page="servicios"] .service-card-premium li{color:#d1eaf4!important;}