/* Ajustes propios de la página. Los que había pasaron a los estilos del diseño (herramientas/armar-diseno.py). */
/* El video del inicio, atado al scroll: un poco más corto (era 300vh). */
.scrolly{height:230vh}
/* Así entró / Así salió: el recuadro conserva su proporción. Con el alto fijo y el ancho limitado por la pantalla,
   en celular el iPhone se dibujaba estirado. */
.fx-stage{height:auto;width:min(94vw,calc(76vh * 1122 / 1402),576px)}
/* Colores de cada tarjeta: en stock, en camino (borde punteado) o a pedido (más tenue). El nombre del color dice el estado. */
.sw.mix button.est-pedido,.f-sw.mix button.est-pedido{opacity:.42}
.sw button.est-camino,.f-sw button.est-camino{outline:1.5px dashed #C0552F;outline-offset:2px}
/* Así entró / Así salió: sin sombra sobre la animación. En el iPhone, Safari a veces ignora la transparencia de un canvas con
   filtro y deja ver el fondo original de cada cuadro (un recuadro gris que tapa la base). */
.fx-stage canvas,.fx-fixed{filter:none}
/* Celular: todo más compacto (menos alto, menos scroll). */
@media (max-width:600px){
  .card .vis{height:230px}
  .card .vis svg.ph,.card .vis img{height:172px;bottom:30px}
  .card .vis .arc{height:130px}
  .feat-dark{padding-top:60px}
  .feat-dark img{width:min(420px,82%);margin-top:20px}
  .fede-ph{max-width:270px}
  .fx-stage{width:min(88vw,calc(62vh * 1122 / 1402),576px)}
}
/* Los cuadros del boomerang en celular (imágenes apiladas, se ve una por vez). */
.fx-frames{position:absolute;inset:0}
.fx-frames img{position:absolute;inset:0;width:100%;height:100%;display:block;visibility:hidden}
.fx-frames img.on{visibility:visible}
/* Tarjetas con circulito (síntomas del diagnosticador, funciones del canje): lugar para que no pise el texto. */
.tile[data-sint],.tile[data-func],.tile[data-ok]{padding-left:40px;padding-right:40px}
/* El título principal es la línea "Servicio técnico N°1 de San Juan" (para Google); el contador se ve igual que antes. */
h1.apple-row{margin:0;text-wrap:initial}
.h-count{margin:0;font-size:2em;font-weight:700;text-wrap:balance}
/* Dirección, WhatsApp, horarios y envíos en el cierre y en el pie. */
.v-nap{font-style:normal;margin-top:22px;font-size:14px;line-height:1.75;color:rgba(245,240,236,.7);text-align:center}
.v-nap a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(245,240,236,.35)}
.v-nap .v-envios{color:rgba(245,240,236,.55)}
.foot-nap{max-width:760px;margin:0 auto;padding:0 20px 14px;font-size:11.5px;line-height:1.6;color:var(--muted);text-align:center}