/* MODULO CTA — GENERADO: no se edita a mano.
   Fuente: plugin/plantillas/cta.css
   ---------------------------------------------------------------------------------
   Medidas COPIADAS del boton "Te llamamos" de la web, no puestas a ojo: 55 px de alto
   con font-size 25px, padding 13px 30px, radio 5px, Roboto 900, icono de 1em con 10 px
   de separacion. Mobile first: 19 px de base y 25 px a partir de 640 px.

   El borde de 2px va SIEMPRE puesto, del mismo azul marino: es invisible en estado
   normal y es lo que conserva la forma del boton cuando al pasar el raton el fondo se
   vuelve blanco.

   :focus-visible VA EN SU PROPIA REGLA, separada de :hover, y no en una lista de
   selectores. Si un navegador viejo no entiende :focus-visible y estuvieran juntas,
   tiraria la regla entera y se quedaria tambien sin el :hover.                        */

@media (prefers-reduced-motion: no-preference){ html{scroll-behavior:smooth} }

.asc-cta{margin:0;border:0;padding:0;background:transparent;text-align:center;font-family:Roboto,Arial,Helvetica,sans-serif}
.asc-cta .asc-cta-enlace{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;box-sizing:border-box;border:2px solid #000064;border-radius:5px;background:#000064;color:#fff;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:19px;font-weight:900;line-height:1.2;padding:12px 22px;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.asc-cta .asc-cta-enlace svg{width:1em;height:1em;flex:0 0 auto}
.asc-cta .asc-cta-enlace:hover{background:#fff;color:#000064}
.asc-cta .asc-cta-enlace:focus-visible{background:#fff;color:#000064}

/* El salto nativo del enlace, el que funciona aunque el JavaScript no se ejecute, se
   encuadra con esto. Va tambien sobre #asc-st para que el boton del plugin siga
   encuadrando bien los bloques inline que aun no se hayan migrado. */
.asc-ancla-calc{scroll-margin-top:120px}
.asc-ancla-form{scroll-margin-top:120px}
#asc-st{scroll-margin-top:120px}

@media(min-width:640px){.asc-cta .asc-cta-enlace{font-size:25px;padding:11px 28px}}

/* DESTINO ELENA — 23/09/2026. El boton de la tarjeta de ELENA de la pagina de pruebas, con sus
   medidas exactas (decision de Alberto): el azul marino de los otros CTA no se veria sobre la
   tarjeta, que es azul marino. Es un <button>, no un enlace: no hay a donde saltar sin JavaScript.
   Lo abre la clase elena-trigger, que escucha el script de ELENA.

   NUNCA UN BOTON QUE NO LLEVA A NINGUNA PARTE. El boton nace OCULTO y solo se ve cuando ELENA ha
   montado de verdad, que es cuando pone la clase elena-lista en <html>. Lo decide el CSS y no
   un script, a proposito: da igual el orden en que lleguen los scripts, que WP Rocket los
   difiera o retrase, que el de ELENA no llegue o que llegue sin su hoja de estilos. Vale tambien
   para cualquier elemento con la clase elena-trigger, como un boton de Elementor.
   En la vista previa del editor de Elementor el body lleva asc-vista-previa y se ve siempre,
   para poder maquetar: alli ELENA no se carga, para no abrir conversaciones reales. */
html:not(.elena-lista) .asc-cta[data-asc-cta="elena"]{display:none}
html:not(.elena-lista) .elena-trigger{display:none!important}
html:not(.elena-lista) body.asc-vista-previa .asc-cta[data-asc-cta="elena"]{display:block}
html:not(.elena-lista) body.asc-vista-previa .elena-trigger{display:revert!important}
.asc-cta .asc-cta-elena{background:#0170b9;color:#fff;border:0;border-radius:3px;font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;font-weight:300;line-height:normal;padding:10px 40px;cursor:pointer;transition:background .15s}
.asc-cta .asc-cta-elena:hover{background:#015a95}
.asc-cta .asc-cta-elena:focus-visible{background:#015a95}