.gdlhub-showcase{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:30rem;padding:clamp(1rem,2.5vw,2rem);background-color:var(--color-gdlhub-fondo);color:var(--color-gdlhub-tinta);font-family:var(--ff-gdlhub-ui);font-size:var(--fs-gdlhub-texto);line-height:1.4;overflow-x:clip}.gdlhub-showcase .titulo{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.gdlhub-showcase .selector,.gdlhub-showcase .dispositivos{width:100%}.gdlhub-showcase .selector{display:flex;align-items:center;gap:.5rem}.gdlhub-showcase .tira{position:relative;display:flex;flex:1;gap:.75rem;min-width:0;padding:.25rem;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 4rem,#000 calc(100% - 4rem),transparent)}.gdlhub-showcase .tira::-webkit-scrollbar{display:none}.gdlhub-showcase .tarjeta{display:flex;flex:none;align-items:center;gap:.75rem;width:15rem;padding:.75rem;border:1px solid var(--color-gdlhub-borde);border-radius:1rem;background-color:var(--color-gdlhub-fondo);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.gdlhub-showcase .tarjeta:hover{border-color:var(--color-gdlhub-tinta)}.gdlhub-showcase .tarjeta:focus-visible{outline:2px solid var(--color-gdlhub-tinta);outline-offset:2px}.gdlhub-showcase .tarjeta[aria-pressed=true]{border-color:var(--color-gdlhub-tinta);background-color:var(--color-gdlhub-tinta);color:var(--color-gdlhub-fondo)}.gdlhub-showcase .tarjeta[aria-pressed=true] :is(.giro,.dominio){color:inherit;opacity:.7}.gdlhub-showcase .miniatura{display:grid;flex:none;place-items:center;width:3rem;height:3rem;border:1px solid var(--color-gdlhub-borde);border-radius:.75rem;background-color:#fff;color:#fff;font-size:1.25rem;font-weight:800}.gdlhub-showcase .miniatura .favicon{width:1.75rem;height:1.75rem;object-fit:contain}.gdlhub-showcase .miniatura .inicial{display:none}.gdlhub-showcase .sin-favicon .miniatura{border-color:transparent;background-color:var(--color)}.gdlhub-showcase .sin-favicon .miniatura .favicon{display:none}.gdlhub-showcase .sin-favicon .miniatura .inicial{display:block}.gdlhub-showcase .rotulo{display:grid;min-width:0}.gdlhub-showcase .nombre{overflow:hidden;font-size:var(--fs-gdlhub-nombre);white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.15}.gdlhub-showcase .giro,.gdlhub-showcase .dominio{overflow:hidden;color:var(--color-gdlhub-suave);font-size:var(--fs-gdlhub-giro);white-space:nowrap;text-overflow:ellipsis}.gdlhub-showcase .dominio{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem}.gdlhub-showcase .flecha{display:none;flex:none;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--color-gdlhub-borde);border-radius:50%;background-color:var(--color-gdlhub-fondo);color:inherit;font-size:1.5rem;line-height:1;cursor:pointer}.gdlhub-showcase .flecha:hover{border-color:var(--color-gdlhub-tinta)}.gdlhub-showcase .flecha:focus-visible{outline:2px solid var(--color-gdlhub-tinta);outline-offset:2px}.gdlhub-showcase .vista{display:flex;align-self:center;margin-top:.75rem;padding:.2rem;border-radius:999px;background-color:var(--color-gdlhub-borde)}.gdlhub-showcase .vista button{padding:.4rem 1.1rem;border:0;border-radius:999px;background:none;color:var(--color-gdlhub-suave);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease}.gdlhub-showcase .vista button[aria-pressed=true]{background-color:var(--color-gdlhub-tinta);color:var(--color-gdlhub-fondo)}.gdlhub-showcase .vista button:focus-visible{outline:2px solid var(--color-gdlhub-tinta);outline-offset:2px}.gdlhub-showcase .dispositivos{--separacion: clamp(1.5rem, 3vw, 3rem);display:flex;flex:1;align-items:center;justify-content:center;gap:var(--separacion);min-height:0;margin-top:clamp(1rem,2.5vh,2rem);container-type:size}.gdlhub-showcase .pantalla{position:relative;overflow:hidden;background-color:#fff}.gdlhub-showcase .pantalla iframe{position:absolute;top:0;left:0;display:block;border:0;transform-origin:0 0}.gdlhub-showcase .pantalla.cargando:after{content:"";position:absolute;top:50%;left:50%;width:2rem;height:2rem;margin:-1rem 0 0 -1rem;border:3px solid var(--color-gdlhub-borde);border-top-color:var(--color-gdlhub-tinta);border-radius:50%;animation:gdlhub-showcase-girar .8s linear infinite}.gdlhub-showcase .pantalla.cargando iframe{opacity:.35}.gdlhub-showcase .laptop{flex:none;width:calc((var(--alto) - 4.4rem) * 1.6);margin-inline:calc((var(--alto) - 4.4rem) * .096);margin-bottom:.5rem;filter:drop-shadow(0 1.5rem 2rem rgb(0 0 0 / .18))}.gdlhub-showcase .tapa{padding:.6rem .6rem .8rem;border-radius:1.1rem 1.1rem .4rem .4rem;background-color:var(--color-gdlhub-marco)}.gdlhub-showcase .navegador{display:flex;align-items:center;gap:.75rem;padding:.2rem .4rem .6rem}.gdlhub-showcase .navegador .puntos{display:flex;gap:.35rem}.gdlhub-showcase .navegador i{width:.6rem;height:.6rem;border-radius:50%;background-color:#ff5f57}.gdlhub-showcase .navegador i:nth-child(2){background-color:#febc2e}.gdlhub-showcase .navegador i:nth-child(3){background-color:#28c840}.gdlhub-showcase .navegador .direccion{flex:1;max-width:22rem;margin-inline:auto;padding:.25rem .8rem;border-radius:999px;background-color:#ffffff14;color:var(--color-gdlhub-metal);text-align:center}.gdlhub-showcase .direccion{overflow:hidden;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;text-decoration:none;white-space:nowrap;text-overflow:ellipsis}.gdlhub-showcase .direccion:hover{text-decoration:underline}.gdlhub-showcase .laptop .pantalla{aspect-ratio:16 / 10;border-radius:.3rem}.gdlhub-showcase .base{position:relative;width:112%;height:.9rem;margin-left:-6%;border-radius:0 0 1.2rem 1.2rem/0 0 .9rem .9rem;background:linear-gradient(var(--color-gdlhub-metal),var(--color-gdlhub-metal-oscuro))}.gdlhub-showcase .base:before{content:"";position:absolute;top:0;left:41%;width:18%;height:.3rem;border-radius:0 0 .5rem .5rem;background-color:var(--color-gdlhub-metal-oscuro)}.gdlhub-showcase .telefono{flex:none;width:calc(var(--alto) * 9 / 19.5);margin-bottom:.5rem}.gdlhub-showcase .marco{display:flex;flex-direction:column;aspect-ratio:9 / 19.5;padding:.5rem;border-radius:2.6rem;background-color:var(--color-gdlhub-marco);box-shadow:0 0 0 3px var(--color-gdlhub-metal-oscuro),0 0 0 5px var(--color-gdlhub-metal),0 1.5rem 3rem -1.5rem #00000073}.gdlhub-showcase .estado{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.3rem .3rem;border-radius:2.1rem 2.1rem 0 0;background-color:#fff;font-size:.8rem;font-weight:600}.gdlhub-showcase .estado .hora{min-width:2.2rem}.gdlhub-showcase .estado .isla{width:5rem;height:1.4rem;border-radius:999px;background-color:var(--color-gdlhub-marco)}.gdlhub-showcase .estado .bateria{width:1.4rem;height:.7rem;padding:1px;border:1.5px solid currentColor;border-radius:.25rem;background:linear-gradient(90deg,currentColor 75%,transparent 75%) content-box}.gdlhub-showcase .telefono .pantalla{flex:1;min-height:0}.gdlhub-showcase .telefono .direccion{display:block;padding:.45rem 1rem .5rem;border-top:1px solid var(--color-gdlhub-borde);border-radius:0 0 2.1rem 2.1rem;background-color:#fff;color:var(--color-gdlhub-suave);text-align:center}.gdlhub-showcase .telefono .direccion:after{content:"";display:block;width:40%;height:4px;margin:.45rem auto 0;border-radius:2px;background-color:var(--color-gdlhub-tinta);opacity:.45}@media(max-width:55.99rem){.gdlhub-showcase .tira{gap:.5rem;mask-image:linear-gradient(90deg,transparent,#000 2rem,#000 calc(100% - 2rem),transparent)}.gdlhub-showcase .tarjeta{gap:.5rem;width:10.5rem;padding:.45rem .55rem;border-radius:.75rem}.gdlhub-showcase .miniatura{width:2.25rem;height:2.25rem;border-radius:.55rem;font-size:1rem}.gdlhub-showcase .miniatura .favicon{width:1.25rem;height:1.25rem}.gdlhub-showcase .nombre{font-size:.9rem}.gdlhub-showcase .giro{font-size:.75rem}.gdlhub-showcase .dominio{display:none}.gdlhub-showcase .telefono{--alto: min(100cqh - 1rem, 36.8rem, 100cqw * 19.5 / 9)}.gdlhub-showcase .laptop{--alto: min(100cqh - 1rem, 36.8rem, 100cqw / 1.792 + 4.4rem)}.gdlhub-showcase[data-vista=telefono] .laptop,.gdlhub-showcase[data-vista=laptop] .telefono{display:none}}@media(min-width:48rem){.gdlhub-showcase .flecha{display:grid}}@media(min-width:56rem){.gdlhub-showcase .vista{display:none}.gdlhub-showcase .laptop,.gdlhub-showcase .telefono{--alto: min(100cqh - 1rem, 36.8rem, (100cqw + 7.9rem - var(--separacion)) / 2.26)}}@media(prefers-reduced-motion:reduce){.gdlhub-showcase .pantalla.cargando:after{animation-duration:3s}}@keyframes gdlhub-showcase-girar{to{transform:rotate(1turn)}}