/* ══════════════════════════════════════════════════════════════════════════
   redesign.css — capa visual 2026-10 (solo la carga index.html, después de
   styles.css y mobile-proposal.css). No cambia textos ni estructura.

   OAuth (ver docs/oauth-verification-fixes.md): nada de esta hoja baja la
   opacidad de contenido a 0 sin JS. Todo lo animado está detrás de html.js o
   es decorativo (aria-hidden). El héroe y #que-es-propelia siguen con
   .rv--slide y no se tocan aquí sus reglas de opacidad.
   ══════════════════════════════════════════════════════════════════════════ */

:root{
  --rd-glow:0 0 0 1px rgba(1,71,254,.10),0 24px 60px -24px rgba(1,71,254,.45);
  --rd-ease:cubic-bezier(.22,.75,.2,1);
}

/* ── Barra de progreso de scroll (la crea redesign.js) ───────────────────── */
.rd-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);
  background:var(--grad);z-index:60;pointer-events:none}

/* ── Header: más aire y sombra al hacer scroll ───────────────────────────── */
.hdr{transition:box-shadow .25s ease,background .25s ease}
html.rd-scrolled .hdr{box-shadow:0 10px 30px -18px rgba(1,12,68,.35);background:rgba(255,255,255,.82)}
.btn--pri{background-image:linear-gradient(118deg,#0147FE 0%,#0F79FF 60%,#019EFE 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 10px 24px -12px rgba(1,71,254,.75)}
.btn--pri:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 16px 30px -14px rgba(1,71,254,.85)}

/* ── HÉROE ───────────────────────────────────────────────────────────────── */
.pv2-hero{position:relative;overflow:hidden;isolation:isolate}
/* el bloque azul de antes pasa a ser un halo de marca con rejilla */
.pv2-hero__block{width:min(58vw,820px)!important;height:min(92%,760px)!important;top:-120px!important;right:-180px!important;
  border-radius:50%!important;background:
    radial-gradient(closest-side,rgba(1,71,254,.30),rgba(1,71,254,.10) 55%,rgba(1,71,254,0) 100%)!important;
  filter:blur(6px)}
.pv2-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(1,71,254,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(1,71,254,.06) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 75% 30%,#000 30%,transparent 75%);
          mask-image:radial-gradient(ellipse 70% 60% at 75% 30%,#000 30%,transparent 75%)}
.pv2-h1 em{background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
html.js .pv2-h1 em{animation:rd-shine 8s ease-in-out infinite}
@keyframes rd-shine{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.pv2-badge{box-shadow:0 6px 18px -10px rgba(1,71,254,.5)}
.pv2-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--exito);margin-right:9px;
  box-shadow:0 0 0 0 rgba(14,159,110,.55)}
html.js .pv2-badge::before{animation:rd-ping 2.4s ease-out infinite}
@keyframes rd-ping{0%{box-shadow:0 0 0 0 rgba(14,159,110,.55)}80%,100%{box-shadow:0 0 0 9px rgba(14,159,110,0)}}

/* chat: tarjeta tipo "glass", sin rotación, con borde degradado */
.pv2-chat{transform:none!important;border:1px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(140deg,rgba(1,71,254,.35),rgba(29,225,254,.35) 60%,rgba(227,233,245,1)) border-box;
  box-shadow:0 30px 80px -30px rgba(1,12,68,.45),0 8px 18px rgba(1,12,68,.06)}
.pv2-chatwrap{perspective:1200px}
html.js .pv2-chat{transition:transform .5s var(--rd-ease)}
.pv2-b{box-shadow:0 2px 6px -3px rgba(1,12,68,.18)}
.pv2-b--out{background-image:linear-gradient(118deg,#0147FE,#0F79FF)}
/* mensajes que entran uno a uno (solo con JS; sin JS se ven todos) */
html.js .rd-chat-play .pv2-b,html.js .rd-chat-play .pv2-chat__ft{opacity:0;transform:translateY(10px) scale(.98)}
html.js .rd-chat-play .pv2-b.rd-on,html.js .rd-chat-play .pv2-chat__ft.rd-on{opacity:1;transform:none;transition:opacity .35s ease,transform .45s var(--rd-ease)}
.pv2-chat__msgs{position:relative}
.rd-typing{position:absolute;display:inline-flex;gap:5px;padding:12px 14px;border-radius:15px 15px 15px 5px;background:var(--bg-2);border:1px solid var(--line)}
.rd-typing.rd-typing--out{align-self:flex-end;background:var(--azul-50);border-color:var(--azul-100);border-radius:15px 15px 5px 15px}
.rd-typing i{width:7px;height:7px;border-radius:50%;background:var(--tx-3);animation:rd-dot 1s infinite ease-in-out}
.rd-typing i:nth-child(2){animation-delay:.15s}.rd-typing i:nth-child(3){animation-delay:.3s}
@keyframes rd-dot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.pv2-chat__ok{position:relative}
.pv2-chat__ft.rd-on .pv2-chat__ok{animation:rd-pop .6s var(--rd-ease)}
@keyframes rd-pop{0%{transform:scale(.4)}60%{transform:scale(1.15)}100%{transform:scale(1)}}

/* Propelín animado: más grande, flotando, con sombra en el suelo */
.pv2-bot{width:150px!important;right:-34px!important;bottom:-86px!important;filter:drop-shadow(0 18px 22px rgba(1,71,254,.35));
  transition:transform .3s var(--rd-ease);cursor:pointer}
html.js .pv2-bot{animation:rd-float 5s ease-in-out infinite}
.pv2-bot:hover{transform:scale(1.06) rotate(-4deg)}
@keyframes rd-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
.rd-say{position:absolute;right:128px;bottom:-58px;background:var(--navy-900);color:#fff;font-size:13px;font-weight:600;
  padding:9px 14px;border-radius:14px 4px 14px 14px;box-shadow:0 12px 30px -12px rgba(1,12,68,.6);white-space:nowrap;
  opacity:0;transform:translateY(6px) scale(.96);transition:.3s var(--rd-ease);pointer-events:none}
.rd-say.rd-on{opacity:1;transform:none}

/* ── Banda de confianza: logos en gris que se colorean al pasar ───────────── */
.trust{background:linear-gradient(180deg,var(--bg-2),#fff)}
.trust__logos img{filter:grayscale(1) opacity(.62);transition:filter .3s ease,transform .3s ease}
.trust__logos img:hover{filter:none;transform:translateY(-2px)}

/* ── NUEVA sección de vídeo ──────────────────────────────────────────────── */
.rd-video{padding:clamp(48px,6vw,88px) 0;background:
  radial-gradient(60% 80% at 50% 0%,rgba(1,71,254,.10),transparent 70%),#fff}
.rd-video__hd{text-align:center;max-width:720px;margin:0 auto}
.rd-video__hd h2{margin-top:13px}
.rd-video__frame{position:relative;margin:clamp(26px,3.4vw,40px) auto 0;max-width:1040px;aspect-ratio:16/9;border-radius:24px;
  overflow:hidden;background:var(--navy-900);cursor:pointer;isolation:isolate;
  box-shadow:0 0 0 1px rgba(1,71,254,.18),0 50px 120px -40px rgba(1,12,68,.65),0 20px 40px -24px rgba(1,71,254,.5)}
.rd-video__frame::before{content:"";position:absolute;inset:-2px;border-radius:26px;padding:2px;z-index:2;pointer-events:none;
  background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.75}
.rd-video__frame img,.rd-video__frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.rd-video__play{position:absolute;left:clamp(14px,3vw,32px);bottom:clamp(14px,3vw,32px);z-index:3;display:flex;align-items:center;gap:12px;
  background:rgba(255,255,255,.96);color:var(--navy-900);border:0;border-radius:var(--r-full);padding:14px 24px 14px 16px;
  font:600 15.5px var(--f-ui);box-shadow:0 18px 40px -14px rgba(1,12,68,.6);cursor:pointer;transition:transform .2s var(--rd-ease)}
.rd-video__play span{width:44px;height:44px;border-radius:50%;background:var(--grad);display:grid;place-items:center;flex:none}
.rd-video__play span::after{content:"";border-left:13px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:3px}
.rd-video__frame:hover .rd-video__play{transform:scale(1.05)}
html.js .rd-video__play span{animation:rd-ring 2.2s ease-out infinite}
@keyframes rd-ring{0%{box-shadow:0 0 0 0 rgba(1,71,254,.55)}80%,100%{box-shadow:0 0 0 16px rgba(1,71,254,0)}}
.rd-video__frame.is-playing .rd-video__play,.rd-video__frame.is-playing img{display:none}
.rd-video__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
.rd-video__chips span{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-2);
  border:1px solid var(--line);background:#fff;border-radius:var(--r-full);padding:7px 13px}

/* ── Secciones oscuras: halo animado de fondo ────────────────────────────── */
.sec--dark,.cta{position:relative;overflow:hidden;isolation:isolate}
.sec--dark::before,.cta::before{content:"";position:absolute;z-index:-1;width:900px;height:900px;left:-300px;top:-420px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(1,71,254,.38),rgba(1,71,254,0));pointer-events:none}
.sec--dark::after,.cta::after{content:"";position:absolute;z-index:-1;width:700px;height:700px;right:-260px;bottom:-380px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(29,225,254,.16),rgba(29,225,254,0));pointer-events:none}
html.js .sec--dark::before,html.js .cta::before{animation:rd-drift 16s ease-in-out infinite alternate}
@keyframes rd-drift{to{translate:140px 80px}}
.pv2-pain__l li{transition:transform .25s var(--rd-ease),background .25s,border-color .25s}
.pv2-pain__l li:hover{transform:translateY(-3px);background:rgba(166,191,240,.11);border-color:rgba(29,225,254,.35)}

/* ── Tarjetas: elevación y brillo que sigue al ratón (lo pone redesign.js) ── */
.pv2-c,.pv2-step,.pv2-add,.rev4,.mate,.pv2-plan{position:relative;transition:transform .25s var(--rd-ease),box-shadow .25s ease,border-color .25s}
.pv2-c:hover,.pv2-step:hover,.rev4:hover,.mate:hover{transform:translateY(-4px);box-shadow:var(--rd-glow);border-color:var(--azul-100)}
.rd-spot{--mx:50%;--my:50%}
.rd-spot::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;
  background:radial-gradient(260px circle at var(--mx) var(--my),rgba(1,71,254,.10),transparent 60%)}
.rd-spot:hover::after{opacity:1}
.pv2-step--hero{background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;border:1.5px solid transparent}
.pv2-ia--on{box-shadow:0 0 0 0 rgba(1,71,254,.5)}
html.js .pv2-ia--on{animation:rd-ring 2.4s ease-out infinite}

/* plan destacado con borde degradado vivo */
.pv2-plan--pri{border:1.5px solid transparent!important;
  background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box!important}
.pv2-plan--pri:hover{transform:translateY(-4px)}

/* ── Reseñas: quedan 3 tarjetas, repartidas a todo el ancho ─────────────── */
@media (min-width:1081px){.revs4{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1080px) and (min-width:701px){
  .revs4{grid-template-columns:repeat(2,1fr)}
  .revs4 .rev4:last-child{grid-column:1/-1}
}

/* ── Antes / después interactivo (lo monta redesign.js; sin JS queda el grid) */
.rd-compare{position:relative;aspect-ratio:3/2;border-radius:16px;overflow:hidden;border:1px solid var(--line);
  background:var(--azul-50);user-select:none;touch-action:pan-y;cursor:ew-resize;--pos:52%}
.rd-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.rd-compare__after{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.rd-compare__bar{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 12px rgba(1,12,68,.35)}
.rd-compare__knob{position:absolute;top:50%;left:var(--pos);width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#fff;
  box-shadow:0 10px 24px -8px rgba(1,12,68,.55);display:grid;place-items:center;font:700 15px var(--f-ui);color:var(--navy-900)}
.rd-compare__knob::before{content:"‹ ›";letter-spacing:4px}
.rd-compare__tag{position:absolute;top:12px;font-family:var(--f-mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  border-radius:var(--r-full);padding:6px 11px;z-index:2}
.rd-compare__tag--a{left:12px;background:var(--azul-600);color:#fff}
.rd-compare__tag--b{right:12px;background:rgba(1,12,68,.6);color:#fff}
.rd-compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}

/* ── CTA final con Propelín animado ──────────────────────────────────────── */
.cta img{width:132px!important;filter:drop-shadow(0 20px 30px rgba(29,225,254,.35))}
.cta h2 em{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}

/* ── Movimiento reducido ─────────────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  html.js .pv2-bot,html.js .pv2-h1 em,html.js .pv2-badge::before,html.js .sec--dark::before,html.js .cta::before,
  html.js .rd-video__play span,html.js .pv2-ia--on,.rd-typing i{animation:none!important}
  .pv2-c:hover,.pv2-step:hover,.rev4:hover,.mate:hover,.pv2-plan--pri:hover{transform:none}
}

/* ── Móvil ───────────────────────────────────────────────────────────────── */
@media (max-width:700px){
  .pv2-hero__block{width:120vw!important;right:-50vw!important;top:-60px!important}
  .pv2-bot{width:96px!important;right:-4px!important;bottom:-40px!important}
  .rd-say{display:none}
  .rd-video__frame{border-radius:16px}
  .rd-video__play{left:auto;right:10px;bottom:10px;padding:7px 12px 7px 7px;font-size:12.5px;gap:8px}
  .rd-video__play span{width:30px;height:30px}
  .rd-video__play span::after{border-left-width:10px;border-top-width:6px;border-bottom-width:6px}
  .cta img{width:104px!important}
}

/* ══ Vídeo: subtítulo ══ */
.rd-video__p{margin:12px auto 0;text-align:center;max-width:56ch}

/* ══ PÍDESELO A PROPELIA (#pidele) ══════════════════════════════════════════
   Sin JS: las 4 respuestas en rejilla con su petición encima. Con JS
   (html.js.rd-ask-on, lo pone redesign.js): una sola respuesta, con pestañas. */
.rd-ask__hd{text-align:center;max-width:720px;margin:0 auto}
.rd-ask__hd h2{color:#fff;margin:13px auto 0}
.rd-ask__hd .lede{margin-inline:auto}
.rd-ask__app>*{min-width:0}
.rd-ask__app{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;margin-top:clamp(26px,3.4vw,40px);align-items:start}
.rd-ask__tabs{display:flex;flex-direction:column;gap:8px}
.rd-ask__tabs button{all:unset;box-sizing:border-box;cursor:pointer;display:block;padding:13px 16px;border-radius:14px;
  border:1px solid rgba(166,191,240,.18);background:rgba(255,255,255,.04);transition:background .2s,border-color .2s,transform .2s var(--rd-ease)}
.rd-ask__tabs button b{display:block;font:600 14.5px var(--f-ui);color:#fff}
.rd-ask__tabs button span{display:block;font-size:12.5px;color:var(--navy-200);margin-top:2px}
.rd-ask__tabs button:hover{background:rgba(255,255,255,.08)}
.rd-ask__tabs button[aria-selected="true"]{background:linear-gradient(118deg,rgba(1,71,254,.55),rgba(1,158,254,.35));border-color:rgba(29,225,254,.55)}
.rd-ask__tabs button:focus-visible{outline:2px solid var(--cian-300);outline-offset:2px}
.rd-ask__win{border-radius:22px;padding:14px;background:rgba(255,255,255,.06);border:1px solid rgba(166,191,240,.2);
  box-shadow:0 40px 90px -40px rgba(0,0,0,.6)}
.rd-ask__bar{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:9px 9px 9px 14px;
  box-shadow:0 14px 30px -16px rgba(0,0,0,.55)}
.rd-ask__bar img{width:28px;height:28px;border-radius:8px;flex:none}
.rd-ask__q{flex:1;min-width:0;font:500 15px var(--f-ui);color:var(--tx-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-ask__q.is-typed{color:var(--navy-900)}
.rd-ask__q.is-typing::after{content:"";display:inline-block;width:2px;height:1.05em;background:var(--azul-600);margin-left:2px;vertical-align:-2px;animation:rd-blink 1s steps(1) infinite}
@keyframes rd-blink{50%{opacity:0}}
.rd-ask__send{width:38px;height:38px;border-radius:50%;flex:none;background:var(--grad);position:relative}
.rd-ask__send::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-left:2.6px solid #fff;border-top:2.6px solid #fff;transform:translate(-50%,-25%) rotate(45deg)}
.rd-ask__send.is-busy::after{width:5px;height:5px;border:0;border-radius:50%;background:#fff;transform:translate(-50%,-50%);
  box-shadow:-9px 0 #fff,9px 0 #fff;animation:rd-dot 1s infinite ease-in-out}
.rd-ask__res{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}
.rd-r{background:#fff;color:var(--tx);border-radius:16px;padding:16px;min-width:0}
.rd-r__q{font:600 12px var(--f-mono);letter-spacing:.02em;color:var(--azul-600);margin-bottom:12px}
/* las cuatro respuestas apiladas en la misma celda: la caja mide siempre lo que la más alta,
   así no se encoge mientras se escribe la petición ni salta al aparecer la respuesta */
html.js.rd-ask-on .rd-ask__res{grid-template-columns:minmax(0,1fr)}
html.js.rd-ask-on .rd-r{grid-area:1/1;visibility:hidden}
@media (min-width:701px){html.js.rd-ask-on .rd-r{min-height:372px}}
html.js.rd-ask-on .rd-r.is-on{visibility:visible;animation:rd-rise .5s var(--rd-ease)}
html.js.rd-ask-on .rd-r__q{display:none}
@keyframes rd-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
html.js.rd-ask-on .rd-r.is-on [data-st]{opacity:0;transform:translateY(8px)}
html.js.rd-ask-on .rd-r.is-on [data-st].rd-on{opacity:1;transform:none;transition:opacity .35s ease,transform .45s var(--rd-ease)}

/* piezas comunes */
.rd-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.rd-chips span{font:600 11.5px var(--f-ui);color:var(--navy-900);background:var(--azul-50);border-radius:999px;padding:4px 10px}
.rd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.rd-kpis div{background:var(--bg-2);border-radius:12px;padding:10px 12px;min-width:0}
.rd-kpis b{display:block;font:800 24px/1.1 var(--f-dis);color:var(--azul-600)}
.rd-kpis b.is-up{color:var(--exito)}
.rd-kpis span{display:block;font-size:11.5px;color:var(--tx-2);margin-top:3px;line-height:1.3}
.rd-ok{display:inline-flex;align-items:center;gap:8px;margin-top:12px;background:var(--exito);color:#fff;font:600 13px var(--f-ui);border-radius:999px;padding:7px 14px 7px 9px}
.rd-ok::before{content:"";width:18px;height:18px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E9F6E' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/12px no-repeat}

/* publicar */
.rd-pub{display:grid;grid-template-columns:1.1fr 1fr;gap:14px;align-items:start}
.rd-pub__card{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.rd-pub__card img{display:block;width:100%;height:190px!important;object-fit:cover;object-position:50% 60%}
.rd-pub__b{padding:12px 14px}
.rd-pub__b b{font:700 16px var(--f-dis);color:var(--navy-900)}
.rd-pub__b p{font-size:12.5px;line-height:1.5;color:var(--tx-2);margin:10px 0 0}
.rd-pub__b p i{display:block;font:600 11px var(--f-ui);font-style:normal;color:var(--azul-600);margin-bottom:3px}
.rd-pub__b p i::before{content:"✦ "}
.rd-pub__l{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rd-pub__l li{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;box-shadow:0 6px 14px -12px rgba(1,12,68,.4)}
.rd-pub__l img{height:22px;width:auto;max-width:60%}
.rd-pub__l em{font:600 12px var(--f-ui);font-style:normal;color:var(--exito);background:var(--exito-50);border-radius:999px;padding:4px 10px}
.rd-pub__l em::before{content:"✓ "}

/* valoración con marca */
.rd-val{border-radius:14px;overflow:hidden;background:#FBF9F5;border:1px solid #ECE5D8}
.rd-val__hd{display:flex;align-items:center;gap:10px;background:#14213D;border-bottom:3px solid #B8975A;padding:12px 16px;color:#fff}
.rd-val__lg{width:30px;height:30px;border-radius:50%;border:2px solid #B8975A;color:#B8975A;display:grid;place-items:center;font:800 14px var(--f-dis)}
.rd-val__hd b{font:700 13px var(--f-dis);letter-spacing:.14em}
.rd-val__hd em{margin-left:auto;font-style:normal;font-size:12px;color:#D9CBB0}
.rd-val__bd{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px}
.rd-val__ad{font:600 13.5px var(--f-ui);color:#14213D}
.rd-val__k{font:700 10.5px var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:#8A7A5A;margin-top:12px}
.rd-val__v{font:800 clamp(26px,3vw,36px)/1.1 var(--f-dis);color:#14213D;margin-top:2px}
.rd-val__rg{height:8px;border-radius:4px;background:rgba(20,33,61,.1);margin-top:12px;position:relative}
.rd-val__rg i{position:absolute;left:20%;right:20%;top:0;bottom:0;border-radius:4px;background:#B8975A}
.rd-val__rl{display:flex;justify-content:space-between;font-size:11px;color:#6B7280;margin:6px 16% 0}
.rd-val__cmp{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rd-val__cmp li{display:grid;grid-template-columns:1fr auto;background:rgba(20,33,61,.05);border-radius:10px;padding:8px 10px}
.rd-val__cmp b{font:700 12.5px var(--f-ui);color:#14213D}
.rd-val__cmp span{grid-row:2;font-size:11px;color:#6B7280}
.rd-val__cmp em{grid-row:1/3;grid-column:2;align-self:center;font:700 13px var(--f-dis);font-style:normal;color:#14213D}
.rd-val__ft{display:flex;gap:6px;padding:0 16px 14px}
.rd-val__ft span{font:600 11.5px var(--f-ui);color:#5A4A2A;background:rgba(184,151,90,.22);border-radius:999px;padding:4px 10px}

/* reporte de visitas */
.rd-rep__row,.rd-sal__row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px;align-items:end}
.rd-bars{display:flex;align-items:flex-end;gap:12px;height:110px;padding:0 6px;border-bottom:1px solid var(--line)}
.rd-bars i{flex:1;height:var(--h);border-radius:8px 8px 3px 3px;background:linear-gradient(#1DE1FE,#0147FE)}
html.js.rd-ask-on .rd-r.is-on .rd-bars i{animation:rd-grow .8s var(--rd-ease) both}
html.js.rd-ask-on .rd-r.is-on .rd-bars i:nth-child(2){animation-delay:.08s}
html.js.rd-ask-on .rd-r.is-on .rd-bars i:nth-child(3){animation-delay:.16s}
html.js.rd-ask-on .rd-r.is-on .rd-bars i:nth-child(4){animation-delay:.24s}
@keyframes rd-grow{from{height:0}}
.rd-rep__l{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rd-rep__l li{font-size:12.5px;color:var(--tx-2);background:var(--bg-2);border-radius:10px;padding:8px 10px 8px 24px;position:relative}
.rd-rep__l li::before{content:"";position:absolute;left:10px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--azul-600)}

/* resumen de ventas */
.rd-line{width:100%;height:110px;display:block;border-bottom:1px solid var(--line)}
.rd-rank{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rd-rank li{display:flex;align-items:center;gap:10px;background:var(--bg-2);border-radius:10px;padding:6px 10px}
.rd-rank i{width:26px;height:26px;border-radius:50%;background:var(--grad);color:#fff;font:700 10.5px var(--f-ui);font-style:normal;display:grid;place-items:center;flex:none}
.rd-rank b{font:600 13px var(--f-ui);color:var(--navy-900)}
.rd-rank em{margin-left:auto;font:700 13px var(--f-dis);font-style:normal;color:var(--azul-600)}

/* tres extras debajo */
.rd-more{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.rd-more__c{border:1px solid rgba(166,191,240,.2);background:rgba(255,255,255,.04);border-radius:16px;padding:16px 18px}
.rd-more__c b{display:block;font:600 15px var(--f-ui);color:#fff}
.rd-more__c b::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cian-300);margin-right:9px;vertical-align:2px}
.rd-more__c span{display:block;font-size:13.5px;color:var(--navy-200);margin-top:5px;line-height:1.5}

@media (max-width:1080px){
  .rd-ask__app{grid-template-columns:minmax(0,1fr)}
  .rd-ask__tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .rd-ask__tabs button{flex:none}
  .rd-ask__res{grid-template-columns:1fr}
}
@media (max-width:700px){
  .rd-ask__tabs button span{display:none}
  .rd-ask__tabs button{padding:10px 14px}
  .rd-ask__win{padding:10px;border-radius:18px}
  .rd-ask__q{font-size:13px}
  .rd-pub,.rd-val__bd,.rd-rep__row,.rd-sal__row,.rd-more{grid-template-columns:1fr}
  .rd-kpis{grid-template-columns:repeat(2,1fr)}
  .rd-val__hd em{display:none}
}
@media (prefers-reduced-motion:reduce){
  .rd-ask__q.is-typing::after,.rd-ask__send.is-busy::after,html.js.rd-ask-on .rd-r.is-on,html.js.rd-ask-on .rd-r.is-on .rd-bars i{animation:none!important}
}