/* Legibilidad · septiembre 2026. Equivalencias calculadas sobre la base habitual de 16 px. */
html{font-size:100%}
body{font-size:1.0625rem;line-height:1.65}
.nav-link{font-size:.9375rem}
.mega-links strong{font-size:.9375rem}
.mega-links small,.mega-feature>span{font-size:.875rem;line-height:1.5}
.mobile-sub a{font-size:1rem}
.language-panel small{font-size:.75rem}
.button,.hero-actions .button,.text-link,.plain-button,
.section-heading>.text-link,.section-heading>.plain-button,
.detail-content .text-link,.lc-details .text-link,.lc-related .text-link{font-size:.9375rem}
.service-card p,.rep-copy>p,.decision-grid p,.context-copy p,
.quote-box>p,.detail-content p,.mission-grid p{font-size:1rem;line-height:1.65}
.project-body p,.news-row p,.media-grid .project-body p,
.bullet-grid,.lc-related p{font-size:.9375rem!important;line-height:1.65}
.lc-details p{font-size:1.0625rem;line-height:1.75}
.lc-claim{font-size:.9375rem!important}
.service-detail summary,.service-detail summary strong,
.tabs>button,.event-options .tabs button,.media-toolbar .tabs button,
.lc-options button,.form-grid label,.quote-form label{font-size:.9375rem}
.service-detail summary>span,.event-option small,.consent>span,
.three-benefits p,.form-result p{font-size:.875rem;line-height:1.65}
.three-benefits h3{font-size:.9375rem;line-height:1.4}
small{font-size:.8125rem}
.fine-print,.pending,.reading .pending,.story-intro p.pending,
.lc-caption,.hero-caption,.hero-caption span,.footer-bottom,
.footer-top p{font-size:.8125rem!important;line-height:1.6}
.eyebrow,.hero .eyebrow,.featured-story .eyebrow,.mwc-copy .eyebrow{font-size:.75rem}
.lc-open>span,.lc-case-photo>span,.photo-controls>span,.lc-controls>span,
.lc-lightbox p,.lc-options button>span{font-size:.8125rem}
.lc-controls button,.lc-lightbox button,.map-button,.press-teaser span{font-size:.875rem}
.footer-top nav,.footer-top>.socials button{font-size:.875rem}
.footer-top{flex-wrap:wrap}
.footer-top nav{flex-wrap:wrap}
.form-result pre{font-size:.9375rem}
input:not([type=checkbox]),select,textarea,.search-box input{font-size:1rem}
.lc-case-grid h3{font-size:1.0625rem}
.hero-actions{flex-wrap:wrap}
.hero-content{min-width:0}
.service-card,.rep-copy,.project-body,.lc-copy,.lc-options button{min-width:0}
.bullet-grid li,.lc-options button,.service-detail summary strong{overflow-wrap:anywhere}
/* Espacio suficiente para el menú de 15 px sin tocar el logo. */
@media(min-width:78.1875em) and (max-width:82.5em){.desktop-nav{gap:18px}}
@media(max-width:47.9375em){
 body{font-size:1rem}
 .service-card p,.context-copy p{font-size:.9375rem}
 .lc-details p{font-size:1rem}
 .service-card h3{font-size:1.0625rem}
 .lc-case-grid h3{font-size:1rem}
 .hero-actions .button{padding-inline:18px;font-size:.875rem}
 .section-heading{flex-wrap:wrap}
 .three-benefits{grid-template-columns:1fr;gap:22px}
 .three-benefits>div{padding:0;border:0;display:grid;grid-template-columns:32px 1fr;column-gap:14px}
 .three-benefits .icon{grid-row:span 2;margin:0}
 .three-benefits p{margin-top:4px}
 .tabs{flex-wrap:wrap}
 .media-toolbar .tabs{gap:8px 18px}
 .lc-options{gap:0 12px}
 .lc-options button{font-size:.9375rem}
 .footer-bottom button{overflow-wrap:anywhere}
 .media-grid .project-card>a{grid-template-columns:96px minmax(0,1fr)}
}
@media(max-width:23.75em){
 .service-cards{grid-template-columns:1fr}
 .service-card h3{font-size:1.125rem}
 .service-detail summary{flex-wrap:wrap}
 .detail-content{padding-left:0}
 .media-grid .project-card>a{display:block}
 .media-grid .project-card img{height:auto;aspect-ratio:1.55}
}