/* Celular: menos scroll vertical. Módulos plegables, carruseles horizontales y espaciados más compactos. */
.m-bar,.m-chev{display:none}
.m-body{display:contents}
@media (max-width:720px){
  .section{padding:34px 0}
  .section-head{margin-bottom:22px}
  .section--tight{padding:30px 0}
  .manifesto-section,.consumption-section{padding:26px 0}

  /* módulos que parten cerrados */
  .m-collapsible > .container,.m-collapsible > .container-wide{padding-top:0;padding-bottom:0}
  .m-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:68px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px 16px 14px 22px;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;box-shadow:0 16px 34px -26px rgba(38,36,33,.4);position:relative;z-index:2}
  .m-bar-t{font-family:var(--font-serif);font-size:1.22rem;line-height:1.22;color:var(--ink);font-weight:500}
  .m-bar-t em{font-style:italic;color:var(--brand)}
  .m-chev{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--paper-alt,#f2ece2);flex:none;position:relative;transition:transform .4s cubic-bezier(.34,1.5,.64,1),background .2s}
  .m-chev::before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border:solid var(--ink);border-width:0 2px 2px 0;transform:translate(-50%,-70%) rotate(45deg)}
  .m-open .m-chev{transform:rotate(180deg);background:#fdeff2}
  .m-body{display:none}
  .m-open .m-body{display:block;padding-top:22px;animation:mOpen .4s ease}
  @keyframes mOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
  .m-orig-h{display:none}

  /* On Demand / 7 días → carrusel horizontal */
  .consumption-pill{display:none}
  .m-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:4px 20px 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .m-rail::-webkit-scrollbar{display:none}
  .m-rail > .consumption-path{flex:0 0 86%;scroll-snap-align:center;background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px 20px;margin:0}
  /* enfoque: los 4 pasos en horizontal */
  .manifesto-steps{display:flex!important;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:18px -20px 0;padding:4px 20px 14px;scrollbar-width:none}
  .manifesto-steps::-webkit-scrollbar{display:none}
  .manifesto-step{flex:0 0 62%;scroll-snap-align:start;margin:0}
  .faq-grid{grid-template-columns:1fr!important}

  /* productos: carrusel horizontal en vez de lista vertical */
  #productos .product-carousel,.products-section .product-carousel{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:12px!important;margin:0 -24px!important;padding:6px 24px 16px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  #productos .product-carousel::-webkit-scrollbar,.products-section .product-carousel::-webkit-scrollbar{display:none}
  #productos .product-card,.products-section .product-card{flex:0 0 74%!important;width:74%!important;min-width:0;scroll-snap-align:center!important}

  /* página de producto */
  .product-lifestyle-banner img{width:100%;height:auto;min-height:0;max-height:none;object-fit:contain}   /* foto completa, sin recorte */
  .impact-section{padding:24px 0}
}

/* Botones de módulos plegables: texto centrado y flecha hacia abajo que parpadea invitando a abrir */
@media (max-width:720px){
  .m-bar{flex-direction:column;justify-content:center;text-align:center;gap:12px;padding:22px 20px 18px}
  .m-bar-t{text-align:center;display:block;width:100%}
  .m-chev{width:42px;height:42px;background:#fdeff2}
  .m-chev::before{border-color:var(--brand,#d9636b)}
  .m-closed .m-chev{animation:mInvite 1.6s ease-in-out infinite}
  .m-open .m-chev{animation:none}
}
@keyframes mInvite{0%,100%{transform:translateY(0);opacity:1;box-shadow:0 0 0 0 rgba(217,99,107,.35)}50%{transform:translateY(5px);opacity:.45;box-shadow:0 0 0 9px rgba(217,99,107,0)}}
@media (prefers-reduced-motion:reduce){.m-closed .m-chev{animation:none}}

/* cajas plegables más bajas y sin fondo achurado */
@media (max-width:720px){
  .m-collapsible.m-closed{background:#faf6f1!important;background-image:none!important}
  .m-collapsible.m-closed .manifesto-blobs,.m-collapsible.m-closed .consumption-blobs{display:none}
  .manifesto-section.m-collapsible,.consumption-section.m-collapsible,.faq-section.m-collapsible{padding:10px 0}
  .m-bar{min-height:0;gap:4px;padding:12px 16px 8px;border-radius:20px}
  .m-bar-t{font-size:1.1rem;line-height:1.2}
  .m-chev{width:30px;height:30px}
  .m-chev::before{width:7px;height:7px}
}

/* títulos de las cajas plegables: sin marcador de fondo, solo la palabra en cursiva de color */
@media (max-width:720px){
  .m-bar-t em{background:none!important;background-image:none!important;padding:0!important;box-shadow:none!important;border-radius:0}
  .m-bar-t em::before,.m-bar-t em::after{display:none!important;content:none!important}
}