/* Sección de espuma destacada */
.esp{max-width:1180px;margin:34px auto 10px;padding:0 18px}
.esp-head{text-align:center;margin-bottom:22px}
.esp-head h2{margin:0;font-size:clamp(1.7rem,4.4vw,2.6rem);font-weight:900;letter-spacing:-.02em;color:#fff}
.esp-head h2::after{content:'';display:block;width:70px;height:5px;border-radius:5px;margin:10px auto 0;background:linear-gradient(90deg,#ffe766,#ffb300)}
.esp-head p{margin:12px auto 0;max-width:620px;color:rgba(255,255,255,.88);font-size:1.02rem}
.esp-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:stretch}
.esp-resto{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.esp-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff 0%,#fff8e3 100%);border:1px solid rgba(255,255,255,.55);
  border-radius:24px;overflow:hidden;box-shadow:0 14px 30px -12px rgba(0,0,0,.5);transition:transform .28s,box-shadow .28s}
.esp-card:hover{transform:translateY(-6px);box-shadow:0 0 0 2px #ffc414,0 24px 44px -14px rgba(0,0,0,.65),0 0 34px rgba(255,196,20,.4)}
.esp-foto{background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:10px}
.esp-foto img{width:100%;height:150px;object-fit:contain;transition:transform .5s}
.esp-card:hover .esp-foto img{transform:scale(1.06)}
.esp-cuerpo{padding:12px 14px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.esp-cuerpo h3{margin:0;font-size:.95rem;line-height:1.25;color:#0d1a31;font-weight:700}
.esp-precio{font-size:1.6rem;font-weight:900;color:#0d1a31;letter-spacing:-.02em}
.esp-cu{font-size:.88rem;color:#b5121a}.esp-cu b{font-size:1rem}
.esp-btn{margin-top:auto;position:relative;overflow:hidden;border:0;border-radius:999px;padding:11px 14px;background:linear-gradient(135deg,#ffd84a,#ffb300);color:#0d1a31;font-weight:800;cursor:pointer;font-size:.95rem}
.esp-btn:hover{filter:brightness(1.05)}
.esp-badge{position:absolute;top:12px;left:12px;z-index:2;background:#d7141c;color:#fff;font-weight:800;font-size:.8rem;padding:6px 12px;border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.esp-badge.esp-chico{background:#14a068;font-size:.72rem;padding:5px 10px}
/* La caja de 24, en grande */
.esp-grande{border:2px solid #ffc414}
.esp-grande .esp-foto{padding:18px;flex:1}
.esp-grande .esp-foto img{height:clamp(240px,34vw,380px)}
.esp-grande .esp-cuerpo{padding:16px 20px 22px}
.esp-grande h3{font-size:1.2rem}
.esp-grande .esp-precio{font-size:2.6rem}
.esp-grande .esp-cu{font-size:1.1rem}.esp-grande .esp-cu b{font-size:1.4rem}
.esp-grande .esp-btn{padding:14px 18px;font-size:1.05rem}
@media(max-width:860px){.esp-grid{grid-template-columns:1fr}.esp-resto{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.esp-resto{grid-template-columns:1fr 1fr;gap:10px}.esp-foto img{height:110px}.esp-precio{font-size:1.3rem}}

.esp-foto{position:relative}