/*
 * Home · bloque «Cuéntaselo a Vivi» (2026-10-11). Prefijo .vvh-.
 * Plano: panel melocotón, campo blanco con borde de 2 px, sin sombras ni degradados.
 */
.vvh{padding:clamp(24px,4vw,56px) 0}
.vvh__in{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center;background:var(--vh-melo,#F2CDB9);border-radius:32px;padding-top:clamp(28px,4vw,48px)!important;padding-bottom:clamp(28px,4vw,48px)!important;max-width:1200px}
.vh .vvh__in{padding-left:clamp(20px,4vw,56px);padding-right:clamp(20px,4vw,56px)}
.vvh__vivi{display:flex;flex-direction:column;align-items:center}
.vvh__vivi .vivi{--vivi-w:240px}
.vvh__bubble{position:relative;background:#fff;border-radius:18px;padding:10px 16px;font-size:1rem;line-height:1.35;margin-bottom:8px!important;color:var(--vh-navy,#1A3151);text-align:center;transition:opacity .25s}
.vvh__bubble::after{content:"";position:absolute;left:50%;bottom:-7px;width:14px;height:14px;background:#fff;transform:translateX(-50%) rotate(45deg)}
.vvh__bubble.is-cambio{opacity:0}
.vvh__kick{font-family:var(--vh-disp);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--vh-navy)!important;display:flex;align-items:center;gap:8px;margin-bottom:10px!important}
.vvh__kick span{width:8px;height:8px;border-radius:50%;background:var(--vh-cta,#B75A44)}
.vh h2.vvh__h{font-size:clamp(2rem,1.2rem + 2.6vw,3.25rem);line-height:1.04;font-weight:750;letter-spacing:-.03em;margin-bottom:.8rem!important;color:var(--vh-navy)!important}
.vvh__h em{display:block;font-family:var(--vh-serif)!important;font-style:italic;font-weight:400;color:var(--vh-cta-h,#9B4532)!important}
.vvh__sub{font-size:1.1rem;line-height:1.55;color:var(--vh-navy)!important;max-width:58ch;margin-bottom:1.4rem!important}
.vvh__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.vvh__form{display:flex;gap:8px;background:#fff;border:2px solid #fff;border-radius:999px;padding:6px 6px 6px 22px;transition:border-color .2s}
.vvh__form:focus-within{border-color:var(--vh-navy)}
.vvh__form input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:1.05rem;color:var(--vh-navy);padding:10px 0}
.vh .vvh__form input:focus-visible{outline:0}
.vvh__go{flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:var(--vh-cta,#B75A44);color:#fff;font:inherit;font-weight:600;font-size:1rem;padding:12px 20px;cursor:pointer;transition:background-color .2s}
.vvh__go:hover{background:var(--vh-cta-h,#9B4532)}
.vvh__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.vvh__chips button{border:2px solid rgba(26,49,81,.18);background:transparent;color:var(--vh-navy);border-radius:999px;padding:8px 14px;font:inherit;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s}
.vvh__chips button:hover,.vvh__chips button:focus-visible{background:#fff;border-color:#fff}
.vvh__legal{font-size:.85rem;line-height:1.45;color:var(--vh-navy)!important;opacity:.8;margin-top:14px!important}

@media (max-width:760px){
  .vvh__in{grid-template-columns:1fr;border-radius:24px;gap:6px}
  .vh .vvh__in{padding-left:18px;padding-right:18px;margin-left:16px;margin-right:16px}
  .vvh__vivi{flex-direction:row-reverse;justify-content:flex-start;align-items:flex-end;gap:2px}
  .vvh__vivi .vivi{--vivi-w:130px}
  .vvh__bubble{margin-bottom:34px!important;font-size:.92rem}
  .vvh__bubble::after{left:-6px;bottom:14px;transform:rotate(45deg)}
  .vvh__form{flex-direction:column;border-radius:20px;padding:6px}
  .vvh__form input{padding:10px 12px}
  .vvh__go{justify-content:center}
}