/* ═══════════════════════════════════════════════════════════════════
   v7 · plataforma como recorrido animado, header de vidrio,
   proceso como flecha que avanza. Sin degradados.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Header de vidrio ─────────────────────────────────────────────── */
nav{ background:rgba(255,255,255,.58) !important; -webkit-backdrop-filter:blur(18px) saturate(170%) !important; backdrop-filter:blur(18px) saturate(170%) !important;
  border:1px solid rgba(255,255,255,.75) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 1px 2px rgba(11,20,54,.06), 0 18px 40px -22px rgba(11,20,54,.45) !important; }

/* ── Integraciones: menos texto, sin el círculo de fondo ─────────── */
.rd-orbita::before{ display:none !important; }
.rd-orb-centro{ width:22%; filter:drop-shadow(0 24px 30px rgba(0,0,0,.55)); }
.rd-integ-mas{ margin:28px 0 0; display:flex; align-items:center; gap:14px; flex-wrap:wrap; color:rgba(241,243,250,.85); font-size:1.05rem; }
.rd-integ-mas b{ font-family:'IBM Plex Serif', Georgia, serif; font-style:italic; font-weight:400; font-size:1.35rem; color:#fff; }
.rd-integ .rd-link{ color:#fff; }
.rd-integ .rd-link::after{ background:rgba(255,255,255,.1); color:#fff; border-color:rgba(255,255,255,.25); box-shadow:none; }
.rd-integ .rd-link:hover::after{ background:#fff; color:var(--rd-cartel); border-color:#fff; }

/* ── Proceso: una flecha que avanza y el balde viaja en la punta ─── */
@media (min-width: 901px){
  .rd-via{ height:18px !important; top:19px !important; border-radius:9px 0 0 9px; }
  .rd-js .rd-via i{ right:auto !important; width:0; border-radius:9px 0 0 9px; }
  .rd-via i::after{ content:""; position:absolute; right:-20px; top:50%; margin-top:-17px; width:0; height:0;
    border-left:22px solid var(--rd-azul); border-top:17px solid transparent; border-bottom:17px solid transparent; }
  .rd-js .rd-badge{ transition:none; will-change:transform; }
}
@media (max-width: 900px){
  .rd-est .pto{ width:28px !important; height:28px !important; border-width:6px !important; }
  .rd-est li{ grid-template-columns:56px minmax(0,1fr) !important; }
  .rd-badge{ width:50px !important; height:50px !important; left:3px; }
}

/* ── El viaje del balde: las piezas salen de la portada y pasan por arriba ── */
.rd-hero{ overflow-x:clip !important; overflow-y:visible !important; z-index:4; }
.rd-hero .rd-iso{ z-index:6; }
.rd-viaja .rd-pilares .rd-pil-obj img{ visibility:hidden; }
.rd-logos{ position:relative; z-index:1; }
@media (min-width: 901px){ .rd-badge{ z-index:3 !important; } }

/* ── Clientes: franja más finita, el título afuera ────────────────── */
.rd-logos{ background:transparent !important; border:0 !important; padding:6px 0 28px !important; }
.rd-logos-tit{ display:flex; align-items:center; justify-content:center; gap:10px; margin:0 0 12px !important; font-size:12px !important; letter-spacing:.18em !important; color:var(--rd-azul) !important; font-weight:700 !important; }
.rd-logos-tit::before, .rd-logos-tit::after{ content:""; width:6px; height:6px; border-radius:50%; background:#8FA7D6; }
.rd-marquee{ background:#fff; border-top:1px solid #E3E7F1; border-bottom:1px solid #E3E7F1; padding:14px 0; box-shadow:0 14px 30px -24px rgba(11,20,54,.45); }
.rd-mq-set{ gap:72px !important; padding-right:72px !important; }
.rd-mq-set .lg-terminal{ height:28px !important; } .rd-mq-set .lg-cissi{ height:52px !important; } .rd-mq-set .lg-viandas{ height:50px !important; }
.rd-mq-set .lg-jfp{ height:50px !important; } .rd-mq-set .lg-noriega{ height:40px !important; }
@media (max-width: 900px){ .rd-mq-set{ gap:48px !important; padding-right:48px !important; } .rd-mq-set .lg-terminal{ height:24px !important; } .rd-mq-set .lg-cissi, .rd-mq-set .lg-viandas, .rd-mq-set .lg-jfp{ height:42px !important; } .rd-mq-set .lg-noriega{ height:32px !important; } }
.rd-hero .rd-blob.b3{ clip-path:inset(0 0 26vw 0); }
@media (max-width: 900px){ .rd-hero .rd-blob.b3{ clip-path:inset(0 0 30vw 0); } }

/* ── Intro: el nombre gigante sobre azul, como en la web de Fino ──── */
.rd-intro{ position:relative; min-height:100vh; min-height:100svh; display:grid; place-items:center; overflow:hidden;
  background:var(--rd-cartel) var(--rd-grano); color:#fff; }
.rd-intro-in{ display:grid; justify-items:center; gap:2vh; padding:120px 16px 40px; text-align:center; }
.rd-intro-eyebrow{ margin:0; font-size:12.5px; font-weight:600; letter-spacing:.24em; text-transform:uppercase; color:#AFC0E6; }
.rd-intro-nombre{ margin:0; display:grid; line-height:.86; letter-spacing:-.045em; will-change:transform; }
.rd-intro-nombre .w1{ font-family:var(--rd-font); font-weight:800; font-stretch:110%; font-size:clamp(4.2rem,17vw,17rem); }
.rd-intro-nombre .w2{ font-family:'IBM Plex Serif', Georgia, serif; font-style:italic; font-weight:400; font-size:clamp(4rem,16vw,16rem); color:#AFC0E6; letter-spacing:-.03em; }
.rd-intro-nombre i{ display:inline-block; overflow:hidden; font-style:normal; vertical-align:top; padding:0 .02em .06em; margin:0 -.02em -.06em; }
.rd-intro-nombre i b{ display:inline-block; font-weight:inherit; }
.rd-intro-pie{ margin-top:4vh; display:grid; justify-items:center; gap:10px; }
.rd-intro-pie img{ width:62px; filter:drop-shadow(0 14px 16px rgba(0,0,0,.5)); }
.rd-intro-pie span{ font-size:11px; font-weight:700; letter-spacing:.24em; text-transform:uppercase; color:rgba(241,243,250,.6); }
@media (max-width: 900px){ .rd-intro-nombre .w1{ font-size:21vw; } .rd-intro-nombre .w2{ font-size:20vw; } }

/* ═══ v8 ═══════════════════════════════════════════════════════════ */
html.lenis, html.lenis body{ scroll-behavior:auto !important; }

/* Intro: queda quieta mientras el nombre se achica hasta ser el logo del header */
.rd-con-intro .rd-intro{ display:block; height:160vh; min-height:0; overflow:visible; }
.rd-con-intro .rd-intro-in{ position:sticky; top:0; height:100vh; height:100svh; display:grid; align-content:center; justify-items:center; }
.rd-intro-nombre{ will-change:transform, opacity; }

/* Header: escondido durante la intro, oscuro sobre fondos azules */
nav{ transition:transform .5s cubic-bezier(.2,.8,.2,1), opacity .4s, background-color .35s, border-color .35s !important; }
.rd-nav-oculta nav{ transform:translateY(-140%); opacity:0; pointer-events:none; }
.rd-nav-oscura nav{ background:rgba(11,26,66,.62) !important; border-color:rgba(255,255,255,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 18px 40px -22px rgba(0,0,0,.6) !important; }
.rd-nav-oscura .nav-logo-text{ color:#fff !important; }
.rd-nav-oscura .nav-logo img{ filter:brightness(0) invert(1); }
.rd-nav-oscura .nav-links a:not(.btn-nav):not(.lang-toggle):not(.rd-flecha){ color:rgba(241,243,250,.75) !important; }
.rd-nav-oscura .nav-links a.active:not(.rd-flecha){ color:#fff !important; border-bottom-color:#fff !important; }
.rd-nav-oscura .nav-links .rd-flecha{ background:#fff; color:var(--rd-cartel) !important; }
.rd-nav-oscura .nav-links .rd-flecha::after{ background:var(--rd-cartel); color:#fff; }
.rd-nav-oscura .lang-toggle{ color:#fff !important; border-color:rgba(255,255,255,.3) !important; background:transparent !important; }
.rd-nav-oscura .hamburger span{ background:#fff !important; }

/* Proceso: más aireado, el balde 3D chiquito y sin círculo blanco */
.rd-proc{ padding-top:140px !important; padding-bottom:150px !important; }
.rd-linea{ margin-top:96px !important; }
.rd-badge{ background:transparent !important; box-shadow:none !important; width:52px !important; height:58px !important; left:2px !important; top:-14px !important; }
.rd-badge img{ width:100% !important; height:auto; filter:drop-shadow(0 10px 10px rgba(11,20,54,.3)); }
@media (min-width: 901px){
  .rd-via{ height:10px !important; top:23px !important; background:#EAEDF5 !important; box-shadow:inset 0 1px 2px rgba(11,20,54,.1) !important; }
  .rd-via i{ background:#7D8EB1 !important; box-shadow:none !important; }
  .rd-via i::after{ right:-14px !important; margin-top:-11px !important; border-left:16px solid #7D8EB1 !important; border-top-width:11px !important; border-bottom-width:11px !important; }
  .rd-est{ gap:40px !important; }
  .rd-est .pto{ width:34px !important; height:34px !important; border-width:6px !important; }
  .rd-js .rd-est li.lit .pto{ border-color:var(--rd-acento) !important; }
}
.rd-curva .trazo{ stroke:#7D8EB1 !important; }
.rd-curva path{ stroke-width:10 !important; }

/* Plataforma: el cierre más chico, y un "+" en el menú del sistema */

/* ═══ v9 ═══════════════════════════════════════════════════════════ */
/* Intro: "BlackBuckets" en la letra del logo, de una sola línea */
.rd-intro-in{ gap:0 !important; }
.rd-intro-nombre{ display:block !important; line-height:1 !important; letter-spacing:-.04em !important; white-space:nowrap; }
.rd-intro-nombre span{ display:inline-block; font-family:var(--rd-font); font-weight:800; font-stretch:105%; font-size:clamp(3rem,13.2vw,15rem); color:#fff; }
.rd-intro-nombre span b{ display:inline-block; font-weight:inherit; will-change:transform; }
.rd-intro-eyebrow{ margin:28px 0 0 !important; font-size:13px !important; letter-spacing:.3em !important; }
.rd-intro-pie{ margin-top:14vh !important; }
.rd-intro-pie img{ width:54px !important; filter:drop-shadow(0 8px 10px rgba(5,12,40,.28)) !important; }
@media (max-width: 900px){ .rd-intro-nombre span{ font-size:14.5vw; } .rd-intro-eyebrow{ font-size:11px !important; letter-spacing:.2em !important; } .rd-intro-pie{ margin-top:10vh !important; } }
.rd-con-intro .rd-intro{ background:var(--rd-cartel) var(--rd-grano); }

/* Botón principal: rectángulo suave, el texto rueda al pasar el mouse */
.rd-flecha{ --h:56px !important; height:var(--h); border-radius:14px !important; padding:0 22px 0 26px !important; gap:14px !important;
  background:var(--rd-cartel) !important; color:#fff !important; font-size:16px !important; font-weight:700 !important; letter-spacing:-.005em !important; text-transform:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 1px 2px rgba(11,20,54,.2), 0 16px 30px -16px rgba(14,31,77,.75) !important; overflow:hidden; }
.rd-flecha::after{ content:"→" !important; width:30px !important; height:30px !important; border-radius:9px !important; background:rgba(255,255,255,.14) !important; color:#fff !important;
  font-size:15px !important; box-shadow:none !important; transition:transform .45s cubic-bezier(.7,0,.2,1) !important; }
.rd-flecha:hover::after{ transform:translateX(3px) !important; }
.rd-flecha:hover{ background:#14296A !important; }
.rd-rueda{ position:relative; display:block; height:1.25em; line-height:1.25; overflow:hidden; }
.rd-rueda span{ display:block; transition:transform .45s cubic-bezier(.7,0,.2,1); }
.rd-rueda::after{ content:attr(data-t); position:absolute; left:0; top:100%; white-space:nowrap; transition:transform .45s cubic-bezier(.7,0,.2,1); }
.rd-flecha:hover .rd-rueda span, .rd-flecha:hover .rd-rueda::after{ transform:translateY(-100%); }
.rd-flecha.chica{ --h:44px !important; padding:0 12px 0 18px !important; font-size:14px !important; border-radius:12px !important; }
.rd-flecha.chica::after{ width:24px !important; height:24px !important; border-radius:7px !important; font-size:13px !important; }
.rd-foot-top .rd-flecha, .rd-nav-oscura .nav-links .rd-flecha{ background:#fff !important; color:var(--rd-cartel) !important; }
.rd-foot-top .rd-flecha::after, .rd-nav-oscura .nav-links .rd-flecha::after{ background:var(--rd-tinte) !important; color:var(--rd-cartel) !important; }

/* Botón secundario: texto con una línea que se completa, sin círculos */
.rd-link{ position:relative; gap:8px !important; padding:4px 0 !important; font-size:16px !important; font-weight:700 !important; color:var(--rd-tinta) !important; }
.rd-link::after{ content:"→" !important; width:auto !important; height:auto !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important;
  color:inherit !important; font-size:16px !important; transition:transform .35s cubic-bezier(.2,.8,.2,1) !important; }
.rd-link.baja::after{ content:"↓" !important; }
.rd-link::before{ content:""; position:absolute; left:0; right:0; bottom:-2px; height:1.5px; background:currentColor; opacity:.3; transform-origin:0 50%; transition:opacity .3s; }
.rd-link:hover::before{ opacity:1; }
.rd-link:hover::after{ transform:translateX(4px) !important; background:none !important; color:inherit !important; }
.rd-link.baja:hover::after{ transform:translateY(3px) !important; }

/* Integraciones: fondo claro, logos sin círculo blanco, sombras suaves */
.rd-integ{ background:#fff !important; color:var(--rd-tinta) !important; border-top:1px solid var(--rd-linea); }
.rd-integ .rd-chip{ background:var(--rd-tinte) !important; color:var(--rd-azul) !important; }
.rd-integ .rd-h2{ color:var(--rd-tinta) !important; } .rd-integ .rd-h2 em{ color:var(--rd-acento) !important; }
.rd-integ .rd-lead{ color:var(--rd-gris) !important; }
.rd-integ-mas{ color:var(--rd-gris) !important; } .rd-integ-mas b{ color:var(--rd-tinta) !important; }
.rd-integ .rd-link{ color:var(--rd-tinta) !important; }
.rd-ring{ border-color:rgba(26,56,117,.12) !important; }
.rd-spoke{ background:rgba(26,56,117,.1) !important; }
.rd-spoke::after{ background:#7D8EB1 !important; box-shadow:0 0 0 3px rgba(125,142,177,.2) !important; }
.rd-sat i{ background:transparent !important; box-shadow:none !important; }
.rd-sat i img{ width:62% !important; height:62% !important; object-fit:contain; filter:drop-shadow(0 8px 10px rgba(11,20,54,.18)); }
.rd-sat small{ color:var(--rd-gris) !important; }
.rd-orb-centro{ filter:drop-shadow(0 16px 18px rgba(11,20,54,.18)) !important; }

/* Proceso: balde más chico y con sombra suave */
.rd-badge img{ filter:drop-shadow(0 6px 6px rgba(11,20,54,.18)) !important; }
@media (max-width: 900px){ .rd-badge{ width:44px !important; height:50px !important; left:6px !important; top:-10px !important; z-index:3 !important; will-change:transform; } }

/* Celular: el círculo grande de la portada no tapa los logos */
@media (max-width: 900px){ .rd-hero .rd-blob.b3{ display:none !important; } .rd-iso-zona .b1{ width:72% !important; right:6% !important; } }

/* Celular: "¿Qué es BlackBuckets?" en filas compactas, pieza a la izquierda y texto a la derecha */
@media (max-width: 900px){
  .rd-qe-h{ font-size:clamp(2.3rem,10vw,3rem) !important; }
  .rd-qe-resp{ font-size:1.15rem !important; }
  .rd-pilares{ gap:22px !important; margin-top:36px !important; }
  .rd-pilares li{ display:grid; grid-template-columns:96px minmax(0,1fr); column-gap:16px; align-items:start; }
  .rd-pil-obj{ grid-row:span 3; height:96px !important; margin:0 !important; }
  .rd-pil-obj::before{ left:8% !important; right:8% !important; height:16px !important; bottom:0 !important; }
  .rd-pil-obj img{ width:100% !important; }
  .rd-pil-n{ width:28px !important; height:28px !important; font-size:11px !important; margin-bottom:6px !important; }
  .rd-pilares h3{ font-size:1.2rem !important; margin-bottom:6px !important; }
  .rd-pilares p{ font-size:.98rem !important; }
  .rd-calle{ padding-bottom:120px !important; }
}
.rd-con-intro .rd-intro{ height:140vh !important; }
.rd-intro-nombre span{ font-size:clamp(3rem,11vw,13rem); }
@media (max-width: 900px){ .rd-intro-nombre span{ font-size:14vw; } }
@media (max-width: 900px){ .rd-intro-nombre span{ font-size:11.6vw !important; } }

/* ═══ v10 · más sobrio ═════════════════════════════════════════════ */
/* Intro: letras que suben desde una ventanita */
.rd-intro-nombre span i{ display:inline-block; overflow:hidden; font-style:normal; vertical-align:top; padding:0 .01em .08em; margin:0 -.01em -.08em; }
.rd-intro-nombre span b{ display:inline-block; }

/* Header: siempre blanco y sólido, también sobre fondos azules */
nav, .rd-nav-oscura nav{ background:#fff !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  border:1px solid #E3E7F1 !important; box-shadow:0 1px 2px rgba(11,20,54,.05), 0 14px 32px -20px rgba(11,20,54,.4) !important; }

/* Botón principal: sobrio, sin flecha ni efectos */
.rd-flecha{ --h:52px !important; padding:0 26px !important; border-radius:10px !important; gap:0 !important; background:var(--rd-cartel) !important; color:#fff !important;
  font-size:15.5px !important; font-weight:600 !important; letter-spacing:0 !important; box-shadow:0 1px 2px rgba(11,20,54,.18), 0 8px 18px -10px rgba(14,31,77,.55) !important;
  transition:background .25s, box-shadow .25s, transform .25s !important; }
.rd-flecha::after{ display:none !important; content:none !important; }
.rd-flecha:hover{ background:#1A3875 !important; transform:translateY(-1px) !important; box-shadow:0 2px 4px rgba(11,20,54,.18), 0 14px 26px -12px rgba(14,31,77,.6) !important; }
.rd-rueda{ height:auto !important; overflow:visible !important; }
.rd-rueda::after{ display:none !important; }
.rd-flecha:hover .rd-rueda span{ transform:none !important; }
.rd-flecha.chica{ --h:42px !important; padding:0 18px !important; font-size:14px !important; border-radius:9px !important; }
.rd-foot-top .rd-flecha{ background:#fff !important; color:var(--rd-cartel) !important; }
.rd-foot-top .rd-flecha:hover{ background:#E4E9F4 !important; }

/* Botón secundario: texto subrayado, sin flecha */
.rd-link::after{ display:none !important; content:none !important; }
.rd-link{ font-weight:600 !important; padding:2px 0 !important; }
.rd-link::before{ opacity:.35 !important; bottom:-3px !important; height:1px !important; }
.rd-link:hover::before{ opacity:1 !important; }

/* Proceso: sin punta de flecha; el balde queda quieto al principio de la línea */
.rd-via i::after{ display:none !important; }
@media (min-width: 901px){ .rd-via{ border-radius:5px !important; } .rd-via i{ border-radius:5px !important; } }

/* Clientes: sin franja blanca ni bordes, los logos sueltos sobre el fondo */
.rd-marquee{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:10px 0 !important; }
.rd-logos{ padding:20px 0 36px !important; }
.rd-logos-tit{ color:var(--rd-gris) !important; font-weight:600 !important; font-size:11.5px !important; }
.rd-logos-tit::before, .rd-logos-tit::after{ display:none !important; }
.rd-con-intro .rd-intro{ height:120vh !important; }

/* ═══ v11 ══════════════════════════════════════════════════════════ */
/* Header de vidrio claro */
nav, .rd-nav-oscura nav{ background:rgba(255,255,255,.62) !important; -webkit-backdrop-filter:blur(18px) saturate(170%) !important; backdrop-filter:blur(18px) saturate(170%) !important;
  border:1px solid rgba(255,255,255,.8) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 1px 2px rgba(11,20,54,.06), 0 18px 40px -22px rgba(11,20,54,.45) !important; }

/* Proceso: puntos chicos y el balde viajando por la línea */
@media (min-width: 901px){
  .rd-est .pto{ width:20px !important; height:20px !important; border-width:4px !important; margin-top:16px !important; box-shadow:0 4px 8px -4px rgba(11,20,54,.4) !important; }
  .rd-badge{ width:40px !important; height:46px !important; top:-6px !important; left:0 !important; will-change:transform; }
}
@media (max-width: 900px){ .rd-est .pto{ width:20px !important; height:20px !important; border-width:4px !important; } }
/* Pilares: el número solo, sin fondo */
.rd-pil-n{ display:block !important; width:auto !important; height:auto !important; margin:0 0 10px !important; padding:0 !important; border-radius:0 !important;
  background:none !important; box-shadow:none !important; color:#7D8EB1 !important;
  font-family:'IBM Plex Serif', Georgia, serif !important; font-style:italic !important; font-weight:400 !important; font-size:1.35rem !important; letter-spacing:0 !important; }
@media (max-width: 900px){ .rd-pil-n{ font-size:1.1rem !important; margin-bottom:4px !important; } }
/* Menos aire entre "¿Qué es?" y la calle */
.rd-quees{ padding-bottom:72px !important; }
.rd-calle{ padding-top:56px !important; padding-bottom:72px !important; }
@media (max-width: 900px){ .rd-calle{ padding-top:56px !important; padding-bottom:56px !important; } }

/* Header: la sección donde estás, marcada con una pastilla que se desliza */
.nav-links{ position:relative; }
.nav-links a.active:not(.rd-flecha){ border-bottom-color:transparent !important; color:var(--rd-gris) !important; }
.nav-links a:not(.btn-nav):not(.lang-toggle):not(.rd-flecha){ position:relative; z-index:1; border-bottom:0 !important; }
.nav-links a.rd-on:not(.btn-nav):not(.lang-toggle):not(.rd-flecha), .nav-links a.rd-on:not(.btn-nav):not(.lang-toggle):not(.rd-flecha):hover{ color:#fff !important; }
.rd-spy{ position:absolute; left:0; top:50%; height:32px; margin-top:-16px; border-radius:9px; background:var(--rd-cartel); z-index:0; opacity:0; pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 6px 14px -8px rgba(14,31,77,.6);
  transition:transform .45s cubic-bezier(.2,.8,.2,1), width .45s cubic-bezier(.2,.8,.2,1), opacity .25s; }
@media (prefers-reduced-motion: reduce){ .rd-spy{ transition:opacity .2s; } }

/* ═══ v12 ══════════════════════════════════════════════════════════ */
/* Intro: el telón azul sube y deja ver la portada (sin vacío azul) */
.rd-intro-telon{ display:none; }
.rd-con-intro .rd-intro{ height:165vh !important; background:transparent !important; position:relative; z-index:6; }
.rd-con-intro .rd-intro-in{ background:transparent; }
.rd-con-intro .rd-intro-telon{ display:block; position:absolute; inset:0; z-index:0; background:var(--rd-cartel) var(--rd-grano); transform-origin:50% 0; will-change:transform; }
.rd-con-intro .rd-intro-in > *:not(.rd-intro-telon){ position:relative; z-index:1; }
.rd-con-intro .rd-hero{ margin-top:-100vh; }
.rd-intro-pie img{ filter:none !important; }

/* Header: una línea debajo de la sección activa, sin fondo */
.rd-spy{ top:50% !important; height:2px !important; margin-top:13px !important; border-radius:2px !important; background:var(--rd-azul) !important; box-shadow:none !important; }
.nav-links a.rd-on:not(.btn-nav):not(.lang-toggle):not(.rd-flecha), .nav-links a.rd-on:not(.btn-nav):not(.lang-toggle):not(.rd-flecha):hover{ color:var(--rd-azul) !important; }

/* Clientes: los logos solos, sin sombra */
.rd-mq-set img{ filter:none !important; }

/* Proceso: el balde se apoya sobre la línea y, al final, ocupa el lugar del punto de Soporte */
@media (min-width: 901px){ .rd-badge{ top:4px !important; } }
.rd-est li .pto{ transition:opacity .25s, transform .25s, border-color .3s !important; }
.rd-est li.llego .pto{ opacity:0 !important; transform:scale(.4) !important; }

/* Preguntas frecuentes */
.rd-faq{ background:#fff; padding:120px 0; border-top:1px solid var(--rd-linea); }
.rd-faq-in{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:64px; align-items:start; }
.rd-faq-txt{ position:sticky; top:130px; }
.rd-faq-lista{ border-top:1px solid var(--rd-linea); }
.rd-faq-item{ border-bottom:1px solid var(--rd-linea); }
.rd-faq-item summary{ list-style:none; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 0; cursor:pointer;
  font-family:var(--rd-font); font-weight:700; font-size:clamp(1.08rem,1.6vw,1.3rem); letter-spacing:-.01em; color:var(--rd-tinta); }
.rd-faq-item summary::-webkit-details-marker{ display:none; }
.rd-faq-item summary:focus-visible{ outline:2px solid var(--rd-azul); outline-offset:4px; border-radius:4px; }
.rd-faq-item summary i{ position:relative; flex:none; width:18px; height:18px; }
.rd-faq-item summary i::before, .rd-faq-item summary i::after{ content:""; position:absolute; left:0; right:0; top:50%; height:2px; margin-top:-1px; border-radius:1px; background:var(--rd-azul); transition:transform .35s cubic-bezier(.2,.8,.2,1); }
.rd-faq-item summary i::after{ transform:rotate(90deg); }
.rd-faq-item[open] summary i::after{ transform:rotate(0deg); }
.rd-faq-r{ overflow:hidden; }
.rd-faq-r p{ margin:0; padding:0 48px 26px 0; color:var(--rd-gris); line-height:1.7; font-size:1.05rem; max-width:40em; }
@media (max-width: 900px){ .rd-faq{ padding:72px 0 80px; } .rd-faq-in{ grid-template-columns:minmax(0,1fr); gap:28px; } .rd-faq-txt{ position:static; } .rd-faq-r p{ padding-right:0; } }

/* Cierre: el balde se arma de nuevo */
.rd-cierre{ background:var(--rd-papel); padding:120px 0 128px; border-top:1px solid var(--rd-linea); overflow:hidden; }
.rd-cierre-in{ display:grid; justify-items:center; text-align:center; }
.rd-cierre-balde{ position:relative; width:min(46vw, 230px); aspect-ratio:900/1003; margin-bottom:40px; }
.rd-cierre-balde .pz{ position:absolute; inset:0; will-change:transform; }
.rd-cierre-balde .pz img{ display:block; width:100%; height:100%; }
.rd-cierre-balde .sombra{ position:absolute; left:22%; right:22%; bottom:-3%; height:7%; border-radius:50%; background:rgba(14,31,77,.18); filter:blur(10px); }
.rd-cierre .rd-h2{ max-width:none !important; font-size:clamp(2.3rem,5vw,4rem) !important; }
.rd-cierre .rd-lead{ margin:0 auto 34px; }
@media (max-width: 900px){ .rd-cierre{ padding:80px 0 88px; } }
.rd-con-intro .rd-intro-in{ width:100% !important; max-width:none !important; box-sizing:border-box; margin:0 !important; }

/* ═══ v13 ═══ */
/* Intro: azul más oscuro y a todo el ancho de la pantalla */
.rd-con-intro .rd-intro-telon{ left:50% !important; right:auto !important; width:100vw !important; margin-left:-50vw !important; background:#0A1638 var(--rd-grano) !important; }
html, body{ overflow-x:clip; }
/* "todos los días" con la cursiva de la marca */
.reel-words .rw-text em{ font-family:'IBM Plex Serif', Georgia, serif !important; font-style:italic !important; font-weight:400 !important; letter-spacing:-.01em; }
/* header con 8 secciones: un poco más compacto */
.nav-links{ gap:20px !important; }
.nav-links a:not(.btn-nav):not(.lang-toggle):not(.rd-flecha){ letter-spacing:.1em !important; font-size:11px !important; }
@media (max-width: 1280px){ .nav-links{ gap:16px !important; } .nav-links a:not(.btn-nav):not(.lang-toggle):not(.rd-flecha){ letter-spacing:.06em !important; } }
/* pasado el comienzo del scroll, el "Bajá" y el baldecito de la intro no se ven nunca más */
.rd-intro-fuera .rd-intro-pie, .rd-intro-fuera .rd-intro-eyebrow{ visibility:hidden !important; }
/* celular: la frase "No vendemos un producto enlatado" sin tanto vacío y con margen a los costados */
@media (max-width: 900px){
  /* ocupa toda la pantalla y la frase se estira a lo largo */
  .reel-words{ min-height:100svh !important; padding:96px 24px 72px !important; display:flex !important; align-items:center !important; }
  .rw-text{ width:100%; font-size:clamp(38px, 11.4vw, 56px) !important; line-height:1.08 !important; letter-spacing:-.03em !important; text-wrap:pretty !important; }
  .rw-kicker{ margin-bottom:18px !important; }
}

/* celular: sin la ayuda "Tocá un logo para leer su historia" */
@media (max-width: 900px){ .rd-voces-hint{ display:none !important; } }

/* ═══ v15 ═══ */
/* celular: la portada entra entera en la primera pantalla */
@media (max-width: 900px){
  .rd-hero-in{ min-height:100svh !important; display:flex !important; flex-direction:column; padding-top:100px !important; padding-bottom:18px !important; gap:0 !important; }
  .rd-hero h1{ font-size:clamp(2.05rem, 8.8vw, 2.6rem) !important; margin-bottom:14px !important; }
  .rd-hero-sub{ font-size:1rem !important; line-height:1.5 !important; margin-bottom:20px !important; }
  .rd-iso-zona{ flex:1 1 auto; height:auto !important; min-height:190px; max-height:310px; margin-top:6px !important; }
  .rd-iso{ width:auto !important; height:86%; max-height:250px; }
}
/* celular: menú prolijo, con fondo liso y sin el WhatsApp encima */
@media (max-width: 900px){
  .mobile-menu{ top:0 !important; padding:112px 24px 28px !important; background:var(--rd-papel, #F5F6FA) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; overflow-y:auto; counter-reset:m; gap:0 !important; z-index:98 !important; }
  .mobile-menu > a{ counter-increment:m; display:flex; align-items:baseline; gap:14px; font-family:'Archivo', sans-serif !important; font-size:27px !important; font-weight:700 !important; letter-spacing:-.025em; padding:14px 0 !important; border-bottom:1px solid rgba(20,33,61,.09) !important; color:#14213D !important; }
  .mobile-menu > a::before{ content:counter(m, decimal-leading-zero); font-family:'IBM Plex Serif', Georgia, serif; font-style:italic; font-weight:400; font-size:15px; color:#224182; min-width:22px; }
  .mobile-menu .mobile-actions{ margin-top:auto !important; padding-top:28px; display:grid !important; gap:16px !important; }
  .mobile-menu .mobile-actions .btn-nav{ border-radius:12px !important; padding:16px !important; font-size:16px !important; }
  .mobile-menu .lang-toggle-mobile{ justify-self:start; border:0 !important; background:none !important; padding:0 0 3px !important; font-size:14px !important; letter-spacing:.12em; border-bottom:2px solid currentColor !important; border-radius:0 !important; color:#14213D !important; width:auto !important; }
  body:has(.mobile-menu.open) .wa-float{ display:none !important; }
}
/* "No vendemos un producto enlatado": letra un poco más chica y más recorrido para leerla */
.rw-text{ font-size:clamp(28px, 3.9vw, 54px) !important; }
@media (max-width: 900px){
  .reel-words{ min-height:125svh !important; }
  .rw-text{ font-size:clamp(31px, 8.8vw, 40px) !important; line-height:1.12 !important; }
}

/* Qué hacemos: al pasar el mouse la tarjeta no se mueve (moverla desenfocaba el texto en Windows), solo gana sombra */
.rd-srv, .rd-srv:hover{ transform:none !important; }
.rd-srv{ transition:box-shadow .3s ease !important; }
.rd-srv:hover .rd-srv-ico{ transform:none; }

/* ── Fundador: la foto de Juan con los círculos de la portada atrás ── */
.rd-founder{ position:relative; overflow:hidden; background:var(--rd-papel, #F5F6FA); padding:120px 0 124px; border-top:1px solid var(--rd-linea); }
.rd-founder-in{ position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(40px,7vw,96px); align-items:center; }
.rd-founder .rd-blob{ position:absolute; display:block; pointer-events:none; }
.rd-founder .fb3{ width:38vw; aspect-ratio:1; border-radius:50%; background:#ECEFF7; right:-12vw; bottom:-22vw; z-index:0; }
.rd-founder-foto{ position:relative; margin:0; justify-self:center; width:100%; max-width:360px; }
.rd-founder-foto .fb1{ width:112%; aspect-ratio:1; left:-10%; top:8%; background:#E4E9F4; border-radius:58% 42% 52% 48% / 46% 56% 44% 54%; z-index:0; }
.rd-founder-foto .fb2{ width:26%; aspect-ratio:1; right:-9%; top:-7%; background:#D3DBEC; border-radius:50%; z-index:0; }
.rd-founder-foto img{ position:relative; z-index:1; display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; border-radius:28px;
  box-shadow:0 2px 4px rgba(11,20,54,.06), 0 40px 70px -36px rgba(11,20,54,.5); }
.rd-founder-cita{ margin:6px 0 26px; font-family:'IBM Plex Serif', Georgia, serif; font-style:italic; font-weight:400; font-size:clamp(1.3rem, 1.9vw, 1.65rem); line-height:1.45; color:#14213D; max-width:30em; }
.rd-founder-cita::before{ content:"“"; display:block; font-size:3.2em; line-height:.6; color:#224182; margin-bottom:6px; }
.rd-founder-firma{ display:grid; gap:2px; margin:0 0 22px; }
.rd-founder-firma b{ font-size:1.1rem; color:#14213D; }
.rd-founder-firma span{ font-size:.95rem; color:var(--rd-gris); }
.rd-founder-eq{ margin:0; padding-top:20px; border-top:1px solid var(--rd-linea); color:var(--rd-gris); max-width:34em; }
@media (max-width: 900px){
  .rd-founder{ padding:72px 0 84px; }
  .rd-founder-in{ grid-template-columns:minmax(0,1fr); gap:44px; }
  .rd-founder-foto{ max-width:290px; justify-self:start; margin-left:6px; }
  .rd-founder .fb3{ width:80vw; right:-40vw; bottom:-30vw; }
}

/* Fundador v2: foto circular con los círculos de la portada alrededor */
.rd-founder-foto{ max-width:340px !important; }
.rd-founder-foto img{ aspect-ratio:1 !important; border-radius:50% !important; object-position:50% 22%;
  box-shadow:0 0 0 10px #fff, 0 2px 4px rgba(11,20,54,.06), 0 40px 70px -34px rgba(11,20,54,.5) !important; }
.rd-founder-foto .fb1{ width:116% !important; left:2% !important; top:6% !important; border-radius:50% !important; background:#E4E9F4 !important; }
.rd-founder-foto .fb2{ width:24% !important; right:-6% !important; top:-4% !important; }
.rd-founder-foto::after{ content:""; position:absolute; z-index:0; width:114%; aspect-ratio:1; left:-11%; top:-10%; border-radius:50%; border:1.5px solid rgba(34,65,130,.28); pointer-events:none; }
.rd-founder-cita::before{ font-size:2.4em !important; color:#9DB0E6 !important; }
.rd-founder-firma{ grid-template-columns:auto 1fr; align-items:center; column-gap:12px; }
.rd-founder-firma::before{ content:""; grid-row:span 2; width:28px; height:2px; background:#224182; }
@media (max-width: 900px){ .rd-founder-foto{ max-width:250px !important; margin-left:18px !important; margin-top:12px; } }

/* Fundador v3: sin anillos ni bordes; dos círculos llenos que giran alrededor de la foto al scrollear */
.rd-founder-foto::after{ content:none !important; }
.rd-founder-foto img{ box-shadow:0 30px 60px -30px rgba(11,20,54,.45) !important; }
.rd-founder-foto .fb1{ width:58% !important; aspect-ratio:1; left:21% !important; top:21% !important; background:#1E3A6E !important; border-radius:50% !important; z-index:0 !important; }
.rd-founder-foto .fb2{ width:34% !important; left:33% !important; top:33% !important; right:auto !important; background:#D3DBEC !important; z-index:0 !important; }
.rd-founder-firma{ display:block !important; }
.rd-founder-firma::before{ content:none !important; }
.rd-founder-firma b{ display:block; font-family:'IBM Plex Serif', Georgia, serif; font-style:italic; font-weight:400; font-size:1.35rem; color:#14213D; }
.rd-founder-firma span{ display:block; margin-top:4px; font-size:.78rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#224182; }
/* Fundador v4: círculos claritos y más grandes, para que se vean más */
.rd-founder-foto .fb1{ width:92% !important; left:4% !important; top:4% !important; background:#DCE3F2 !important; }
.rd-founder-foto .fb2{ width:48% !important; left:26% !important; top:26% !important; background:#C9D4EC !important; }