@import url('https://fonts.googleapis.com/css2?family=Anton&family=Montserrat:wght@400;500;600;700;800;900&display=swap');

:root{
  --yellow:#ffc400;
  --yellow-2:#ffdc55;
  --red:#f42d25;
  --black:#090909;
  --black-2:#111;
  --cream:#f6efe5;
  --white:#fff;
  --muted:#b8b8b8;
  --shadow:0 24px 70px rgba(0,0,0,.22)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:#111;font-family:Montserrat,Arial,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button{font:inherit}
img{display:block;max-width:100%}
::selection{background:var(--yellow);color:#111}

.promo-bar{
  min-height:38px;background:var(--yellow);display:flex;align-items:center;justify-content:center;
  gap:10px;padding:8px 16px;font-size:11px;font-weight:900;letter-spacing:1.35px;text-align:center
}
.site-header{
  position:sticky;top:0;z-index:70;min-height:84px;padding:13px 4.5vw;
  display:flex;align-items:center;gap:30px;background:rgba(11,11,11,.94);
  color:#fff;border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px)
}
.brand{display:flex;align-items:center;gap:11px;min-width:max-content}
.brand img{width:49px;height:49px;object-fit:contain;background:#fff;padding:4px;border-radius:11px}
.brand span{display:flex;flex-direction:column;line-height:1}
.brand strong{font-size:16px;letter-spacing:1.5px}
.brand small{margin-top:5px;color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:1.7px}
.main-nav{display:flex;align-items:center;justify-content:center;gap:30px;flex:1}
.main-nav a{position:relative;font-size:12px;font-weight:800;padding:12px 0}
.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:2px;background:var(--yellow);transition:.25s}
.main-nav a:hover:after{right:0}
.header-actions{display:flex;gap:11px}
.menu-toggle{display:none;width:42px;height:42px;border:0;background:transparent;padding:9px;cursor:pointer}
.menu-toggle span{display:block;height:2px;background:#fff;margin:6px 0;transition:.2s}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;
  border-radius:11px;border:1px solid transparent;font-size:12px;font-weight:900;cursor:pointer;
  transition:transform .22s,box-shadow .22s,background .22s
}
.btn:hover{transform:translateY(-3px)}
.btn-primary{background:var(--yellow);color:#111;box-shadow:0 12px 34px rgba(255,196,0,.22)}
.btn-primary:hover{background:var(--yellow-2);box-shadow:0 16px 45px rgba(255,196,0,.3)}
.btn-outline{border-color:#6c5600;color:var(--yellow)}
.btn-dark{background:#181818;color:#fff;border-color:#4d4d4d}
.btn-light{background:#fff;color:#111;box-shadow:0 15px 35px rgba(0,0,0,.15)}
.btn-xl{padding:16px 24px;font-size:13px}

.hero{position:relative;min-height:720px;background:
  radial-gradient(circle at 75% 38%,rgba(255,196,0,.13),transparent 27%),
  linear-gradient(135deg,#121212,#0b0b0b 68%,#171204);
  color:#fff;overflow:hidden}
.hero:before{
  content:"MORDISCO";position:absolute;left:1vw;bottom:-100px;font-family:Anton,sans-serif;
  font-size:20vw;letter-spacing:3px;color:rgba(255,255,255,.026);white-space:nowrap
}
.hero-grid{min-height:720px;padding:50px 5vw 55px;display:grid;grid-template-columns:47% 53%;align-items:center;position:relative;z-index:2}
.hero-copy{max-width:690px}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:1.8px}
.eyebrow span{width:30px;height:2px;background:currentColor}
.eyebrow.dark{color:#b88000}
.hero h1{font-family:Anton,Impact,sans-serif;font-size:clamp(75px,7.8vw,135px);font-weight:400;line-height:.79;letter-spacing:-2px;margin:20px 0 25px}
.hero h1 span,.hero h1 strong{display:block}
.hero h1 strong{font-weight:400;color:var(--yellow)}
.hero-copy>p{max-width:610px;color:#dfdfdf;font-size:16px;line-height:1.7}
.hero-actions{display:flex;gap:12px;margin-top:28px}
.hero-proof{display:flex;gap:40px;margin-top:42px}
.hero-proof article{display:flex;flex-direction:column}
.hero-proof b{font-size:16px}
.hero-proof small{margin-top:4px;color:#9f9f9f;font-size:10px}
.hero-visual{min-height:580px;display:flex;align-items:center;justify-content:center;position:relative}
.hero-glow{position:absolute;width:70%;height:40%;background:rgba(255,196,0,.25);filter:blur(90px);bottom:13%;right:10%;border-radius:50%}
.hero-circle{position:absolute;width:min(41vw,610px);height:min(41vw,610px);right:1%;top:50%;transform:translateY(-50%);border-radius:50%;background:linear-gradient(145deg,#ffdb43,#ffb700);box-shadow:inset -30px -30px 70px rgba(209,125,0,.18),0 0 60px rgba(255,196,0,.12)}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}
.orbit-one{width:min(46vw,680px);height:min(46vw,680px);right:-1%;animation:spin 18s linear infinite}
.orbit-two{width:min(35vw,510px);height:min(35vw,510px);right:5%;animation:spinReverse 15s linear infinite}
.hero-burger{position:relative;z-index:3;width:min(52vw,780px);max-height:650px;object-fit:contain;transform:translateX(-2%);filter:drop-shadow(0 40px 32px rgba(0,0,0,.5));animation:float 5s ease-in-out infinite}
.product-badge,.price-bubble{position:absolute;z-index:5;background:#fff;color:#111;border-radius:12px;box-shadow:var(--shadow)}
.product-badge{padding:13px 17px;display:flex;align-items:center;gap:8px;font-size:13px}
.badge-one{left:3%;bottom:24%}
.badge-two{right:-1%;bottom:12%}
.price-bubble{right:7%;top:13%;padding:13px 16px;display:flex;flex-direction:column;transform:rotate(4deg)}
.price-bubble small{font-size:9px;color:#777}
.price-bubble strong{font-size:21px}
.scroll-hint{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:4;color:#aaa;font-size:9px;letter-spacing:1px;text-transform:uppercase}
.scroll-hint span{display:block;width:1px;height:25px;background:linear-gradient(var(--yellow),transparent);margin:0 auto 5px}

.category-marquee{height:65px;background:var(--red);color:#fff;overflow:hidden;display:flex;align-items:center}
.category-marquee>div{display:flex;gap:28px;align-items:center;min-width:max-content;font-family:Anton,sans-serif;font-size:20px;letter-spacing:1px;animation:marquee 24s linear infinite}
.category-marquee i{font-style:normal;font-size:12px}

.section{padding:100px 5vw}
.section-heading{text-align:center;max-width:780px;margin:0 auto 44px}
.section-heading .eyebrow{justify-content:center}
.section-heading h2,.experience-copy h2,.order-cta h2,.promo-content h2{
  font-family:Anton,sans-serif;font-weight:400;font-size:clamp(44px,5.2vw,78px);line-height:1;margin:14px 0
}
.section-heading p{color:#766d62;line-height:1.7}
.category-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:32px}
.category-pills button{border:1px solid #d7ccbf;background:transparent;padding:10px 15px;border-radius:99px;font-size:11px;font-weight:800;cursor:pointer}
.category-pills button.active,.category-pills button:hover{background:#111;color:#fff;border-color:#111}
.products-grid{max-width:1240px;margin:0 auto 38px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.product-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 17px 42px rgba(45,30,14,.09);transition:.25s;position:relative}
.product-card:hover{transform:translateY(-8px);box-shadow:0 25px 55px rgba(45,30,14,.15)}
.product-image{position:relative;height:245px;background:#eee;overflow:hidden}
.product-image img{width:100%;height:100%;object-fit:cover;transition:.4s}
.product-card:hover .product-image img{transform:scale(1.05)}
.product-tag{position:absolute;top:14px;left:14px;background:var(--yellow);padding:7px 10px;border-radius:8px;font-size:9px;font-weight:900}
.product-body{padding:22px}
.product-category{font-size:9px;color:#b07a00;font-weight:900;text-transform:uppercase;letter-spacing:1px}
.product-body h3{font-size:18px;margin:7px 0}
.product-body p{font-size:12px;color:#756c62;line-height:1.6;min-height:57px}
.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px}
.product-footer strong{font-size:21px}
.section-action{text-align:center}
.skeleton{animation:pulse 1.2s infinite}

.promo-section{padding-top:35px}
.promo-card{max-width:1280px;margin:auto;background:linear-gradient(135deg,#f42d25,#d91c15);color:#fff;border-radius:30px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:500px;box-shadow:0 30px 70px rgba(164,24,18,.22)}
.promo-content{padding:65px;align-self:center}
.promo-content h2 strong{color:var(--yellow);font-weight:400}
.promo-content p{max-width:510px;line-height:1.7;color:#ffe7e5;margin-bottom:28px}
.promo-visual{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.promo-visual:before{content:"";position:absolute;width:430px;height:430px;background:var(--yellow);border-radius:50%;right:-30px}
.promo-visual img{position:relative;z-index:2;width:650px;filter:drop-shadow(0 30px 28px rgba(0,0,0,.35));transform:translateX(-3%)}
.promo-number{position:absolute;left:5%;top:10%;z-index:3;font-family:Anton,sans-serif;font-size:85px;color:var(--yellow);transform:rotate(-8deg)}

.experience-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:100px 7vw;background:#fff}
.experience-photo{position:relative;border-radius:28px;overflow:hidden;min-height:590px;background:#111}
.experience-photo img{width:100%;height:590px;object-fit:cover;transform:scale(1.05)}
.stamp{position:absolute;right:25px;bottom:25px;width:120px;height:120px;border-radius:50%;background:var(--yellow);display:flex;align-items:center;justify-content:center;text-align:center;font-family:Anton,sans-serif;font-size:18px;transform:rotate(-8deg)}
.experience-copy>p{font-size:16px;line-height:1.8;color:#685f55}
.experience-list{margin-top:34px}
.experience-list>div{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid #e7ded3}
.experience-list>div>span{font-family:Anton,sans-serif;font-size:26px;color:#c18a00}
.experience-list p{margin:0;display:flex;flex-direction:column}
.experience-list b{font-size:14px}
.experience-list small{margin-top:5px;color:#82786e}

.reviews-section{background:#eee4d8}
.reviews-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.review{background:#fff;border-radius:18px;padding:28px;box-shadow:0 12px 35px rgba(48,31,14,.07)}
.stars{color:#e7aa00;letter-spacing:2px}
.review p{font-size:14px;line-height:1.8;color:#5d554c}
.review b{font-size:11px}

.order-cta{background:#111;color:#fff;padding:75px 7vw;display:flex;align-items:center;justify-content:space-between;gap:35px}
.order-cta h2{max-width:850px;margin-bottom:10px}
.order-cta p{color:#bbb}
.whatsapp-button{position:fixed;right:22px;bottom:22px;z-index:80;width:55px;height:55px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;box-shadow:0 15px 35px rgba(0,0,0,.25);transition:.2s}
.whatsapp-button:hover{transform:scale(1.08)}

footer{background:#080808;color:#aaa;padding:45px 5vw;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px;font-size:11px}
.footer-brand p{margin:10px 0 0}
.footer-links{display:flex;gap:20px;flex-wrap:wrap}
.footer-links a:hover{color:var(--yellow)}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}

@keyframes float{0%,100%{transform:translate(-2%,0)}50%{transform:translate(-2%,-12px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinReverse{to{transform:rotate(-360deg)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}

@media(max-width:1050px){
  .main-nav{gap:17px}
  .employee-link{display:none}
  .hero-grid{grid-template-columns:48% 52%}
  .hero h1{font-size:clamp(68px,8.7vw,105px)}
  .promo-content{padding:45px}
}
@media(max-width:800px){
  .promo-bar{font-size:9px}
  .site-header{min-height:72px;padding:11px 17px;flex-wrap:wrap}
  .menu-toggle{display:block;margin-left:auto}
  .main-nav{display:none;order:3;width:100%;flex-direction:column;align-items:flex-start;padding:15px 0;border-top:1px solid #333}
  .main-nav.open{display:flex}
  .header-actions{margin-left:auto}
  .hero-grid{grid-template-columns:1fr;padding:48px 20px 30px;min-height:auto}
  .hero-copy{text-align:center;margin:auto}
  .hero-copy .eyebrow{justify-content:center}
  .hero h1{font-size:clamp(67px,17vw,105px)}
  .hero-copy>p{font-size:14px}
  .hero-actions,.hero-proof{justify-content:center}
  .hero-visual{min-height:410px;margin-top:14px}
  .hero-circle{width:355px;height:355px;right:50%;transform:translate(50%,-50%)}
  .orbit-one{width:395px;height:395px;right:50%;transform:translateX(50%)}
  .orbit-two{width:300px;height:300px;right:50%;transform:translateX(50%)}
  .hero-burger{width:min(96vw,590px)}
  .price-bubble{right:1%;top:9%}
  .badge-one{left:0}
  .badge-two{right:0}
  .scroll-hint{display:none}
  .products-grid,.reviews-grid{grid-template-columns:1fr}
  .promo-card{grid-template-columns:1fr;text-align:center}
  .promo-content .eyebrow{justify-content:center}
  .promo-visual{min-height:360px}
  .promo-visual:before{width:320px;height:320px;right:50%;transform:translateX(50%)}
  .promo-number{left:8%;font-size:65px}
  .experience-section{grid-template-columns:1fr;padding:70px 22px}
  .experience-photo,.experience-photo img{min-height:440px;height:440px}
  .order-cta{flex-direction:column;text-align:center}
  .order-cta .eyebrow{justify-content:center}
  footer{grid-template-columns:1fr;text-align:center}
  footer .brand{justify-content:center}
  .footer-links{justify-content:center}
}
@media(max-width:480px){
  .promo-dot{display:none}
  .promo-bar{flex-direction:column;gap:1px}
  .brand span{display:none}
  .header-actions .btn{padding:11px 13px}
  .hero h1{font-size:16vw}
  .hero-actions{flex-direction:column}
  .hero-actions .btn{width:100%}
  .hero-proof{gap:19px}
  .hero-proof small{font-size:8px}
  .hero-visual{min-height:335px}
  .hero-circle{width:285px;height:285px}
  .orbit-one{width:320px;height:320px}
  .orbit-two{width:240px;height:240px}
  .product-badge{font-size:10px;padding:9px 11px}
  .price-bubble{padding:9px 11px}
  .price-bubble strong{font-size:16px}
  .section{padding:72px 16px}
  .promo-content{padding:42px 20px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}

.hours-section{background:#fff}
.hours-card{
  max-width:1240px;
  margin:auto;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:42px;
  align-items:center;
  padding:48px;
  border-radius:28px;
  background:linear-gradient(135deg,#fff8e2,#fff);
  box-shadow:0 24px 65px rgba(61,40,13,.09);
}
.hours-copy h2{
  font-family:Anton,sans-serif;
  font-weight:400;
  font-size:clamp(44px,5vw,72px);
  line-height:1;
  margin:14px 0;
}
.hours-copy p{color:#6d6254;line-height:1.7}
.business-status{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:18px;
  padding:12px 15px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}
.business-status.open{background:#dcf7e5;color:#176b35}
.business-status.closed{background:#fff0df;color:#934400}
.business-status.loading{background:#eee6d7;color:#6a5c45}
.public-hours-list{display:grid;gap:9px}
.public-hour-row{
  display:grid;
  grid-template-columns:130px 1fr auto;
  gap:14px;
  align-items:center;
  padding:13px 16px;
  border-radius:12px;
  background:#fff;
  border:1px solid #eadfce;
}
.public-hour-row.today{border-color:#ffc400;box-shadow:0 0 0 2px rgba(255,196,0,.14)}
.public-hour-row strong{font-size:13px}
.public-hour-row span{font-size:12px;color:#756b5d}
.public-hour-row b{font-size:11px;color:#b47e00}
.hours-loading{padding:25px;text-align:center;color:#766b5e}
@media(max-width:800px){
  .hours-card{grid-template-columns:1fr;padding:28px 20px}
}
@media(max-width:480px){
  .public-hour-row{grid-template-columns:1fr auto}
  .public-hour-row span{grid-column:1/-1}
}

/* =====================================================
   MORDISCO — EXPERIENCIA MÓVIL FINAL
   ===================================================== */
.mobile-bottom-nav,
.install-app-button{
  display:none;
}

.install-app-button{
  position:fixed;
  right:18px;
  bottom:86px;
  z-index:95;
  align-items:center;
  gap:9px;
  border:0;
  border-radius:999px;
  padding:12px 17px;
  background:#ffc400;
  color:#111;
  font-size:12px;
  font-weight:900;
  box-shadow:0 16px 38px rgba(0,0,0,.28);
  cursor:pointer;
}
.install-app-button.hidden{display:none!important}
.install-icon{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#111;
  color:#ffc400;
  font-size:18px;
}

@media(max-width:800px){
  html{scroll-padding-top:82px}
  body{
    padding-bottom:calc(78px + env(safe-area-inset-bottom));
    -webkit-tap-highlight-color:transparent;
  }

  .promo-bar{
    min-height:31px;
    padding:6px 10px;
    font-size:8px;
  }

  .site-header{
    min-height:68px;
    padding:9px 13px;
  }

  .brand img{
    width:44px;
    height:44px;
  }

  .header-actions{
    display:none;
  }

  .menu-toggle{
    margin-left:auto;
  }

  .main-nav{
    position:absolute;
    left:10px;
    right:10px;
    top:calc(100% + 1px);
    width:auto;
    max-height:calc(100vh - 95px);
    overflow:auto;
    border:1px solid rgba(255,255,255,.1);
    border-radius:0 0 18px 18px;
    background:#111;
    padding:10px;
    box-shadow:0 22px 45px rgba(0,0,0,.4);
  }

  .main-nav a{
    width:100%;
    padding:14px;
    border-radius:10px;
    font-size:14px;
  }

  .main-nav a:hover{
    background:rgba(255,255,255,.07);
  }

  .hero{
    min-height:auto;
  }

  .hero-grid{
    padding:38px 16px 25px;
  }

  .hero-copy{
    text-align:center;
  }

  .hero-copy>p{
    max-width:340px;
    margin-left:auto;
    margin-right:auto;
  }

  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
    max-width:340px;
    margin-left:auto;
    margin-right:auto;
  }

  .hero-actions .btn{
    min-height:52px;
    width:100%;
  }

  .hero-proof{
    width:100%;
    justify-content:space-between;
    gap:10px;
  }

  .hero-proof article{
    flex:1;
    min-width:0;
    padding:11px 5px;
    border-radius:11px;
    background:rgba(255,255,255,.04);
  }

  .hero-visual{
    min-height:350px;
  }

  .category-marquee{
    height:52px;
  }

  .section{
    padding:65px 14px;
  }

  .section-heading h2,
  .experience-copy h2,
  .order-cta h2,
  .promo-content h2,
  .hours-copy h2{
    font-size:clamp(38px,13vw,58px);
  }

  .category-pills{
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    margin-left:-14px;
    margin-right:-14px;
    padding:0 14px 9px;
    scrollbar-width:none;
  }

  .category-pills::-webkit-scrollbar{display:none}

  .category-pills button{
    flex:0 0 auto;
    min-height:44px;
    padding:10px 16px;
  }

  .product-card{
    border-radius:17px;
  }

  .product-image{
    height:220px;
  }

  .product-footer .btn{
    min-width:105px;
    min-height:44px;
  }

  .promo-card{
    border-radius:22px;
  }

  .promo-content{
    padding:38px 20px 30px;
  }

  .promo-content .btn{
    width:100%;
    min-height:50px;
  }

  .experience-section{
    padding:65px 14px;
    gap:35px;
  }

  .experience-photo{
    border-radius:20px;
  }

  .hours-card{
    border-radius:20px;
    padding:25px 16px;
  }

  .public-hour-row{
    min-height:52px;
  }

  .reviews-grid{
    gap:14px;
  }

  .review{
    padding:22px;
  }

  .order-cta{
    padding:58px 18px;
  }

  .order-cta .btn{
    width:100%;
    min-height:52px;
  }

  .whatsapp-button{
    right:14px;
    bottom:88px;
    width:50px;
    height:50px;
  }

  .install-app-button{
    display:flex;
    right:14px;
    bottom:148px;
  }

  .mobile-bottom-nav{
    display:grid;
    grid-template-columns:1fr 1fr 1.25fr 1fr;
    align-items:end;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:90;
    min-height:70px;
    padding:8px 9px calc(8px + env(safe-area-inset-bottom));
    background:rgba(13,13,13,.97);
    border-top:1px solid rgba(255,255,255,.13);
    box-shadow:0 -12px 35px rgba(0,0,0,.3);
    backdrop-filter:blur(16px);
  }

  .mobile-bottom-nav a{
    min-height:49px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    color:#fff;
    border-radius:11px;
    font-weight:800;
  }

  .mobile-bottom-nav a span{
    font-size:19px;
    line-height:1;
  }

  .mobile-bottom-nav a small{
    font-size:9px;
  }

  .mobile-bottom-nav .mobile-order-main{
    position:relative;
    min-height:56px;
    margin-top:-18px;
    background:#ffc400;
    color:#111;
    border:5px solid #111;
    border-radius:17px;
    box-shadow:0 10px 28px rgba(255,196,0,.25);
  }

  .mobile-bottom-nav .mobile-order-main span{
    font-size:25px;
  }

  footer{
    padding-bottom:35px;
  }
}

@media(max-width:380px){
  .hero h1{
    font-size:15.5vw;
  }
  .hero-proof small{
    font-size:7px;
  }
  .product-image{
    height:195px;
  }
}

/* =====================================================
   MORDISCO — IDENTIDAD NARANJA PREMIUM
   ===================================================== */
:root{
  --mordisco-orange:#ff7a00;
  --mordisco-orange-dark:#d96500;
  --mordisco-orange-soft:#fff0df;
  --mordisco-yellow:#ffc400;
  --mordisco-black:#0d0d0d;
}

/* Barra animada de categorías */
.category-marquee,
.category-strip,
.ticker,
.menu-marquee{
  background:var(--mordisco-orange)!important;
}

/* Detalles y estados activos */
.badge-hot,
.badge-offer,
.promo-tag,
.category-label,
.nav-active,
.mobile-bottom-nav a.active{
  color:var(--mordisco-orange-dark);
}

.mobile-bottom-nav a.active:not(.mobile-order-main){
  background:rgba(255,122,0,.14);
  color:#ff9a2f;
}

.mobile-bottom-nav .mobile-order-main{
  background:var(--mordisco-yellow);
}

/* Promociones y elementos destacados */
.promo-card::before,
.product-card::before,
.section-accent,
.orange-accent{
  background:var(--mordisco-orange);
}

/* Botones secundarios premium */
.btn-orange,
.button-orange,
.promo-button{
  background:var(--mordisco-orange);
  color:#fff;
  border-color:var(--mordisco-orange);
}

.btn-orange:hover,
.button-orange:hover,
.promo-button:hover{
  background:var(--mordisco-orange-dark);
  border-color:var(--mordisco-orange-dark);
}

/* Estados de cierre en naranja en vez de rojo */
.business-status.closed,
.onlineClosedBanner{
  background:var(--mordisco-orange-soft)!important;
  color:#8b4300!important;
  border-color:#f4be86!important;
}

/* Instalación móvil */
.install-app-button{
  box-shadow:0 16px 38px rgba(255,122,0,.24);
}

@media(max-width:800px){
  .mobile-bottom-nav{
    border-top-color:rgba(255,122,0,.28);
  }
}

/* MORDISCO OS 1.0 PRODUCCIÓN */
@media(max-width:800px){
  .install-app-button{
    display:flex!important;
    animation:installPulse 2.4s ease-in-out infinite;
  }
  .install-app-button.hidden{
    display:none!important;
  }
}
@keyframes installPulse{
  0%,100%{transform:translateY(0);box-shadow:0 16px 38px rgba(255,122,0,.24)}
  50%{transform:translateY(-3px);box-shadow:0 20px 44px rgba(255,122,0,.38)}
}

/* MENÚ COMPLETO DINÁMICO */
.menu-catalog-summary{
  display:inline-flex;
  margin-top:14px;
  padding:9px 14px;
  border-radius:999px;
  background:#fff4d1;
  color:#704900;
  font-size:12px;
  font-weight:900;
}
.menu-empty-state{
  grid-column:1/-1;
  display:grid;
  gap:7px;
  place-items:center;
  min-height:190px;
  padding:28px;
  text-align:center;
  border:1px dashed #d8c9b4;
  border-radius:18px;
  background:#fffaf1;
  color:#6e604e;
}
.menu-empty-state strong{
  color:#1a1712;
  font-size:18px;
}
.section-action{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
}
@media(max-width:700px){
  .section-action .btn{
    width:100%;
  }
}

/* INSTALACIÓN PREMIUM Y SPLASH */
.mordisco-splash{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  background:#0d0d0d;
  opacity:0;
  visibility:hidden;
  transition:opacity .35s ease,visibility .35s ease;
}
.mordisco-splash.show{
  opacity:1;
  visibility:visible;
}
.mordisco-splash-card{
  display:grid;
  justify-items:center;
  gap:12px;
  color:#fff;
  text-align:center;
  animation:splashPop .55s ease both;
}
.mordisco-splash-card img{
  width:105px;
  height:105px;
  object-fit:contain;
  border-radius:22px;
  background:#fff;
  padding:12px;
  box-shadow:0 18px 45px rgba(255,196,0,.2);
}
.mordisco-splash-card strong{
  margin-top:6px;
  font-size:20px;
  letter-spacing:.12em;
  color:#ffc400;
}
.mordisco-splash-card span{
  color:#ddd;
  font-size:14px;
}
@keyframes splashPop{
  from{transform:scale(.9);opacity:0}
  to{transform:scale(1);opacity:1}
}

.install-help-modal{
  position:fixed;
  inset:0;
  z-index:9998;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(8px);
}
.install-help-modal.hidden{display:none}
.install-help-card{
  position:relative;
  width:min(430px,100%);
  padding:30px 24px 24px;
  border-radius:24px;
  background:#fff;
  color:#18130c;
  text-align:center;
  box-shadow:0 30px 80px rgba(0,0,0,.45);
}
.install-help-close{
  position:absolute;
  right:14px;
  top:10px;
  border:0;
  background:none;
  font-size:30px;
  cursor:pointer;
}
.install-help-icon{
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  margin:0 auto 12px;
  border-radius:20px;
  background:#fff2d2;
  font-size:34px;
}
.install-help-card h2{
  margin:0 0 8px;
  font-size:30px;
}
.install-help-card p{
  margin:0 0 18px;
  color:#6e6251;
}
.install-help-card ol{
  margin:0 0 22px;
  padding:16px 18px 16px 38px;
  border-radius:14px;
  background:#fff8e8;
  text-align:left;
  line-height:1.65;
}
.install-help-card .btn{
  width:100%;
  min-height:50px;
  margin-top:10px;
}

/* ACCESO DISCRETO DEL PERSONAL */
.staff-access-footer{
  width:100%;
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08);
  text-align:center;
}
.staff-access-footer a{
  color:rgba(255,255,255,.34);
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  text-decoration:none;
  transition:color .2s ease;
}
.staff-access-footer a:hover,
.staff-access-footer a:focus{
  color:rgba(255,196,0,.9);
  text-decoration:underline;
}
@media(max-width:700px){
  .staff-access-footer{
    margin-top:14px;
    padding-bottom:76px;
  }
}