/* Vino Nuevo 2.18 — refinamiento visual de suscripciones con fondo cálido fotográfico. */
.vn27-home .vnsm-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:420px;
  background-image:
    linear-gradient(90deg, rgba(24,7,25,.90) 0%, rgba(39,14,34,.78) 34%, rgba(66,27,53,.55) 58%, rgba(69,31,49,.40) 100%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)),
    url('../images/suscripciones-rustica-atardecer.webp');
  background-size:cover;
  background-position:center center;
  box-shadow:0 26px 70px rgba(52,22,40,.14);
  border:1px solid rgba(255,255,255,.06);
  max-width:min(1250px,calc(100% - 48px));
}
.vn27-home .vnsm-cta::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 82% 22%, rgba(255,218,170,.22) 0%, rgba(255,218,170,0) 32%),
             radial-gradient(circle at 12% 88%, rgba(170,95,130,.18) 0%, rgba(170,95,130,0) 35%);
  pointer-events:none;
}
.vn27-home .vnsm-cta-glow{opacity:.38;filter:blur(28px)}
.vn27-home .vnsm-cta-inner{
  max-width:620px;
  padding:72px clamp(26px,6vw,88px);
  gap:0;
}
.vn27-home .vnsm-cta h2{max-width:15ch; text-wrap:balance; margin-bottom:20px}
.vn27-home .vnsm-cta p{max-width:540px; color:#f7e9ee; margin-bottom:28px}
.vn27-home .vnsm-cta .vnsm-open{
  min-width:220px;
  padding:16px 24px;
  font-size:14px;
  font-weight:800;
  box-shadow:0 14px 28px rgba(22,7,19,.26);
}
.vn27-home .vnsm-cta small{
  display:block;
  margin-top:12px;
  padding-left:2px;
  color:#f0dede;
  max-width:420px;
  font-size:12px;
}
/* El modal conserva su estructura, solo se le da una franja superior cálida. */
.vn27-home .vnsm-dialog,
body .vnsm-dialog{
  background:
    linear-gradient(180deg, rgba(255,248,251,.97) 0%, rgba(255,251,253,1) 120px),
    #fffbfd;
}
.vn27-home .vnsm-dialog-head,
body .vnsm-dialog-head{
  position:relative;
  padding-top:110px;
}
.vn27-home .vnsm-dialog-head::before,
body .vnsm-dialog-head::before{
  content:'';
  position:absolute;
  left:-46px; right:-46px; top:-46px;
  height:115px;
  background-image:
    linear-gradient(180deg, rgba(34,11,28,.32) 0%, rgba(34,11,28,.10) 55%, rgba(255,251,253,0) 100%),
    url('../images/suscripciones-rustica-atardecer.webp');
  background-size:cover;
  background-position:center center;
  border-radius:25px 25px 28px 28px;
  filter:saturate(.92);
}
.vn27-home .vnsm-dialog-head p,
body .vnsm-dialog-head p{max-width:470px}
@media(max-width:860px){
  .vn27-home .vnsm-cta{background-position:62% center; min-height:390px}
}
@media(max-width:660px){
  .vn27-home .vnsm-cta{
    max-width:calc(100% - 28px);
    min-height:0;
    background-position:68% center;
  }
  .vn27-home .vnsm-cta-inner{padding:44px 25px 40px}
  .vn27-home .vnsm-cta h2{max-width:12ch}
  .vn27-home .vnsm-cta .vnsm-open{width:auto; min-width:0}
  .vn27-home .vnsm-cta small{max-width:260px; line-height:1.55}
  .vn27-home .vnsm-dialog-head,
  body .vnsm-dialog-head{padding-top:88px}
  .vn27-home .vnsm-dialog-head::before,
  body .vnsm-dialog-head::before{left:-19px; right:-19px; top:-27px; height:92px; border-radius:25px 25px 20px 20px}
}