﻿/* Code Cloud v2: capa de experiencia (oscuro, movimiento, imágenes y video). Se carga después de estilos.css. */
:root{
  --noche:#050A18; --noche-2:#0B1530; --electrico:#3D6BFF; --cian:#4FD8FF; --oro:#F2B33D; --oro-suave:#FFF3D6;
  --acento:#2F5BEA; --marino:#0E1A3A; --tinta:#0B1222;
  --grad:linear-gradient(120deg,#3D6BFF 0%,#4FD8FF 55%,#F2B33D 100%);
}
:root[data-sitio="marketing"]{
  --noche:#0E0520; --noche-2:#1B0B3A; --electrico:#7B3BFF; --cian:#FF4FA3; --acento:#6A2EF0; --marino:#24104F;
  --grad:linear-gradient(120deg,#7B3BFF 0%,#FF4FA3 55%,#F2B33D 100%);
}
body{overflow-x:hidden}
::selection{background:var(--electrico);color:#fff}

/* Barra de progreso de lectura */
.progreso{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--grad);z-index:200}

/* Transición entre páginas */
.velo{position:fixed;inset:0;background:var(--noche);z-index:300;pointer-events:none;transform:translateY(100%);transition:transform .45s cubic-bezier(.7,0,.2,1)}
.saliendo .velo{transform:translateY(0);visibility:visible}
.velo{visibility:hidden}
.velo::after{content:"";position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px;border-radius:12px;background:var(--grad);animation:latido 1s infinite alternate}
@keyframes latido{to{transform:scale(.7) rotate(90deg);opacity:.5}}

/* Encabezado sobre fondo oscuro */
.encabezado{transition:background .35s,border-color .35s,box-shadow .35s}
.sobre-oscuro .encabezado:not(.solido){background:transparent;border-color:rgba(255,255,255,.08);backdrop-filter:none}
.sobre-oscuro .encabezado:not(.solido) .marca,.sobre-oscuro .encabezado:not(.solido) .menu>li>button{color:#fff}
.sobre-oscuro .encabezado:not(.solido) .marca small{color:#9FB0D6}
.sobre-oscuro .encabezado:not(.solido) .nav-principal{border-color:rgba(255,255,255,.08)}
.sobre-oscuro .encabezado:not(.solido) .btn-sec{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.sobre-oscuro .encabezado:not(.solido) .hamburguesa{border-color:rgba(255,255,255,.3)}
.sobre-oscuro .encabezado:not(.solido) .hamburguesa span{background:#fff}
.sobre-oscuro .franja{background:var(--noche);border-color:rgba(255,255,255,.08)}
.sobre-oscuro .franja a,.sobre-oscuro .franja span{color:#9FB0D6}
.sobre-oscuro .franja .cruce{color:#fff}
.sobre-oscuro main{margin-top:calc(-1 * var(--alto-enc,115px))}
.sobre-oscuro .encabezado.solido{background:rgba(255,255,255,.97);box-shadow:0 10px 30px -20px rgba(5,10,24,.5)}

/* HERO v2 */
.hero2{position:relative;min-height:100vh;min-height:100svh;background:var(--noche);color:#fff;overflow:hidden;display:flex;align-items:center;padding:170px 0 90px;isolation:isolate}
.hero2 video.fondo,.hero2 img.fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28;z-index:-3;filter:saturate(1.2) contrast(1.1)}
.hero2 canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.hero2::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 80% 70% at 15% 30%,rgba(61,107,255,.35),transparent 60%),radial-gradient(ellipse 60% 60% at 90% 90%,rgba(79,216,255,.18),transparent 60%),linear-gradient(180deg,rgba(5,10,24,.2),var(--noche) 98%)}
:root[data-sitio="marketing"] .hero2::after{background:radial-gradient(ellipse 80% 70% at 10% 20%,rgba(123,59,255,.45),transparent 60%),radial-gradient(ellipse 60% 60% at 90% 80%,rgba(255,79,163,.25),transparent 60%),linear-gradient(180deg,rgba(14,5,32,.2),var(--noche) 98%)}
.hero2 .contenedor{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center;width:100%}
.hero2 h1{color:#fff;font-size:clamp(3rem,7.4vw,6.6rem);line-height:.95;letter-spacing:-.035em;margin:0 0 .35em;max-width:12ch}
.hero2 h1 .palabra{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.hero2 h1 .palabra>span{display:inline-block;transform:translateY(105%);animation:emerger .9s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes emerger{to{transform:none}}
.giro{display:block;font:700 clamp(1.4rem,2.6vw,2.2rem)/1.15 var(--f-tit);color:#C9D4F2;margin:0 0 26px;min-height:1.2em}
.giro b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;transition:opacity .35s,transform .35s}
.giro b.fuera{opacity:0;transform:translateY(-40%)}
.hero2 .bajada{color:#B9C6E6;font-size:1.15rem;max-width:46ch}
.hero2 .apoyo{color:#9FB0D6;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.92rem;list-style:none;padding:0;margin:0}
.hero2 .apoyo li::before{content:"✓";color:#4ADE9B;font-weight:700;margin-right:7px}
.hero2 .acciones{margin:30px 0 24px;flex-wrap:wrap}
.hero2 .btn-sec{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.hero2 .btn-sec:hover{border-color:#fff}
.btn-grad{background:var(--grad);color:#050A18;background-size:200% 100%;transition:background-position .5s}
.btn-grad:hover{background-position:100% 0}
.btn{transition:transform .25s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s,color .3s}
.scroll-indica{position:absolute;left:50%;bottom:26px;width:26px;height:42px;border:2px solid rgba(255,255,255,.4);border-radius:14px;transform:translateX(-50%)}
.scroll-indica::after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:rueda 1.6s infinite}
@keyframes rueda{to{transform:translateY(14px);opacity:0}}

/* Tablero vidrio */
.vidrio{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:22px;backdrop-filter:blur(14px);box-shadow:0 40px 80px -30px rgba(0,0,0,.7);color:#fff;overflow:hidden}
.vidrio .tablero-tit{border-color:rgba(255,255,255,.12)}
.vidrio .tablero-tit b{color:#fff}.vidrio .tablero-tit span{color:#9FB0D6}
.vidrio .fila{border-color:rgba(255,255,255,.07)}
.vidrio .fila b{color:#fff}.vidrio .fila small{color:#9FB0D6}
.vidrio .fila .ico{background:rgba(79,216,255,.12);color:var(--cian)}
.vidrio .estado{background:rgba(52,211,153,.14);color:#4ADE9B}
.vidrio .estado.pend{background:rgba(242,179,61,.16);color:var(--oro)}
.vidrio .tablero-pie{background:rgba(255,255,255,.04);color:#9FB0D6}
.fila.pulso .estado{animation:pulso .9s}
@keyframes pulso{40%{transform:scale(1.15);box-shadow:0 0 0 6px rgba(74,222,155,.15)}}

/* Franja en movimiento */
.marquesina{background:var(--noche-2);color:#fff;overflow:hidden;border-block:1px solid rgba(255,255,255,.08);padding:22px 0}
.marquesina .pista{display:flex;gap:48px;width:max-content;animation:desliza 38s linear infinite}
.marquesina:hover .pista{animation-play-state:paused}
.marquesina span{font:700 clamp(1.4rem,3vw,2.4rem)/1 var(--f-tit);white-space:nowrap;display:flex;align-items:center;gap:48px}
.marquesina span::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--grad)}
.marquesina.clara{background:#fff;color:var(--tinta);border-color:var(--linea)}
@keyframes desliza{to{transform:translateX(-50%)}}

/* Revelados al hacer scroll */
.js [data-r]{opacity:0;transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1),clip-path 1.1s cubic-bezier(.7,0,.2,1)}
.js [data-r="sube"]{transform:translateY(46px)}
.js [data-r="izq"]{transform:translateX(-60px)}
.js [data-r="der"]{transform:translateX(60px)}
.js [data-r="zoom"]{transform:scale(.88)}
.js [data-r="cortina"]{opacity:1;clip-path:inset(0 0 100% 0)}
.js [data-r].visto{opacity:1;transform:none;clip-path:inset(0 0 0 0)}

/* Títulos grandes de sección */
.titular{font-size:clamp(2.2rem,5vw,4.4rem);line-height:.98;letter-spacing:-.03em;max-width:16ch}
.oscuro{background:var(--noche);color:#fff}
.oscuro h2,.oscuro h3{color:#fff}
.oscuro p,.oscuro .cabeza p{color:#AEBBDD}
.brillo{position:relative}
.brillo::before{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at var(--mx,50%) var(--my,50%),rgba(61,107,255,.18),transparent 40%);pointer-events:none}
:root[data-sitio="marketing"] .brillo::before{background:radial-gradient(600px circle at var(--mx,50%) var(--my,50%),rgba(255,79,163,.16),transparent 40%)}

/* Historia con scroll (sticky) */
.historia{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.historia-visual{position:sticky;top:120px;height:calc(100vh - 170px);min-height:460px;border-radius:26px;overflow:hidden;background:var(--noche-2)}
.historia-visual figure{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.08);transition:opacity .8s,transform 1.4s cubic-bezier(.2,.8,.2,1)}
.historia-visual figure.activo{opacity:1;transform:none}
.historia-visual img{width:100%;height:100%;object-fit:cover}
.historia-visual figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(5,10,24,.85))}
.historia-visual figcaption{position:absolute;left:28px;right:28px;bottom:26px;z-index:2;color:#fff;font:700 1.35rem/1.25 var(--f-tit)}
.historia-visual .hora{position:absolute;top:22px;left:24px;z-index:2;font:700 3.4rem/1 var(--f-tit);color:#fff;text-shadow:0 6px 30px rgba(0,0,0,.4)}
.pasos-historia{list-style:none;margin:0;padding:0}
.pasos-historia>li{min-height:72vh;display:flex;flex-direction:column;justify-content:center;padding:20px 0;opacity:.28;transition:opacity .5s}
.pasos-historia>li.activo{opacity:1}
.pasos-historia time{font:700 1rem var(--f-tit);color:var(--electrico);margin-bottom:10px}
.pasos-historia h3{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.05;margin-bottom:14px}
.pasos-historia p{font-size:1.1rem;color:var(--gris)}
.oscuro .pasos-historia p{color:#AEBBDD}

/* Scroll horizontal fijado */
.horizontal{position:relative}
.horizontal .fijo{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.horizontal .pista-h{display:flex;gap:26px;padding:0 6vw;will-change:transform}
.tarjeta-h{flex:0 0 min(420px,78vw);height:min(560px,62vh);border-radius:26px;overflow:hidden;position:relative;color:#fff;text-decoration:none;display:block;background:var(--noche-2)}
.tarjeta-h img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.tarjeta-h:hover img{transform:scale(1.08)}
.tarjeta-h::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,24,.1) 30%,rgba(5,10,24,.92))}
.tarjeta-h .txt{position:absolute;left:26px;right:26px;bottom:26px;z-index:2}
.tarjeta-h .num{font:700 .95rem var(--f-tit);color:var(--oro);display:block;margin-bottom:8px}
.tarjeta-h h3{color:#fff;font-size:1.9rem;margin-bottom:8px}
.tarjeta-h p{color:#C9D4F2;font-size:.95rem;margin:0 0 14px}
.tarjeta-h .ir{display:inline-flex;gap:8px;align-items:center;font-weight:650;color:#fff;border-bottom:2px solid var(--oro);padding-bottom:2px}
.horizontal .cabeza{padding:0 6vw;max-width:none;margin-bottom:34px}

/* Imagen grande con parallax y franja de video */
.banda-video{position:relative;min-height:80vh;display:flex;align-items:center;color:#fff;overflow:hidden;isolation:isolate}
.banda-video video,.banda-video img{position:absolute;inset:-10% 0;width:100%;height:120%;object-fit:cover;z-index:-2}
.banda-video::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,10,24,.88),rgba(5,10,24,.35))}
.banda-video .titular{color:#fff}
.banda-video p{color:#D3DCF2;font-size:1.15rem;max-width:52ch}

/* Contadores */
.cifras{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,255,255,.14)}
.cifra{padding:30px 22px 10px 0}
.cifra b{display:block;font:700 clamp(2.4rem,4.4vw,3.8rem)/1 var(--f-tit);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cifra span{color:#AEBBDD;font-size:.95rem}

/* Tarjetas con relieve */
[data-tilt]{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
[data-tilt]:hover{box-shadow:0 30px 60px -30px rgba(5,10,24,.45)}
.oscuro .plan{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);color:#fff}
.oscuro .plan h3{color:#fff}.oscuro .plan .para,.oscuro .plan .nota,.oscuro .precio small{color:#AEBBDD}
.oscuro .plan li{border-color:rgba(255,255,255,.08);color:#E3E9F8}
.oscuro .plan.destacado{border-color:transparent;background:linear-gradient(var(--noche-2),var(--noche-2)) padding-box,var(--grad) border-box;border:2px solid transparent}
.oscuro .selector{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.oscuro .selector button{color:#AEBBDD}
.oscuro .selector button[aria-pressed="true"]{background:#fff;color:var(--tinta)}
.oscuro .btn-sec{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}

/* Rubros en mosaico */
.rubros{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:240px;gap:14px}
.rubro{position:relative;border-radius:20px;overflow:hidden;color:#fff;text-decoration:none;background:var(--noche-2)}
.rubro:nth-child(1),.rubro:nth-child(7){grid-column:span 2;grid-row:span 2}
.rubro img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .6s;filter:saturate(.85)}
.rubro::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(5,10,24,.9))}
.rubro:hover img{transform:scale(1.1);filter:saturate(1.15)}
.rubro .txt{position:absolute;left:18px;right:18px;bottom:16px;z-index:2}
.rubro b{display:block;font:700 1.15rem/1.15 var(--f-tit)}
.rubro .txt>span{display:block;font-size:.85rem;color:#C9D4F2;max-height:0;overflow:hidden;transition:max-height .5s}
.rubro:hover .txt>span,.rubro:focus-visible .txt>span{max-height:3em}
@media (hover:none){.rubro .txt>span{max-height:3em}}
.rubro:nth-child(1) b,.rubro:nth-child(7) b{font-size:1.8rem}

/* Teléfono del hero de marketing */
.telefono{position:relative;width:min(320px,80vw);aspect-ratio:9/19;margin:0 auto;border-radius:44px;padding:12px;background:#0A0A12;box-shadow:0 0 0 2px rgba(255,255,255,.12),0 60px 120px -40px rgba(123,59,255,.8);transform:rotate(-4deg)}
.telefono video,.telefono img{width:100%;height:100%;object-fit:cover;border-radius:34px;display:block}
.telefono .muesca{position:absolute;top:22px;left:50%;width:90px;height:24px;margin-left:-45px;background:#0A0A12;border-radius:20px;z-index:2}
.telefono .ui{position:absolute;left:30px;right:30px;bottom:34px;z-index:2;color:#fff;font-size:.82rem}
.telefono .ui b{display:block;font-size:.95rem}
.burbuja{position:absolute;z-index:3;background:#fff;color:var(--tinta);border-radius:16px;padding:10px 14px;font-size:.82rem;font-weight:600;box-shadow:0 20px 40px -18px rgba(0,0,0,.6);display:flex;gap:10px;align-items:center;animation:flota 6s ease-in-out infinite}
.burbuja i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;font-weight:700}
.burbuja.b1{left:-34%;top:18%}.burbuja.b2{right:-30%;top:44%;animation-delay:-2s}.burbuja.b3{left:-24%;bottom:14%;animation-delay:-4s}
@keyframes flota{50%{transform:translateY(-14px)}}
.corazones{position:absolute;right:6%;bottom:10%;width:40px;height:300px;pointer-events:none;z-index:4}
.corazones i{position:absolute;bottom:0;left:50%;font-style:normal;font-size:22px;animation:sube-c 3.2s linear infinite;opacity:0}
@keyframes sube-c{0%{opacity:0;transform:translate(-50%,0) scale(.6)}15%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx,10px)),-280px) scale(1.2)}}

/* Encabezado interior con imagen */
.cab-imagen{position:relative;color:#fff;background:var(--noche);padding:180px 0 80px;overflow:hidden;isolation:isolate}
.cab-imagen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38;z-index:-2;transform:scale(1.06)}
.cab-imagen::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--noche) 10%,rgba(5,10,24,.55) 70%,rgba(5,10,24,.3)),linear-gradient(0deg,var(--noche),transparent 40%)}
.cab-imagen h1{color:#fff;font-size:clamp(2.4rem,5.2vw,4.6rem);line-height:.98;letter-spacing:-.03em;max-width:17ch}
.cab-imagen .bajada{color:#C9D4F2;font-size:1.15rem;max-width:56ch}
.cab-imagen .contenedor{display:grid;grid-template-columns:1.35fr .65fr;gap:48px;align-items:end}
.cab-imagen .ficha{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);backdrop-filter:blur(12px);color:#fff}
.cab-imagen .ficha dt{color:#9FB0D6}.cab-imagen .ficha dd{color:#fff}
.cab-imagen .migas{position:absolute;top:150px;left:0;right:0}
.cab-imagen .migas,.cab-imagen .migas a{color:#9FB0D6}
.cab-imagen .categoria{color:var(--oro)}

/* Dolores del rubro */
.dolores{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dolor{border-top:3px solid transparent;border-image:var(--grad) 1;padding:22px 4px 0;font:600 1.2rem/1.35 var(--f-tit)}
.oscuro .dolor{color:#fff}
.checks{columns:2 280px;column-gap:40px;list-style:none;padding:0;margin:0}
.checks li{break-inside:avoid;padding:12px 0 12px 34px;position:relative;border-bottom:1px solid var(--linea);font-size:1.02rem}
.checks li::before{content:"";position:absolute;left:0;top:14px;width:20px;height:20px;border-radius:6px;background:var(--grad)}
.checks li::after{content:"";position:absolute;left:6px;top:18px;width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.historias-ig{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.historia-ig{aspect-ratio:9/16;border-radius:22px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:var(--grad);position:relative;overflow:hidden;font:700 1.15rem/1.2 var(--f-tit)}
.historia-ig:nth-child(2){background:linear-gradient(160deg,var(--noche-2),var(--electrico))}
.historia-ig:nth-child(3){background:linear-gradient(160deg,var(--oro),var(--cian))}
.historia-ig:nth-child(4){background:linear-gradient(160deg,var(--electrico),var(--noche))}
.historia-ig::before{content:"";position:absolute;top:12px;left:12px;right:12px;height:3px;border-radius:2px;background:rgba(255,255,255,.4)}
.historia-ig small{font:500 .78rem var(--f-txt);opacity:.85;margin-bottom:6px}

@media (max-width:1080px){
  .hero2 .contenedor,.historia,.cab-imagen .contenedor{grid-template-columns:1fr}
  .historia-visual{position:relative;top:0;height:56vh}
  .pasos-historia>li{min-height:auto;opacity:1;padding:34px 0;border-bottom:1px solid var(--linea)}
  .rubros{grid-template-columns:repeat(3,1fr)}
  .rubro:nth-child(7){grid-column:span 1;grid-row:span 1}
  .cifras{grid-template-columns:repeat(2,1fr)}
  .burbuja.b1{left:-8%}.burbuja.b2{right:-6%}.burbuja.b3{left:-4%}
  .sobre-oscuro .encabezado.abierto{background:#fff}
  .sobre-oscuro .encabezado.abierto .marca{color:var(--tinta)}
}
@media (max-width:760px){
  .hero2{padding:150px 0 80px}
  .rubros{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}
  .rubro:nth-child(1){grid-column:span 2}
  .dolores{grid-template-columns:1fr}
  .historias-ig{grid-template-columns:repeat(2,1fr)}
  .horizontal .fijo{position:relative;height:auto;padding:70px 0}
  .horizontal .pista-h{overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;transform:none!important}
  .tarjeta-h{scroll-snap-align:center;height:440px}
  .horizontal{height:auto!important}
  .cab-imagen{padding:150px 0 60px}
  .cab-imagen .migas{top:122px}
}
@media (prefers-reduced-motion:reduce){
  .js [data-r]{opacity:1!important;transform:none!important;clip-path:none!important}
  .hero2 h1 .palabra>span{transform:none;animation:none}
  .marquesina .pista{animation:none}
  .velo{display:none}
}
.rubros{grid-auto-flow:dense}
.rubro picture{position:absolute;inset:0}
.rubro .txt{z-index:3}
.oscuro .caja h3,.oscuro .caja h2{color:var(--tinta)}
.oscuro .caja p{color:var(--gris)}
.oscuro .caja .form-ok{color:var(--ok)}
.tarjeta-h picture,.historia-visual picture{position:absolute;inset:0}
.tarjeta-h .txt{z-index:3}
.cab-imagen picture{position:absolute;inset:0;z-index:-2}
.cab-imagen picture img{width:100%;height:100%;object-fit:cover;opacity:.4}
.banda-video picture{position:absolute;inset:0;z-index:-2}
.cab-imagen{padding-top:calc(var(--alto-enc,115px) + 40px)}
.cab-imagen .migas{position:relative;top:auto;left:auto;right:auto;padding-top:0;padding-bottom:0;margin-bottom:22px}
@media (max-width:760px){.cab-imagen{padding-top:calc(var(--alto-enc,115px) + 28px)}.cab-imagen .migas{top:auto}}
.oscuro .precio{color:#fff}
.js [data-r].visto{clip-path:none}.js [data-r="cortina"].visto{clip-path:inset(0 0 0 0)}
@media (min-width:1081px){.burbuja.b1{left:-18%}.burbuja.b2{right:-14%}}
