/* Sección "Combos que se complementan" del home. Copiado tal cual
   de index.html, incluyendo el ajuste fino de las fotos y de sol/luna
   que vivía al final del archivo — esa capa es la que de verdad
   ganaba la cascada (height:200px + width:auto en vez del width fijo
   de más arriba). Sin ella la foto usaba el "height" del HTML tal
   cual (460px) en vez de ajustarse, y tapaba el título del combo. */
#s-cmb .combos{max-width:1240px;margin:0 auto;padding:64px 32px 74px;position:relative;}
#s-cmb .combos::before{content:"";position:absolute;width:600px;height:600px;border-radius:44% 56% 62% 38% / 50% 42% 58% 50%;background:radial-gradient(circle,rgba(0,165,149,.09),transparent 70%);right:-240px;bottom:-220px;z-index:0;animation:cmbo_morf 18s ease-in-out infinite alternate;}
@keyframes cmbo_morf{to{border-radius:56% 44% 40% 60% / 44% 56% 44% 56%;}}
#s-cmb .head{margin-bottom:40px;}
#s-cmb .eb{display:inline-flex;align-items:center;gap:7px;background:rgba(245,148,31,.1);border:1.5px solid var(--cta);color:var(--cta-hover);font-family:'Poppins';font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;border-radius:999px;padding:6px 15px;margin-bottom:14px;}
#s-cmb h2{font-family:'Poppins';font-weight:800;font-size:clamp(26px,3.2vw,38px);letter-spacing:-1px;line-height:1.1;}
#s-cmb h2 .cur{font-family:'Caveat';font-weight:700;color:var(--cta-hover);font-size:1.15em;}
#s-cmb .desc{color:var(--tinta-suave);font-size:14px;max-width:420px;margin-top:10px;}
#s-cmb .grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
#s-cmb .combo{position:relative;border-radius:28px;padding:34px 30px;overflow:hidden;min-height:320px;display:flex;flex-direction:column;justify-content:space-between;}
#s-cmb .combo::before{content:"";position:absolute;width:420px;height:420px;border-radius:44% 56% 62% 38% / 50% 42% 58% 50%;opacity:.14;background:#fff;animation:cmb_cmorf 16s ease-in-out infinite alternate;}
@keyframes cmb_cmorf{to{border-radius:56% 44% 40% 60% / 44% 56% 44% 56%;}}
#s-cmb .combo-dn{background:linear-gradient(150deg,var(--morado),var(--morado-hondo));}
#s-cmb .combo-dn::before{right:-180px;top:-200px;}
#s-cmb .combo-am{background:linear-gradient(150deg,var(--azul),var(--azul-hondo));}
#s-cmb .combo-am::before{left:-180px;bottom:-200px;}
#s-cmb .ahorro{position:absolute;top:24px;right:24px;z-index:5;background:var(--cta);color:var(--cta-txt);font-family:'Poppins';font-weight:800;font-size:13px;border-radius:999px;padding:8px 18px;box-shadow:0 10px 24px rgba(0,0,0,.25);}
#s-cmb .top{position:relative;z-index:3;}
#s-cmb .top h3{font-family:'Poppins';font-weight:800;font-size:25px;color:#fff;line-height:1.15;margin-bottom:8px;}
#s-cmb .top p{color:rgba(255,255,255,.8);font-size:13.5px;max-width:280px;}
#s-cmb .escena{position:relative;height:210px;margin:8px 0;}
#s-cmb .prodL,#s-cmb .prodR{position:absolute;bottom:0;filter:drop-shadow(0 20px 28px rgba(0,0,0,.35));}
#s-cmb .prodL{left:6%;width:160px;z-index:2;}
#s-cmb .prodR{right:6%;width:180px;z-index:3;transform:rotate(-3deg);}
#s-cmb .deco{position:absolute;z-index:1;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));animation:cmb_flotad 5s ease-in-out infinite;}
@keyframes cmb_flotad{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-8px);}
}
#s-cmb .sol{top:-6px;left:24%;width:74px;height:auto;}
#s-cmb .luna{top:0;right:27%;width:62px;height:auto;animation-delay:1.2s;}
#s-cmb .bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
#s-cmb .precios{display:flex;align-items:baseline;gap:10px;}
#s-cmb .precios s{color:rgba(255,255,255,.55);font-size:15px;}
#s-cmb .precios b{font-family:'Poppins';font-weight:800;font-size:26px;color:#fff;}
#s-cmb .btn-combo{font-family:'Poppins';font-weight:700;font-size:13.5px;background:#fff;color:var(--tinta);border:none;border-radius:999px;padding:12px 22px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .18s;}
#s-cmb .btn-combo:hover{transform:translateY(-2px);}
@media(max-width:820px){
  #s-cmb .grid{grid-template-columns:1fr;}
  #s-cmb .combos{padding:44px 20px 54px;}
  #s-cmb .ahorro{position:static;display:inline-block;align-self:flex-start;margin-bottom:14px;}
  #s-cmb .bottom{flex-wrap:nowrap;gap:10px;}
  #s-cmb .precios b{font-size:21px;}
  #s-cmb .precios s{font-size:12.5px;}
  #s-cmb .btn-combo{font-size:12px;padding:11px 15px;gap:6px;white-space:nowrap;flex-shrink:0;}
}

/* — ajuste fino real de las fotos (vivía al final del archivo;
   height:auto + width:auto en vez de "width" fijo, y las fotos
   quedan más cerca entre sí) — */
#s-cmb .escena{height:230px;}
#s-cmb .prodL,#s-cmb .prodR{width:auto;height:200px;max-width:none;}
#s-cmb .prodL{left:15%;}
#s-cmb .prodR{right:15%;}
#s-cmb .combo-am .prodL{left:8%;}
#s-cmb .combo-am .prodR{right:18%;}
@media(max-width:820px){
  #s-cmb .escena{height:200px;}
  #s-cmb .prodL,#s-cmb .prodR{height:190px;}
  #s-cmb .prodL{left:4%;}
  #s-cmb .prodR{right:4%;}
  #s-cmb .combo-am .escena{height:180px;}
  #s-cmb .combo-am .prodL,#s-cmb .combo-am .prodR{height:172px;}
  #s-cmb .combo-am .prodL{left:1%;}
  #s-cmb .combo-am .prodR{right:1%;}
}
#s-cmb .sol{top:auto;bottom:10px;left:-18px;width:78px;z-index:1;}
#s-cmb .luna{top:auto;bottom:180px;left:auto;right:5px;width:66px;z-index:1;}