/* rb-visual.css — capa visual de robotsasistentes.com (2026-09-30). Va DESPUÉS de bricks-child y rb-art: pisa lo justo. Marcha atrás = borrar el fichero. Colores por familia: humanoide azul · mascota naranja · cuadrúpedo violeta · doméstico verde · servicio rosa. */ :root{ --rbv-r:16px; --rbv-r-s:10px; --rbv-sombra:0 1px 2px rgba(16,24,64,.06),0 8px 24px -8px rgba(16,24,64,.18); --rbv-sombra-h:0 2px 4px rgba(16,24,64,.08),0 18px 40px -12px rgba(16,24,64,.32); --rbv-noche:#0A1033; --rbv-noche-2:#141C4F; --rbv-acento:#FF6B2C; --rbv-humanoide:#2F5BFF; --rbv-mascota:#FF7A1A; --rbv-cuadrupedo:#7C4DFF; --rbv-domestico:#0FA37F; --rbv-servicio:#E23C7A; --rbv-robot:#2F5BFF; --rbv-ok:#12805C; --rbv-warn:#A35600; --rbv-no:#5B6770; } .rbv-t-humanoide{--rbv-c:var(--rbv-humanoide)} .rbv-t-mascota{--rbv-c:var(--rbv-mascota)} .rbv-t-cuadrupedo{--rbv-c:var(--rbv-cuadrupedo)} .rbv-t-domestico{--rbv-c:var(--rbv-domestico)} .rbv-t-servicio{--rbv-c:var(--rbv-servicio)} .rbv-t-robot{--rbv-c:var(--rbv-robot)} .rbv-oculto{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0} body{background:var(--bg,#F2F4F5)} /* ---------- chips de estado ---------- */ .rbv-chip{display:inline-flex;align-items:center;gap:6px;font:600 .74rem/1 "Source Sans 3",system-ui,sans-serif;letter-spacing:.02em; padding:6px 10px;border-radius:999px;background:#fff;color:var(--rbv-no);box-shadow:0 1px 2px rgba(0,0,0,.12)} .rbv-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor} .rbv-chip-ok{color:var(--rbv-ok)} .rbv-chip-warn{color:var(--rbv-warn)} .rbv-chip-no{color:var(--rbv-no)} .rbv-badge{display:inline-grid;place-items:center;min-width:1.7em;height:1.7em;padding:0 .45em;border-radius:999px;background:var(--rbv-acento);color:#fff;font:700 .8rem/1 "Source Sans 3",sans-serif;vertical-align:middle} /* ---------- tarjeta de robot ---------- */ .rbv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin:1.25rem 0} .rbv-card{position:relative;border-radius:var(--rbv-r);background:#fff;box-shadow:var(--rbv-sombra);overflow:hidden; transition:transform .25s ease,box-shadow .25s ease;border:1px solid rgba(20,28,79,.06)} .rbv-card:hover{transform:translateY(-4px);box-shadow:var(--rbv-sombra-h)} .rbv-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none} .rbv-card-media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden; background:radial-gradient(120% 90% at 50% 100%,color-mix(in srgb,var(--rbv-c) 22%,#fff) 0%,#F6F8FF 60%,#fff 100%)} .rbv-card-media img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block;transition:transform .5s ease} .rbv-card:hover .rbv-card-media img{transform:scale(1.05)} .rbv-card-media .rbv-chip{position:absolute;left:12px;top:12px} .rbv-card-vid{position:absolute;right:12px;top:12px;display:inline-flex;align-items:center;gap:4px;padding:5px 9px 5px 7px;border-radius:999px; background:rgba(10,16,51,.78);color:#fff;font:700 .75rem/1 "Source Sans 3",sans-serif;backdrop-filter:blur(4px)} .rbv-card-vid svg{width:14px;height:14px;fill:#fff} .rbv-card-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1;border-top:3px solid var(--rbv-c)} .rbv-card-tipo{font:700 .7rem/1.2 "Source Sans 3",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--rbv-c)} .rbv-card .rbv-card-nombre{margin:0;font:700 1.2rem/1.2 "Archivo",system-ui,sans-serif;color:var(--ink,#171C20)} .rbv-card-gancho{font-size:.92rem;line-height:1.45;color:var(--ink-2,#4B555C);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .rbv-card-precio{margin-top:auto;padding-top:8px;font-size:.95rem;color:var(--ink-2,#4B555C)} .rbv-card-precio strong{font:800 1.3rem/1 "Archivo",sans-serif;color:var(--ink,#171C20);letter-spacing:-.01em} .rbv-card-precio small{font-size:.78rem;color:var(--ink-3,#6C777F)} .rbv-sinfoto{display:grid;place-items:center;width:100%;height:100%;opacity:.55} /* la columna lateral de la ficha: tarjetas en horizontal, compactas */ .rbv-grid-lado{grid-template-columns:1fr;gap:12px} .rbv-grid-lado .rbv-card-link{flex-direction:row} .rbv-grid-lado .rbv-card-media{width:42%;flex:none;aspect-ratio:auto;min-height:118px} .rbv-grid-lado .rbv-card-media .rbv-chip,.rbv-grid-lado .rbv-card-vid{display:none} .rbv-grid-lado .rbv-card-body{border-top:0;border-left:3px solid var(--rbv-c);padding:10px 12px} .rbv-grid-lado .rbv-card-nombre{font-size:1.02rem} .rbv-grid-lado .rbv-card-precio strong{font-size:1.05rem} /* los contenedores viejos de las listas (caja blanca con borde) ya no hacen falta */ #rb-precios-lista,#rb-catalogo-lista{background:none!important;border:0!important;padding:0!important} /* ---------- cabecera de la ficha ---------- */ .single-robot .rb-art-hero{margin:0} .rbv-ficha-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:start;margin:8px 0 12px} .rbv-ficha-info{display:flex;flex-direction:column;gap:14px;min-width:0} .rbv-ficha-info .rb-art-hero__texto h1{font-size:clamp(1.8rem,1.2rem + 2vw,2.7rem);line-height:1.08;letter-spacing:-.02em} .rbv-chip-hero{align-self:flex-start} .rbv-ficha-info .rb-respuesta{margin:0;background:linear-gradient(135deg,var(--rbv-noche) 0%,var(--rbv-noche-2) 100%);border:0;border-radius:var(--rbv-r); color:#fff;padding:18px 20px;box-shadow:var(--rbv-sombra);position:relative;overflow:hidden} .rbv-ficha-info .rb-respuesta::after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--rbv-c) 70%,transparent) 0%,transparent 70%);opacity:.6} .rbv-ficha-info .rb-respuesta-cifra{color:#fff;font-size:clamp(1.9rem,1.3rem + 2.2vw,2.6rem);font-weight:800} .rbv-ficha-info .rb-respuesta-pie{color:rgba(255,255,255,.85)} .rbv-ficha-info .rb-respuesta-fecha{color:rgba(255,255,255,.62)} .rbv-cifras{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px} .rbv-cifras li{background:#fff;border-radius:var(--rbv-r-s);padding:10px 12px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px; box-shadow:0 1px 2px rgba(16,24,64,.06);border:1px solid rgba(20,28,79,.07)} .rbv-cifras svg{grid-row:1/3;width:26px;height:26px;fill:none;stroke:var(--rbv-c);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;align-self:center} .rbv-cifra-v{font:800 1.08rem/1.15 "Archivo",sans-serif;color:var(--ink,#171C20)} .rbv-cifra-k{font-size:.74rem;color:var(--ink-3,#6C777F);text-transform:uppercase;letter-spacing:.06em} .rbv-acciones{display:flex;flex-wrap:wrap;gap:10px} .rbv-btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;font:700 1rem/1 "Source Sans 3",sans-serif;text-decoration:none;transition:transform .15s,filter .15s} .rbv-btn:hover{transform:translateY(-1px);filter:brightness(1.06)} .rbv-btn svg{width:18px;height:18px;fill:currentColor} .rbv-btn-play{background:var(--rbv-acento);color:#fff!important;box-shadow:0 8px 20px -8px var(--rbv-acento)} .rbv-btn-sec{background:#fff;color:var(--ink,#171C20)!important;border:1px solid var(--line,#D4DADE)} /* galería: pista con scroll-snap (funciona sin JS: se desliza con el dedo) */ .rbv-galeria{min-width:0;position:relative} .rbv-escenario{position:relative;border-radius:calc(var(--rbv-r) + 4px);overflow:hidden;box-shadow:var(--rbv-sombra); background:radial-gradient(110% 90% at 50% 100%,color-mix(in srgb,var(--rbv-c,#2F5BFF) 20%,#fff) 0%,#F4F6FD 55%,#fff 100%)} .rbv-pista{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;aspect-ratio:4/3.1} .rbv-pista::-webkit-scrollbar{display:none} .rbv-slide{flex:0 0 100%;scroll-snap-align:center;margin:0;position:relative;display:flex;align-items:center;justify-content:center} .rbv-zoom{display:block;width:100%;height:100%;cursor:zoom-in} .rbv-slide img{width:100%;height:100%;object-fit:contain;display:block} .rbv-slide figcaption{position:absolute;left:12px;bottom:10px;font-size:.72rem;color:#fff;background:rgba(10,16,51,.6);padding:4px 8px;border-radius:6px;backdrop-filter:blur(3px)} .rbv-flecha{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92); color:var(--ink,#171C20);font:400 28px/1 system-ui;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18);display:grid;place-items:center;padding:0 0 3px} .rbv-prev{left:12px} .rbv-next{right:12px} .rbv-flecha:hover{background:#fff} .rbv-contador{position:absolute;right:12px;bottom:10px;font:700 .75rem/1 "Source Sans 3",sans-serif;color:#fff;background:rgba(10,16,51,.6);padding:5px 8px;border-radius:999px} .rbv-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px} .rbv-thumb{flex:0 0 72px;height:56px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;background:#fff;opacity:.7;transition:opacity .15s,border-color .15s} .rbv-thumb img{width:100%;height:100%;object-fit:cover;display:block} .rbv-thumb.is-on,.rbv-thumb:hover{opacity:1;border-color:var(--rbv-c,#2F5BFF)} .rbv-galeria-vacia{aspect-ratio:4/3;display:grid;place-items:center;border-radius:var(--rbv-r);background:#fff} /* visor a pantalla completa */ .rbv-visor{border:0;padding:0;background:transparent;max-width:96vw;max-height:94vh} .rbv-visor::backdrop{background:rgba(6,10,30,.92)} .rbv-visor img{max-width:96vw;max-height:88vh;display:block;border-radius:10px} .rbv-visor button{position:fixed;top:14px;right:16px;width:46px;height:46px;border-radius:50%;border:0;background:#fff;font-size:26px;cursor:pointer} /* ---------- vídeos ---------- */ .rbv-videos{margin:2.2rem 0;padding:22px;border-radius:calc(var(--rbv-r) + 4px);background:linear-gradient(160deg,var(--rbv-noche) 0%,var(--rbv-noche-2) 100%);color:#fff;box-shadow:var(--rbv-sombra)} .rbv-videos-h{color:#fff!important;margin:0 0 14px!important;font-size:clamp(1.3rem,1.1rem + .8vw,1.7rem)!important} .rbv-player{position:relative;border-radius:var(--rbv-r);overflow:hidden;aspect-ratio:16/9;background:#000} .rbv-play{all:unset;box-sizing:border-box;position:absolute;inset:0;cursor:pointer;display:block} .rbv-play img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s,filter .4s} .rbv-play:hover img{transform:scale(1.03);filter:brightness(.85)} .rbv-play::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,0) 45%)} .rbv-play-ico{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;background:var(--rbv-acento); display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.4);z-index:1;transition:transform .2s} .rbv-play:hover .rbv-play-ico{transform:translate(-50%,-50%) scale(1.08)} .rbv-play-ico svg{width:34px;height:34px;fill:#fff;margin-left:4px} .rbv-play-txt{position:absolute;left:18px;right:18px;bottom:14px;z-index:1;display:flex;flex-direction:column;gap:3px} .rbv-play-txt strong{font:700 clamp(1rem,.9rem + .5vw,1.25rem)/1.25 "Archivo",sans-serif} .rbv-play-txt small{font-size:.82rem;opacity:.8} .rbv-play:focus-visible{outline:3px solid var(--rbv-acento);outline-offset:-3px} .rbv-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .rbv-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,220px);gap:12px;overflow-x:auto;margin-top:14px;padding-bottom:6px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent} .rbv-rail-item{all:unset;box-sizing:border-box;cursor:pointer;scroll-snap-align:start;display:flex;flex-direction:column;gap:5px;color:#fff;border-radius:12px;padding:6px;transition:background .15s} .rbv-rail-item:hover,.rbv-rail-item.is-on{background:rgba(255,255,255,.1)} .rbv-rail-item.is-on .rbv-rail-media{outline:2px solid var(--rbv-acento)} .rbv-rail-item:focus-visible{outline:2px solid var(--rbv-acento)} .rbv-rail-media{position:relative;display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000} .rbv-rail-media img{width:100%;height:100%;object-fit:cover;display:block} .rbv-dur{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.8);color:#fff;font:700 .72rem/1 "Source Sans 3",sans-serif;padding:3px 5px;border-radius:4px} .rbv-mini-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:rgba(10,16,51,.72);display:grid;place-items:center;transition:background .15s} .rbv-mini-play svg{width:18px;height:18px;fill:#fff;margin-left:2px} .rbv-rail-item:hover .rbv-mini-play,.rbv-vcard:hover .rbv-mini-play{background:var(--rbv-acento)} .rbv-rail-t{font:600 .88rem/1.3 "Source Sans 3",sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .rbv-rail-item small{font-size:.75rem;opacity:.65} .rbv-nota{margin:12px 0 0;font-size:.75rem;opacity:.65} .rbv-videos .rbv-nota{color:#fff} /* ---------- el resto de la ficha, con más aire y color ---------- */ .single-robot .rb-mercado{border:0;background:#fff;border-radius:var(--rbv-r);box-shadow:var(--rbv-sombra);border-top:4px solid var(--rbv-acento)} .single-robot .rb-specs{background:#fff;border-radius:var(--rbv-r);overflow:hidden;box-shadow:var(--rbv-sombra)} .single-robot .rb-specs caption{font:700 1.2rem/1.2 "Archivo",sans-serif;padding:0 0 10px} .single-robot .rb-specs th,.single-robot .rb-specs td{border-top:1px solid #EEF1F4;padding:.75rem 1rem} .single-robot .rb-specs tr:nth-child(odd){background:#FAFBFE} .single-robot .rb-altura{border:0;border-radius:var(--rbv-r);box-shadow:var(--rbv-sombra)} .single-robot .brxe-post-content h2{position:relative;padding-left:16px} .single-robot .brxe-post-content h2::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:5px;border-radius:3px;background:var(--rbv-acento)} /* ---------- portada ---------- */ #brxe-kta00se{background:radial-gradient(90% 120% at 85% 20%,#2A3BD9 0%,rgba(42,59,217,0) 55%),radial-gradient(70% 90% at 10% 100%,#5B2BD9 0%,rgba(91,43,217,0) 60%),var(--rbv-noche);color:#fff;overflow:hidden} #rb-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center;padding:56px 20px 64px!important;max-width:1180px!important} #rb-hero-copy{max-width:none} #rb-hero-eyebrow{color:#9FB4FF!important;font-weight:700;letter-spacing:.12em!important} #rb-hero-h1{color:#fff!important;font-size:clamp(2.2rem,1.4rem + 3.2vw,3.9rem)!important;line-height:1.02!important;letter-spacing:-.03em!important} #rb-hero-lead{color:rgba(255,255,255,.86)!important;font-size:1.12rem} #rb-hero-sello{color:rgba(255,255,255,.66)!important} .rbv-hero-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px} .rbv-collage{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,minmax(0,1fr));gap:12px;aspect-ratio:1/0.92} .rbv-collage-i{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px -16px rgba(0,0,0,.6);background:#fff;display:block} .rbv-collage-i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s} .rbv-collage-i:hover img{transform:scale(1.06)} .rbv-collage-i span{position:absolute;left:10px;bottom:10px;background:rgba(10,16,51,.72);color:#fff;font:700 .78rem/1 "Source Sans 3",sans-serif;padding:6px 9px;border-radius:999px;backdrop-filter:blur(4px)} .rbv-ci-0{grid-column:1/4;grid-row:1/5} .rbv-ci-1{grid-column:4/7;grid-row:1/3} .rbv-ci-2{grid-column:4/7;grid-row:3/7} .rbv-ci-3{grid-column:1/3;grid-row:5/7} .rbv-ci-4{grid-column:3/4;grid-row:5/7} .rbv-ci-4 span{display:none} #brxe-kta01se{background:#fff} #rb-precios,#rb-catalogo,#rb-tipos,#rb-videos{padding-top:48px!important;padding-bottom:48px!important} #rb-precios-h2,#rb-tipos-h2,#rb-catalogo-h2,#rb-videos-h2,#rb-guias-h2{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem)!important;letter-spacing:-.02em} #brxe-kta02se{background:linear-gradient(180deg,#F3F5FF 0%,#EEF1FB 100%)} #brxe-rbvsec{background:var(--rbv-noche);color:#fff} #rb-videos-h2{color:#fff!important} #rb-videos-intro{color:rgba(255,255,255,.75)!important} #rb-videos-mas a{color:#fff;font-weight:700} .rbv-tipos{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px} .rbv-tipo{display:flex;flex-direction:column;border-radius:var(--rbv-r);overflow:hidden;background:#fff;text-decoration:none;color:var(--ink,#171C20);box-shadow:var(--rbv-sombra);transition:transform .25s,box-shadow .25s} .rbv-tipo:hover{transform:translateY(-4px);box-shadow:var(--rbv-sombra-h)} .rbv-tipo-media{aspect-ratio:4/3;overflow:hidden;background:color-mix(in srgb,var(--rbv-c) 14%,#fff)} .rbv-tipo-media img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block;transition:transform .5s} .rbv-tipo:hover .rbv-tipo-media img{transform:scale(1.06)} .rbv-tipo-body{display:flex;flex-direction:column;gap:6px;padding:16px;border-top:4px solid var(--rbv-c);flex:1} .rbv-tipo-eyebrow{font:700 .72rem/1 "Source Sans 3",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--rbv-c)} .rbv-tipo strong{font:700 1.15rem/1.2 "Archivo",sans-serif} .rbv-tipo-txt{font-size:.9rem;color:var(--ink-2,#4B555C);line-height:1.45} .rbv-tipo-ir{margin-top:auto;padding-top:6px;font-weight:700;color:var(--rbv-c);font-size:.92rem} .rbv-vtira{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:16px;overflow-x:auto;padding:6px 2px 12px;scroll-snap-type:x proximity;scrollbar-color:rgba(255,255,255,.3) transparent} .rbv-vcard{scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;color:#fff;text-decoration:none} .rbv-vcard .rbv-rail-media{border-radius:14px;box-shadow:0 14px 30px -14px rgba(0,0,0,.7)} .rbv-vcard .rbv-rail-media img{transition:transform .5s} .rbv-vcard:hover .rbv-rail-media img{transform:scale(1.05)} .rbv-vcard strong{font:700 1.05rem/1.2 "Archivo",sans-serif;margin-top:4px} .rbv-vcard small{font-size:.85rem;opacity:.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .rbv-vcard-n{font-size:.75rem;font-weight:700;color:#FFB08A} #brxe-kta03se{background:#fff} /* tarjetas de las guías (kit): con foto y color */ .rb-art-tarjeta{border-radius:var(--rbv-r)!important;overflow:hidden;box-shadow:var(--rbv-sombra);transition:transform .25s,box-shadow .25s;background:#fff} .rb-art-tarjeta:hover{transform:translateY(-4px);box-shadow:var(--rbv-sombra-h)} .rb-art-tarjeta__media img{transition:transform .5s} .rb-art-tarjeta:hover .rb-art-tarjeta__media img{transform:scale(1.05)} /* hubs y guías con tira de fotos */ .rbv-hub-hero{display:flex;flex-direction:column;gap:18px} .rbv-tira{display:grid;grid-template-columns:repeat(5,1fr);gap:10px} .rbv-tira-i{aspect-ratio:1/1;border-radius:14px;overflow:hidden;box-shadow:var(--rbv-sombra);background:#fff} .rbv-tira-i img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block} /* videoteca */ .rbv-vt-indice{display:flex;flex-wrap:wrap;gap:8px;margin:1rem 0 1.5rem} .rbv-vt-indice a{padding:8px 14px;border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08);text-decoration:none;color:var(--ink,#171C20);font-weight:600;font-size:.9rem} .rbv-vt-indice a:hover{background:var(--rbv-acento);color:#fff} .rbv-vt-grupo{margin-top:2.4rem!important} .rbv-vt-robot{margin:1.6rem 0 2.2rem;scroll-margin-top:20px} .rbv-vt-robot h3 a{text-decoration:none;color:inherit} .rbv-vt-bloque .rbv-videos{margin:.6rem 0} .rbv-vt-ficha a{font-weight:700;color:var(--brand,#1F45D6)} /* ---------- móvil ---------- */ @media (max-width:900px){ .rbv-ficha-hero{grid-template-columns:1fr;gap:20px} #rb-hero{grid-template-columns:1fr;gap:28px;padding:36px 16px 40px!important} .rbv-tipos{grid-template-columns:repeat(2,1fr)} } @media (max-width:600px){ .rbv-grid{grid-template-columns:1fr 1fr;gap:12px} .rbv-card-body{padding:10px 11px 12px} .rbv-card .rbv-card-nombre{font-size:1rem} .rbv-card-gancho{display:none} .rbv-card-precio strong{font-size:1.05rem} .rbv-card-media .rbv-chip{left:8px;top:8px;font-size:.66rem;padding:5px 7px} .rbv-card-vid{right:8px;top:auto;bottom:8px} .rbv-grid-lado{grid-template-columns:1fr} .rbv-tipos{grid-template-columns:1fr;gap:14px} .rbv-tipo{flex-direction:row} .rbv-tipo-media{width:38%;flex:none;aspect-ratio:auto} .rbv-tipo-txt{display:none} .rbv-videos{padding:14px;margin:1.6rem 0;border-radius:16px} .rbv-play-ico{width:62px;height:62px} .rbv-flecha{width:38px;height:38px;font-size:24px} .rbv-tira{grid-template-columns:repeat(3,1fr)} .rbv-tira-i:nth-child(n+4){display:none} .rbv-collage{gap:8px} .rbv-collage-i span{font-size:.68rem;padding:5px 7px;left:6px;bottom:6px} .rbv-acciones .rbv-btn{flex:1;justify-content:center} } @media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}} /* ---------- repaso tras la 1.ª captura (30-09) ---------- */ /* cabecera: marca, menú y botón en UNA fila (antes el botón caía a una segunda línea) */ #brxe-ktcbse{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid rgba(20,28,79,.08)} #brxe-ktcbco{display:flex!important;flex-direction:row!important;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:20px;padding-top:10px;padding-bottom:10px} #brxe-ktcbnv{display:flex;align-items:center;gap:14px;min-width:0;flex:1;justify-content:flex-end} #brxe-ktcbnv .rb-art-nav{min-width:0} #brxe-ktcbnv .rb-art-nav__lista{display:flex;flex-wrap:nowrap;gap:2px;overflow-x:auto;scrollbar-width:none} .rb-art-nav__enlace{white-space:nowrap;border-radius:999px;padding:8px 12px!important} .rb-art-nav__enlace:hover,.rb-art-nav__enlace.is-actual{background:#EEF2FF;color:var(--brand,#1F45D6)!important} .rb-art-nav__cta{white-space:nowrap;border-radius:999px!important;background:var(--rbv-acento)!important;border-color:var(--rbv-acento)!important;color:#fff!important;padding:10px 16px!important;flex:none} @media (max-width:900px){ #brxe-ktcbco{flex-wrap:wrap;gap:6px 12px} #brxe-ktcbnv{flex-basis:100%;justify-content:space-between} } /* cifras: la etiqueta larga no se sale */ .rbv-cifras{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))} .rbv-cifra-k{font-size:.66rem;letter-spacing:.04em;overflow-wrap:anywhere} /* «Dónde comprarlo»: etiqueta encima del dato, no dos columnas estrechas */ .single-robot .rb-mercado dl{grid-template-columns:1fr!important;gap:2px!important} .single-robot .rb-mercado dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3,#6C777F);margin-top:10px} .single-robot .rb-mercado dd{font-weight:600;color:var(--ink,#171C20);line-height:1.45} .single-robot .rb-mercado .rb-fuente{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--rbv-noche);color:#fff!important;text-decoration:none;font-weight:700} /* el