.elementor-2341 .elementor-element.elementor-element-41dec85:not(.elementor-motion-effects-element-type-background), .elementor-2341 .elementor-element.elementor-element-41dec85 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-2341 .elementor-element.elementor-element-41dec85{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 20px 20px 20px;}.elementor-2341 .elementor-element.elementor-element-41dec85 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2341 .elementor-element.elementor-element-6094574.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2341 .elementor-element.elementor-element-6094574:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2341 .elementor-element.elementor-element-6094574 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-2341 .elementor-element.elementor-element-6094574 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;text-align:center;padding:0px 0px 0px 0px;}.elementor-2341 .elementor-element.elementor-element-6094574 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2341 .elementor-element.elementor-element-9c3a58f .elementor-heading-title{color:#E13530;font-family:"Montserrat", Red Hat Display;font-size:20px;text-transform:uppercase;line-height:22px;word-spacing:1px;}.elementor-2341 .elementor-element.elementor-element-9c3a58f > .elementor-widget-container{padding:10px 0px 3px 0px;}.elementor-2341 .elementor-element.elementor-element-45b994b:not(.elementor-motion-effects-element-type-background), .elementor-2341 .elementor-element.elementor-element-45b994b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-2341 .elementor-element.elementor-element-45b994b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 20px 10px 20px;}.elementor-2341 .elementor-element.elementor-element-45b994b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2341 .elementor-element.elementor-element-09aa88a:not(.elementor-motion-effects-element-type-background), .elementor-2341 .elementor-element.elementor-element-09aa88a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-2341 .elementor-element.elementor-element-09aa88a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 20px 10px 20px;}.elementor-2341 .elementor-element.elementor-element-09aa88a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2341 .elementor-element.elementor-element-2d5b82e:not(.elementor-motion-effects-element-type-background), .elementor-2341 .elementor-element.elementor-element-2d5b82e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-2341 .elementor-element.elementor-element-2d5b82e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 20px 10px 20px;}.elementor-2341 .elementor-element.elementor-element-2d5b82e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2341 .elementor-element.elementor-element-0ad2211:not(.elementor-motion-effects-element-type-background), .elementor-2341 .elementor-element.elementor-element-0ad2211 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-2341 .elementor-element.elementor-element-0ad2211{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 20px 10px 20px;}.elementor-2341 .elementor-element.elementor-element-0ad2211 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2341 .elementor-element.elementor-element-d43f498:not(.elementor-motion-effects-element-type-background), .elementor-2341 .elementor-element.elementor-element-d43f498 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-2341 .elementor-element.elementor-element-d43f498{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 20px 100px 20px;}.elementor-2341 .elementor-element.elementor-element-d43f498 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2341 .elementor-element.elementor-element-cdd44e2:not(.elementor-motion-effects-element-type-background), .elementor-2341 .elementor-element.elementor-element-cdd44e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-2341 .elementor-element.elementor-element-cdd44e2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 20px 150px 20px;}.elementor-2341 .elementor-element.elementor-element-cdd44e2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2341 .elementor-element.elementor-element-45b994b{padding:0px 0px 0px 0px;}.elementor-2341 .elementor-element.elementor-element-cdd44e2{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-2341 .elementor-element.elementor-element-9c3a58f .elementor-heading-title{font-size:16px;}.elementor-2341 .elementor-element.elementor-element-45b994b{padding:0px 0px 0px 0px;}.elementor-2341 .elementor-element.elementor-element-09aa88a{padding:0px 0px 0px 0px;}.elementor-2341 .elementor-element.elementor-element-2d5b82e{padding:0px 0px 0px 0px;}.elementor-2341 .elementor-element.elementor-element-0ad2211{padding:0px 0px 0px 0px;}.elementor-2341 .elementor-element.elementor-element-d43f498{padding:0px 0px 100px 0px;}.elementor-2341 .elementor-element.elementor-element-cdd44e2{padding:0px 0px 0px 0px;}}/* Start custom CSS for section, class: .elementor-element-45b994b *//* Asegúrate de que este código esté en tu archivo CSS */
body {
  font-family: 'Montserrat', sans-serif; /* Aplicar la fuente en todo el sitio o personalizar según sea necesario */
}

/* Botón de WhatsApp */
.whatsapp-button {
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #316926, #3d8330, #3D8A40, #55B743); /* Gradiente verde */
  border-radius: 38px;
  padding: 12px 16px;
  max-width: 400px; /* Ajusta según el tamaño que prefieras */
  margin: 0 auto;
  border: none; /* Eliminar el borde para evitar rayas */
  position: relative; /* Para posicionar el texto "CHAT" dentro del botón */
  transition: transform 0.3s ease; /* Transiciones para suavizar el efecto */
  background-size: cover; /* Asegura que el fondo cubra el área del botón */
  background-clip: padding-box; /* Asegura que el fondo se recorte al borde del padding */
}

/* Enlace del botón */
.whatsapp-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: white; /* Color blanco del texto del enlace */
  width: 100%; /* Asegura que el enlace ocupe todo el ancho del botón */
}

/* Icono principal de WhatsApp */
.whatsapp-icon {
  background-image: url('https://rubemotos.com/wp-content/uploads/2024/08/Was.webp'); /* Logo de WhatsApp actualizado */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 55px; /* Tamaño del ícono */
  height: 55px; /* Tamaño del ícono */
  margin-right: 15px;
  border: 2px solid #55B743; /* Borde verde claro alrededor del ícono */
  border-radius: 50%; /* Hacer el borde redondeado */
  padding: 7px; /* Espacio entre el ícono y el borde */
  box-sizing: border-box; /* Asegura que el borde no afecte al tamaño total */
}

/* Contenedor del texto */
.whatsapp-text {
  display: flex;
  flex-direction: column;
  text-align: left; /* Alinear el texto a la izquierda */
}

/* Nombre de la empresa */
.whatsapp-company {
  font-size: 16px;
  color: #FEEA71; /* Texto amarillo para el nombre de la empresa */
  font-weight: 700; /* Peso más grueso para el nombre */
  margin-bottom: 2px; /* Separación entre el nombre y el número */
}

/* Contenedor de contacto */
.whatsapp-contact {
  display: flex;
  align-items: center;
}

/* Número de teléfono */
.whatsapp-number {
  font-size: 13px;
  font-weight: 400; /* Peso normal para el número */
  margin-right: 10px; /* Espacio entre el número y el ícono pequeño */
  color: white; /* Color blanco del número */
}

/* Icono pequeño de WhatsApp */
.whatsapp-icon-small {
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg'); /* Logo de WhatsApp para el número */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px; /* Tamaño reducido del ícono */
  height: 30px; /* Tamaño reducido del ícono */
  border-radius: 50%; /* Hacer el borde redondeado */
  margin-right: 10px; /* Espacio entre el ícono pequeño y el texto "Online" */
}

/* Estado online */
.whatsapp-status {
  font-size: 13px; /* Tamaño del texto "Online" */
  display: flex;
  align-items: center;
  color: white; /* Color blanco del texto "Online" */
}

/* Punto de estado */
.status-dot {
  width: 8px; /* Tamaño del punto */
  height: 8px; /* Tamaño del punto */
  border-radius: 50%; /* Hacer el punto redondeado */
  background-color: #55B743; /* Color verde del punto */
  margin-right: 5px; /* Espacio entre el punto y el texto "Online" */
  animation: blink 1s infinite; /* Aplicar la animación de parpadeo */
}

/* Animación de parpadeo */
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

/* Efecto de movimiento al pasar el cursor */
.whatsapp-button:hover {
  transform: scale(1.05); /* Aumenta el tamaño del botón al pasar el cursor */
}

/* Efecto de movimiento al hacer clic */
.whatsapp-button:active {
  transform: scale(0.98); /* Reduce el tamaño del botón al hacer clic */
}

/* Texto "CHAT" */
.whatsapp-chat {
  font-size: 10px; /* Tamaño pequeño para el texto "CHAT" */
  font-weight: 600; /* Peso más grueso para el texto */
  color: #FFFFFF; /* Color blanco del texto */
  background-color: #55B743; /* Fondo verde de WhatsApp */
  padding: 2px 8px; /* Espacio alrededor del texto */
  border: 1px solid #FFFFFF; /* Borde blanco */
  border-radius: 12px; /* Bordes redondeados */
  position: absolute; /* Posicionamiento absoluto dentro del contenedor */
  top: 10px; /* Espacio desde la parte superior del botón */
  right: 20px; /* Espacio desde la parte derecha del botón */
  animation: blink 1s infinite; /* Animación de parpadeo */
  text-transform: uppercase; /* Convertir el texto a mayúsculas */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-09aa88a *//* Asegúrate de que este código esté en tu archivo CSS */
body {
  font-family: 'Montserrat', sans-serif; /* Aplicar la fuente en todo el sitio o personalizar según sea necesario */
}

/* Botón de WhatsApp */
.whatsapp-button {
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #316926, #3d8330, #3D8A40, #55B743); /* Gradiente verde */
  border-radius: 38px;
  padding: 12px 16px;
  max-width: 400px; /* Ajusta según el tamaño que prefieras */
  margin: 0 auto;
  border: none; /* Eliminar el borde para evitar rayas */
  position: relative; /* Para posicionar el texto "CHAT" dentro del botón */
  transition: transform 0.3s ease; /* Transiciones para suavizar el efecto */
  background-size: cover; /* Asegura que el fondo cubra el área del botón */
  background-clip: padding-box; /* Asegura que el fondo se recorte al borde del padding */
}

/* Enlace del botón */
.whatsapp-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: white; /* Color blanco del texto del enlace */
  width: 100%; /* Asegura que el enlace ocupe todo el ancho del botón */
}

/* Icono principal de WhatsApp */
.whatsapp-icon {
  background-image: url('https://rubemotos.com/wp-content/uploads/2024/08/Was.webp'); /* Logo de WhatsApp actualizado */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 55px; /* Tamaño del ícono */
  height: 55px; /* Tamaño del ícono */
  margin-right: 15px;
  border: 2px solid #55B743; /* Borde verde claro alrededor del ícono */
  border-radius: 50%; /* Hacer el borde redondeado */
  padding: 7px; /* Espacio entre el ícono y el borde */
  box-sizing: border-box; /* Asegura que el borde no afecte al tamaño total */
}

/* Contenedor del texto */
.whatsapp-text {
  display: flex;
  flex-direction: column;
  text-align: left; /* Alinear el texto a la izquierda */
}

/* Nombre de la empresa */
.whatsapp-company {
  font-size: 18px;
  color: #FEEA71; /* Texto amarillo para el nombre de la empresa */
  font-weight: 700; /* Peso más grueso para el nombre */
  margin-bottom: 2px; /* Separación entre el nombre y el número */
}

/* Contenedor de contacto */
.whatsapp-contact {
  display: flex;
  align-items: center;
}

/* Número de teléfono */
.whatsapp-number {
  font-size: 13px;
  font-weight: 400; /* Peso normal para el número */
  margin-right: 10px; /* Espacio entre el número y el ícono pequeño */
  color: white; /* Color blanco del número */
}

/* Icono pequeño de WhatsApp */
.whatsapp-icon-small {
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg'); /* Logo de WhatsApp para el número */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px; /* Tamaño reducido del ícono */
  height: 30px; /* Tamaño reducido del ícono */
  border-radius: 50%; /* Hacer el borde redondeado */
  margin-right: 10px; /* Espacio entre el ícono pequeño y el texto "Online" */
}

/* Estado online */
.whatsapp-status {
  font-size: 13px; /* Tamaño del texto "Online" */
  display: flex;
  align-items: center;
  color: white; /* Color blanco del texto "Online" */
}

/* Punto de estado */
.status-dot {
  width: 8px; /* Tamaño del punto */
  height: 8px; /* Tamaño del punto */
  border-radius: 50%; /* Hacer el punto redondeado */
  background-color: #55B743; /* Color verde del punto */
  margin-right: 5px; /* Espacio entre el punto y el texto "Online" */
  animation: blink 1s infinite; /* Aplicar la animación de parpadeo */
}

/* Animación de parpadeo */
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

/* Efecto de movimiento al pasar el cursor */
.whatsapp-button:hover {
  transform: scale(1.05); /* Aumenta el tamaño del botón al pasar el cursor */
}

/* Efecto de movimiento al hacer clic */
.whatsapp-button:active {
  transform: scale(0.98); /* Reduce el tamaño del botón al hacer clic */
}

/* Texto "CHAT" */
.whatsapp-chat {
  font-size: 10px; /* Tamaño pequeño para el texto "CHAT" */
  font-weight: 600; /* Peso más grueso para el texto */
  color: #FFFFFF; /* Color blanco del texto */
  background-color: #55B743; /* Fondo verde de WhatsApp */
  padding: 2px 8px; /* Espacio alrededor del texto */
  border: 1px solid #FFFFFF; /* Borde blanco */
  border-radius: 12px; /* Bordes redondeados */
  position: absolute; /* Posicionamiento absoluto dentro del contenedor */
  top: 10px; /* Espacio desde la parte superior del botón */
  right: 20px; /* Espacio desde la parte derecha del botón */
  animation: blink 1s infinite; /* Animación de parpadeo */
  text-transform: uppercase; /* Convertir el texto a mayúsculas */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-2d5b82e *//* Asegúrate de que este código esté en tu archivo CSS */
body {
  font-family: 'Montserrat', sans-serif; /* Aplicar la fuente en todo el sitio o personalizar según sea necesario */
}

/* Botón de WhatsApp */
.whatsapp-button {
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #316926, #3d8330, #3D8A40, #55B743); /* Gradiente verde */
  border-radius: 38px;
  padding: 12px 16px;
  max-width: 400px; /* Ajusta según el tamaño que prefieras */
  margin: 0 auto;
  border: none; /* Eliminar el borde para evitar rayas */
  position: relative; /* Para posicionar el texto "CHAT" dentro del botón */
  transition: transform 0.3s ease; /* Transiciones para suavizar el efecto */
  background-size: cover; /* Asegura que el fondo cubra el área del botón */
  background-clip: padding-box; /* Asegura que el fondo se recorte al borde del padding */
}

/* Enlace del botón */
.whatsapp-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: white; /* Color blanco del texto del enlace */
  width: 100%; /* Asegura que el enlace ocupe todo el ancho del botón */
}

/* Icono principal de WhatsApp */
.whatsapp-icon {
  background-image: url('https://rubemotos.com/wp-content/uploads/2024/08/Was.webp'); /* Logo de WhatsApp actualizado */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 55px; /* Tamaño del ícono */
  height: 55px; /* Tamaño del ícono */
  margin-right: 15px;
  border: 2px solid #55B743; /* Borde verde claro alrededor del ícono */
  border-radius: 50%; /* Hacer el borde redondeado */
  padding: 7px; /* Espacio entre el ícono y el borde */
  box-sizing: border-box; /* Asegura que el borde no afecte al tamaño total */
}

/* Contenedor del texto */
.whatsapp-text {
  display: flex;
  flex-direction: column;
  text-align: left; /* Alinear el texto a la izquierda */
}

/* Nombre de la empresa */
.whatsapp-company {
  font-size: 18px;
  color: #FEEA71; /* Texto amarillo para el nombre de la empresa */
  font-weight: 700; /* Peso más grueso para el nombre */
  margin-bottom: 2px; /* Separación entre el nombre y el número */
}

/* Contenedor de contacto */
.whatsapp-contact {
  display: flex;
  align-items: center;
}

/* Número de teléfono */
.whatsapp-number {
  font-size: 13px;
  font-weight: 400; /* Peso normal para el número */
  margin-right: 10px; /* Espacio entre el número y el ícono pequeño */
  color: white; /* Color blanco del número */
}

/* Icono pequeño de WhatsApp */
.whatsapp-icon-small {
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg'); /* Logo de WhatsApp para el número */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px; /* Tamaño reducido del ícono */
  height: 30px; /* Tamaño reducido del ícono */
  border-radius: 50%; /* Hacer el borde redondeado */
  margin-right: 10px; /* Espacio entre el ícono pequeño y el texto "Online" */
}

/* Estado online */
.whatsapp-status {
  font-size: 13px; /* Tamaño del texto "Online" */
  display: flex;
  align-items: center;
  color: white; /* Color blanco del texto "Online" */
}

/* Punto de estado */
.status-dot {
  width: 8px; /* Tamaño del punto */
  height: 8px; /* Tamaño del punto */
  border-radius: 50%; /* Hacer el punto redondeado */
  background-color: #55B743; /* Color verde del punto */
  margin-right: 5px; /* Espacio entre el punto y el texto "Online" */
  animation: blink 1s infinite; /* Aplicar la animación de parpadeo */
}

/* Animación de parpadeo */
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

/* Efecto de movimiento al pasar el cursor */
.whatsapp-button:hover {
  transform: scale(1.05); /* Aumenta el tamaño del botón al pasar el cursor */
}

/* Efecto de movimiento al hacer clic */
.whatsapp-button:active {
  transform: scale(0.98); /* Reduce el tamaño del botón al hacer clic */
}

/* Texto "CHAT" */
.whatsapp-chat {
  font-size: 10px; /* Tamaño pequeño para el texto "CHAT" */
  font-weight: 600; /* Peso más grueso para el texto */
  color: #FFFFFF; /* Color blanco del texto */
  background-color: #55B743; /* Fondo verde de WhatsApp */
  padding: 2px 8px; /* Espacio alrededor del texto */
  border: 1px solid #FFFFFF; /* Borde blanco */
  border-radius: 12px; /* Bordes redondeados */
  position: absolute; /* Posicionamiento absoluto dentro del contenedor */
  top: 10px; /* Espacio desde la parte superior del botón */
  right: 20px; /* Espacio desde la parte derecha del botón */
  animation: blink 1s infinite; /* Animación de parpadeo */
  text-transform: uppercase; /* Convertir el texto a mayúsculas */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-0ad2211 *//* Asegúrate de que este código esté en tu archivo CSS */
body {
  font-family: 'Montserrat', sans-serif; /* Aplicar la fuente en todo el sitio o personalizar según sea necesario */
}

/* Botón de WhatsApp */
.whatsapp-button {
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #316926, #3d8330, #3D8A40, #55B743); /* Gradiente verde */
  border-radius: 38px;
  padding: 12px 16px;
  max-width: 400px; /* Ajusta según el tamaño que prefieras */
  margin: 0 auto;
  border: none; /* Eliminar el borde para evitar rayas */
  position: relative; /* Para posicionar el texto "CHAT" dentro del botón */
  transition: transform 0.3s ease; /* Transiciones para suavizar el efecto */
  background-size: cover; /* Asegura que el fondo cubra el área del botón */
  background-clip: padding-box; /* Asegura que el fondo se recorte al borde del padding */
}

/* Enlace del botón */
.whatsapp-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: white; /* Color blanco del texto del enlace */
  width: 100%; /* Asegura que el enlace ocupe todo el ancho del botón */
}

/* Icono principal de WhatsApp */
.whatsapp-icon {
  background-image: url('https://rubemotos.com/wp-content/uploads/2024/08/Was.webp'); /* Logo de WhatsApp actualizado */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 55px; /* Tamaño del ícono */
  height: 55px; /* Tamaño del ícono */
  margin-right: 15px;
  border: 2px solid #55B743; /* Borde verde claro alrededor del ícono */
  border-radius: 50%; /* Hacer el borde redondeado */
  padding: 7px; /* Espacio entre el ícono y el borde */
  box-sizing: border-box; /* Asegura que el borde no afecte al tamaño total */
}

/* Contenedor del texto */
.whatsapp-text {
  display: flex;
  flex-direction: column;
  text-align: left; /* Alinear el texto a la izquierda */
}

/* Nombre de la empresa */
.whatsapp-company {
  font-size: 18px;
  color: #FEEA71; /* Texto amarillo para el nombre de la empresa */
  font-weight: 700; /* Peso más grueso para el nombre */
  margin-bottom: 2px; /* Separación entre el nombre y el número */
}

/* Contenedor de contacto */
.whatsapp-contact {
  display: flex;
  align-items: center;
}

/* Número de teléfono */
.whatsapp-number {
  font-size: 13px;
  font-weight: 400; /* Peso normal para el número */
  margin-right: 10px; /* Espacio entre el número y el ícono pequeño */
  color: white; /* Color blanco del número */
}

/* Icono pequeño de WhatsApp */
.whatsapp-icon-small {
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg'); /* Logo de WhatsApp para el número */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px; /* Tamaño reducido del ícono */
  height: 30px; /* Tamaño reducido del ícono */
  border-radius: 50%; /* Hacer el borde redondeado */
  margin-right: 10px; /* Espacio entre el ícono pequeño y el texto "Online" */
}

/* Estado online */
.whatsapp-status {
  font-size: 13px; /* Tamaño del texto "Online" */
  display: flex;
  align-items: center;
  color: white; /* Color blanco del texto "Online" */
}

/* Punto de estado */
.status-dot {
  width: 8px; /* Tamaño del punto */
  height: 8px; /* Tamaño del punto */
  border-radius: 50%; /* Hacer el punto redondeado */
  background-color: #55B743; /* Color verde del punto */
  margin-right: 5px; /* Espacio entre el punto y el texto "Online" */
  animation: blink 1s infinite; /* Aplicar la animación de parpadeo */
}

/* Animación de parpadeo */
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

/* Efecto de movimiento al pasar el cursor */
.whatsapp-button:hover {
  transform: scale(1.05); /* Aumenta el tamaño del botón al pasar el cursor */
}

/* Efecto de movimiento al hacer clic */
.whatsapp-button:active {
  transform: scale(0.98); /* Reduce el tamaño del botón al hacer clic */
}

/* Texto "CHAT" */
.whatsapp-chat {
  font-size: 10px; /* Tamaño pequeño para el texto "CHAT" */
  font-weight: 600; /* Peso más grueso para el texto */
  color: #FFFFFF; /* Color blanco del texto */
  background-color: #55B743; /* Fondo verde de WhatsApp */
  padding: 2px 8px; /* Espacio alrededor del texto */
  border: 1px solid #FFFFFF; /* Borde blanco */
  border-radius: 12px; /* Bordes redondeados */
  position: absolute; /* Posicionamiento absoluto dentro del contenedor */
  top: 10px; /* Espacio desde la parte superior del botón */
  right: 20px; /* Espacio desde la parte derecha del botón */
  animation: blink 1s infinite; /* Animación de parpadeo */
  text-transform: uppercase; /* Convertir el texto a mayúsculas */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d43f498 *//* Asegúrate de que este código esté en tu archivo CSS */
body {
  font-family: 'Montserrat', sans-serif; /* Aplicar la fuente en todo el sitio o personalizar según sea necesario */
}

/* Botón de WhatsApp */
.whatsapp-button {
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #316926, #3d8330, #3D8A40, #55B743); /* Gradiente verde */
  border-radius: 38px;
  padding: 12px 16px;
  max-width: 400px; /* Ajusta según el tamaño que prefieras */
  margin: 0 auto;
  border: none; /* Eliminar el borde para evitar rayas */
  position: relative; /* Para posicionar el texto "CHAT" dentro del botón */
  transition: transform 0.3s ease; /* Transiciones para suavizar el efecto */
  background-size: cover; /* Asegura que el fondo cubra el área del botón */
  background-clip: padding-box; /* Asegura que el fondo se recorte al borde del padding */
}

/* Enlace del botón */
.whatsapp-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: white; /* Color blanco del texto del enlace */
  width: 100%; /* Asegura que el enlace ocupe todo el ancho del botón */
}

/* Icono principal de WhatsApp */
.whatsapp-icon {
  background-image: url('https://rubemotos.com/wp-content/uploads/2024/08/Was.webp'); /* Logo de WhatsApp actualizado */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 55px; /* Tamaño del ícono */
  height: 55px; /* Tamaño del ícono */
  margin-right: 15px;
  border: 2px solid #55B743; /* Borde verde claro alrededor del ícono */
  border-radius: 50%; /* Hacer el borde redondeado */
  padding: 7px; /* Espacio entre el ícono y el borde */
  box-sizing: border-box; /* Asegura que el borde no afecte al tamaño total */
}

/* Contenedor del texto */
.whatsapp-text {
  display: flex;
  flex-direction: column;
  text-align: left; /* Alinear el texto a la izquierda */
}

/* Nombre de la empresa */
.whatsapp-company {
  font-size: 17px;
  color: #FEEA71; /* Texto amarillo para el nombre de la empresa */
  font-weight: 700; /* Peso más grueso para el nombre */
  margin-bottom: 2px; /* Separación entre el nombre y el número */
}

/* Contenedor de contacto */
.whatsapp-contact {
  display: flex;
  align-items: center;
}

/* Número de teléfono */
.whatsapp-number {
  font-size: 13px;
  font-weight: 400; /* Peso normal para el número */
  margin-right: 10px; /* Espacio entre el número y el ícono pequeño */
  color: white; /* Color blanco del número */
}

/* Icono pequeño de WhatsApp */
.whatsapp-icon-small {
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg'); /* Logo de WhatsApp para el número */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px; /* Tamaño reducido del ícono */
  height: 30px; /* Tamaño reducido del ícono */
  border-radius: 50%; /* Hacer el borde redondeado */
  margin-right: 10px; /* Espacio entre el ícono pequeño y el texto "Online" */
}

/* Estado online */
.whatsapp-status {
  font-size: 13px; /* Tamaño del texto "Online" */
  display: flex;
  align-items: center;
  color: white; /* Color blanco del texto "Online" */
}

/* Punto de estado */
.status-dot {
  width: 8px; /* Tamaño del punto */
  height: 8px; /* Tamaño del punto */
  border-radius: 50%; /* Hacer el punto redondeado */
  background-color: #55B743; /* Color verde del punto */
  margin-right: 5px; /* Espacio entre el punto y el texto "Online" */
  animation: blink 1s infinite; /* Aplicar la animación de parpadeo */
}

/* Animación de parpadeo */
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

/* Efecto de movimiento al pasar el cursor */
.whatsapp-button:hover {
  transform: scale(1.05); /* Aumenta el tamaño del botón al pasar el cursor */
}

/* Efecto de movimiento al hacer clic */
.whatsapp-button:active {
  transform: scale(0.98); /* Reduce el tamaño del botón al hacer clic */
}

/* Texto "CHAT" */
.whatsapp-chat {
  font-size: 10px; /* Tamaño pequeño para el texto "CHAT" */
  font-weight: 600; /* Peso más grueso para el texto */
  color: #FFFFFF; /* Color blanco del texto */
  background-color: #55B743; /* Fondo verde de WhatsApp */
  padding: 2px 8px; /* Espacio alrededor del texto */
  border: 1px solid #FFFFFF; /* Borde blanco */
  border-radius: 12px; /* Bordes redondeados */
  position: absolute; /* Posicionamiento absoluto dentro del contenedor */
  top: 10px; /* Espacio desde la parte superior del botón */
  right: 20px; /* Espacio desde la parte derecha del botón */
  animation: blink 1s infinite; /* Animación de parpadeo */
  text-transform: uppercase; /* Convertir el texto a mayúsculas */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-cdd44e2 *//* Asegúrate de que este código esté en tu archivo CSS */
body {
  font-family: 'Montserrat', sans-serif; /* Aplicar la fuente en todo el sitio o personalizar según sea necesario */
}

/* Botón de WhatsApp */
.whatsapp-button {
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #316926, #3d8330, #3D8A40, #55B743); /* Gradiente verde */
  border-radius: 38px;
  padding: 12px 16px;
  max-width: 400px; /* Ajusta según el tamaño que prefieras */
  margin: 0 auto;
  border: none; /* Eliminar el borde para evitar rayas */
  position: relative; /* Para posicionar el texto "CHAT" dentro del botón */
  transition: transform 0.3s ease; /* Transiciones para suavizar el efecto */
  background-size: cover; /* Asegura que el fondo cubra el área del botón */
  background-clip: padding-box; /* Asegura que el fondo se recorte al borde del padding */
}

/* Enlace del botón */
.whatsapp-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: white; /* Color blanco del texto del enlace */
  width: 100%; /* Asegura que el enlace ocupe todo el ancho del botón */
}

/* Icono principal de WhatsApp */
.whatsapp-icon {
  background-image: url('https://rubemotos.com/wp-content/uploads/2024/08/Was.webp'); /* Logo de WhatsApp actualizado */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 55px; /* Tamaño del ícono */
  height: 55px; /* Tamaño del ícono */
  margin-right: 15px;
  border: 2px solid #55B743; /* Borde verde claro alrededor del ícono */
  border-radius: 50%; /* Hacer el borde redondeado */
  padding: 7px; /* Espacio entre el ícono y el borde */
  box-sizing: border-box; /* Asegura que el borde no afecte al tamaño total */
}

/* Contenedor del texto */
.whatsapp-text {
  display: flex;
  flex-direction: column;
  text-align: left; /* Alinear el texto a la izquierda */
}

/* Nombre de la empresa */
.whatsapp-company {
  font-size: 16px;
  color: #FEEA71; /* Texto amarillo para el nombre de la empresa */
  font-weight: 700; /* Peso más grueso para el nombre */
  margin-bottom: 2px; /* Separación entre el nombre y el número */
}

/* Contenedor de contacto */
.whatsapp-contact {
  display: flex;
  align-items: center;
}

/* Número de teléfono */
.whatsapp-number {
  font-size: 13px;
  font-weight: 400; /* Peso normal para el número */
  margin-right: 10px; /* Espacio entre el número y el ícono pequeño */
  color: white; /* Color blanco del número */
}

/* Icono pequeño de WhatsApp */
.whatsapp-icon-small {
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg'); /* Logo de WhatsApp para el número */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px; /* Tamaño reducido del ícono */
  height: 30px; /* Tamaño reducido del ícono */
  border-radius: 50%; /* Hacer el borde redondeado */
  margin-right: 10px; /* Espacio entre el ícono pequeño y el texto "Online" */
}

/* Estado online */
.whatsapp-status {
  font-size: 13px; /* Tamaño del texto "Online" */
  display: flex;
  align-items: center;
  color: white; /* Color blanco del texto "Online" */
}

/* Punto de estado */
.status-dot {
  width: 8px; /* Tamaño del punto */
  height: 8px; /* Tamaño del punto */
  border-radius: 50%; /* Hacer el punto redondeado */
  background-color: #55B743; /* Color verde del punto */
  margin-right: 5px; /* Espacio entre el punto y el texto "Online" */
  animation: blink 1s infinite; /* Aplicar la animación de parpadeo */
}

/* Animación de parpadeo */
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

/* Efecto de movimiento al pasar el cursor */
.whatsapp-button:hover {
  transform: scale(1.05); /* Aumenta el tamaño del botón al pasar el cursor */
}

/* Efecto de movimiento al hacer clic */
.whatsapp-button:active {
  transform: scale(0.98); /* Reduce el tamaño del botón al hacer clic */
}

/* Texto "CHAT" */
.whatsapp-chat {
  font-size: 10px; /* Tamaño pequeño para el texto "CHAT" */
  font-weight: 600; /* Peso más grueso para el texto */
  color: #FFFFFF; /* Color blanco del texto */
  background-color: #55B743; /* Fondo verde de WhatsApp */
  padding: 2px 8px; /* Espacio alrededor del texto */
  border: 1px solid #FFFFFF; /* Borde blanco */
  border-radius: 12px; /* Bordes redondeados */
  position: absolute; /* Posicionamiento absoluto dentro del contenedor */
  top: 10px; /* Espacio desde la parte superior del botón */
  right: 20px; /* Espacio desde la parte derecha del botón */
  animation: blink 1s infinite; /* Animación de parpadeo */
  text-transform: uppercase; /* Convertir el texto a mayúsculas */
}/* End custom CSS */