/* Control Center 8.5.7 FINAL
   Pulido visual, compactación y jerarquía definitiva.
   No toca precios ni seguridad.
*/

/* HERO */
.hero{
  padding-top: clamp(10px, 2.1vw, 28px)!important;
  padding-bottom: clamp(10px, 2vw, 26px)!important;
}
.hero-grid{
  align-items:center!important;
  gap:clamp(16px,2.6vw,30px)!important;
}
.logo-panel,
.logo-panel-final{
  min-height:clamp(230px,30vw,405px)!important;
}
.logo-panel img,
.logo-panel-final img{
  max-height:clamp(215px,28vw,375px)!important;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.22));
}
.hero .kicker{
  font-family:Rajdhani,Inter,system-ui,sans-serif!important;
  font-size:clamp(15px,1.2vw,18px)!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.20em!important;
  color:#d8e0e5!important;
  text-transform:uppercase!important;
  margin:0 0 9px!important;
}
.hero h1{
  font-family:Rajdhani,Orbitron,Inter,system-ui,sans-serif!important;
  font-size:clamp(58px,6.7vw,98px)!important;
  line-height:.88!important;
  font-weight:800!important;
  letter-spacing:-.032em!important;
  max-width:900px!important;
  margin:0 0 9px!important;
  text-transform:none!important;
  color:#f1f5f7!important;
  background:linear-gradient(180deg,#f8fbfc 0%,#dce5ea 54%,#aebdca 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:0 0 18px rgba(180,210,230,.08)!important;
  text-wrap:balance;
}
.hero-grid > div > p:not(.kicker){
  font-family:Inter,system-ui,sans-serif!important;
  font-size:clamp(10px,.74vw,11.8px)!important;
  line-height:1.32!important;
  font-weight:600!important;
  letter-spacing:.005em!important;
  color:#b4c2cc!important;
  max-width:500px!important;
  margin:0 0 10px!important;
  opacity:.9!important;
  text-transform:none!important;
}
.hero-clean-actions{
  margin-top:8px!important;
  gap:10px!important;
}
.hero-clean-actions a,
.hero-clean-actions button{
  min-height:44px!important;
  padding:0 20px!important;
  font-size:13px!important;
}
.trust-row{
  margin-top:10px!important;
  gap:8px!important;
}
.trust-row span{
  padding:7px 11px!important;
  font-size:11.5px!important;
  border-radius:999px!important;
}

/* BENEFICIOS MÁS COMPACTOS */
.cc78-benefits{
  margin-top:10px!important;
  margin-bottom:12px!important;
  gap:10px!important;
}
.cc78-benefits article{
  min-height:70px!important;
  padding:9px 11px!important;
  border-radius:18px!important;
  grid-template-columns:32px 1fr!important;
  column-gap:10px!important;
  row-gap:0!important;
  align-items:center!important;
}
.cc78-benefits span{
  width:32px!important;
  height:32px!important;
  font-size:13px!important;
}
.cc78-benefits strong{
  font-family:Rajdhani,Inter,system-ui,sans-serif!important;
  font-size:12.5px!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
.cc78-benefits small{
  font-size:10.5px!important;
  line-height:1.13!important;
  margin-top:1px!important;
  color:#91a6b4!important;
}

/* SERVICIO DESTACADO COMPACTO */
.service-top.service-priority{
  margin-top:10px!important;
  margin-bottom:10px!important;
  padding:13px 16px!important;
  border-radius:24px!important;
  gap:14px!important;
}
.service-priority .kicker,
.service-top .kicker{
  font-size:11.5px!important;
  letter-spacing:.20em!important;
  margin-bottom:6px!important;
}
.service-priority h2,
.service-top h2{
  font-family:Rajdhani,Inter,system-ui,sans-serif!important;
  font-size:clamp(21px,2.2vw,30px)!important;
  line-height:1.02!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
  margin:0 0 5px!important;
}
.service-priority p,
.service-top p{
  font-size:11.5px!important;
  line-height:1.28!important;
  max-width:760px!important;
  margin:3px 0 7px!important;
}
.service-pills{
  gap:6px!important;
  margin-top:7px!important;
}
.service-pills span{
  padding:5px 9px!important;
  font-size:10px!important;
}
.service-actions-pro{
  gap:8px!important;
}
.service-actions-pro button{
  min-height:40px!important;
  padding:9px 13px!important;
  font-size:12.5px!important;
}

/* MENOS AIRE ANTES DEL CATÁLOGO */
.service-cards,
.showcase,
.combo-offers,
.cc78-intent,
.catalog{
  margin-top:12px!important;
}
.service-cards{
  gap:10px!important;
}
.service-cards article{
  min-height:108px!important;
  padding:12px!important;
}
.service-cards strong{
  font-size:13px!important;
}
.service-cards small{
  font-size:10.8px!important;
  line-height:1.2!important;
}

/* PRODUCTOS */
.product-card{
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease!important;
}
.product-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(125,239,255,.30)!important;
}

/* MOBILE */
@media(max-width:860px){
  .hero-grid{
    grid-template-columns:1fr!important;
  }
  .logo-panel,
  .logo-panel-final{
    min-height:220px!important;
  }
  .logo-panel img,
  .logo-panel-final img{
    max-height:205px!important;
  }
  .hero .kicker{
    font-size:13px!important;
    letter-spacing:.16em!important;
  }
  .hero h1{
    font-size:clamp(42px,11vw,58px)!important;
    line-height:.93!important;
    max-width:100%!important;
  }
  .hero-grid > div > p:not(.kicker){
    font-size:10.5px!important;
    max-width:96%!important;
  }
  .cc78-benefits{
    grid-template-columns:1fr 1fr!important;
  }
  .cc78-benefits article{
    min-height:66px!important;
    padding:9px!important;
  }
  .service-top.service-priority{
    padding:12px!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .service-actions-pro{
    width:100%!important;
  }
}
@media(max-width:560px){
  .hero{
    padding-top:9px!important;
    padding-bottom:9px!important;
  }
  .hero h1{
    font-size:clamp(38px,12vw,50px)!important;
  }
  .hero-clean-actions{
    grid-template-columns:1fr!important;
  }
  .cc78-benefits{
    grid-template-columns:1fr!important;
  }
  .cc78-benefits article{
    min-height:62px!important;
  }
}