/* Ajustes para tablet y móvil. Cargados después de los estilos de cada página. */
@media(max-width:1100px){
 html body header.nav{display:flex!important;grid-template-columns:none!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;height:78px!important;padding-left:24px!important;padding-right:24px!important;width:100%!important;max-width:100%!important}
 html body header.nav .brand{display:flex!important;align-items:center!important;min-width:0!important;flex:0 1 auto!important}
 html body header.nav .brand img{width:auto!important;height:38px!important;max-width:145px!important;object-fit:contain!important}
 html body header.nav .nav-links{display:none!important}
 html body header.nav .mobile-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 64px;width:64px;min-height:44px;margin-left:auto;margin-right:0;border:1px solid rgba(203,178,118,.72);background:#11100f;color:#f4f0e8!important;-webkit-text-fill-color:#f4f0e8!important;font:700 10px 'DM Sans',Arial,sans-serif;letter-spacing:.08em;cursor:pointer}
 html body header.nav .nav-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-height:44px!important;margin-left:0!important;padding:10px!important;font-size:9px!important;white-space:nowrap!important}
 html body header.nav .mobile-menu-panel{display:none!important;position:absolute;top:100%;left:0;right:0;z-index:999;background:#11100f!important;color:#f4f0e8!important;padding:10px 24px 14px;max-height:calc(100vh - 78px);max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid rgba(255,255,255,.15)}
 html body header.nav .mobile-menu-panel.is-open{display:block!important}
 html body header.nav .mobile-menu-panel a{display:flex!important;align-items:center!important;min-height:44px!important;padding:12px 0!important;color:#f4f0e8!important;text-decoration:none!important;font:700 11px 'DM Sans',Arial,sans-serif!important;letter-spacing:.1em!important;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.09)!important}
}
@media(min-width:621px) and (max-width:1100px){
 .brand-grid,.product-grid,.guide-grid,.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .guide-head{align-items:flex-start;gap:24px;flex-wrap:wrap}
}
@media(max-width:620px){
 html body header.nav{gap:8px!important;padding-left:14px!important;padding-right:14px!important}
 html body header.nav .brand img{max-width:125px!important;height:34px!important}
 html body header.nav .mobile-menu-toggle{flex-basis:58px;width:58px}
 html body header.nav .nav-cta{font-size:8px!important;padding:9px 8px!important}
 input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{font-size:16px!important}
 .brand-grid,.product-grid,.guide-grid,.grid{grid-template-columns:minmax(0,1fr)!important}
 table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .style-actions{display:flex;flex-wrap:wrap;gap:12px}
 .style-actions button{min-height:44px;max-width:100%;white-space:normal}
}