.cye-pagina{display:grid;gap:2rem;padding-block:1rem 3rem}.cye-cabecera{max-width:46rem}.cye-cabecera .cy-titular{margin-top:0}.cye-ventajas{display:flex;flex-wrap:wrap;gap:.5rem .625rem;margin-top:1.5rem}.cye-ventajas li{display:inline-flex;min-height:2rem;align-items:center;padding:0 .875rem;border:1px solid var(--cy-linea);border-radius:999px;background:rgb(255 255 255/.7);font-size:.8125rem;font-weight:550;color:var(--cy-texto)}.cye-gen{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:start}.cye-panel{min-width:0;padding:1rem;border:1px solid var(--cy-linea);border-radius:1.25rem;background:var(--cy-papel-claro);box-shadow:var(--cy-sombra-apoyo)}.cye-controles{display:grid;gap:1.5rem}.cye-salida{display:grid;min-width:0;gap:1.25rem}.cye-rotulo{margin-bottom:.875rem;font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cy-texto-suave)}.cye-buscar{margin-top:.5rem}.cye-lista{position:relative;max-height:17rem;margin-top:.625rem;padding:.25rem;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--cy-linea);border-radius:.875rem;background:var(--cy-papel)}.cye-fila{position:relative;display:flex;min-height:2.75rem;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:.625rem;font-size:.875rem;line-height:1.25rem;color:var(--cy-texto);cursor:pointer;transition:background-color .18s var(--ease-fluid),color .18s var(--ease-fluid)}.cye-fila:hover{background:var(--cy-papel-hondo)}.cye-fila input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.cye-fila-texto{min-width:0;flex:1}.cye-fila-tilde{display:inline-flex;flex:none;opacity:0;transform:scale(.7);transition:opacity .2s var(--ease-fluid),transform .3s var(--ease-fluid)}.cye-fila:has(input:checked){background:var(--cy-emerald-50);font-weight:600;color:var(--cy-emerald-900)}.cye-fila:has(input:checked) .cye-fila-tilde{opacity:1;transform:none}.cye-fila:has(input:focus-visible){box-shadow:var(--cy-anillo)}.cye-anchos{grid-template-columns:repeat(2,minmax(0,1fr))}.cye-muestras{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.cye-muestra{position:relative;display:inline-flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;cursor:pointer}.cye-muestra input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.cye-muestra-color{display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:999px;background:var(--c);color:#fff;box-shadow:inset 0 0 0 1px rgb(0 0 0/.14);transition:transform .3s var(--ease-fluid)}.cye-muestra-color svg{opacity:0;transform:scale(.6);transition:opacity .2s var(--ease-fluid),transform .3s var(--ease-fluid)}.cye-muestra:hover .cye-muestra-color{transform:scale(1.08)}.cye-muestra input:checked+.cye-muestra-color{box-shadow:inset 0 0 0 1px rgb(0 0 0/.14),0 0 0 2px var(--cy-papel-claro),0 0 0 4px var(--cy-zinc-400)}.cye-muestra input:checked+.cye-muestra-color svg{opacity:1;transform:none}.cye-muestra input:focus-visible+.cye-muestra-color{box-shadow:inset 0 0 0 1px rgb(0 0 0/.14),var(--cy-anillo)}.cye-escenario{display:flex;justify-content:center;padding:.5rem;border:1px solid var(--cy-linea);border-radius:1rem;background:radial-gradient(rgb(24 24 27/.07) 1px,transparent 1px) 0 0 /14px 14px,var(--cy-papel)}.cye-marco{width:100%;min-width:0;transition:max-width .45s var(--ease-fluid)}.cye-iframe{display:block;width:100%;border:0;border-radius:1rem;opacity:.4;transition:opacity .25s var(--ease-fluid)}.cye-iframe[data-cargada]{opacity:1}.cye-esqueleto{width:100%;border-radius:1rem;background:var(--cy-papel-hondo)}.cye-codigo{display:block;width:100%;min-height:9.5rem;resize:vertical;padding:1rem 1.125rem;border:1px solid rgb(255 255 255/.08);border-radius:.875rem;background:linear-gradient(180deg,#202024,#17171a);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78125rem;line-height:1.6;color:#e4e4e7;white-space:pre;overflow:auto;tab-size:2}.cye-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-block:1rem .875rem}.cye-estado{min-height:1.25rem;font-size:.875rem;font-weight:600;color:var(--cy-acento-tinta)}.cye-salida .cy-campo-ayuda+.cy-campo-ayuda{margin-top:.375rem}@media (min-width:640px){.cye-escenario,.cye-panel{padding:1.5rem}.cye-anchos{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.cye-gen{grid-template-columns:minmax(0,23rem) minmax(0,1fr);gap:1.5rem}.cye-lista{max-height:15rem}.cye-anchos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.cye-fila,.cye-fila-tilde,.cye-iframe,.cye-marco,.cye-muestra-color,.cye-muestra-color svg{transition:none}}