/* Landing de artistas — réplica de referencias/landing-artistas-OBJETIVO.png (770 px de ancho,
   medida con Pillow). Escala COMÚN con la landing de cliperos (la fija el coordinador): mismas
   variables, mismos valores. Colores de la maqueta (fondo #010104, botón #B089FB, tarjetas
   #0B0B14/#141123) aplicados como TOKENS y sólo en el tema oscuro; en claro mandan los de rumorea.css. */
.ar-body{
  --ar-max:1400px;
  --ar-gutter:clamp(20px,4vw,64px);
  --ar-cab:76px;
  --ar-logo:34px;
  --ar-nav:.95rem;
  --ar-h1:clamp(2.8rem,5.2vw,5rem);
  --ar-h1-lh:1.02;
  --ar-h2:clamp(2rem,3.4vw,3rem);
  --ar-lead:1.1rem;
  --ar-lead-lh:1.6;
  --ar-texto:1rem;
  --ar-eti:.72rem;
  --ar-eti-ls:.14em;
  --ar-btn:52px;
  --ar-sec:clamp(88px,10vw,140px);
  --ar-radio:20px;
  --ar-tarjeta:var(--sup);
  --ar-cristal:color-mix(in oklab,var(--sup-2) 82%,transparent);
}
:root:not([data-tema="claro"]) .ar-body{
  --fondo:#040409; --sup:#0B0B14; --sup-2:#141221; --sup-3:#221E33;
  --lila:#B18AFB; --lila-2:#C4A4FF; --lila-velo:rgba(177,138,251,.14);
  --linea:rgba(238,235,245,.075); --linea-2:rgba(238,235,245,.15);
}
.ar-body .contenedor{max-width:calc(var(--ar-max) + var(--ar-gutter)*2);padding-inline:var(--ar-gutter)}
.ar h1,.ar h2,.ar h3{font-family:var(--f-texto);font-weight:700;letter-spacing:-.035em;color:var(--texto)}
.ar p{color:var(--gris);font-size:var(--ar-texto)}
.ar-lila{color:var(--lila)}
.ar-ceja{display:block;font:450 var(--ar-eti)/1 var(--f-mono);letter-spacing:var(--ar-eti-ls);text-transform:uppercase;
  color:color-mix(in oklab,var(--lila) 72%,var(--gris));margin-bottom:20px}
.ar-h2{font-size:var(--ar-h2);line-height:1.1}
.ar-lead{font-size:var(--ar-lead)!important;line-height:var(--ar-lead-lh);max-width:560px;color:color-mix(in oklab,var(--texto) 78%,var(--gris))!important}

/* botones: píldora lila con texto oscuro y la de contorno lila */
.ar-btn,.ar-btn-linea{min-height:var(--ar-btn);padding:0 28px;border-radius:999px;font-weight:600;font-size:1rem;gap:12px}
.ar-btn svg{width:16px;height:16px}
.ar-btn-linea{background:transparent;color:var(--texto);border:1.5px solid color-mix(in oklab,var(--lila) 45%,transparent);padding-right:12px}
.ar-btn-linea:hover{background:var(--lila-velo);--b-fondo:transparent}
.ar-btn-linea>svg{width:16px;height:16px}
.ar-btn--peq{min-height:42px;padding:0 20px;font-size:.93rem}
.ar-btn-linea.ar-btn--peq{padding-right:20px}
.ar-play{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--lila);color:var(--fondo)}
.ar-play svg{width:18px;height:18px}

/* ---------------------------------------------------------------- cabecera (encima del hero) */
.ar-cab{position:absolute;inset:0 0 auto;z-index:40}
.ar-cab__in{display:flex;align-items:center;gap:40px;min-height:var(--ar-cab)}
.ar-cab .logo{--logo-alto:var(--ar-logo)}
.ar-cab__nav{display:flex;gap:34px;margin-left:clamp(20px,6vw,110px)}
.ar-cab__nav a{position:relative;text-decoration:none;font-size:var(--ar-nav);color:var(--gris);padding:10px 0}
.ar-cab__nav a:hover,.ar-cab__nav a[aria-current]{color:var(--texto)}
.ar-cab__nav a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--lila)}
.ar-cab__acc{margin-left:auto;display:flex;align-items:center;gap:22px}
.ar-cab__acc .tema-btn{width:34px;height:34px;border-color:transparent}
.ar-cab__entrar{text-decoration:none;font-size:var(--ar-nav);color:var(--gris)}
.ar-cab__entrar:hover{color:var(--texto)}
.ar-cab__menu{display:none}

/* ---------------------------------------------------------------- hero */
.ar-hero{position:relative;min-height:clamp(720px,58vw,900px);overflow:hidden;border-bottom:1px solid var(--linea)}
/* la foto va A SANGRE hasta el borde derecho de la VENTANA y se funde por la izquierda, arriba y abajo:
   ninguna arista visible a ningún ancho (1440, 1920, 2560). El halo lila del fondo sigue hasta el borde. */
.ar-hero__foto{position:absolute;inset:0;z-index:0;
  background:radial-gradient(55% 75% at 80% 30%,color-mix(in oklab,var(--lila-hondo) 34%,transparent),transparent 75%)}
.ar-hero__foto img{position:absolute;top:0;right:0;width:max(58%,720px);height:100%;max-width:none;object-fit:cover;object-position:62% 28%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 36%),linear-gradient(0deg,transparent 0,#000 26%),linear-gradient(180deg,transparent 0,#000 16%);
  mask-image:linear-gradient(90deg,transparent 0,#000 36%),linear-gradient(0deg,transparent 0,#000 26%),linear-gradient(180deg,transparent 0,#000 16%);
  -webkit-mask-composite:source-in,source-in;mask-composite:intersect}
.ar-hero__in{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:40px;
  padding-top:calc(var(--ar-cab) + clamp(80px,9vw,140px));padding-bottom:80px}
.ar-hero__txt{max-width:640px}
.ar-hero h1{font-size:var(--ar-h1);line-height:var(--ar-h1-lh)}
.ar-hero h1 .ar-lila{display:block}
.ar-hero .ar-lead{margin-top:30px}
.ar-hero__cta{display:flex;gap:20px;margin-top:40px;flex-wrap:wrap}
.ar-hero__cta .ar-btn{min-width:220px}
.ar-hero__cta .ar-btn-linea{min-width:250px}
.ar-hero__checks{list-style:none;margin:34px 0 0;padding:0;display:flex;gap:32px;flex-wrap:wrap;font-size:.9rem;color:color-mix(in oklab,var(--texto) 78%,var(--gris))}
.ar-hero__checks li{display:flex;align-items:center;gap:10px}
.ar-hero__checks svg{width:16px;height:16px;color:var(--lila)}
/* ---------------------------------------------------------------- por qué */
.ar-por{padding-top:var(--ar-sec)}
.ar-por__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,100px);align-items:center}
.ar-por h2 .ar-linea{display:block}
.ar-por .ar-lead{margin-top:28px}
.ar-quien{list-style:none;margin:30px 0 0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.ar-quien li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--linea-2);font-size:.88rem;color:var(--texto);scroll-margin-top:120px}
.ar-quien svg{width:16px;height:16px;color:var(--lila)}
.ar-por__tarjetas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ar-tarjeta{min-height:190px;padding:28px 26px 26px;border-radius:var(--ar-radio);background:var(--ar-tarjeta);border:1px solid var(--linea)}
.ar-tarjeta__ic{width:32px;height:32px;color:var(--lila);margin-bottom:26px}
.ar-tarjeta h3{font-size:1.1rem;font-weight:600;letter-spacing:-.015em;margin-bottom:10px}
.ar-tarjeta p{font-size:.94rem;line-height:1.55}

/* ---------------------------------------------------------------- cómo funciona */
.ar-como,.ar-camps{padding-top:var(--ar-sec);scroll-margin-top:0}
.ar-pasos{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr) 48px minmax(0,1fr);align-items:center}
.ar-paso{position:relative;height:100%;padding:34px 34px 38px;border-radius:var(--ar-radio);background:var(--ar-tarjeta);border:1px solid var(--linea)}
.ar-paso__n{position:absolute;top:34px;left:34px;z-index:2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  background:var(--lila);color:var(--fondo);font:700 .92rem/1 var(--f-texto)}
.ar-paso__vis{height:190px;border-radius:14px;border:1px solid var(--linea);background:var(--sup-2);position:relative;overflow:hidden}
.ar-paso h3{margin-top:36px;font-size:1.2rem;font-weight:600}
.ar-paso p{margin-top:12px;font-size:.96rem;line-height:1.55}
.ar-flecha{display:grid;place-items:center;color:var(--lila)}
.ar-flecha svg{width:22px;height:22px}
.ar-player{display:grid;align-content:center;gap:26px;padding:24px 26px 20px 44px}
.ar-player__cab{display:flex;gap:20px;align-items:center}
.ar-player__cab b{display:block;font-size:.95rem;font-weight:600;color:var(--texto)}
.ar-player__cab small{font-size:.8rem;color:var(--gris)}
.ar-player__cab>div{flex:1;min-width:0}
.ar-player__port{position:relative;width:84px;height:84px;flex:none}
.ar-player__port img{width:84px;height:84px;border-radius:8px;object-fit:cover}
.ar-play--sobre{position:absolute;inset:0;margin:auto;width:30px;height:30px;background:none;color:#fff}
.ar-play--sobre svg{width:28px;height:28px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}
.ar-onda{width:100%;height:26px;margin-top:10px;fill:var(--lila)}
.ar-player__barra{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}
.ar-player__barra small{font:400 .7rem/1 var(--f-mono);color:var(--tenue)}
.ar-player__barra span{height:2px;background:var(--sup-3);border-radius:2px}
.ar-player__barra i{display:block;height:100%;width:8%;background:var(--gris)}
.ar-creadores{display:flex;justify-content:center;align-items:center;gap:14px;padding:12px}
.ar-creador{display:grid;justify-items:center;gap:10px;min-width:0}
.ar-creador img{width:clamp(64px,7.2vw,104px);aspect-ratio:.87;height:auto;border-radius:50%;object-fit:cover;border:2px solid color-mix(in oklab,var(--lila) 55%,transparent)}
.ar-creador>span{display:flex;align-items:center;gap:4px;font:600 .8rem/1 var(--f-texto);color:var(--texto);white-space:nowrap}
.ar-creador>span svg{width:12px;height:12px}
.ar-creador i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--lila);color:var(--fondo);margin-left:3px}
.ar-creador i svg{width:11px;height:11px;stroke-width:3}
.ar-graf{background-image:linear-gradient(var(--linea) 1px,transparent 1px),linear-gradient(90deg,var(--linea) 1px,transparent 1px);background-size:100% 32px,46px 100%;overflow:visible}
.ar-graf svg{position:absolute;left:16px;bottom:14px;width:calc(100% - 36px);height:120px}
.ar-graf__linea{fill:none;stroke:var(--lila);stroke-width:2;vector-effect:non-scaling-stroke}
.ar-graf__badge{position:absolute;top:-44px;right:-16px;z-index:2;display:grid;justify-items:center;padding:12px 18px;border-radius:12px;
  background:var(--ar-cristal);border:1px solid var(--linea-2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ar-graf__badge b{font:700 1.25rem/1.1 var(--f-texto);color:var(--texto)}
.ar-graf__badge small{font-size:.72rem;color:var(--gris)}

/* ---------------------------------------------------------------- campañas (vídeos) */
.ar-camps__cab{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:36px}
.ar-videos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);list-style:none;padding:0;margin:0}
.ar-video{min-width:0}
/* tarjeta vertical 9:16 tipo vídeo de TikTok */
.ar-video__img{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:var(--sup-2);
  border:1.5px solid color-mix(in oklab,var(--lila) 45%,transparent);box-shadow:0 10px 30px -18px color-mix(in oklab,var(--lila) 60%,transparent);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.ar-video__img img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ar-video__img--cuadrada img{object-position:50% 70%}
.ar-video:hover .ar-video__img{transform:translateY(-4px);box-shadow:0 18px 40px -20px color-mix(in oklab,var(--lila) 75%,transparent)}
.ar-video:hover .ar-video__img img{transform:scale(1.04)}
.ar-video__img::after{content:"";position:absolute;inset:58% 0 0;background:linear-gradient(transparent,rgba(4,3,10,.78));pointer-events:none}
.ar-play--centro{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:1;width:48px;height:48px;
  background:rgba(12,10,22,.34);color:#fff;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ar-play--centro svg{width:22px;height:22px;margin-left:3px;filter:none}
.ar-video__v{position:absolute;left:12px;right:12px;bottom:12px;z-index:1;display:grid;gap:3px;margin:0;color:#fff!important;font-size:inherit!important}
.ar-video__v b{display:flex;align-items:center;gap:6px;font:700 clamp(1.05rem,1.35vw,1.3rem)/1 var(--f-texto);letter-spacing:-.02em;color:#fff;white-space:nowrap}
.ar-video__v b svg{width:15px;height:15px;flex:none}
.ar-video__v small{font:500 .72rem/1.2 var(--f-texto);color:rgba(255,255,255,.78);letter-spacing:.01em}
.ar-video__prog{display:grid;grid-template-columns:10px 1fr;gap:8px;align-items:center;margin-top:12px;color:var(--lila)}
.ar-video__prog svg{width:10px;height:10px}
.ar-video__prog span{height:3px;border-radius:3px;background:color-mix(in oklab,var(--lila) 18%,var(--sup-3))}
.ar-video__prog i{display:block;height:100%;width:var(--p);border-radius:inherit;background:var(--lila)}
.ar-video h3{margin-top:12px;font-size:1rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-video>p{font-size:.86rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (prefers-reduced-motion:reduce){.ar-video__img,.ar-video__img img{transition:none}.ar-video:hover .ar-video__img,.ar-video:hover .ar-video__img img{transform:none}}

/* ---------------------------------------------------------------- banda de cifras */
.ar-cifras-sec{padding-top:calc(var(--ar-sec) * .6)}
.ar-banda{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:24px;min-height:140px;padding:24px clamp(24px,3vw,48px);
  border-radius:var(--ar-radio);background:color-mix(in oklab,var(--sup) 70%,var(--fondo));border:1px solid var(--linea)}
.ar-banda>div{display:flex;align-items:center;gap:18px;min-width:0}
.ar-banda__ic{width:46px;height:46px;color:var(--lila);flex:none}
.ar-banda p{min-width:0}
.ar-banda b{display:block;font:700 1.6rem/1.1 var(--f-texto);color:var(--texto);letter-spacing:-.02em}
.ar-banda small{font-size:.86rem;color:var(--gris)}

/* ---------------------------------------------------------------- testimonio */
.ar-testi{padding-top:var(--ar-sec);overflow:hidden}
.ar-testi__in{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(40px,5vw,90px);align-items:center}
.ar-testi__slide{margin:0}
.ar-testi__slide[hidden],.ar-testi__img[hidden],.ar-testi__badge[hidden]{display:none}
.ar-testi blockquote{margin:0}
.ar-testi__h{font:700 var(--ar-h2)/1.18 var(--f-texto)!important;letter-spacing:-.035em;color:var(--texto)!important}
.ar-testi__cita{margin-top:28px;max-width:640px}
.ar-testi__autor{display:flex;align-items:center;gap:20px;margin-top:34px}
.ar-testi__autor img{width:60px;height:60px;border-radius:50%;object-fit:cover}
.ar-testi__autor b{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:600;color:var(--texto)}
.ar-testi__autor small{display:block;font-size:.84rem;color:var(--gris);margin-top:4px}
.ar-verif{width:18px;height:18px;color:var(--lila)}
.ar-testi__nav{display:flex;gap:14px;justify-content:flex-end;margin-top:-54px}
.ar-testi__nav .btn-icono{width:48px;height:48px;background:var(--sup);border-color:var(--linea)}
.ar-testi__foto{position:relative;height:clamp(380px,32vw,470px);max-width:520px;width:100%;justify-self:end}
.ar-testi__marco{position:absolute;inset:26px 30px 10px 20px;border-radius:28px;overflow:hidden;transform:rotate(-6deg);
  background:linear-gradient(150deg,color-mix(in oklab,var(--lila-hondo) 70%,var(--sup)),var(--sup));
  border:1px solid color-mix(in oklab,var(--lila) 50%,transparent);box-shadow:0 30px 90px -20px color-mix(in oklab,var(--lila-hondo) 65%,transparent)}
.ar-testi__img{position:absolute;inset:-12%;width:124%;height:124%;max-width:none;object-fit:cover;object-position:50% 18%;transform:rotate(6deg)}
.ar-testi__badge{position:absolute;right:-6px;bottom:-10px;z-index:2;display:flex;align-items:center;gap:14px;padding:16px 22px;border-radius:16px;
  background:var(--ar-cristal);border:1px solid var(--linea-2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ar-testi__badge svg{width:36px;height:36px;color:var(--lila)}
.ar-testi__badge b{display:block;font:700 1.6rem/1.1 var(--f-texto);color:var(--texto)}
.ar-testi__badge small{font-size:.8rem;color:var(--gris)}

/* ---------------------------------------------------------------- banda final */
.ar-fin-sec{padding-block:var(--ar-sec)}
.ar-fin{position:relative;display:flex;align-items:center;gap:40px;min-height:190px;padding:36px clamp(240px,24vw,340px) 36px clamp(28px,4.4vw,64px);
  border-radius:var(--ar-radio);overflow:hidden;border:1.5px solid color-mix(in oklab,var(--lila) 55%,transparent);
  background:linear-gradient(90deg,var(--sup) 0,var(--sup) 45%,color-mix(in oklab,var(--lila-hondo) 45%,var(--sup)) 100%)}
.ar-fin__txt{flex:1;min-width:0}
.ar-fin h2{font-size:clamp(1.7rem,2.4vw,2.2rem);line-height:1.1}
.ar-fin .ar-lead{margin-top:14px;max-width:560px}
.ar-fin .btn{position:relative;z-index:1;flex:none;min-width:220px}
.ar-fin__foto{position:absolute;right:0;top:0;height:100%;width:clamp(240px,24vw,340px);object-fit:cover;object-position:50% 22%;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%)}

/* ---------------------------------------------------------------- calculadora (diálogo «Precios») */
.ar-calc .modal__cab h2{font:600 1.15rem/1.2 var(--f-texto);letter-spacing:-.02em}
.ar-calc .modal__cab small{display:block;margin-top:4px;font-size:.82rem}
.ar-calc .modal__cuerpo{display:grid;gap:22px}
.ar-rango label{font-weight:500;font-size:.93rem}
.ar-rango output{font:600 1.05rem/1 var(--f-texto);color:var(--lila)}
.ar-rango input[type=range]{width:100%;margin-top:12px;accent-color:var(--lila);height:24px}
.ar-calc__res{display:grid;gap:8px;padding:20px;border-radius:12px;background:var(--lila-velo);border:1px solid color-mix(in oklab,var(--lila) 30%,transparent)}
.ar-calc__res b{font:600 2.6rem/1 var(--f-texto);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--texto)}
.ar-calc__res small{font-size:.82rem;line-height:1.5}
.ar-calc__rep{margin:0;display:grid;gap:10px}
.ar-calc__rep div{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--linea);font-size:.92rem}
.ar-calc__rep dt{color:var(--gris)}
.ar-calc__rep dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}

/* ---------------------------------------------------------------- movimiento */
@media (prefers-reduced-motion:no-preference){
  .ar-video__img img{transition:transform .5s var(--curva)}
  .ar-video:hover .ar-video__img img{transform:scale(1.04)}
  .ar-tarjeta,.ar-paso{transition:border-color .2s}
  .ar-tarjeta:hover,.ar-paso:hover{border-color:var(--linea-2)}
}

/* ---------------------------------------------------------------- tema claro */
:root[data-tema="claro"] .ar-fin{background:linear-gradient(90deg,var(--sup) 0,var(--sup) 45%,color-mix(in oklab,var(--lila) 22%,var(--sup)) 100%)}
:root[data-tema="claro"] .ar-testi__marco{background:linear-gradient(150deg,color-mix(in oklab,var(--lila-hondo) 60%,var(--sup)),color-mix(in oklab,var(--lila) 40%,var(--sup)))}

/* ---------------------------------------------------------------- tablet */
@media (max-width:1180px){
  .ar-cab__nav{margin-left:10px;gap:24px}
  .ar-videos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ar-por__in{grid-template-columns:1fr}
  .ar-banda{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .ar-cab__nav,.ar-cab__entrar{display:none}
  .ar-cab__menu{display:inline-grid}
  .ar-cab__acc{gap:8px}
  .ar-hero{min-height:0}
  .ar-hero__foto{bottom:auto;height:min(118vw,620px)}
  .ar-hero__foto img{width:100%;object-position:60% 20%;
    -webkit-mask-image:linear-gradient(0deg,transparent 0,#000 40%);mask-image:linear-gradient(0deg,transparent 0,#000 40%)}
  .ar-hero__in{flex-direction:column;gap:0;padding-top:calc(min(118vw,620px) - 190px);padding-bottom:56px}
  .ar-hero__txt{max-width:none}
  .ar-pasos{grid-template-columns:1fr;gap:0}
  .ar-flecha{transform:rotate(90deg);height:44px}
  .ar-graf__badge{top:12px;right:12px}
  .ar-testi__in{grid-template-columns:1fr}
  .ar-testi__nav{margin-top:26px;justify-content:flex-start}
  .ar-testi__foto{justify-self:center;margin-top:20px}
  .ar-fin{flex-direction:column;align-items:stretch;padding:34px 26px 230px;gap:26px}
  .ar-fin__foto{top:auto;bottom:0;height:220px;width:100%;object-position:50% 30%;
    -webkit-mask-image:linear-gradient(0deg,#000 45%,transparent);mask-image:linear-gradient(0deg,#000 45%,transparent)}
}

/* ---------------------------------------------------------------- móvil (390 / 360) */
@media (max-width:640px){
  .ar-body{--ar-radio:18px}
  .ar-cab .ar-btn--peq{display:none}
  .ar-cab .logo{--logo-alto:28px}
  .ar-cab__in{gap:12px}
  .ar-hero__foto{height:430px}
  .ar-hero__in{padding-top:300px;padding-bottom:48px}
  .ar-ceja{margin-bottom:14px}
  .ar-hero .ar-lead{margin-top:20px;font-size:1.02rem!important}
  .ar-hero__cta{flex-direction:column;gap:12px;margin-top:28px}
  .ar-hero__cta .btn{width:100%;min-width:0;justify-content:center}
  .ar-btn-linea{padding-right:12px}
  .ar-hero__checks{flex-direction:column;gap:10px;margin-top:26px}
  .ar-por__tarjetas{grid-template-columns:1fr;gap:12px}
  .ar-tarjeta{min-height:0;display:grid;grid-template-columns:36px 1fr;column-gap:16px;padding:20px}
  .ar-tarjeta__ic{grid-row:span 2;margin:2px 0 0;width:30px;height:30px}
  .ar-tarjeta h3{margin-bottom:4px}
  .ar-pasos{margin-top:30px}
  .ar-paso{padding:24px 20px 26px}
  .ar-paso__n{top:18px;left:18px;width:30px;height:30px}
  .ar-paso__vis{height:176px}
  .ar-paso h3{margin-top:24px}
  .ar-player{padding:20px 18px 16px 30px;gap:20px}
  .ar-player__port,.ar-player__port img{width:68px;height:68px}
  .ar-creadores{gap:8px;padding:8px}
  .ar-creador img{width:72px}
  .ar-creador>span{font-size:.74rem}
  .ar-camps__cab{flex-direction:column;align-items:flex-start;margin-bottom:24px}
  /* vídeos: carrusel horizontal con scroll-snap que sangra hasta el borde */
  .ar-videos{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--ar-gutter) * -1);
    padding-inline:var(--ar-gutter);scroll-padding-inline:var(--ar-gutter);scrollbar-width:none;padding-bottom:4px}
  .ar-videos::-webkit-scrollbar{display:none}
  .ar-video{flex:0 0 min(46%,190px);scroll-snap-align:start}
  .ar-banda{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;padding:22px 18px}
  .ar-banda>div{flex-direction:column;align-items:flex-start;gap:10px}
  .ar-banda__ic{width:34px;height:34px}
  .ar-banda b{font-size:1.35rem}
  .ar-banda small{font-size:.8rem;line-height:1.35;display:block}
  .ar-testi__foto{height:340px}
  .ar-testi__badge{right:0;padding:12px 16px}
  .ar-testi__badge b{font-size:1.3rem}
  .ar-fin{padding:28px 20px 210px}
  .ar-fin .btn{width:100%;min-width:0}
  .ar-fin__foto{height:200px}
}

/* [errores-publica 30-sep] móvil en claro: la cabecera y la ceja caen encima de la foto oscura
   y el logo claro (tinta oscura) desaparecía. Cristal claro detrás de la cabecera y fondo en la ceja. */
@media (max-width:980px){
  :root[data-tema="claro"] .ar-cab{background:color-mix(in srgb,var(--fondo) 84%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--linea)}
  :root[data-tema="claro"] .ar-hero .ar-ceja{display:inline-block;background:var(--sup);color:var(--lila-2);padding:6px 10px;border-radius:999px}
}