.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#000000;--e-global-color-9a72b96:#004F70;--e-global-color-328c4cb:#B1D4BC;--e-global-color-9121c21:#ED7868;--e-global-color-96bfb9f:#C69172;--e-global-color-1b131d5:#B4D1DC;--e-global-color-6196746:#A3735B;--e-global-color-7d05d4f:#FF6E5B;--e-global-color-b72db03:#F3F3F3;--e-global-typography-primary-font-family:"VERTIGO";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Work Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Work Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Work Sans";--e-global-typography-accent-font-weight:600;font-size:18px;}.elementor-kit-6 a{font-family:"Work Sans", Sans-serif;}.elementor-kit-6 h1{font-family:"VERTIGO", Sans-serif;font-size:79px;}.elementor-kit-6 h2{font-family:"VERTIGO", Sans-serif;font-size:69px;letter-spacing:0px;}.elementor-kit-6 h3{font-family:"VERTIGO", Sans-serif;font-size:40px;}.elementor-kit-6 h4{font-size:56px;}.elementor-kit-6 h5{font-family:"VERTIGO", Sans-serif;font-size:21px;letter-spacing:1.6px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:10px;}.elementor-element{--widgets-spacing:10px 10px;--widgets-spacing-row:10px;--widgets-spacing-column:10px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h2{font-size:45px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* BOTÓN TELÉFONO – SIEMPRE ABIERTO – Elementor Contact Buttons var-9 */

/* Elementor Contact Buttons (var-9): SIEMPRE ABIERTO */
.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
}

.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button-text{
  /* por si lo ocultan */
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;

  /* por si lo colapsan */
  width: auto !important;
  max-width: 1000px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;

  /* por si lo esconden con transform */
  transform: none !important;

  /* por si lo recortan con clip */
  clip: auto !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;

  /* por si lo posicionan raro */
  position: static !important;

  white-space: nowrap !important;
}
/* Mantener icono a la izquierda y evitar “salto” en hover */
.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button{
  flex-direction: row !important;
  justify-content: flex-start !important;
}

/* Asegura el orden: icono primero, texto después */
.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button-icon-container{
  order: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button-text{
  order: 1 !important;
  margin: 0 !important;
}

/* Neutraliza cambios de hover que causan el movimiento */
.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button:hover{
  padding-left: inherit !important;
  padding-right: inherit !important;
  transform: none;
}

.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button:hover
.e-contact-buttons__chat-button-icon-container{
  transform: none !important;
  margin: 0 !important;
}
.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button,
.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button:hover{
  gap: 10px !important;
  padding: 12px 45px !important; /* ajusta a tu gusto */
}
/* 1) El <a> es el botón completo (texto + icono) y no debe cambiar en hover */
.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button,
.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button:hover{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  /* fija el tamaño para que no “salte” */
  padding: 12px 16px !important;
  transform: none !important;
}

/* 2) El texto siempre visible (si ya lo tienes, puedes dejarlo igual) */
.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button-text{
  max-width: 1000px !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

/* 3) Quitar el “círculo” del icono y meterlo dentro del botón */
.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button-icon-container{
  position: static !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;

  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;

  transform: none !important;
}

/* 4) Si quieres el icono a la derecha dentro del mismo botón */
.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button-icon-container{ order: 2 !important; }
.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button-text{ order: 1 !important; }
.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button-icon-container{ order: 1 !important; }
.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button-text{ order: 2 !important; }
/* Botón completo con fondo azul */
.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button,
.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button:hover{
  background-color: #0b4f6c !important; /* usa tu azul corporativo */
  color: #ffffff !important;
}

/* Icono hereda el color blanco */
.e-contact-buttons.e-contact-buttons-var-9 
.e-contact-buttons__chat-button-icon-container svg{
  fill: currentColor !important;
  width: 18px;
  height: 18px;
}
/* Botón flotante con cantos redondos */
.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button,
.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button:hover{
  border-radius: 999px !important; /* completamente redondo tipo “pastilla” */
}
/* Tipografía más fina en el botón flotante */
.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button,
.e-contact-buttons.e-contact-buttons-var-9 .e-contact-buttons__chat-button-text{
  font-weight: 300 !important;   /* prueba 300 o 400 según la fuente */
  letter-spacing: 0.02em;        /* opcional, muy sutil */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'VERTIGO';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://vertigovida.com/wp-content/uploads/2025/11/PPHatton-UltralightItalic.woff2') format('woff2'),
		url('https://vertigovida.com/wp-content/uploads/2025/11/PPHatton-UltralightItalic.woff') format('woff'),
		url('https://vertigovida.com/wp-content/uploads/2025/11/PPHatton-UltralightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'VERTIGO';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */