/* Generado automáticamente. No editar a mano. */
html.mx-1080 .planes { grid-template-columns: 1fr 1fr; }
html.mx-1080 .plan--destacado { grid-column: 1 / -1; grid-row: 1; }
html.mx-1080 .prueba { grid-template-columns: 1fr; }
html.mx-1080 .pie__arriba { grid-template-columns: 1fr 1fr; }
html.mx-860 body { font-size: 16px; }
html.mx-860 .boton-menu { display: inline-grid; place-items: center; width: 48px; height: 48px; border-radius: 50%;
    border: 1px solid var(--linea-fuerte); background: transparent; color: var(--texto); cursor: pointer; }
html.mx-860 .boton-menu svg { width: 22px; height: 22px; }
html.mx-860 .menu { position: fixed; inset: 72px 0 auto 0; flex-direction: column; align-items: stretch; gap: 4px;
    padding: 16px var(--margen) 24px; background: var(--fondo); border-bottom: 1px solid var(--linea);
    display: none; }
html.mx-860 .menu.abierto { display: flex; }
html.mx-860 .menu a { min-height: 52px; font-size: 1.05rem; }
html.mx-860 .menu .boton { margin: 10px 0 0; justify-content: center; }
html.mx-860 .portada { min-height: 0; align-items: end; }
html.mx-860 .portada__fondo { height: calc(58 * var(--vh)); bottom: auto; }
html.mx-860 .portada__fondo::after { background: linear-gradient(0deg, var(--fondo) 6%, rgba(5, 8, 13, .55) 55%, rgba(5, 8, 13, .2) 100%); }
html.mx-860 .portada__texto { padding-top: calc(30 * var(--vh)); padding-bottom: 72px; }
html.mx-860 .portada .boton { width: 100%; }
html.mx-860 .cifras { grid-template-columns: 1fr 1fr; }
html.mx-860 .cifra:nth-child(2) { border-right: 0; }
html.mx-860 .cifra:nth-child(3) { padding-left: 0; }
html.mx-860 .cifra:nth-child(n+3) { border-top: 1px solid var(--linea); }
html.mx-860 .marcas { grid-template-columns: 1fr; grid-template-areas: "web" "guard" "musica"; }
html.mx-860 .marca-panel { min-height: 0; }
html.mx-860 .marca-panel--musica { flex-direction: column-reverse; align-items: stretch; }
html.mx-860 .marca-panel--musica .marca-panel__texto { padding: 4px 24px 28px; }
html.mx-860 .marca-panel--musica img { width: 100%; max-width: none; min-height: 0; aspect-ratio: 16 / 9; mask-image: linear-gradient(0deg, transparent, #000 45%); -webkit-mask-image: linear-gradient(0deg, transparent, #000 45%); }
html.mx-860 .proceso { grid-template-columns: 1fr; }
html.mx-860 .proceso__cabeza { position: static; }
html.mx-860 .planes { grid-template-columns: 1fr; }
html.mx-860 .franja,
html.mx-860 .llamado,
html.mx-860 .contacto,
html.mx-860 .muestras,
html.mx-860 .dos-columnas,
html.mx-860 .niveles { grid-template-columns: 1fr; }
html.mx-860 .lista-dos { grid-template-columns: 1fr; }
html.mx-860 .llamado .botones { justify-content: flex-start; }
html.mx-860 .llamado .boton { width: 100%; }
html.mx-860 .capas { grid-template-columns: 1fr; }
html.mx-860 .capa + .capa { border-left: 0; border-top: 1px solid var(--linea); }
html.mx-860 .regla { grid-template-columns: 1fr; gap: 6px; }
html.mx-860 .fila-2 { grid-template-columns: 1fr; }
html.mx-860 .pie__arriba { grid-template-columns: 1fr 1fr; }
html.mx-860 .pie__marca { grid-column: 1 / -1; }
html.mx-420 .titular { font-size: 2.15rem; }
html.mx-420 .cifra__numero { font-size: 1.9rem; }
html.mx-420 .plan__precio { font-size: 2rem; }
html.mx-560 .pie__arriba { grid-template-columns: 1fr; gap: 28px; }
html.mx-860 .portada--logo { min-height: 0; }
html.mx-860 .portada__rejilla { grid-template-columns: 1fr; padding-top: 12px; }
html.mx-860 .portada__logo { order: -1; max-width: 300px; justify-self: center; }
html.mx-860 .portada--logo .portada__texto { padding-top: 0; padding-bottom: 64px; }
html.mx-860 .portada--logo .boton { width: 100%; }
html.mx-860 .marca-escena__panel,
html.mx-860 .marca-escena__panel--invertido { grid-template-columns: 1fr; min-height: 0; }
html.mx-860 .marca-escena__panel--invertido .marca-escena__texto { order: 0; }
html.mx-860 .marca-escena__3d { order: -1; min-height: 300px; height: 300px; }
html.mx-860 .marca-escena__texto { padding: 8px 24px 32px; }
html.mx-860 .trabajos { grid-template-columns: 1fr; }
html.mx-860 .trabajos__demos { grid-template-rows: none; }
html.mx-860 .portada--logo .portada__ambiente::after { background: linear-gradient(0deg, var(--fondo) 10%, rgba(5, 8, 13, .55) 60%, rgba(5, 8, 13, .3) 100%); }
html.mx-860 .persona__rejilla { grid-template-columns: 1fr; }
html.mx-860 .persona__foto { max-width: 240px; }
html.mx-860 .persona__monograma { display: none; }
html.mx-860 .trabajos__demos { grid-template-columns: 1fr; }
html.mx-860 .trabajo--real img { aspect-ratio: 16 / 10; }