/* Propuesta de interfaz. Solo se carga en la copia de revisión. */
:root{--width:1440px}
.wrap{width:min(var(--width),calc(100% - 64px))}
.site-header .header-inner{min-height:52px}
.site-nav{gap:28px;font-size:14px}
.breadcrumbs{padding-top:12px;font-size:11px;line-height:1.5}
.breadcrumbs span{margin-inline:7px}
.eyebrow{margin-bottom:9px;letter-spacing:.12em}
.section{padding:32px 0}
.section-heading{margin-bottom:18px;gap:20px}
.section-heading h2{font-size:28px}
.page-intro{padding:22px 0 17px}
.page-intro h1{font-size:clamp(32px,3vw,42px);line-height:1.15;margin-bottom:10px;max-width:1120px}
.page-intro>p:not(.eyebrow){font-size:16px;line-height:1.5;margin-bottom:12px;max-width:960px}
.category-links{margin:15px 0 16px;gap:7px}
.category-links a{padding:6px 10px;font-size:12px;line-height:1.4;min-height:30px;display:flex;align-items:center}
.filter-bar.search-only{max-width:850px;margin-bottom:12px}
.search-only input{padding:11px 14px;font-size:15px}
.filter-count{margin-bottom:14px;font-size:12px}
.specialty-routes{padding:16px 18px;margin-bottom:17px}
.specialty-routes h2{font-size:20px;margin-bottom:10px}
.specialty-columns{gap:18px}
.quality-help{margin-bottom:12px}
.quality-filters{gap:6px;margin-bottom:9px}
.quality-filters button{padding:6px 10px;min-height:34px;font-size:12px}
.comparison-grid,.guide-grid{gap:16px;align-items:start}
.card-art{height:140px;padding:14px 16px;gap:7px}
.card-art>span:not(.count-badge){height:108px;padding:8px}
.card-art img{max-height:94px}
.card-copy{padding:17px 18px}
.card-copy .eyebrow{margin-bottom:8px}
.card-copy h3{font-size:22px;line-height:1.2;margin-bottom:10px}
.card-copy>p:not(.eyebrow){font-size:14px;line-height:1.5;margin-bottom:11px}
.card-products{margin-bottom:10px;line-height:1.45}
.card-copy .text-link{margin-top:0;padding-top:2px}
.comparison-card{height:auto}
.product-grid{gap:16px;align-items:start}
.catalog-product-art{height:150px;padding:16px}
.catalog-product-art img{max-height:124px}
.catalog-product-copy{padding:17px 18px;font-size:14px;line-height:1.5}
.catalog-product-copy h2{font-size:22px;margin-bottom:10px}
.catalog-product-copy p{margin-bottom:10px}
.catalog-product details{margin-top:12px}
.guide-card{padding:18px 20px;background:var(--panel)}
.guide-card h3{font-size:22px;line-height:1.25;margin-bottom:12px}
.guide-card p{line-height:1.55;margin-bottom:12px}
.guide-card .text-link{display:inline-block;margin-top:2px}
.pdm-photo-pending{display:flex;align-items:center;justify-content:center;min-height:56px;padding:10px;color:#69665f;text-align:center;font-size:12px;line-height:1.4}
.site-footer{margin-top:32px;padding:25px 0}
.related-section{padding-top:30px;margin-top:35px}
.bottom-cta{padding:24px}
@media(max-width:1000px){.wrap{width:calc(100% - 40px)}.comparison-grid,.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-art{height:140px}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.site-header .header-inner{min-height:49px;padding:10px 0;gap:0}.site-nav{font-size:12px;gap:17px}.site-nav .nav-external{padding-left:10px}.breadcrumbs{font-size:10px;padding-top:12px}.page-intro{padding:18px 0 14px}.page-intro h1{font-size:32px}.page-intro>p:not(.eyebrow){font-size:15px}.category-links{gap:6px;margin-top:12px}.category-links a{font-size:11px;padding:6px 8px}.section{padding:26px 0}.section-heading h2{font-size:26px}.comparison-grid,.guide-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-product-art{height:130px;padding:12px}.catalog-product-art img{max-height:106px}.catalog-product-copy{padding:14px;font-size:13px}.catalog-product-copy h2{font-size:19px}.catalog-product-copy .button{font-size:11px;padding:9px}.card-art{height:150px}.card-art>span:not(.count-badge){height:120px}.card-art img{max-height:104px}.card-copy h3{font-size:23px}.specialty-columns{grid-template-columns:1fr}.footer-inner{gap:7px}}
@media(max-width:380px){.product-grid{grid-template-columns:1fr}.catalog-product-art{height:150px}}
/* La navegación integrada comparte la anchura del contenido de la sección. */
html.pdm-embedded .pdm-embedded-section-inner{width:min(1440px,calc(100% - 64px))}
@media(max-width:1100px){html.pdm-embedded .pdm-embedded-section-inner{width:calc(100% - 40px)}}
@media(max-width:760px){html.pdm-embedded .pdm-embedded-section-inner{width:calc(100% - 32px)}}