/* Campaña "6 cuotas sin interés" — se apoya en dia-madre.css (misma estructura y animaciones)
   y cambia fondo, paleta y jerarquía del texto: la cifra es la protagonista. */

body.dm-cuotas{
  --dm-bg:#0c1713;
  --dm-ink:#f4efe4;
  --dm-gold:#d6bf94;
  --dm-gold-2:#efdcb4;
  --dm-mute:#a9b8ac;
}

.dm-cuotas .dm-hero{
  background:
    radial-gradient(70% 55% at 78% 30%,rgba(128,170,141,.30) 0%,transparent 62%),
    radial-gradient(90% 70% at 18% 88%,rgba(214,191,148,.12) 0%,transparent 60%),
    linear-gradient(160deg,#173026 0%,#0f1f19 46%,#08110d 100%);
}
.dm-cuotas .dm-beam{background:linear-gradient(180deg,rgba(210,236,216,.12),rgba(210,236,216,0) 85%)}
.dm-cuotas .dm-spot{background:radial-gradient(closest-side,rgba(128,170,141,.24),rgba(128,170,141,.07) 45%,transparent 72%)}
.dm-cuotas .dm-vignette{background:radial-gradient(ellipse at center,transparent 45%,rgba(2,8,5,.62) 100%)}
.dm-cuotas .dm-logo img{filter:invert(1);opacity:.9}

/* Tiempos más ágiles que en la campaña cinematográfica: el mensaje tiene que leerse enseguida */
.dm-cuotas .dm-w{animation-delay:calc(1.7s + var(--i) * 90ms)}
.dm-cuotas .dm-dust{animation-delay:2.4s}

.dm-cuotas .dm-quote{font-size:clamp(1.2rem,1.6vw + .8rem,1.9rem);color:var(--dm-gold-2)}
.dm-cuotas .dm-rule{display:none}

/* Cifra protagonista */
.dm-big{
  margin:clamp(6px,1.6vh,14px) 0 0;
  display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.4vw,26px);
  line-height:1;
}
.dm-big__n{
  font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:600;
  font-size:clamp(7rem,20vw,12.5rem);line-height:.82;padding-right:.04em;
  background:linear-gradient(180deg,#fff4d6 0%,#e6cf9f 42%,#b8975f 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 10px 30px rgba(214,191,148,.28));
  animation:dm-num 1.5s var(--dm-ease) 2.3s both;
}
.dm-big__t{display:flex;flex-direction:column;align-items:flex-start;gap:.5em;text-align:left}
.dm-big__t b{
  font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:400;
  font-size:clamp(2.1rem,6vw,3.6rem);line-height:.95;color:var(--dm-ink);
  animation:dm-up 1.1s var(--dm-ease) 2.9s both;
}
.dm-big__t i{
  font-style:normal;font-family:'Manrope',Arial,sans-serif;font-weight:500;
  font-size:clamp(.72rem,1.2vw + .4rem,1rem);letter-spacing:.3em;text-transform:uppercase;
  color:#14100a;background:linear-gradient(135deg,#efdcb4,#cdb184);
  padding:.55em .9em .55em 1.2em;border-radius:2px;
  animation:dm-up 1.1s var(--dm-ease) 3.2s both;
}

.dm-cuotas .dm-sub{margin:26px 0 18px;color:#d3dcd2;animation-delay:3.6s}
.dm-cuotas .dm-cta{animation-delay:3.9s}
.dm-cuotas .dm-cta::after{animation-delay:5.2s}
.dm-cuotas .dm-alt{animation-delay:4.2s}

/* Pulso suave sobre el botón para empujar el clic (después de aparecer) */
.dm-cuotas .dm-cta{--pulse:rgba(214,191,148,.55)}
@keyframes dm-pulse{0%{box-shadow:0 12px 34px -14px var(--pulse),0 0 0 0 rgba(214,191,148,.45)}70%,100%{box-shadow:0 12px 34px -14px var(--pulse),0 0 0 16px rgba(214,191,148,0)}}
@media (prefers-reduced-motion:no-preference){
  .dm-cuotas .dm-cta{animation:dm-up 1.2s var(--dm-ease) 3.9s both,dm-pulse 2.6s ease-out 6s infinite}
}

body.dm-cuotas #fav-bubble{background:rgba(12,23,19,.92);border-color:rgba(214,191,148,.25)}

@keyframes dm-num{from{opacity:0;transform:scale(.82) translateY(14px);filter:blur(12px)}to{opacity:1;transform:none;filter:drop-shadow(0 10px 30px rgba(214,191,148,.28))}}

/* Escritorio: texto alineado a la izquierda */
@media (min-width:900px) and (min-height:540px){
  .dm-cuotas .dm-big{justify-content:flex-start}
}
@media (max-width:420px){
  .dm-big__n{font-size:6.4rem}
}
@media (max-height:540px) and (orientation:landscape){
  .dm-big__n{font-size:clamp(4.4rem,22vh,7rem)}
  .dm-big{justify-content:flex-start}
}

@media (prefers-reduced-motion:reduce){
  .dm-big__n,.dm-big__t b,.dm-big__t i{animation:none!important}
}