@media (max-width:1080px){
  .chapter{padding:90px 22px}
  .experience-grid,.dish-grid{grid-template-columns:repeat(2,1fr)}
  .experience-card:nth-child(even){transform:none}
  .story,.catering,.location-grid,.coffee-panel{grid-template-columns:1fr}
  .story-media img,.catering-gallery img:first-child{height:460px}
  .location-cards{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:860px){
  .nav-toggle{display:grid}
  .nav-links{
    position:absolute;
    top:80px;
    left:0;
    right:0;
    display:none;
    padding:14px;
    border-radius:8px;
    background:rgba(255,248,236,.98);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    box-shadow:0 18px 40px rgba(44,30,21,.18);
  }
  .nav-links.open{display:grid}
  .nav-links a{padding:13px 8px;border-bottom:1px solid rgba(184,137,62,.18)}
  .nav-cta{text-align:center;border-bottom:0!important}
  .logo-orbit{width:min(460px,92vw)}
  .logo-card{width:78%;padding:24px}
  .experience-grid,.dish-grid,.drink-grid,.location-cards{grid-template-columns:1fr}
  .dish{grid-template-columns:150px 1fr;min-height:184px}
  .dish-media{min-height:150px}
  .coffee-photos,.catering-gallery{grid-template-columns:1fr 1fr}
  .reservation-form{grid-template-columns:1fr}
  .form-wide{grid-column:auto}
  /* ★ NUEVO: Ocultar partículas en tablet para rendimiento */
  #heroParticles{display:none}
}

@media (max-width:560px){
  .nav-bar{top:8px;width:calc(100% - 16px);height:64px}
  .brand-mark{width:38px;height:38px}
  .brand strong{font-size:20px}
  .brand small{font-size:8px}
  .hero{padding-top:96px}
  .logo-card{width:86%}
  .logo-script{font-size:52px}
  .logo-title{font-size:18px}
  .logo-place{font-size:10px}
  .hero-copy,.chapter-head p,.story-copy p,.catering-card p,.coffee-copy p{font-size:15px}
  h2{font-size:42px}
  .hero-actions,.btn{width:100%}
  .dish{grid-template-columns:118px 1fr;gap:14px;padding:12px;min-height:142px}
  .dish-media{min-height:118px}
  .dish-body h3{font-size:24px}
  .dish-body p{font-size:12px;line-height:1.45}
  .dish-price{font-size:13px;margin-top:10px;padding:7px 10px}
  .experience-card{min-height:410px}
  .story-media img,.map-frame,.map-frame iframe{height:auto;min-height:360px}
  .story-stats{grid-template-columns:1fr}
  .coffee-photos,.catering-gallery{grid-template-columns:1fr}
  .coffee-photos img,.coffee-photos img:nth-child(2),.catering-gallery img:first-child,.catering-gallery img:last-child{height:310px}
  .review-card{flex-basis:86vw}
  .delivery-note{border-radius:8px;text-align:left}
  .toasts{left:12px;right:12px}
  /* ★ NUEVO: Footer responsive */
  .footer{padding:70px 18px 60px}
  .footer h2{font-size:38px}
  .footer p{font-size:16px;margin-bottom:28px}
  .footer-social{gap:10px;margin-bottom:28px}
  .footer-social a{width:42px;height:42px;font-size:19px}
  /* ★ NUEVO: Back to top responsive */
  .back-to-top{
    right:16px;bottom:86px;
    width:42px;height:42px;font-size:20px;
  }
  /* ★ NUEVO: Scroll cue responsive */
  .scroll-cue{bottom:18px}
  .scroll-line{height:36px}
}

@media (max-width:360px){
  .dish{grid-template-columns:1fr}
  .dish-media{height:150px}
}