/* Layout fix 2026-10-13: contenedor único alineado con el logo */
:root{--max-container-width:1200px}
.container{box-sizing:border-box!important;width:100%!important;max-width:1240px!important;margin-left:auto!important;margin-right:auto!important;padding-left:20px!important;padding-right:20px!important}
.container .container{padding-left:0!important;padding-right:0!important}
main{overflow-x:clip}
.breadcrumbs{padding-top:16px!important;position:relative;z-index:2;scroll-margin-top:120px}
main p{text-indent:0}

/* Hero */
.hero-interior.container .interior-text,.hero-interior--pantallas{min-width:0}
@media (min-width:1025px){
  .hero-interior.container{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,420px);column-gap:56px;align-items:center;justify-content:stretch;background-image:none}
  .hero-interior.container>.interior-text{max-width:none!important;width:auto!important;margin:0!important;grid-column:1}
  .hero-interior.container>.hero-image-right{grid-column:2;position:static!important;transform:none!important;inset:auto!important;width:100%!important;max-width:420px!important;margin:0!important;justify-self:end}
  .hero-interior.container>.hero-image-right img{position:static!important;width:100%!important;height:auto!important;max-width:100%!important;transform:none!important}
  .pantallas-lead__layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,420px);column-gap:56px;align-items:center}
  .pantallas-lead__text{grid-column:1;grid-row:1;min-width:0}
  .pantallas-lead__figure{grid-column:2;grid-row:1;position:static!important;transform:none!important;inset:auto!important;width:100%!important;max-width:420px!important;margin:0!important;justify-self:end}
  .pantallas-lead__figure img{position:static!important;width:100%!important;height:auto!important;max-width:100%!important;transform:none!important}
  .hero-interior--pantallas{max-width:none!important;margin:0!important;padding-left:0!important;padding-right:0!important}
}
@media (max-width:1024px){
  .hero-interior.container{flex-direction:column;align-items:stretch}
  .hero-interior.container>.interior-text{max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
  .hero-interior.container>.hero-image-right{position:static!important;transform:none!important;width:100%!important;max-width:420px!important;margin:24px auto 0!important}
  .hero-interior--pantallas{max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
}

/* Texto de sección */
.section-title{text-align:left!important;margin-left:0!important;margin-right:0!important}
.rating-summary{text-align:left}
main .container>p,main .container>ul,main .container>ol,.section-intro,.home-services__intro,.home-brands-note,.home-coverage{max-width:65ch;margin-left:0!important;margin-right:auto!important;text-align:left}

/* Tarjetas */
.info-card,.apple-card{text-align:center}
.info-card .card-icon,.apple-card .card-icon{display:block;margin-left:auto!important;margin-right:auto!important}
.info-card a:not(.btn-whatsapp-cta),.apple-card a:not(.btn-whatsapp-cta),.success-card a:not(.btn-whatsapp-cta){display:inline-block;margin-top:12px;color:#8aff8a!important;font-weight:600;text-decoration:underline!important;text-underline-offset:3px}

/* Legales */
.legal-page{text-align:left}
.legal-page>*{margin-left:0!important;margin-right:auto!important;max-width:65ch}

/* Revisión layoutfix (P1–P6) */
.container{padding-left:clamp(20px,3vw,40px)!important;padding-right:clamp(20px,3vw,40px)!important}
.container .container{padding-left:0!important;padding-right:0!important}
.container{max-width:calc(1200px + 2 * clamp(20px,3vw,40px))!important}
main p{max-width:70ch}
.hero-interior p:not(.brand-note),.hero-interior--pantallas p:not(.brand-note){max-width:60ch!important}
@media (max-width:1024px){
  :is(body.page-pantallas,body.page-baterias,body.page-hardware,body.page-software) .interior-text h1[class*="hero-title"]{align-items:center!important;text-align:center!important}
  :is(body.page-pantallas,body.page-baterias,body.page-hardware,body.page-software) .interior-text h1[class*="hero-title"] *{text-align:center!important;margin-left:0!important;padding-left:0!important}
  .hero-interior .interior-text>p,.hero-interior--pantallas .interior-text>p{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  body.page-index .hero-interior .brand-note,.hero-interior .brand-note{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
}
@media (min-width:1025px){
  .pantallas-lead__text{display:contents}
  .pantallas-lead__text>.hero-interior{grid-column:1;grid-row:1}
  .pantallas-lead__brands{grid-column:1/-1;grid-row:2;margin-top:24px}
}
.pantallas-lead__brands .brands-logos{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));justify-items:center;align-items:center;gap:24px}
.pantallas-lead__brands .section-title{text-align:left!important}
@media (max-width:400px){
  .mobile-header-inner{column-gap:12px!important}
  .mobile-header-inner .logo img,.mobile-header-inner img{max-width:120px;height:auto}
  .mobile-header-cotiza{margin-left:auto}
}

/* Revisión layoutfix v2 (N1, N2) */
main section>p+h2.section-title{margin-top:clamp(40px,5vw,72px)!important}
.pantallas-lead__brands .brands-logos{display:flex!important;flex-wrap:wrap;justify-content:center!important;align-items:center;gap:24px 40px}
.pantallas-lead__brands .brands-logos img{flex:0 0 auto}
@media (max-width:1024px){.pantallas-lead__brands .section-title{text-align:center!important}}
@media (min-width:1025px){.pantallas-lead__brands .brands-logos{display:grid!important;grid-template-columns:repeat(5,1fr);justify-items:center;gap:28px 40px}}
