/* ===== Página más corta y ordenada ===== */
.section{padding:56px 0}
.section.tight{padding-top:0}
h2{margin-bottom:10px}
.lead{margin-bottom:26px;font-size:1.05rem}
.follow{padding:46px 0}
.follow .lead{margin-bottom:0}
.final{padding:54px 0}
.footer{padding:34px 0 96px}

/* Galería: tira deslizable */
.gallery{display:flex;columns:auto;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;-webkit-overflow-scrolling:touch}
.gallery img{flex:0 0 auto;height:300px;width:auto;margin:0;scroll-snap-align:start;border-radius:12px}
.gallery::-webkit-scrollbar{height:6px}
.gallery::-webkit-scrollbar-thumb{background:var(--sun);border-radius:3px}

/* Videos: tira deslizable en celular */
@media (max-width:700px){
  .video-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px}
  .video-grid .yt{flex:0 0 78%;scroll-snap-align:start}
  .video-grid::-webkit-scrollbar{height:6px}
  .video-grid::-webkit-scrollbar-thumb{background:var(--sun);border-radius:3px}
  .joropo{margin-top:30px}
}

/* Celular: bloques compactos en 2 columnas */
@media (max-width:560px){
  .section{padding:40px 0}
  .lead{margin-bottom:20px;font-size:1rem}
  h2{font-size:1.6rem}
  h2::after{margin-top:10px}

  .stats{grid-template-columns:repeat(4,1fr)}
  .stat{padding:14px 4px;border-bottom:0!important}
  .stat:nth-child(2){border-right:1px solid rgba(240,162,26,.25)}
  .stat b{font-size:1.35rem}
  .stat span{font-size:.68rem;line-height:1.2;display:block}

  .group-shot img{max-height:240px}
  .gallery img{height:230px}

  .cards{grid-template-columns:1fr 1fr;gap:12px}
  .card{padding:16px 14px;border-top-width:4px}
  .card .ico{font-size:1.7rem;margin-bottom:4px}
  .card h3{font-size:1.02rem;margin-bottom:0}
  .card p{display:none}
  .card.card-cta{grid-column:1 / -1;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}
  .card-cta .ico{display:none}
  .card-cta p{display:block;font-size:.9rem;margin:0;flex:1 1 150px}
  .card-cta h3{flex:1 1 100%}

  .guarantees{grid-template-columns:1fr 1fr;gap:12px}
  .g{padding:16px 14px}
  .g-num{width:34px;height:34px;font-size:1.05rem;margin-bottom:8px}
  .g h3{font-size:1rem;margin-bottom:2px}
  .g p{font-size:.85rem;line-height:1.35}

  .steps{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
  .step{padding:16px 14px}
  .step .n{width:34px;height:34px;font-size:1.05rem;margin-bottom:8px}
  .step h3{font-size:1rem;margin-bottom:2px}
  .step p{font-size:.85rem;line-height:1.35}
  .note{margin-top:14px;font-size:.9rem}

  .cover-card{padding:22px 16px}
  .cover-map{width:70px;height:47px}
  .chips{gap:8px}
  .chips li{padding:5px 12px;font-size:.88rem}
  .form{padding:20px 16px;gap:12px}
  summary{padding:15px 48px 15px 16px;font-size:.98rem}
  .joropo{padding:16px;gap:16px}
}

/* Celular: aún más corto */
@media (max-width:700px){
  .cover-card{display:none}
  .two{grid-template-columns:1fr}
}
@media (max-width:560px){
  .g,.step{padding:14px 12px}
  .g p,.step p{font-size:.82rem}
  .joropo{grid-template-columns:128px 1fr;align-items:center;gap:14px;margin-top:24px}
  .joropo-video{max-width:none;margin:0;border-width:2px;border-radius:12px}
  .joropo-text .eyebrow{font-size:.7rem;margin-bottom:4px}
  .joropo-text h3{font-size:1.05rem;margin-bottom:8px}
  .joropo-text p{display:none}
  .joropo-text .btn{padding:10px 14px;font-size:.9rem;width:100%}
  .follow-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:340px;margin-inline:auto}
  .follow-btns .soc{min-width:0;width:100%;max-width:none;padding:12px 8px;font-size:.92rem;animation:none}
  .follow{padding:36px 0}
  .final{padding:40px 0}
  .final p{margin-bottom:18px}
  .final-btns{gap:10px}
  .final-btns .btn{padding:14px 20px;font-size:1.02rem}
  .section.dark#cobertura .lead{margin-bottom:14px}
}

@media (max-width:560px){
  .card:not(.card-cta){display:flex;align-items:center;gap:10px;padding:12px;min-height:0}
  .card:not(.card-cta) .ico{margin:0;font-size:1.5rem;flex:none}
  .card:not(.card-cta) h3{font-size:.95rem;line-height:1.15}
  .card.card-cta{padding:14px}
  .card-cta h3{margin-bottom:0}
  textarea{min-height:0}
}