/* Optimización UX/CRO 2026-07: conserva la identidad y prioriza la compra */
html{scroll-padding-top:88px}
.mobile-order-dock{display:none}
.catalog-heading{margin:64px 0 30px;padding-top:34px;border-top:1px solid var(--line)}
.catalog-heading span,.promotion-clarity-intro{color:var(--copper-light)}
.catalog-heading span{font-size:.72rem;font-weight:800;letter-spacing:2.6px}
.catalog-heading h2{margin:8px 0;font:800 clamp(2rem,4vw,3.2rem)/1 'Barlow Condensed',sans-serif}
.catalog-heading p,.promotion-clarity-intro{margin:0;color:var(--muted)}
.menu-section{padding-top:42px!important}
.menu-section>.menu-container-main>.trust-strip{margin:22px 0 12px}
.menu-header{margin:42px 0 28px!important}
.promos-section,.combos-section{padding:36px 0!important}
.promos-section{margin-top:12px}
.promotion-terms{position:relative;z-index:2;display:grid;gap:3px;margin-top:12px;padding:10px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(0,0,0,.38);font-size:.7rem;line-height:1.35;color:#f2f2f2}
.promotion-terms span:before{content:'✓';margin-right:6px;color:#7ee29b;font-weight:900}
.promo-card{min-height:410px!important}
.about-section{padding-top:54px!important}
.location-section{padding-bottom:54px!important}
.footer .admin-link{display:none!important}
.nav-item,.nav-btn-order,.btn,.showcase-card,.btn-customize,.social-icon,.mobile-order-dock a,.mobile-order-dock button{min-height:44px}
.hero-logo-title{display:flex;align-items:center;margin:8px 0 20px!important}
.hero-brand-logo{display:block;width:clamp(220px,28vw,390px);height:auto;object-fit:contain;object-position:left center;filter:drop-shadow(0 14px 28px rgba(0,0,0,.38))}
:focus-visible{outline:3px solid #ff9a84!important;outline-offset:3px!important}
img[loading="lazy"]{content-visibility:auto}

@media(max-width:900px){
  body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
  .nav-btn-order{display:none!important}
  .mobile-order-dock{position:fixed;z-index:2200;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;gap:8px;padding:6px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(12,14,14,.94);box-shadow:0 14px 45px rgba(0,0,0,.55);backdrop-filter:blur(15px)}
  .mobile-order-dock a,.mobile-order-dock button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;color:#fff;font:800 .78rem 'Outfit',sans-serif;letter-spacing:.7px;text-decoration:none}
  .mobile-order-cta{background:var(--copper)}
  .mobile-cart-cta{min-width:116px;background:#242727}
  .mobile-cart-cta b{display:grid;place-items:center;min-width:23px;height:23px;border-radius:50%;background:#fff;color:#a83229}
  .mobile-order-dock:has(.mobile-cart-cta.has-items) .mobile-cart-cta{background:#a83229}
  .scroll-menu-bubble{bottom:92px!important}
  body:has(.cart-panel.open) .mobile-order-dock,body:has(.modal-overlay.active) .mobile-order-dock{opacity:0;visibility:hidden;pointer-events:none}
}

@media(max-width:640px){
  .navbar{height:66px}
  .nav-container{padding:7px 15px}
  .svg-logo{height:45px}
  .hero{min-height:0!important;height:460px!important;padding:64px 18px 16px!important}
  .hero-container{min-height:0!important;height:380px!important;display:flex!important;align-items:flex-end!important;padding:0!important}
  .hero-image-container{inset:0 0 40% 0!important;height:auto!important}
  .hero-image-container:after{background:linear-gradient(0deg,#080909 2%,rgba(8,9,9,.82) 28%,rgba(8,9,9,.08) 72%)!important}
  .hero-featured-image{object-position:center 43%;transform:none!important}
  .hero-content{width:100%;height:auto!important;text-align:left;padding:120px 0 0!important}
  .hero-title{margin:0 0 8px!important}
  .hero-brand-logo{width:168px;max-height:112px;object-position:left center}
  .hero-kicker{font-size:1.45rem!important;line-height:1!important;margin:0!important;max-width:330px}
  .hero-rule{width:52px!important;margin:12px 0!important}
  .hero-description{font-size:.88rem!important;line-height:1.35!important;margin:0!important;max-width:310px}
  .hero-eyebrow{font-size:.62rem!important;letter-spacing:1.5px!important;margin-top:8px}
  .hero-buttons{margin:14px 0 8px!important;gap:8px!important}
  .hero .btn{min-width:0!important;flex:1;padding:11px 10px!important;font-size:.72rem!important}
  .hero .btn-secondary{display:none}
  .hero-proof,.hero-note{display:none!important}
  .menu-section{padding:18px 12px 42px!important}
  .menu-intro-heading{font-size:2rem!important}
  .menu-intro-copy{margin:5px 0 10px;font-size:.82rem}
  .category-showcase{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;margin:0 -12px;padding:4px 12px 12px!important;gap:8px!important}
  .showcase-card{min-width:112px!important;width:112px!important;height:86px!important;border-radius:12px!important}
  .showcase-card i,.category-card-emoji{font-size:.9rem!important}
  .showcase-card b{font-size:.72rem!important}
  .showcase-card small{display:none}
  .menu-section>.menu-container-main>.trust-strip{grid-template-columns:repeat(2,1fr);gap:0;margin:8px 0 24px;padding:8px;border-radius:13px}
  .trust-strip>div{justify-content:flex-start;padding:8px;border:0!important}
  .trust-strip i{width:32px;height:32px;font-size:.78rem}
  .trust-strip b{font-size:.7rem}.trust-strip small{font-size:.62rem}
  .menu-header{margin:26px 0 18px!important;text-align:left}
  .menu-main-title{font-size:2rem!important}
  .menu-subtitle{font-size:.82rem}
  .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .menu-item-card{border-radius:15px!important}
  .item-img-wrapper{height:132px!important}
  .item-details{padding:11px!important}
  .item-header{display:block!important}
  .item-title{font-size:1.05rem!important}
  .item-price{display:block;margin-top:3px;font-size:.78rem}
  .item-desc{font-size:.7rem!important;line-height:1.35!important;-webkit-line-clamp:2}
  .item-tags{display:none!important}
  .btn-customize{min-height:44px;margin-top:10px!important}
  .promos-section,.combos-section{padding:25px 0!important}
  .promos-grid{grid-template-columns:1fr!important;gap:12px!important}
  .promo-card{min-height:300px!important}
  .combo-card-image{height:190px!important}
  .catalog-heading{margin:34px 0 20px;padding-top:26px}
  .catalog-heading h2{font-size:2rem}
  .catalog-heading p{font-size:.8rem}
  .about-section,.location-section{padding:42px 12px!important}
  .location-header{margin-bottom:20px!important;padding:0!important}
  .location-main-title{font-size:2.25rem!important}
  .location-subtitle{margin-top:8px!important;font-size:.8rem!important}
  .contact-info-panel{padding:18px!important}
  .map-wrapper,.google-map-iframe{height:320px!important;min-height:320px!important}
  .about-grid{gap:24px!important}
  .about-title{font-size:2.15rem!important;margin-bottom:14px!important}
  .about-paragraph{font-size:.84rem!important;line-height:1.55!important;margin-bottom:12px!important}
  .about-badges{gap:8px!important;margin-top:16px!important}
  .about-badge-item{padding:10px!important}
  .footer{padding:36px 10px calc(95px + env(safe-area-inset-bottom))!important}
  .footer-container{gap:20px!important}
  .footer-tagline{margin-top:8px!important}
}

@media(max-width:390px){
  .hero{height:455px!important}
  .hero-container{height:375px!important}
  .hero-content{padding-top:112px!important}
  .hero-brand-logo{width:158px}
  .hero-kicker{font-size:1.3rem!important}
}

.tracking-page main{min-height:100vh;padding:110px 18px 50px}
.tracking-page .customer-hub{padding:50px;max-width:1120px}
.tracking-page .customer-hub h1{margin:10px 0 14px;font:800 clamp(2.5rem,6vw,4.5rem)/1 'Barlow Condensed',sans-serif}
.tracking-back-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:var(--copper-light);font-weight:700;text-decoration:none}
@media(max-width:640px){.tracking-page main{padding:82px 10px 25px}.tracking-page .customer-hub{padding:22px 14px}.tracking-page .navbar .nav-btn-order{display:inline-flex!important;font-size:.68rem;padding:10px}}