.esp{--marco-canto:#ffffff1f;--marco-sombra:#0000008c;--volumen-luz:#7c7c85;--volumen-sombra:#121214;--volumen-filo:#ffffff3d}html[data-theme=light] .esp{--marco-canto:#00000024;--marco-sombra:#281e1438;--volumen-luz:#f7f7f9;--volumen-sombra:#85858b;--volumen-filo:#fffc}.esp-cabeza{max-width:1080px;padding:0 var(--pad);text-align:center;margin:0 auto}.esp-cabeza h2{font-size:clamp(40px,5vw,76px)}.esp-cabeza .esp-lede{margin-inline:auto}.esp-chips{flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.esp-chips li{border:1px solid var(--line);background:var(--glass);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:620;display:inline-flex}.esp-chips i{background:var(--chip,var(--accent));border-radius:50%;width:8px;height:8px}.esp-nota{max-width:640px;padding:0 var(--pad);color:var(--muted);text-align:center;margin:28px auto 0;font-size:14px;line-height:1.5}.ranura{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, transparent) 0 10px, transparent 10px 22px), radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--accent) 18%, #111114), #0a0a0c 72%);place-items:center;padding:8%;display:grid;position:absolute;inset:0}html[data-theme=light] .ranura{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent) 0 10px, transparent 10px 22px), radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--accent) 12%, #fff), #efece7 72%)}.ranura-marca{border:1px dashed color-mix(in srgb, var(--accent) 70%, transparent);background:var(--glass);max-width:100%;color:var(--text);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;justify-items:center;gap:4px;padding:10px 14px;font:500 11px/1.3 ui-monospace,SF Mono,Menlo,monospace;display:grid}.ranura-marca b{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.ranura-marca span{overflow-wrap:anywhere}.ranura-marca small{color:var(--muted);font-size:10px}.marco{width:100%;transform-style:preserve-3d;position:relative;container-type:inline-size}.marco-bisel{aspect-ratio:var(--b-ar);position:relative}.marco-bisel:before{content:"";inset:var(--c-t) var(--c-r) var(--c-b) var(--c-l);border-radius:calc(var(--radio) * 1cqw) calc(var(--radio) * 1cqw) calc(var(--radio-abajo) * 1cqw) calc(var(--radio-abajo) * 1cqw);box-shadow:0 44px 90px -28px var(--marco-sombra);pointer-events:none;position:absolute}.marco-hueco{top:var(--h-y);left:var(--h-x);width:var(--h-w);height:var(--h-h);isolation:isolate;-webkit-mask:var(--mascara) center / 100% 100% no-repeat;-webkit-mask:var(--mascara) center / 100% 100% no-repeat;mask:var(--mascara) center / 100% 100% no-repeat;background:#000;position:absolute;overflow:hidden}@media (max-width:899px){.marco-hueco{-webkit-mask-image:var(--mascara-m,var(--mascara));-webkit-mask-image:var(--mascara-m,var(--mascara));mask-image:var(--mascara-m,var(--mascara))}}.marco-bisel-oficial{z-index:1;pointer-events:none;display:block;position:absolute;inset:0}.marco-bisel-oficial img{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.marco-pantalla{position:absolute;inset:0;overflow:hidden}.marco--mac .marco-pantalla{aspect-ratio:16/10;height:auto;top:auto}.marco-pantalla:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(118deg,#ffffff14,#0000 30%);position:absolute;inset:0}.marco-pantalla>video,.marco-pantalla>img,.marco-pantalla>.esp-slot{aspect-ratio:auto;object-fit:cover;object-position:top;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.iphone{flex:none;width:min(210px,100%)}.volumen{--t:calc(var(--grosor,0) * 1cqw);--r:calc(var(--radio,0) * 1cqw);--rb:calc(var(--radio-abajo,var(--radio,0)) * 1cqw);inset:var(--c-t,0) var(--c-r,0) var(--c-b,0) var(--c-l,0);transform-style:preserve-3d;pointer-events:none;position:absolute}.volumen>i{--nl:calc(cos(var(--a)) * .406 + sin(var(--a)) * -.914);background:color-mix(in srgb, var(--volumen-luz) calc((.5 + .35 * var(--nl)) * 100%), var(--volumen-sombra));position:absolute}.volumen-lado--arriba{--a:-90deg;top:0;right:var(--r);left:var(--r);height:var(--t);transform-origin:50% 0;box-shadow:inset 0 1px 0 var(--volumen-filo);transform:rotateX(-90deg)}.volumen-lado--abajo{--a:90deg;right:var(--rb);bottom:0;left:var(--rb);height:var(--t);transform-origin:50% 100%;box-shadow:inset 0 -1px 0 var(--volumen-filo);transform:rotateX(90deg)}.volumen-lado--izquierda{--a:180deg;top:var(--r);bottom:var(--rb);width:var(--t);transform-origin:0;box-shadow:inset 1px 0 0 var(--volumen-filo);left:0;transform:rotateY(90deg)}.volumen-lado--derecha{--a:0deg;top:var(--r);right:0;bottom:var(--rb);width:var(--t);transform-origin:100%;box-shadow:inset -1px 0 0 var(--volumen-filo);transform:rotateY(-90deg)}.volumen-esquina{--a:var(--am);--l:calc(var(--rr) * .3902);--rc:calc(var(--rr) * .9904);top:calc(var(--cy) + var(--rc) * sin(var(--am)));left:calc(var(--cx) + var(--rc) * cos(var(--am)) - var(--l) / 2);width:var(--l);height:var(--t);transform-origin:50% 0;transform:rotate(calc(var(--am) + 90deg)) rotateX(-90deg);box-shadow:inset 0 1px 0 var(--volumen-filo)}.volumen-esquina--ne{--rr:var(--r);--cx:calc(100% - var(--r));--cy:var(--r)}.volumen-esquina--se{--rr:var(--rb);--cx:calc(100% - var(--rb));--cy:calc(100% - var(--rb))}.volumen-esquina--so{--rr:var(--rb);--cx:var(--rb);--cy:calc(100% - var(--rb))}.volumen-esquina--no{--rr:var(--r);--cx:var(--r);--cy:var(--r)}.cap{height:calc((100 + var(--paso,60) * var(--n,4)) * 1vh);position:relative}.cap--corto{height:auto}.cap-escenario{max-width:1280px;height:100svh;padding:90px var(--pad) 30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4vw;margin:0 auto;display:grid;position:sticky;top:0}.cap--corto .cap-escenario{height:auto;min-height:0;padding-block:120px;position:relative}.cap-copia h2{font-size:clamp(40px,5vw,76px)}.cap-pasos{gap:4px;margin:32px 0 0;padding:0 0 0 28px;list-style:none;display:grid;position:relative}.cap-pasos:before,.cap-pasos:after{content:"";border-radius:2px;width:2px;position:absolute;top:23px;left:5px}.cap-pasos:before{background:var(--line);bottom:21px}.cap-pasos:after{height:calc((100% - 44px) * var(--avance,0));background:linear-gradient(var(--esp-a,var(--accent)), var(--esp-b,var(--accent)))}.cap-pasos li{grid-template-rows:auto 0fr;padding:8px 0;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.cap-pasos li>:is(button,p){opacity:.42;transition:opacity .35s}.cap-pasos li.is-activo>:is(button,p){opacity:1}.cap-pasos li:before{content:"";z-index:1;border:2px solid color-mix(in srgb, var(--quiet) 42%, var(--bg));background:var(--bg);border-radius:50%;width:10px;height:10px;transition:border-color .3s,background .3s;position:absolute;top:16px;left:-29px}.cap-pasos li.is-activo{grid-template-rows:auto 1fr}.cap-pasos li.is-activo:before{border-color:var(--accent);background:var(--accent)}.cap-pasos button{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:12px;padding:0;display:flex}.cap-pasos button span{color:var(--accent);font:600 12px ui-monospace,SF Mono,Menlo,monospace}.cap-pasos button strong{letter-spacing:-.02em;font-size:clamp(19px,1.7vw,24px)}.cap-pasos p{color:var(--muted);margin:0;padding-left:30px;font-size:15px;line-height:1.5;overflow:hidden}.cap-pasos li.is-activo p{padding-top:8px}.cap-equipos,.cap-extra{margin-top:26px}.cap-extra-titulo{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font:600 11px/1 ui-monospace,SF Mono,Menlo,monospace}.cap-extra .esp-chips{margin-top:12px}.cap-extra-titulo--segundo{margin-top:20px}.cap-extra-nota{max-width:520px;color:var(--quiet);margin:18px 0 0;font-size:13px;line-height:1.5}.cap-mesa{perspective:1400px;align-content:center;justify-items:center;gap:22px;min-width:0;display:grid}.cap-mazo{transform-style:preserve-3d;transition:transform .2s linear;position:relative}.cap-mazo--iphone{width:min(300px,31vh)}.cap-mazo--iphone-duo{width:min(80%,480px,70svh - 196px)}.cap-mazo--ipad{width:min(88%,860px,133svh - 305.9px)}.cap-mazo--mac{width:min(84%,920px,160svh - 368px)}@media (min-width:901px){.cap-escenario:is(.cap-escenario--ipad,.cap-escenario--mac){grid-template-columns:minmax(300px,.72fr) minmax(0,1.6fr);gap:3vw;max-width:1520px}.cap-escenario:is(.cap-escenario--ipad,.cap-escenario--mac) .cap-copia h2{font-size:clamp(40px,4.2vw,68px)}.cap-escenario--iphone-duo{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}.cap-carta{--alfa:1;transform-style:preserve-3d;will-change:transform;position:absolute;inset:0 0 auto}.cap-carta:first-child{position:relative}.cap-carta .iphone-marco,.cap-carta .iphone:before,.cap-carta .iphone:after,.cap-carta .marco-bisel,.cap-carta .marco-tapa,.cap-carta .marco-base,.cap-carta .marco--tv:after,.cap-carta .marco--watch:after,.cap-carta .volumen>i{opacity:var(--alfa)}.equipos-selector{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:2px;padding:4px;display:inline-flex}.equipos-selector button{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:650;transition:background .2s,color .2s;display:inline-flex}.equipos-selector button:hover{color:var(--text)}.equipos-selector button[aria-pressed=true]{background:var(--text);color:var(--bg)}.equipos-selector small{background:color-mix(in srgb, var(--accent) 18%, transparent);color:inherit;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:1px 6px;font-size:9px;font-weight:760}.equipos-selector--chico button{padding:6px 11px;font-size:12px}.equipos-pildora{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);border-radius:999px;align-items:center;gap:2px;padding:4px;display:inline-flex}.equipos-pildora-ampliar{width:14px;height:14px;color:var(--muted);fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;margin:0 6px 0 9px}.equipos-pildora button{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;transition:background .2s,color .2s;display:grid}.equipos-pildora button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.equipos-pildora button:hover,.equipos-pildora button:focus-visible{color:var(--text)}.equipos-pildora button[aria-pressed=true]{background:var(--text);color:var(--bg)}.equipos-pildora--chica button{width:32px;height:32px}.equipos-pildora--chica button svg{width:19px;height:19px}.rec{max-width:1280px;padding:var(--respiro-arriba,130px) var(--pad) var(--respiro-abajo,120px);margin:0 auto}.rec-controles{flex-wrap:wrap;justify-content:center;gap:10px 14px;margin:30px 0 0;display:flex}.rec-equipos{justify-content:center;margin-top:26px;display:flex}.rec-escena{--ancho-equipo:min(300px, 36vh);grid-template-columns:minmax(0, 1fr) var(--ancho-equipo) minmax(0, 1fr);margin-top:var(--respiro-visual,44px);align-items:center;gap:26px 40px;display:grid}.rec-escena--iphone-duo{--ancho-equipo:min(420px, 32vw)}.rec-escena--iphone-duo:has(.rec-duo){--ancho-equipo:min(560px, 40vw);margin-inline:calc(min(100vw,1280px)/2 - min(100vw,1520px)/2)}.rec-escena:is(.rec-escena--ipad,.rec-escena--mac){--ancho-equipo:min(560px, 40vw);margin-inline:calc(min(100vw,1280px)/2 - min(100vw,1520px)/2)}@media (min-width:900px){.rec-pista{height:calc(100svh + var(--n,4) * 34vh)}.rec-pegado{align-content:center;height:100svh;padding:64px 0 12px;display:grid;position:sticky;top:0}.rec-pegado .rec-escena{--ancho-equipo:min(300px, calc((100svh - 290px) / 2.06));margin-top:0}.rec-pegado:has(>.esp-cabeza) .rec-escena{--ancho-equipo:min(300px, calc((100svh - 420px) / 2.06))}}.rec-leyenda-hueco{visibility:hidden;pointer-events:none}@media (max-width:899px){.rec-leyenda .rec-leyenda-hueco{display:none}.rec-pista{height:calc(100svh + var(--n,4) * 30svh)}.rec-pegado{align-content:center;height:100svh;padding:76px 0 8px;display:grid;position:sticky;top:0}.rec-pegado .rec-escena{--ancho-equipo:min(260px, calc((100svh - 330px) / 2.06));gap:16px;margin-top:0}.rec-pegado .rec-equipos{margin-top:12px}}.esp-quieto .rec-pista{height:auto}.esp-quieto .rec-pegado{height:auto;position:static}.esp-quieto .rec-pegado .rec-escena{margin-top:var(--respiro-visual,44px)}.rec-dispositivo{grid-area:1/2;justify-items:center;min-width:0;display:grid}.rec-dispositivo .marco{width:min(var(--ancho-equipo), 100%)}.rec-lados{display:contents}.rec-leyenda--izquierda{grid-area:1/1}.rec-leyenda--derecha{grid-area:1/3}@media (min-width:901px) and (max-width:1199px){.rec-escena:is(.rec-escena--ipad,.rec-escena--mac){--ancho-equipo:640px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-inline:0}.rec-escena:is(.rec-escena--ipad,.rec-escena--mac) .rec-dispositivo{grid-column:1/-1}.rec-escena:is(.rec-escena--ipad,.rec-escena--mac) .rec-leyenda--izquierda{grid-row:2}.rec-escena:is(.rec-escena--ipad,.rec-escena--mac) .rec-leyenda--derecha{grid-area:2/2}}.rec-puntos{z-index:4;pointer-events:none;position:absolute;inset:0}.rec-foco{top:calc(var(--y) * 100%);left:calc(var(--x) * 100%);transition:top .5s cubic-bezier(.2,.8,.2,1),left .5s cubic-bezier(.2,.8,.2,1);position:absolute}.rec-anillo{border:2px solid var(--accent);border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;box-shadow:0 0 0 1px #0003,inset 0 0 0 1px #0003}.rec-anillo:after{content:"";border:2px solid var(--accent);border-radius:50%;animation:2.4s ease-out infinite rec-late;position:absolute;inset:-2px}@keyframes rec-late{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.rec-burbuja{z-index:5;border:1px solid var(--line);background:var(--glass);width:max-content;max-width:220px;color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:8px;margin:0;padding:6px 12px 6px 6px;font-size:13px;font-weight:650;line-height:1.3;animation:.3s cubic-bezier(.2,.8,.2,1) rec-aparece;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,calc(-100% - 30px));box-shadow:0 18px 40px -12px #00000080}.rec-burbuja .rec-numero{background:var(--accent);color:#fff;flex:none;width:22px;height:22px}.rec-foco.is-abajo .rec-burbuja{transform:translate(-50%,30px)}.rec-foco.is-izquierda .rec-burbuja{transform:translate(-16px,calc(-100% - 30px))}.rec-foco.is-izquierda.is-abajo .rec-burbuja{transform:translate(-16px,30px)}.rec-foco.is-derecha .rec-burbuja{transform:translate(calc(16px - 100%),calc(-100% - 30px))}.rec-foco.is-derecha.is-abajo .rec-burbuja{transform:translate(calc(16px - 100%),30px)}@keyframes rec-aparece{0%{opacity:0}}.rec-caja{top:calc((var(--y) - var(--h) / 2) * 100%);left:calc((var(--x) - var(--w) / 2) * 100%);width:calc(var(--w) * 100%);height:calc(var(--h) * 100%);border:2px solid var(--accent);border-radius:14px;animation:.3s cubic-bezier(.2,.8,.2,1) rec-aparece;position:absolute;box-shadow:0 0 0 1px #0003,inset 0 0 0 1px #0003}.rec-caja:after{content:"";border:2px solid var(--accent);border-radius:inherit;animation:2.4s ease-out infinite rec-late-caja;position:absolute;inset:-2px}@keyframes rec-late-caja{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.06,1.25)}}.rec-caja.is-brillo{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:none;overflow:hidden}.rec-caja.is-brillo:after{mix-blend-mode:plus-lighter;background-image:linear-gradient(170deg,#0000 38%,#ffffff57 50%,#0000 62%);background-repeat:no-repeat;background-size:100% 260%;border:0;border-radius:0;animation:2.2s cubic-bezier(.45,0,.25,1) infinite rec-brillo;inset:0}html[data-theme=light] .rec-caja.is-brillo:after{background-image:linear-gradient(170deg, transparent 38%, color-mix(in srgb, var(--accent) 22%, transparent) 50%, transparent 62%);mix-blend-mode:multiply}@keyframes rec-brillo{0%{background-position:0 100%}to{background-position:0 0}}.rec-foco.is-caja{transition:none}.rec-foco.is-caja .rec-burbuja{transform:translate(-50%,calc(-100% - 10px))}.rec-foco.is-caja.is-abajo .rec-burbuja{transform:translate(-50%,10px)}.rec-leyenda{counter-reset:rec;gap:6px;margin:0;padding:0;list-style:none;display:grid}.rec-leyenda li{display:grid}.rec-leyenda button{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:4px 12px;padding:12px 14px;transition:background .2s,border-color .2s;display:grid}.rec-leyenda button:hover{background:color-mix(in srgb, var(--text) 5%, transparent)}.rec-leyenda button[aria-pressed=true]{border-color:var(--line);background:var(--glass)}.rec-leyenda button{isolation:isolate;position:relative;overflow:hidden}.rec-leyenda button[aria-pressed=true]:before{content:"";z-index:-1;background:color-mix(in srgb, var(--accent) 12%, transparent);transform:scaleX(var(--progreso,0));transform-origin:0;position:absolute;inset:0}.rec-leyenda--izquierda button[aria-pressed=true]:before{transform-origin:100%}.rec-numero{background:color-mix(in srgb, var(--accent) 16%, transparent);width:24px;height:24px;color:var(--accent);border-radius:50%;place-items:center;font:700 11px/1 ui-monospace,SF Mono,Menlo,monospace;display:grid}.rec-leyenda button[aria-pressed=true] .rec-numero{background:var(--accent);color:#fff}.rec-leyenda .rec-numero{position:relative}.rec-leyenda button[aria-pressed=true] .rec-numero:after{content:"";border:2px solid var(--accent);border-radius:50%;animation:2.4s ease-out infinite rec-late;position:absolute;inset:-2px}.rec-leyenda strong{letter-spacing:-.01em;align-self:center;font-size:16px}.rec-leyenda p{color:var(--muted);grid-column:2;margin:0;font-size:14px;line-height:1.45}.rec-leyenda--izquierda button{text-align:right;grid-template-columns:minmax(0,1fr) 28px}.rec-leyenda--izquierda .rec-numero{grid-area:1/2;justify-self:end}.rec-leyenda--izquierda strong{grid-area:1/1}.rec-leyenda--izquierda p{grid-column:1}.rec-aviso{text-align:center;color:var(--quiet);grid-column:1/-1;margin:0;font-size:12px;line-height:1.4}.laminas{max-width:1280px;padding:130px var(--pad) 110px;margin:0 auto}.laminas-controles{justify-content:center;align-items:center;gap:12px;margin-top:30px;display:flex}.laminas-flecha{border:1px solid var(--line);background:var(--glass);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;font-size:18px;display:grid}.laminas-flecha:disabled{opacity:.35;cursor:default}.laminas-pista{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;grid-auto-columns:100%;grid-auto-flow:column;margin-top:40px;display:grid;overflow-x:auto}.laminas-pista::-webkit-scrollbar{display:none}.lamina{scroll-snap-align:start;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:48px;padding:0 2px;display:grid}.lamina-equipo{justify-items:center;min-width:0;display:grid}.lamina-equipo .marco--iphone{width:min(280px,100%)}.lamina-equipo .marco--ipad,.lamina-equipo .marco--mac{width:min(640px,100%)}.lamina-equipo .marco--vertical{width:min(400px,100%)}.lamina-texto .esp-kicker{color:var(--accent);margin:0 0 10px}.lamina-texto h3{font-size:clamp(28px,3vw,44px)}.lamina-texto p:not(.esp-kicker){color:var(--muted);margin:14px 0 0;font-size:16px;line-height:1.5}@media (max-width:900px){.cap{height:calc((100 + var(--paso,60) * .85 * var(--n,4)) * 1vh)}.cap-escenario{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;padding-top:86px}.cap-copia .esp-lede,.cap-pasos li:not(.is-activo){display:none}.cap-pasos{margin-top:12px}.cap-mesa{align-content:center;align-self:stretch;gap:14px}.cap-mazo--iphone{width:min(210px,22vh)}.cap-mazo--iphone-duo{width:min(300px,32vh)}.cap-mazo--ipad,.cap-mazo--mac{width:min(86vw,52vh)}.rec-escena,.rec-escena:is(.rec-escena--ipad,.rec-escena--mac){grid-template-columns:minmax(0,1fr);gap:26px;margin-inline:0}.rec-dispositivo{grid-column:1}.rec-lados{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:min(78vw,300px);grid-auto-flow:column;gap:6px;padding-bottom:6px;display:grid;overflow-x:auto}.rec-lados .rec-leyenda{display:contents}.rec-leyenda li{scroll-snap-align:start}.rec-leyenda button{border-color:var(--line);background:var(--glass);height:100%}.rec-leyenda--izquierda button{text-align:left;grid-template-columns:28px minmax(0,1fr)}.rec-leyenda--izquierda .rec-numero{grid-column:1;justify-self:start}.rec-leyenda--izquierda :is(strong,p){grid-column:2}.lamina{text-align:center;grid-template-columns:minmax(0,1fr);gap:26px}}@media (max-width:520px){.equipos-selector button{padding:7px 10px;font-size:12px}}.esp-quieto .cap{height:auto}.esp-quieto .cap-escenario{grid-template-columns:minmax(0,1fr);height:auto;padding-block:110px;position:relative}.esp-quieto .cap-pasos li{grid-template-rows:auto 1fr}.esp-quieto .cap-pasos li>:is(button,p){opacity:1}.esp-quieto .cap-pasos li:not(.is-activo){display:grid}.esp-quieto .cap-pasos:after{display:none}.esp-quieto .cap-mazo{gap:16px;width:100%;display:flex;overflow-x:auto}.esp-quieto .cap-carta{flex:0 0 min(240px,60vw);position:relative}.esp-quieto .cap-mazo--ipad .cap-carta,.esp-quieto .cap-mazo--mac .cap-carta{flex-basis:min(520px,86vw)}@media (prefers-reduced-motion:reduce){.rec-anillo:after,.rec-leyenda button[aria-pressed=true] .rec-numero:after{opacity:0;animation:none}.rec-leyenda button[aria-pressed=true]:before,.capa-indice li.is-activo>:is(button,span):before{transform:none}.rec-foco{transition:none}.laminas-pista{scroll-behavior:auto}}.crear-grabacion .marco-pantalla>.esp-slot{aspect-ratio:auto;height:100%;position:absolute;inset:0}.crear-grabacion .esp-slot video{object-position:top}.crear-grabacion .iphone{width:100%}.duo-escena{aspect-ratio:1;place-items:center;width:min(100%,640px,100svh - 290px);display:grid;container-type:inline-size}.duo-marco{box-shadow:0 0 0 1.5px var(--marco-canto), 0 0 80px -26px var(--marco-sombra);background:#050506;transition:width .45s ease-in-out,height .45s ease-in-out,transform .45s ease-in-out,border-radius .45s ease-in-out;position:relative}.duo-marco.is-de-golpe,.duo-marco.is-de-golpe .duo-pantalla{transition:none}.duo-pantalla{isolation:isolate;background:#000;transition:inset .45s ease-in-out,border-radius .45s ease-in-out;position:absolute;overflow:hidden}.duo-capa{opacity:0;transition:opacity .45s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.duo-capa.is-activa{opacity:1}.duo-capa>.esp-slot{aspect-ratio:auto;width:100%;height:100%}.duo-bisagra{z-index:2;opacity:0;pointer-events:none;background:linear-gradient(#0000,#ffffff8c 18% 82%,#0000);width:1px;position:absolute;inset:0 auto 0 50%}.duo-posturas{align-items:center;gap:14px;width:min(100%,760px);display:flex}.duo-postura{min-width:0;box-shadow:0 0 0 1.5px var(--marco-canto), 0 30px 60px -28px var(--marco-sombra);background:#050506;flex:1 1 0;position:relative}.duo-postura img{object-fit:cover;max-width:none;display:block;position:absolute}@media (max-width:900px){.duo-escena{width:min(100%,88vw,100svh - 330px)}}.rec-duo{justify-items:center;width:100%;display:grid}.rec-duo .duo-capa>:is(video,img){object-fit:cover;width:100%;height:100%;display:block}.esp-quieto .duo-capa{transition:none}.ampliable{justify-items:center;gap:14px;width:100%;min-width:0;display:grid;position:relative}.ampliable-sitio{justify-items:center;width:100%;min-width:0;display:grid}.ampliable-boton{border:1px solid var(--line);background:var(--glass);color:var(--muted);cursor:pointer;-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:12px;font-weight:650;line-height:1;transition:color .2s,border-color .2s;display:inline-flex}.ampliable-boton:hover,.ampliable-boton:focus-visible{color:var(--text);border-color:var(--text)}.ampliable--esquina{gap:0}.ampliable--esquina .ampliable-sitio>*{width:100%}.ampliable-cuerpo--esquina>*{width:100%;height:100%}.ampliable--esquina .ampliable-boton{z-index:4;padding:8px;position:absolute;top:14px;right:14px}.ampliable--esquina .ampliable-boton span{display:none}.ampliable--esquina .ampliable-boton:is(:hover,:focus-visible){padding:7px 13px 7px 11px}.ampliable--esquina .ampliable-boton:is(:hover,:focus-visible) span{display:inline}.ampliable-capa{z-index:100;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);animation:.25s both ampliable-entra;position:fixed;inset:0;overflow:hidden}@keyframes ampliable-entra{0%{opacity:0}to{opacity:1}}.ampliable-cuerpo{transform:translate(-50%, -50%) scale(var(--escala,1));transform-origin:50%;justify-items:center;display:grid;position:absolute;top:50%;left:50%}.ampliable-cuerpo--con-herramientas{top:calc(50% - var(--abajo,72px) / 2)}.ampliable-herramientas{z-index:2;justify-items:center;gap:14px;width:max-content;max-width:calc(100vw - 32px);display:grid;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.capa-indice{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.capa-indice li>:is(button,span){border:1px solid var(--line);background:var(--glass);color:var(--muted);white-space:nowrap;-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:13px;font-weight:600;line-height:1;transition:color .2s,border-color .2s;display:inline-flex}.capa-indice li>button{cursor:pointer}.capa-indice li>button:hover,.capa-indice li>button:focus-visible{color:var(--text);border-color:var(--text)}.capa-indice li.is-activo>:is(button,span){color:var(--text);border-color:var(--accent)}.capa-indice li>:is(button,span){isolation:isolate;position:relative;overflow:hidden}.capa-indice li.is-activo>:is(button,span):before{content:"";z-index:-1;background:color-mix(in srgb, var(--accent) 24%, transparent);transform:scaleX(var(--progreso,0));transform-origin:0;position:absolute;inset:0}.capa-indice-numero{background:color-mix(in srgb, var(--accent) 16%, transparent);width:22px;height:22px;color:var(--accent);border-radius:50%;place-items:center;font:700 11px/1 ui-monospace,SF Mono,Menlo,monospace;display:grid}.capa-indice li.is-activo .capa-indice-numero{background:var(--accent);color:#fff}@media (max-width:899px){.capa-indice li:not(.is-activo) .capa-indice-titulo{display:none}.capa-indice li:not(.is-activo)>:is(button,span){padding-right:5px}}.ampliable-vista{place-items:center;width:100%;height:100%;display:grid}.ampliable-vista>.marco,.ampliable-vista>.iphone,.ampliable-vista .duo-escena{width:100%}.ampliable-cerrar{border:1px solid var(--line);background:var(--glass);width:44px;height:44px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);border-radius:999px;place-items:center;font-size:26px;line-height:1;display:grid;position:absolute;top:18px;right:18px}.ampliable-oculto{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.ampliable-capa{animation:none}}
