/* theresa.es — CRM (Rubén, 2026-10-30): «lo que quiero ver es la tablet, centrada, sin tener que desplazar, de un
   vistazo». Sin nada alrededor. La tableta está tumbada en la mesa y se levanta una vez, al entrar. Prefijo `crm-`. */
.sl--crm .sl-abre { padding-top: 60px; }
.sl--crm .sl-frase { margin-bottom: 44px; }
.crm-mesa { perspective: 2200px; max-width: 1120px; margin: 0 auto 150px; }
.crm-mesa .vx-tableta { max-width: 100%; transform-origin: 50% 100%; transition: transform 1.8s cubic-bezier(.16,.8,.24,1) .1s; }
.js .crm-mesa:not(.vx-in) .vx-tableta { transform: rotateX(26deg) translateY(50px) scale(.94); }
/* Cabe entera en la ventana: con el zoom de la web, 133,33vh son el alto real. Lo que no cabe se corta, como en una pantalla. */
.crm-mesa .vx-tableta__pantalla { height: min(740px, calc(133.33vh - 500px)); min-height: 500px; }
.crm-mesa .vx-fx { min-height: 0; overflow: hidden; }
@media (max-width: 1023px) {
  .crm-mesa { margin-bottom: 64px; }
  .crm-mesa .vx-tableta__pantalla { height: auto; min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .crm-mesa .vx-tableta { transition: none; }
  .js .crm-mesa:not(.vx-in) .vx-tableta { transform: none; }
}