/*==================================================
  BONO-REGALO.CSS  (bono-regalo.html)
==================================================*/
.bono-hero{padding:clamp(130px,16vw,190px) 0 clamp(70px,8vw,110px)}
.bono-hero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2.5rem,6vw,6rem);align-items:center}
.bono-hero h1{margin-bottom:1.5rem;font-size:clamp(2.8rem,6vw,5rem)}
.bono-price{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 2.5rem;margin:2.25rem 0}
.bono-price strong{font-family:var(--font-heading);font-size:clamp(3rem,6vw,4.5rem);font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--color-white)}
.bono-price span{padding-bottom:.45rem;font-size:1rem;line-height:1.5;color:var(--color-text-muted)}
.bono-photo{margin:0;aspect-ratio:4/5;border-radius:24px;overflow:hidden;background:var(--color-surface-light)}
.bono-photo img{display:block;width:100%;height:100%;object-fit:cover}
.bono-includes{padding:0 0 clamp(70px,8vw,110px)}
.bono-includes h2{margin-bottom:3rem;font-size:clamp(2rem,4vw,3.2rem)}
.bono-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem}
.bono-item{padding-top:1.75rem;border-top:1px solid rgba(255,255,255,.12)}
.bono-item i{display:block;margin-bottom:1.25rem;font-size:1.5rem;color:var(--color-primary)}
.bono-item h3{margin-bottom:.7rem}
.bono-item p{font-size:.98rem;line-height:1.7}
.bono-ideas{padding:0 0 clamp(70px,8vw,110px)}
.bono-ideas h2{margin-bottom:1.75rem;font-size:clamp(1.8rem,3.4vw,2.6rem)}
.bono-chips{display:flex;flex-wrap:wrap;gap:.6rem}
.bono-chips span{padding:.6rem 1.15rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:.95rem;color:var(--color-text)}
@media (max-width:992px){.bono-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.bono-hero .container{grid-template-columns:1fr}.bono-photo{aspect-ratio:16/10}}
@media (max-width:520px){.bono-grid{grid-template-columns:1fr}}