/* VIX Hosting — Visual stability and compatibility guardrails */
.site-page{overflow-x:clip}
.site-page h1,.site-page h2,.site-page h3{overflow-wrap:normal;word-break:normal;hyphens:none}
.site-page p{overflow-wrap:break-word}
.site-page .section-head{align-items:flex-start!important;gap:42px!important}
.site-page .section-head h2,.site-page .center-head h2,.site-page .aside-title h2{font-size:clamp(30px,3vw,44px)!important;line-height:1.08!important;max-width:760px!important;letter-spacing:-.03em!important}
.site-page .section-head p,.site-page .center-head p{font-size:15px;line-height:1.68}

/* Heros de servicios ya aprobados: conservar composición, controlar escala. */
.site-page .service-hero-2026{min-height:clamp(390px,29vw,475px)}
.site-page .service-hero-2026 h1{font-size:clamp(44px,4.2vw,64px)!important;line-height:1.01!important;letter-spacing:-.045em!important;max-width:700px!important}
.site-page .service-hero-2026__lead{font-size:16px;line-height:1.62;max-width:620px}

/* Ofertas de diseño/educación: misma jerarquía sin titulares de 76px. */
.site-page .service-offer-hero{padding-top:58px;padding-bottom:62px}
.site-page .service-offer-hero__copy h1{font-size:clamp(42px,4.3vw,62px)!important;line-height:1.01!important;letter-spacing:-.045em!important;max-width:740px!important}
.site-page .service-offer-hero__copy>p{font-size:16px;line-height:1.65;max-width:680px}

/* Diseño web y logos: impedir títulos kilométricos. */
.page-diseno-web .web54-hero-copy h1{font-size:clamp(42px,3.7vw,54px)!important;line-height:1.05!important;max-width:620px!important}
.page-diseno-logos .logo-hero-copy h1{font-size:clamp(44px,4.4vw,66px)!important;line-height:1.01!important;max-width:700px!important}

/* Componentes de producción: reglas finales contra solapamientos. */
.prod-card{height:auto!important}
.prod-card__link{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;margin-top:auto!important}
.prod-head h2{max-width:640px!important}
.prod-hero h1{max-width:660px!important}

@media(max-width:980px){
  .site-page .section-head{display:block!important}
  .site-page .section-head p{margin-top:14px!important;max-width:760px!important}
  .site-page .service-offer-hero__copy h1{max-width:680px!important}
}
@media(max-width:760px){
  .site-page .service-hero-2026{min-height:470px}
  .site-page .service-hero-2026 h1{font-size:clamp(38px,11vw,50px)!important;max-width:500px!important}
  .site-page .service-offer-hero{padding:44px 0 50px}
  .site-page .service-offer-hero__copy h1{font-size:clamp(36px,10vw,46px)!important;max-width:none!important}
  .page-diseno-web .web54-hero-copy h1,.page-diseno-logos .logo-hero-copy h1{font-size:clamp(36px,10.5vw,46px)!important;max-width:none!important}
  .site-page .section-head h2,.site-page .center-head h2,.site-page .aside-title h2{font-size:clamp(28px,8vw,34px)!important}
}

/* Plan text contrast */
/* =========================================================
 VIX HOSTING — PLAN TEXT CONTRAST FIX
 Corrige herencias de color en características de planes.
 ========================================================= */

.site-page .price-card .features li,
.site-page .price-card .features li > span,
.site-page .price-card .features li strong,
.site-page .price-card .features li b,
.site-page .hosting-web-pricing .features li,
.site-page .hosting-web-pricing .features li > span,
.site-page .hosting-web-pricing .features li strong,
.site-page .hosting-web-pricing .features li b,
.site-page .plan-pricing-section .features li,
.site-page .plan-pricing-section .features li > span,
.site-page .plan-pricing-section .features li strong,
.site-page .plan-pricing-section .features li b,
.site-page .reseller-plan-matrix .features li,
.site-page .reseller-plan-matrix .features li > span,
.site-page .reseller-plan-matrix .features li strong,
.site-page .reseller-plan-matrix .features li b,
.site-page .plan-matrix-mail .features li,
.site-page .plan-matrix-mail .features li > span,
.site-page .plan-matrix-mail .features li strong,
.site-page .plan-matrix-mail .features li b{
  color:inherit!important;
}

/* Color base explícito para las matrices claras de planes. */
.site-page .hosting-web-pricing .features li,
.site-page .plan-pricing-section .features li,
.site-page .reseller-plan-matrix .features li,
.site-page .plan-matrix-mail .features li{
  color:#50647D!important;
}

/* Los textos destacados conservan énfasis tipográfico, no un color distinto. */
.site-page .price-card .features strong,
.site-page .price-card .features b{
  font-weight:800!important;
}

/* Seguridad extra para iconos y texto cuando el plan destacado sigue siendo claro. */
.site-page .price-card.featured .features li > span,
.site-page .price-card.featured .features li strong,
.site-page .price-card.featured .features li b{
  color:inherit!important;
}