/* =========================================================================
 *  CONTENT OS EN EL MÓVIL (05/10/2026) · pauta de Apple (HIG) para iPhone y iPad.
 *  TODO va dentro de @media (max-width: 820px): en el ordenador este archivo no
 *  hace nada. Las piezas nuevas (#tabMovil, #subMovil, #veloMovil, .movil-cerrar)
 *  las crea movil.js solo en pantallas estrechas y pone html.movil.
 *   - Zonas de toque de 44 pt, campos a 16 px (iOS no hace zoom), márgenes seguros (notch, barra de inicio).
 *   - Navegación abajo, al alcance del pulgar: barra de pestañas de vidrio flotante + «Más» (el lateral como hoja).
 *   - Apartados del bloque en una tira de cápsulas fija arriba; cabecera fija con las migas.
 *   - Sin desplazamiento lateral de la página: lo ancho (tablas, tableros) se desliza dentro de su caja.
 *   - Ventanas y fichas como hojas que suben desde abajo.
 * ========================================================================= */
@media (max-width: 820px) {
  html.piel-crm.movil { --tm-alto: 62px; --tm-abajo: max(10px, env(safe-area-inset-bottom)); --lado: max(16px, env(safe-area-inset-left)); --lado-d: max(16px, env(safe-area-inset-right));
    --cab-alto: 48px; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  html.piel-crm.movil, html.piel-crm.movil body { overflow-x: clip; max-width: 100%; }
  html.piel-crm.movil body { -webkit-tap-highlight-color: transparent; overscroll-behavior-y: none; }

  /* ---- Estructura: una columna; el lateral sale de la rejilla (es la hoja de «Más») ---- */
  html.piel-crm.movil body .app { display: block; grid-template-columns: none; min-height: 100dvh; }
  html.piel-crm.movil body .app .main, html.piel-crm.movil body .app .main.content {
    padding: 0 var(--lado-d) calc(var(--tm-alto) + var(--tm-abajo) + 28px) var(--lado); min-width: 0; }

  /* ---- Cabecera fija (migas) con vidrio, respetando el notch ---- */
  html.piel-crm.movil body .page-head { position: sticky; top: 0; z-index: 40; min-height: 0; height: calc(var(--cab-alto) + env(safe-area-inset-top));
    margin: 0 calc(-1 * var(--lado-d)) 0 calc(-1 * var(--lado)); padding: env(safe-area-inset-top) var(--lado-d) 0 var(--lado);
    background: rgba(11,11,11,.72); -webkit-backdrop-filter: blur(24px) saturate(170%); backdrop-filter: blur(24px) saturate(170%);
    border-bottom: .5px solid rgba(255,255,255,.08); }
  html.piel-crm.movil body .page-title { flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; scrollbar-width: none; font-size: 15px; min-width: 0; max-width: 100%; }
  html.piel-crm.movil body .page-title::-webkit-scrollbar { display: none; }
  html.piel-crm.movil body .miga-cos { min-height: 44px; height: 44px; padding: 0 8px; flex: none; }
  html.piel-crm.movil body .miga-cos:first-child { margin-left: -8px; }

  /* ---- Apartados del bloque: cápsulas que se deslizan, fijas bajo la cabecera ---- */
  html.piel-crm.movil #subMovil { position: sticky; top: calc(var(--cab-alto) + env(safe-area-inset-top)); z-index: 39; display: flex; gap: 6px;
    margin: 0 calc(-1 * var(--lado-d)) 12px calc(-1 * var(--lado)); padding: 6px var(--lado-d) 10px var(--lado); overflow-x: auto; scrollbar-width: none;
    background: rgba(11,11,11,.72); -webkit-backdrop-filter: blur(24px) saturate(170%); backdrop-filter: blur(24px) saturate(170%);
    border-bottom: .5px solid rgba(255,255,255,.08); scroll-snap-type: x proximity; }
  html.piel-crm.movil #subMovil[hidden] { display: none; }
  html.piel-crm.movil.movil-con-subs body .page-head { border-bottom: 0; }
  html.piel-crm.movil #subMovil::-webkit-scrollbar { display: none; }
  html.piel-crm.movil .sm-cap { flex: none; min-height: 36px; padding: 0 14px; border: 1px solid var(--border); border-radius: 99px; background: rgba(255,255,255,.04);
    color: var(--text-2); font-size: 14px; white-space: nowrap; cursor: pointer; scroll-snap-align: center; position: relative; }
  html.piel-crm.movil .sm-cap::after { content: ""; position: absolute; inset: -4px 0; }   /* zona de toque de 44 pt */
  html.piel-crm.movil .sm-cap.on { background: var(--pildora); color: var(--text); border-color: transparent; box-shadow: var(--sombra-pildora); }

  /* ---- Barra de pestañas: vidrio flotante abajo (iOS 26), 44 pt por pestaña como mínimo ---- */
  html.piel-crm.movil #tabMovil { position: fixed; z-index: 70; left: max(12px, env(safe-area-inset-left)); right: max(12px, env(safe-area-inset-right)); bottom: var(--tm-abajo);
    height: var(--tm-alto); display: flex; align-items: stretch; gap: 0; padding: 5px 4px; border-radius: 99px;
    background: rgba(30,30,30,.72); -webkit-backdrop-filter: blur(30px) saturate(180%); backdrop-filter: blur(30px) saturate(180%);
    border: 1px solid rgba(255,255,255,.11); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 18px 40px -12px rgba(0,0,0,.75), 0 2px 8px rgba(0,0,0,.35); }
  html.piel-crm.movil #app.hidden ~ #tabMovil { display: none; }
  html.piel-crm.movil .tm-tab { flex: 1 1 0; min-width: 44px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 0;
    border: 0; border-radius: 99px; background: none; color: #9A9AA0; font-size: 10px; letter-spacing: -.025em; line-height: 1.1; cursor: pointer; transition: background .15s, color .15s; }
  html.piel-crm.movil .tm-tab svg { width: 22px; height: 22px; flex: none; }
  html.piel-crm.movil .tm-tab span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html.piel-crm.movil .tm-tab.on { color: var(--text); background: var(--pildora); box-shadow: var(--sombra-pildora); }
  html.piel-crm.movil .tm-tab:active { background: rgba(255,255,255,.1); }

  /* ---- «Más»: el lateral entero como hoja desde abajo ---- */
  html.piel-crm.movil #veloMovil { position: fixed; inset: 0; z-index: 90; background: rgba(0,0,0,.45); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
  html.piel-crm.movil #veloMovil[hidden] { display: none; }
  html.piel-crm.movil body .app .sidebar, html.piel-crm.movil body.lateral-plegada .app .sidebar {
    position: fixed; z-index: 95; left: 0; right: 0; top: auto; bottom: 0; width: auto; height: auto; max-height: min(86dvh, 720px); margin: 0;
    display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 0;
    padding: 30px max(16px, env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
    border: 1px solid var(--filo-vidrio); border-bottom: 0; border-radius: 26px 26px 0 0; overflow: hidden;
    background: rgba(28,28,28,.94); -webkit-backdrop-filter: blur(40px) saturate(180%); backdrop-filter: blur(40px) saturate(180%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 -20px 60px -10px rgba(0,0,0,.7);
    transform: translateY(105%); visibility: hidden; transition: transform .32s cubic-bezier(.2,.9,.25,1), visibility 0s linear .32s; }
  html.piel-crm.movil.movil-menu body .app .sidebar { transform: none; visibility: visible; transition: transform .32s cubic-bezier(.2,.9,.25,1), visibility 0s; }
  html.piel-crm.movil body .app .sidebar::before { content: ""; position: absolute; top: 8px; left: 50%; width: 36px; height: 5px; margin-left: -18px; border-radius: 99px; background: rgba(255,255,255,.28); }
  html.piel-crm.movil body .app .sidebar .brand { display: none !important; }
  html.piel-crm.movil body .app .sidebar .movil-cerrar { position: absolute; top: 8px; right: max(10px, env(safe-area-inset-right)); width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; z-index: 2; }
  html.piel-crm.movil body .app .sidebar .nav, html.piel-crm.movil body.lateral-plegada .app .sidebar .nav {
    order: 0; flex: 1 1 auto; width: auto; min-height: 0; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 0; margin: 0 -4px; padding: 0 4px 8px;
    overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
  html.piel-crm.movil body .app .sidebar :is(.cn-lista, .cn-abajo), html.piel-crm.movil body.lateral-plegada .app .sidebar :is(.cn-lista, .cn-abajo) { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; width: auto; gap: 2px; }
  html.piel-crm.movil body .app .sidebar .cn-grupo, html.piel-crm.movil body.lateral-plegada .app .sidebar .cn-grupo { display: flex; flex-direction: column; align-items: stretch; width: auto; gap: 2px; }
  html.piel-crm.movil body .app .sidebar .cn-grupo + :is(.cn-grupo, .cn-btn) { margin-top: 8px; }
  html.piel-crm.movil body .app .sidebar .nav > .cn-abajo { margin-top: 10px !important; padding-top: 10px; border-top: 1px solid var(--border); }
  html.piel-crm.movil body .app .sidebar .cn-btn, html.piel-crm.movil body.lateral-plegada .app .sidebar .cn-btn {
    width: 100%; height: 44px; min-height: 44px; padding: 0 14px; justify-content: flex-start; gap: 12px; font-size: 16px; margin: 0; max-width: none; }
  html.piel-crm.movil body .app .sidebar .cn-btn .cn-ico { width: 20px; height: 20px; flex-basis: 20px; }
  html.piel-crm.movil body .app .sidebar .cn-btn > span, html.piel-crm.movil body.lateral-plegada .app .sidebar .cn-btn > span { display: block !important; }
  html.piel-crm.movil body .app .sidebar .cn-chev, html.piel-crm.movil body.lateral-plegada .app .sidebar .cn-chev { display: none !important; }
  html.piel-crm.movil body .app .sidebar .cn-sub, html.piel-crm.movil body.lateral-plegada .app .sidebar .cn-sub { display: flex !important; flex-direction: column; gap: 0; margin: 0 0 2px; }
  html.piel-crm.movil body .app .sidebar .cn-sub .cn-btn, html.piel-crm.movil body.lateral-plegada .app .sidebar .cn-sub .cn-btn {
    width: auto; height: 44px; margin-left: 32px; padding: 0 14px; font-size: 15px; }
  html.piel-crm.movil body .app .sidebar .cn-sub-tit { padding: 10px 14px 4px 46px; font-size: 13px; }
  html.piel-crm.movil body .app .sidebar .sidebar-foot, html.piel-crm.movil body.lateral-plegada .app .sidebar .sidebar-foot {
    order: 1; flex: none; width: auto; margin: 0; padding: 10px 0 0; border-top: 1px solid var(--border); align-items: stretch; }
  html.piel-crm.movil body .app .sidebar .side-row, html.piel-crm.movil body.lateral-plegada .app .sidebar .side-row { flex-direction: row; gap: 6px; align-items: center; }
  html.piel-crm.movil body .app .sidebar .side-row .side-pick, html.piel-crm.movil body.lateral-plegada .app .sidebar .side-row .side-pick { order: -1; flex: 1 1 auto; width: auto; margin-right: 4px; }
  html.piel-crm.movil body .app .sidebar .side-pick-btn, html.piel-crm.movil body.lateral-plegada .app .sidebar .side-pick-btn { width: 100%; height: 44px; padding: 0 8px 0 2px; justify-content: flex-start; font-size: 15px; }
  html.piel-crm.movil body .app .sidebar .side-pick-btn .chev, html.piel-crm.movil body.lateral-plegada .app .sidebar .side-pick-btn .chev { display: inline-block; }
  html.piel-crm.movil body .app .sidebar .side-pick-menu { max-height: 50dvh; }
  html.piel-crm.movil body .app .sidebar .side-icon, html.piel-crm.movil body.lateral-plegada .app .sidebar .side-icon { width: 44px !important; height: 44px !important; }
  html.piel-crm.movil body .app .sidebar .side-icon svg { width: 20px !important; height: 20px !important; }
  html.piel-crm.movil body .app .sidebar .side-icon .pt-conectado { right: 10px; top: 10px; }
  html.piel-crm.movil.movil-menu body { overflow: hidden; }

  /* ---- Contenido: el panel de vidrio con menos marco ---- */
  html.piel-crm.movil body #vista { padding: 14px; border-radius: 20px; min-width: 0; max-width: 100%; }
  html.piel-crm.movil body #vista img, html.piel-crm.movil body #vista video, html.piel-crm.movil body #vista svg:not([width]) { max-width: 100%; }

  /* ---- Barras de herramientas que en el ordenador van en una fila: aquí bajan a la siguiente ---- */
  html.piel-crm.movil body #vista .vm-end { flex-wrap: wrap; justify-content: flex-start; flex-basis: 100%; }
  html.piel-crm.movil body #vista .vm-end .vm-search { flex: 1 1 100%; min-width: 0; }
  html.piel-crm.movil body #vista .ct-filters { flex-wrap: wrap; }
  html.piel-crm.movil body #vista :is(.row, .row-between).wrap > :is(.row, .segmented) { min-width: 0; max-width: 100%; }

  /* ---- Tablero por etapas: columnas de ancho legible que se deslizan de lado, con imán ---- */
  html.piel-crm.movil body #vista .board-frame { overflow: hidden; }
  html.piel-crm.movil body #vista .board { overflow-x: auto; scroll-snap-type: x mandatory; padding: 0 0 8px; align-items: flex-start; -webkit-overflow-scrolling: touch; }
  html.piel-crm.movil body #vista .board-phase { flex: none !important; }
  html.piel-crm.movil body #vista .board-col { flex: 0 0 min(76vw, 300px); width: min(76vw, 300px); max-width: none; scroll-snap-align: start; }

  /* ---- Cifras de cabecera: de dos en dos ---- */
  html.piel-crm.movil body #vista .ct-top { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; padding: 14px; }
  html.piel-crm.movil body #vista .kpis:not(.cuadrados) { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  /* ---- Lo que se toca: 44 pt; campos a 16 px para que iOS no amplíe al escribir ---- */
  html.piel-crm.movil body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea, .input, .select, .buscador, .mini-select, .mini-input, .fp-campo, .ds-campo, .vm-search, .vt-add-field) { font-size: 16px !important; }
  html.piel-crm.movil body :is(.input, .select, .buscador, .mini-select, .mini-input, .fp-campo, .ds-campo, .ct-sel, .vm-search) { min-height: 44px; }
  html.piel-crm.movil body .btn { min-height: 44px; }
  html.piel-crm.movil body :is(.btn.sm, .btn.pequeno) { min-height: 38px; font-size: 13px; }
  html.piel-crm.movil body :is(.segmented, .pestanas, .segmentos) { max-width: 100%; overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap; }
  html.piel-crm.movil body :is(.segmented, .pestanas, .segmentos)::-webkit-scrollbar { display: none; }
  html.piel-crm.movil body :is(.segmented button, .segmented a, .pest, .segmentos .seg) { min-height: 36px; flex: none; font-size: 13px; }
  html.piel-crm.movil body :is(.cerrar, .ventana-cerrar, .visor-cerrar, .lms-cerrar, #fxCancelar) { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; }

  /* ---- Tablas: se deslizan dentro de su caja (la página no) ---- */
  html.piel-crm.movil body #vista :is(.tabla-wrap, .tabla-caja, .table-wrap, .tabla-scroll) { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  html.piel-crm.movil body #vista table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; }
  html.piel-crm.movil body #vista table :is(td, th) { white-space: nowrap; }
  html.piel-crm.movil body #vista table td .truncate, html.piel-crm.movil body #vista table td :is(.t-tit, .titulo) { max-width: 58vw; }

  /* ---- Tablas de cifras → tarjetas (movil.js pone .movil-cartas y el nombre de cada columna en data-et) ---- */
  html.piel-crm.movil body #vista table.movil-cartas { display: block; overflow: visible; white-space: normal; border: 0; }
  html.piel-crm.movil body #vista table.movil-cartas thead { display: none; }
  html.piel-crm.movil body #vista table.movil-cartas tbody { display: flex; flex-direction: column; gap: 8px; }
  html.piel-crm.movil body #vista table.movil-cartas tr { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px 10px; padding: 12px; height: auto;
    border: 1px solid var(--border); border-radius: 16px; background: rgba(255,255,255,.03); }
  html.piel-crm.movil body #vista table.movil-cartas td { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 2px; min-width: 0; height: auto; width: auto !important; max-width: none !important;
    padding: 0 !important; border: 0 !important; background: none !important; text-align: left !important; white-space: normal; font-size: 15px; }
  html.piel-crm.movil body #vista table.movil-cartas td::before { content: attr(data-et); font-size: 11px; line-height: 1.2; font-weight: 600; color: var(--text-3); max-width: 100%; overflow-wrap: anywhere; }
  html.piel-crm.movil body #vista table.movil-cartas td:first-child { grid-column: 1 / -1; flex-direction: row; align-items: center; }
  html.piel-crm.movil body #vista table.movil-cartas td:first-child::before, html.piel-crm.movil body #vista table.movil-cartas td[data-et=""]::before { display: none; }
  html.piel-crm.movil body #vista table.movil-cartas td:empty { display: none; }
  html.piel-crm.movil body #vista table.movil-cartas td:first-child > :is(button, a, .row) { width: 100%; min-height: 44px; text-align: left; }
  html.piel-crm.movil body #vista table.movil-cartas td :is(.truncate, .t-tit, .titulo) { max-width: 100%; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

  /* ---- Ventanas y fichas: hojas que suben desde abajo ---- */
  html.piel-crm.movil body .velo { padding: 0; place-items: end stretch; align-items: end; }
  html.piel-crm.movil body .velo > :is(.ventana, .dialog) { width: 100% !important; max-width: 100% !important; max-height: 92dvh; margin: 0; border-radius: 26px 26px 0 0 !important; border-bottom: 0;
    padding-bottom: env(safe-area-inset-bottom); overflow-y: auto !important; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; animation: movilHoja .32s cubic-bezier(.2,.9,.25,1); }
  html.piel-crm.movil body .velo > .ventana { padding: 26px var(--lado-d) calc(22px + env(safe-area-inset-bottom)) var(--lado); }
  html.piel-crm.movil body .velo > .dialog { display: flex; flex-direction: column; }
  html.piel-crm.movil body .velo > .dialog .dialog-body { flex: 1 1 auto; max-height: none; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  html.piel-crm.movil body .velo > .dialog .dialog-foot { padding-bottom: calc(12px + env(safe-area-inset-bottom)); }
  html.piel-crm.movil body .velo :is(.ventana-cerrar, .ventana > .cerrar) { position: absolute; top: 10px; right: 10px; z-index: 2; }
  html.piel-crm.movil body .velo .ventana h2 { padding-right: 44px; }
  html.piel-crm.movil body .rangos-informe { display: flex; flex-direction: column; gap: 8px; }
  html.piel-crm.movil body .rangos-informe .btn { width: 100%; min-height: 56px; }

  /* ---- Sequence Builder: el marco llena lo que queda entre la cabecera y la barra de pestañas ---- */
  html.piel-crm.movil body .sb-marco:not(.sb-editor):not(.precarga) { height: calc(100dvh - var(--cab-alto) - env(safe-area-inset-top) - var(--tm-alto) - var(--tm-abajo) - 16px) !important; min-height: 360px;
    margin: 0 calc(-1 * var(--lado-d)) 0 calc(-1 * var(--lado)); border-radius: 0; border-left: 0; border-right: 0; }
  html.piel-crm.movil body .sb-marco:not(.sb-editor) .sb-if { inset: 10px 8px 0; width: calc(100% - 16px); height: calc(100% - 10px); }
  html.piel-crm.movil body .sb-marco.sb-editor .sb-if { top: env(safe-area-inset-top); height: calc(100% - env(safe-area-inset-top)); }
  html.piel-crm.movil body.sb-editor-abierto #tabMovil { display: none; }
  html.piel-crm.movil body:has(.sb-marco:not([hidden]):not(.precarga)) .app .main { padding-bottom: calc(var(--tm-alto) + var(--tm-abajo) + 8px); }

  @keyframes movilHoja { from { transform: translateY(40px); opacity: .4; } to { transform: none; opacity: 1; } }
}

@media (max-width: 359px) {
  html.piel-crm.movil body #vista table.movil-cartas tr { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ---- Teléfono (≤ 600): el contenido sin el panel de vidrio alrededor, a todo el ancho con los márgenes de iOS ---- */
@media (max-width: 600px) {
  html.piel-crm.movil body #vista { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
  html.piel-crm.movil body .page-title { font-size: 15px; }
  /* calendario mensual: los 7 días a lo ancho; la columna «Semana» (resumen) fuera */
  html.piel-crm.movil body #vista :is(.cal, .cal-head) { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px; min-width: 0; }
  html.piel-crm.movil body #vista .cal-week, html.piel-crm.movil body #vista .cal-head > :nth-child(8) { display: none; }
  html.piel-crm.movil body #vista .cal-cell { min-height: 58px; padding: 4px; border-radius: 8px; }
  /* el tablero llega hasta los bordes de la pantalla */
  html.piel-crm.movil body #vista .board-frame { margin: 0 calc(-1 * var(--lado-d)) 0 calc(-1 * var(--lado)); }
  html.piel-crm.movil body #vista .board { scroll-padding-left: var(--lado); padding: 0 var(--lado-d) 8px var(--lado); }
  /* piezas verticales (reels): de dos en dos, como el perfil de Instagram */
  html.piel-crm.movil body #vista .rejilla-vertical { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  /* rejillas de 2–4 columnas: una debajo de otra */
  html.piel-crm.movil body #vista :is(.grid-2, .grid-3, .grid-4) { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 601px) and (max-width: 820px) {
  /* tableta: la barra de pestañas, centrada y de ancho contenido (no de lado a lado) */
  html.piel-crm.movil body #vista .ct-top { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  html.piel-crm.movil #tabMovil { left: 50%; right: auto; width: min(560px, calc(100% - 24px)); transform: translateX(-50%); }
  html.piel-crm.movil body #vista :is(.grid-3, .grid-4) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) and (prefers-reduced-motion: reduce) {
  html.piel-crm.movil body .app .sidebar, html.piel-crm.movil.movil-menu body .app .sidebar { transition: none; }
  html.piel-crm.movil body .velo > :is(.ventana, .dialog) { animation: none; }
}