:root{--lila:color-mix(in srgb, var(--violet) 45%, #fff);--lila-claro:color-mix(in srgb, var(--violet) 33%, #fff);--celeste:color-mix(in srgb, var(--blue) 35%, #fff);--grad-ico-1:linear-gradient(135deg, var(--cyan), var(--violet));--grad-ico-2:linear-gradient(135deg, var(--blue), var(--magenta));--grad-ico-3:linear-gradient(135deg, var(--violet), var(--pink))}.estado{border:1px solid color-mix(in srgb, var(--cyan) 55%, transparent);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);border-radius:999px;align-self:flex-start;align-items:center;gap:.45rem;margin-top:2px;padding:.25rem .75rem;font-size:.6875rem;font-weight:800;line-height:1.2;display:inline-flex}.estado:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}.estado--publicada{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 55%, transparent)}.escena{position:relative;container-type:inline-size}.escena__master{width:100%;height:auto;display:block}.escena__pantalla{color:var(--white);background:radial-gradient(120% 55% at 50% 0%, #2e4abe8c, transparent 62%), linear-gradient(180deg, var(--pantalla-1), var(--pantalla-2) 55%, var(--pantalla-3));position:absolute;overflow:clip}.escena--portatil .escena__pantalla{border-radius:1cqi;width:72.4%;height:59.6%;top:5.8%;left:14.1%}.escena--ladeado .escena__pantalla{transform-origin:0 0;border-radius:1cqi;width:65.13%;height:57.25%;top:8.6%;left:4.7%;transform:perspective(218.17cqi)rotateX(13.72deg)rotateY(11.99deg)rotate(-5.18deg)}.escena--frontal .escena__pantalla,.escena--real .escena__pantalla{border-radius:9cqi;width:77.8%;height:89.6%;top:5.2%;left:11.6%}.escena--inclinado .escena__pantalla{transform-origin:0 0;border-radius:7cqi;width:60.6%;height:85.8%;top:7.6%;left:6.6%;transform:matrix(1,.0255,.141,1,0,0)}.escena--panel .escena__pantalla{transform-origin:0;background:0 0;width:82%;height:74%;top:12%;left:8.5%;overflow:visible;transform:perspective(180cqi)rotateY(8deg)}.escena--real-panel .escena__pantalla{transform-origin:0;border-radius:2.2cqi;width:82%;height:74%;top:12%;left:8.5%;transform:perspective(180cqi)rotateY(8deg)}.escena__captura{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.ui{flex-direction:column;height:100%;padding:4cqi 5.5cqi 6cqi;font-size:5.2cqi;line-height:1.3;display:flex}.escena--inclinado .ui{padding:6cqi 6cqi 6cqi 5cqi}.escena--panel .ui{padding:2cqi 3cqi;font-size:4.8cqi}.escena--portatil .ui,.escena--ladeado .ui{padding:2.4cqi 3.2cqi;font-size:4.2cqi}.escena--ladeado .ui{font-size:4cqi}.escena--portatil .ui__barra,.escena--ladeado .ui__barra{display:none}:is(.escena--panel,.escena--portatil,.escena--ladeado) .ui__nombre{margin-top:.45em;font-size:1.3em}.escena--portatil .ui__nombre,.escena--ladeado .ui__nombre{margin-top:0}:is(.escena--panel,.escena--portatil,.escena--ladeado) .ui__lista{gap:.3em;margin-top:.5em}:is(.escena--panel,.escena--portatil,.escena--ladeado) .ui__lista li{border-radius:.6em;gap:.45em;padding:.25em .4em;font-size:.95em}:is(.escena--panel,.escena--portatil,.escena--ladeado) .ui__ico{border-radius:.4em;width:1.45em;height:1.45em}.ui__estado{justify-content:space-between;align-items:center;font-size:.72em;font-weight:700;display:flex}.ui__isla{background:var(--negro);border-radius:1em;width:5.5em;height:1.55em}.ui__senales{opacity:.9;background:linear-gradient(90deg, var(--white) 0 18%, transparent 18% 26%, var(--white) 26% 44%, transparent 44% 52%, var(--white) 52% 100%);border-radius:2px;width:2.4em;height:.75em}.ui__barra{gap:.45em;display:flex}.ui__barra i{background:#ffffff59;border-radius:50%;width:.75em;height:.75em}.ui__barra i:first-child{background:var(--cyan)}.ui__nombre{letter-spacing:-.01em;text-wrap:balance;margin-top:1.1em;font-size:1.35em;font-weight:800;line-height:1.12}.ui__etiqueta{letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-top:.35em;font-size:.78em;font-weight:700}.ui__lista{gap:.5em;margin-top:1em;display:grid}.ui__lista li{background:#ffffff14;border:1px solid #ffffff1a;border-radius:.9em;align-items:center;gap:.65em;padding:.5em .65em;font-size:.9em;font-weight:600;display:flex}.ui__ico{width:1.75em;height:1.75em;color:var(--white);background:var(--grad-ico-1);border-radius:.5em;flex:none;place-items:center;display:grid}.ui__ico .icono{width:1.05em;height:1.05em}.ui__lista li:nth-child(2) .ui__ico{background:var(--grad-ico-2)}.ui__lista li:nth-child(3) .ui__ico{background:var(--grad-ico-3)}.ui__fichas{justify-items:center;gap:1.1em;margin-top:1.6em;display:grid}.ui__ficha{width:6em;height:6em;color:var(--white);background:var(--grad-ico-1);box-shadow:0 0 1.2em color-mix(in srgb, var(--blue) 55%, transparent);border-radius:1.6em;place-items:center;display:grid}.ui__ficha:nth-child(2){background:var(--grad-ico-2)}.ui__ficha:nth-child(3){background:var(--grad-ico-3)}.ui__ficha .icono{width:3.2em;height:3.2em}.ep{aspect-ratio:560/430;position:relative;container-type:inline-size}.ep>.escena{position:absolute}.ep--portatil .escena--portatil{z-index:1;width:92%;top:1%;left:0}.ep--portatil .escena--frontal{z-index:2;width:22%;bottom:0;right:0}.ep--panel .escena--panel{z-index:1;width:80%;top:12%;left:0}.ep--panel .escena--inclinado{z-index:2;width:32%;top:1%;right:0}.ep--ladeado .escena--ladeado{width:96%;top:3%;left:2%}.ep--movil .escena--inclinado{z-index:1;width:38%;top:1%;right:3%}.ep__chips{z-index:2;gap:3cqi;width:60%;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:13%;left:0}.ep__chips li{color:#fff;text-wrap:balance;backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff29,#ffffff0d);border:1px solid #ffffff47;border-radius:3cqi;align-items:center;gap:2.4cqi;padding:2.2cqi 3cqi;font-size:4.1cqi;font-weight:700;line-height:1.2;display:flex;box-shadow:0 2cqi 5cqi -2cqi #0009,inset 0 1px #ffffff38}.ep__chips li:nth-child(2){margin-left:6%}.ep__chips li:nth-child(3){margin-left:2%}.ep__ico{color:#fff;background:var(--grad-ico-1);border-radius:2cqi;flex:none;place-items:center;width:7.2cqi;height:7.2cqi;display:grid}.ep__chips li:nth-child(2) .ep__ico{background:var(--grad-ico-2)}.ep__chips li:nth-child(3) .ep__ico{background:var(--grad-ico-3)}.ep__ico .icono{width:4.4cqi;height:4.4cqi}
