.t9Franja{background:radial-gradient(60% 46% at 72% 100%, rgba(var(--luz-calida-rgb), .13), transparent 70%), radial-gradient(50% 40% at 18% 0%, rgba(var(--innovar-rgb), .14), transparent 70%), linear-gradient(180deg, var(--petroleo) 0%, var(--noche) 100%);color:var(--texto-osc);isolation:isolate;padding-block:clamp(4.5rem,9vw,8.5rem);position:relative;overflow:hidden}.t9Veta{z-index:-1;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='120' viewBox='0 0 600 120'%3E%3Cg fill='none' stroke='%23EAF2F0' stroke-width='1'%3E%3Cpath d='M0 20 C150 8 300 34 450 18 S600 22 600 22'/%3E%3Cpath d='M0 52 C120 40 280 66 420 50 S560 58 600 54'/%3E%3Cpath d='M0 86 C160 76 300 100 470 84 S580 90 600 88'/%3E%3C/g%3E%3C/svg%3E");background-size:600px 120px;position:absolute;inset:0}.t9Escena{width:min(100% - var(--page-pad) * 2, 1400px);margin-inline:auto}.t9Comparador{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"antes antes""marco marco""mando despues";align-items:start;display:grid}.t9Rotulos{display:contents}.t9Rotulo{z-index:0;letter-spacing:-.055em;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:opacity .26s var(--motion-fundido), color .26s var(--motion-fundido);font-size:clamp(3.6rem,14vw,13.5rem);font-weight:300;line-height:.82;position:relative}.t9RotuloAntes{color:var(--grafito-claro);opacity:calc(.34 + var(--t9-v,.5) * .66);grid-area:antes;justify-self:start;margin:0 0 -.11em -.04em}.t9RotuloDespues{color:var(--innovar-luz);opacity:calc(.34 + (1 - var(--t9-v,.5)) * .66);text-shadow:0 0 60px rgba(var(--luz-calida-rgb), .18);grid-area:despues;justify-self:end;margin:.06em -.04em 0 0}.t9Marco{z-index:1;aspect-ratio:3/2;border-radius:var(--radius-md);background:var(--noche);box-shadow:0 0 0 1px rgba(var(--innovar-luz-rgb), .14), 0 40px 90px -30px #000000bf, 0 -30px 120px -60px rgba(var(--luz-calida-rgb), .35);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;grid-area:marco;position:relative;overflow:hidden}.t9Par{position:absolute;inset:0}.t9Par.isActivo{animation:t9Entra .9s var(--motion-ease) both}.t9Par.isActivo .t9Img{animation:t9Asienta 1.4s var(--motion-ease) both}@keyframes t9Entra{0%{opacity:0}to{opacity:1}}@keyframes t9Asienta{0%{transform:scale(1.04)}to{transform:none}}.t9Img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.t9Antes{clip-path:inset(0 calc(100% - var(--t9-pos,50%)) 0 0);position:absolute;inset:0}.t9Luz{top:0;bottom:0;left:var(--t9-pos,50%);background:radial-gradient(closest-side, rgba(var(--luz-calida-rgb), .22), transparent);mix-blend-mode:screen;pointer-events:none;width:clamp(120px,16vw,240px);position:absolute;transform:translate(-50%)}.t9Tirador{top:0;bottom:0;left:var(--t9-pos,50%);cursor:ew-resize;outline:none;width:64px;position:absolute;transform:translate(-50%)}.t9CotaLinea{width:1px;box-shadow:0 0 14px rgba(var(--luz-calida-rgb), .55);background:#eaf2f0eb;position:absolute;top:18px;bottom:18px;left:50%}.t9CotaTope{background:#eaf2f0eb;width:19px;height:1px;position:absolute;left:calc(50% - 9px)}.t9CotaTope1{top:18px}.t9CotaTope2{bottom:18px}.t9Perilla{width:58px;height:58px;color:var(--texto-osc-fuerte);background:rgba(var(--noche-rgb), .52);border:1px solid rgba(var(--innovar-viva-rgb), .7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px -8px #0009, 0 0 0 0 rgba(var(--innovar-viva-rgb), 0);transition:box-shadow var(--motion-base) var(--motion-ease), background var(--motion-fast) var(--motion-ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.t9Marco:hover .t9Perilla{background:rgba(var(--noche-rgb), .7);box-shadow:0 10px 30px -8px #0009, 0 0 0 8px rgba(var(--innovar-viva-rgb), .14)}.t9Tirador:focus-visible .t9Perilla{outline:2px solid var(--innovar-viva);outline-offset:4px}.t9Mando{grid-area:mando;align-items:center;gap:1.25rem;padding-top:1.4rem;display:flex}.t9Indice{letter-spacing:.18em;color:var(--texto-osc-suave);font-variant-numeric:tabular-nums;font-size:.82rem}.t9Indice b{color:var(--texto-osc-fuerte);font-weight:600}.t9Puntos{align-items:center;display:flex}.t9Punto{cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.t9Punto span{width:26px;height:2px;transition:width var(--motion-base) var(--motion-ease), background var(--motion-base) var(--motion-ease);background:#eaf2f047;border-radius:2px;display:block}.t9Punto:hover span{background:#eaf2f099}.t9Punto.isActivo span{background:var(--innovar-viva);width:40px;box-shadow:0 0 12px rgba(var(--innovar-viva-rgb), .5)}.t9Punto:focus-visible{outline:2px solid var(--innovar-viva);outline-offset:-4px;border-radius:var(--radius-sm)}@media (max-width:760px){.t9Escena{width:calc(100% - 2rem)}.t9Marco{aspect-ratio:4/5}.t9Rotulo{font-size:clamp(3.4rem,17vw,5rem)}.t9Perilla{width:50px;height:50px}.t9Mando{gap:.5rem}.t9Indice{display:none}}@media (prefers-reduced-motion:reduce){.t9Par.isActivo{animation-duration:.5s!important}.t9Par.isActivo .t9Img{animation:none!important}}