@media (max-width:620px){
  body{overflow-x:hidden}
  .showcase-head{align-items:flex-start;gap:5px;flex-direction:column}
  .showcase-head span{font-size:.6rem}
  .line-card.milk{min-height:178px}
  .line-card.milk .logo-box{height:110px}
  .line-card.milk img{max-height:98px;max-width:94%}
  .showcase-foot{font-size:.68rem;padding-top:12px}

  .quote-form{overflow:hidden}
  .choice-inner{display:block;width:100%;min-height:78px;padding:15px 14px}
  .choice-inner strong{font-size:.94rem}
  .choice-inner span{font-size:.78rem;margin-top:5px}

  .spec-card{overflow:hidden}
  table.spec{min-width:0!important;width:100%;table-layout:auto}

  .product-grid .spec-card table.spec,
  .product-grid .spec-card table.spec tbody,
  .product-grid .spec-card table.spec tr,
  .product-grid .spec-card table.spec td{display:block;width:100%}
  .product-grid .spec-card table.spec thead{display:none}
  .product-grid .spec-card table.spec tr{display:grid;grid-template-columns:82px 1fr;gap:7px 12px;padding:15px 16px;border-bottom:1px solid var(--border)}
  .product-grid .spec-card table.spec tr:last-child{border-bottom:none}
  .product-grid .spec-card table.spec td{padding:0;border:0!important;min-width:0}
  .product-grid .spec-card table.spec td:nth-child(1),
  .product-grid .spec-card table.spec td:nth-child(2){font-size:.88rem;font-weight:700}
  .product-grid .spec-card table.spec td:nth-child(3),
  .product-grid .spec-card table.spec td:nth-child(4){grid-column:1/-1}
  .product-grid .spec-card table.spec td:nth-child(3){font-size:.84rem;line-height:1.45;color:var(--text-soft);padding-top:2px}
  .product-grid .spec-card table.spec td:nth-child(1)::before,
  .product-grid .spec-card table.spec td:nth-child(2)::before,
  .product-grid .spec-card table.spec td:nth-child(3)::before{display:block;font-family:'IBM Plex Mono',monospace;font-size:.59rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);font-weight:600;margin-bottom:3px}
  .product-grid .spec-card table.spec td:nth-child(1)::before{content:'Calibre'}
  .product-grid .spec-card table.spec td:nth-child(2)::before{content:'Peso aprox.'}
  .product-grid .spec-card table.spec td:nth-child(3)::before{content:'Uso recomendado'}
  .product-grid .spec-card table.spec td:nth-child(4) .fit-pill{margin-top:2px}

  #producto>.wrap>.spec-card table.spec,
  #producto>.wrap>.spec-card table.spec tbody,
  #producto>.wrap>.spec-card table.spec tr,
  #producto>.wrap>.spec-card table.spec td{display:block;width:100%}
  #producto>.wrap>.spec-card table.spec thead{display:none}
  #producto>.wrap>.spec-card table.spec tr{display:grid;grid-template-columns:minmax(92px,.8fr) minmax(0,1.2fr);border-bottom:1px solid var(--border)}
  #producto>.wrap>.spec-card table.spec tr:last-child{border-bottom:none}
  #producto>.wrap>.spec-card table.spec td{padding:12px 14px;border:0!important;min-width:0;overflow-wrap:anywhere}
  #producto>.wrap>.spec-card table.spec td:nth-child(odd){font-size:.68rem;text-transform:uppercase;letter-spacing:.045em;color:var(--text-soft);font-weight:700;background:var(--cream-100)}
  #producto>.wrap>.spec-card table.spec td:nth-child(even){font-size:.84rem;line-height:1.4}

  .spec-card-head{padding:17px 16px;align-items:flex-start;gap:10px}
  .spec-card-head h3{font-size:1rem;line-height:1.25}
  .spec-card-head .mono{font-size:.62rem!important;text-align:right;max-width:92px;line-height:1.25}
  .cert-row{gap:8px!important;padding:16px!important}
  .cert{font-size:.76rem;padding:8px 10px}

  #mayoreo .steps{grid-template-columns:1fr!important}
  .distro-banner .left,.hours-row{align-items:flex-start}
  .distro-banner .btn{width:100%;justify-content:center;text-align:center}
  .cta-actions{width:100%}
  .cta-actions .btn{width:100%;justify-content:center;text-align:center;white-space:normal;overflow-wrap:anywhere}
  .foot-col a{overflow-wrap:anywhere}

  .wa-float{right:16px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;width:56px!important;height:56px!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;gap:0!important;border:2px solid rgba(255,255,255,.92);border-radius:50%!important;background:#1f9d55!important;box-shadow:0 10px 28px rgba(0,0,0,.28);color:#fff!important;font-size:0!important;line-height:0;overflow:visible!important;z-index:100;-webkit-tap-highlight-color:transparent}
  .wa-float svg{display:block!important;width:28px!important;height:28px!important;min-width:28px!important;fill:#fff!important;opacity:1!important;visibility:visible!important}
}

@media (max-width:360px){
  .hero h1{font-size:2.05rem}
  .hero-ctas .btn{width:100%;justify-content:center}
  .portfolio-grid{grid-template-columns:1fr}
  .line-card,.line-card.milk{grid-column:auto;min-height:190px}
  .line-card .logo-box,.line-card.milk .logo-box{height:125px}
  .line-card img,.line-card.milk img{max-height:115px}
  .story-list{grid-template-columns:1fr}
}