.mobile-menu-toggle{display:none}
.catalog-mobile-menu{border:0;border-radius:22px;padding:24px;width:calc(100% - 24px);max-width:420px;max-height:calc(100dvh - 32px);color:#14213d;background:white;box-shadow:0 20px 80px #0004}
.catalog-mobile-menu::backdrop{background:#0b1835aa}
.catalog-mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.catalog-mobile-menu h2{font-size:1.3rem;margin:0}
.catalog-mobile-menu-close{border:0;background:#edf2ff;border-radius:50%;width:44px;height:44px;font-size:26px;color:#14213d}
.catalog-mobile-menu-nav{display:grid;gap:8px}
.catalog-mobile-menu-nav a,.catalog-mobile-menu-nav button{display:flex;align-items:center;gap:12px;padding:14px 16px;min-height:48px;border:1px solid #e0e7f3;border-radius:12px;background:#f6f8fc;color:#14213d;text-decoration:none;text-align:left;font:inherit}
.catalog-mobile-menu-nav i{color:#2450cc;font-size:20px}
.catalog-mobile-menu-nav a:hover,.catalog-mobile-menu-nav button:hover{background:#eaf0ff}
.catalog-mobile-menu :focus-visible,.mobile-menu-toggle:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}
body.catalog-menu-open{overflow:hidden}
@media(max-width:767.98px){
 .catalog-header{padding:12px 0}
 .catalog-header-content{flex-direction:row;align-items:center!important;gap:12px!important}
 .catalog-brand{width:auto;flex-direction:row;justify-content:flex-start;gap:0!important}
 .catalog-brand-logo{width:96px;max-width:28vw;height:62px;object-fit:contain;margin:0}
 .catalog-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .catalog-actions{display:flex!important;width:auto;gap:10px!important;margin-left:auto}
 .catalog-actions .header-category-button,.catalog-actions .header-purchase-button,.catalog-actions .header-blog-link,.catalog-actions .header-login-button{display:none!important}
 .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:8px 12px;border:1px solid #ffffff70;border-radius:12px;background:#ffffff18;color:white;font:inherit}
 .mobile-menu-toggle i{font-size:23px}
 .catalogo-hero{margin-bottom:16px}
 .catalogo-banner-item{height:clamp(330px,55svh,430px)}
 .catalogo-banner-content{padding:20px 20px 24px}
 .catalogo-banner-content h1{font-size:clamp(25px,7vw,34px);line-height:1.12;letter-spacing:-.5px;margin-bottom:10px}
 .catalogo-banner-content p{font-size:14px;line-height:1.4;margin-bottom:14px}
 .catalogo-banner-eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:8px}
 .catalogo-banner-btn{min-height:44px;padding:12px 18px}
 #catalogoBannerCarousel .banner-counter{position:relative;right:auto;bottom:auto;border-radius:0;background:#14213d;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:12px}
 #catalogoBannerCarousel .banner-counter button{min-width:44px;min-height:44px}
 #catalogoBannerCarousel .banner-counter-controls{gap:2px}
 #bannerCountdown{font-size:11px}
 .catalogo-category-showcase{padding-top:24px;padding-bottom:24px}
 .catalogo-category-heading{margin-bottom:20px}
 .catalogo-category-heading h2{font-size:24px}
}

/* Un mismo estilo para las acciones del encabezado. */
.catalog-header .catalog-actions > :is(.btn, .mobile-menu-toggle) {
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 12px;
    background: rgba(255, 255, 255, .08);
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3;
    text-decoration: none;
    box-shadow: none;
    transition: background-color .15s ease, border-color .15s ease;
}
.catalog-header .catalog-actions > :is(.btn, .mobile-menu-toggle):hover,
.catalog-header .catalog-actions > [aria-expanded="true"] {
    background: rgba(255, 255, 255, .2);
    border-color: #fff;
}
.catalog-header .catalog-actions > :is(.btn, .mobile-menu-toggle):focus-visible {
    outline: 3px solid #bfdbfe;
    outline-offset: 3px;
}
.catalog-header .catalog-actions > :is(.btn, .mobile-menu-toggle) i {
    font-size: 18px;
    line-height: 1;
    flex-shrink: 0;
}
.catalog-header .catalog-actions > .header-round-button {
    width: 46px;
    min-width: 46px;
    height: 46px;
    flex-shrink: 0;
}
@media(min-width:768px) {
    .catalog-header .catalog-actions { gap: 10px !important; flex-wrap: wrap; justify-content: flex-end; }
    .catalog-header .catalog-actions > .btn { display: inline-flex; padding: 10px 14px; }
    .catalog-header .catalog-actions > .header-category-button { max-width: 300px; white-space: normal; text-align: left; }
}
@media(min-width:768px) and (max-width:1199.98px) {
    .catalog-header-content { flex-wrap: wrap; }
    .catalog-header .catalog-actions { width: 100%; justify-content: flex-start; }
}
@media(prefers-reduced-motion:reduce) {
    .catalog-header .catalog-actions > :is(.btn, .mobile-menu-toggle) { transition: none; }
}