.elementor-1404 .elementor-element.elementor-element-de8d712 > .elementor-background-overlay{background-color:#E7E3E3;background-image:url("https://clinicadradelossantos.com.mx/wp-content/uploads/2025/10/dental-teeth-model-with-dentist-tool-for-dentistry-2025-08-19-22-35-05-utc-scaled.jpg");opacity:0.5;}.elementor-1404 .elementor-element.elementor-element-de8d712{margin-top:0px;margin-bottom:0px;padding:120px 0px 120px 0px;}.elementor-bc-flex-widget .elementor-1404 .elementor-element.elementor-element-59cbeeb.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1404 .elementor-element.elementor-element-59cbeeb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1404 .elementor-element.elementor-element-59cbeeb > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0% 15% 0% 15%;}.elementor-1404 .elementor-element.elementor-element-4a1c799{text-align:center;}.elementor-1404 .elementor-element.elementor-element-4a1c799 .elementor-heading-title{font-size:30px;text-transform:uppercase;-webkit-text-stroke-color:#DBD0D0;stroke:#DBD0D0;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-1404 .elementor-element.elementor-element-3701324{--divider-border-style:solid;--divider-color:#E76060;--divider-border-width:4px;}.elementor-1404 .elementor-element.elementor-element-3701324 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-1404 .elementor-element.elementor-element-3701324 .elementor-divider-separator{width:25%;margin:0 auto;margin-center:0;}.elementor-1404 .elementor-element.elementor-element-3701324 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-1404 .elementor-element.elementor-element-6f250e2 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px 0px;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#DBDBDB;border-radius:30px 30px 30px 30px;}.elementor-1404 .elementor-element.elementor-element-6f250e2:hover .elementor-widget-container{box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.15);}.elementor-1404 .elementor-element.elementor-element-6f250e2 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:20px;}.elementor-1404 .elementor-element.elementor-element-6f250e2 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-20px;}.elementor-1404 .elementor-element.elementor-element-6f250e2 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1404 .elementor-element.elementor-element-6f250e2 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1404 .elementor-element.elementor-element-6f250e2 .elementor-labels-inline .elementor-field-group > label{padding-left:1px;}body:not(.rtl) .elementor-1404 .elementor-element.elementor-element-6f250e2 .elementor-labels-inline .elementor-field-group > label{padding-right:1px;}body .elementor-1404 .elementor-element.elementor-element-6f250e2 .elementor-labels-above .elementor-field-group > label{padding-bottom:1px;}.elementor-1404 .elementor-element.elementor-element-6f250e2 .elementor-field-group > label, .elementor-1404 .elementor-element.elementor-element-6f250e2 .elementor-field-subgroup label{color:#4F4D4D;}.elementor-1404 .elementor-element.elementor-element-6f250e2 .elementor-field-group > label{font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-1404 .elementor-element.elementor-element-6f250e2 .elementor-field-type-html{padding-bottom:0px;}.elementor-1404 .elementor-element.elementor-element-6f250e2 .elementor-field-group .elementor-field{color:#716D6D;}.elementor-1404 .elementor-element.elementor-element-6f250e2 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#D1D0D0;}.elementor-1404 .elementor-element.elementor-element-6f250e2 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#D1D0D0;}.elementor-1404 .elementor-element.elementor-element-6f250e2 .elementor-field-group .elementor-select-wrapper::before{color:#D1D0D0;}.elementor-1404 .elementor-element.elementor-element-6f250e2 .e-form__buttons__wrapper__button-next{background-color:#E76060;color:#ffffff;}.elementor-1404 .elementor-element.elementor-element-6f250e2 .elementor-button[type="submit"]{background-color:#E76060;color:#ffffff;}.elementor-1404 .elementor-element.elementor-element-6f250e2 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1404 .elementor-element.elementor-element-6f250e2 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1404 .elementor-element.elementor-element-6f250e2 .e-form__buttons__wrapper__button-next:hover{background-color:#EF7E7E;color:#ffffff;}.elementor-1404 .elementor-element.elementor-element-6f250e2 .elementor-button[type="submit"]:hover{background-color:#EF7E7E;color:#ffffff;}.elementor-1404 .elementor-element.elementor-element-6f250e2 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1404 .elementor-element.elementor-element-6f250e2 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1404 .elementor-element.elementor-element-6f250e2 .elementor-button{border-radius:30px 30px 30px 30px;}.elementor-1404 .elementor-element.elementor-element-6f250e2{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1404 .elementor-element.elementor-element-f87d7f4 .elementor-toggle-title, .elementor-1404 .elementor-element.elementor-element-f87d7f4 .elementor-toggle-icon{color:#FFFFFF;}.elementor-1404 .elementor-element.elementor-element-f87d7f4 .elementor-toggle-icon svg{fill:#FFFFFF;}.elementor-1404 .elementor-element.elementor-element-f87d7f4 .elementor-tab-title.elementor-active a, .elementor-1404 .elementor-element.elementor-element-f87d7f4 .elementor-tab-title.elementor-active .elementor-toggle-icon{color:#FFFFFF;}.elementor-1404 .elementor-element.elementor-element-f87d7f4 .elementor-tab-title .elementor-toggle-icon i:before{color:#FFFFFF;}.elementor-1404 .elementor-element.elementor-element-f87d7f4 .elementor-tab-title .elementor-toggle-icon svg{fill:#FFFFFF;}.elementor-1404 .elementor-element.elementor-element-f87d7f4 .elementor-tab-title.elementor-active .elementor-toggle-icon i:before{color:#FFFFFF;}.elementor-1404 .elementor-element.elementor-element-f87d7f4 .elementor-tab-title.elementor-active .elementor-toggle-icon svg{fill:#FFFFFF;}.elementor-1404 .elementor-element.elementor-element-f87d7f4 .elementor-tab-content{color:#FFFFFF;font-size:14px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1404 .elementor-element.elementor-element-4a1c799 .elementor-heading-title{font-size:24px;}.elementor-1404 .elementor-element.elementor-element-6f250e2 > .elementor-widget-container{margin:0px 10px 0px 10px;padding:15px 15px 15px 15px;}}/* Start custom CSS *//* ==== BLOQUE DE CONTACTO - ESTILO TARJETA ELEGANTE ==== */

.contacto-seo, .mapa-contacto {
  background-color: #f6f9fc; /* Fondo neutro y limpio */
  border: 1px solid #e2e8f0; /* Borde suave */
  border-radius: 18px;
  padding: 35px 40px;
  margin-top: 40px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.contacto-seo h2,
.contacto-seo h3,
.mapa-contacto h3 {
  color: #2d6fa8; /* Azul corporativo */
  margin-bottom: 12px;
}

.contacto-seo p,
.contacto-seo ul,
.mapa-contacto p {
  color: #333;
  line-height: 1.7;
  font-size: 16px;
}

.contacto-seo ul {
  list-style: none;
  padding: 0;
}

.contacto-seo ul li {
  margin-bottom: 6px;
}

.contacto-seo a {
  color: #2b6fa3;
  text-decoration: none;
  font-weight: 500;
}

.contacto-seo a:hover {
  text-decoration: underline;
}

.mapa-contacto iframe {
  border-radius: 12px;
  width: 100%;
  height: 400px;
  margin-top: 15px;
}

.cta-final {
  font-weight: 600;
  color: #2b6fa3;
  text-align: center;
  margin-top: 25px;
  font-size: 17px;
}

/* Ajuste de espaciado superior en la sección de contacto */
.page-id-1404 .elementor-section:first-of-type {
  margin-top: -40px;  /* Sube el bloque principal */
}

/* ==== COLOR DE TEXTO ELEGANTE ==== */

/* Encabezados sobre imágenes o fondos claros */
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3 {
  color: #2a2a2a !important; /* gris oscuro elegante */
}

/* Texto general */
.elementor p, .elementor li, .elementor span, .elementor label {
  color: #333 !important;
}

/* ==== COLOR INTELIGENTE SEGÚN CONTEXTO ==== */

/* Secciones con fondo claro (por defecto) */
body, 
.elementor-section:not([data-settings*="background_image"]) {
  color: #333 !important;
}

.elementor-section:not([data-settings*="background_image"]) h1,
.elementor-section:not([data-settings*="background_image"]) h2,
.elementor-section:not([data-settings*="background_image"]) h3,
.elementor-section:not([data-settings*="background_image"]) h4 {
  color: #2a2a2a !important; /* gris elegante */
}

/* Secciones con imagen o fondo oscuro */
.elementor-section[data-settings*="background_image"],
.elementor-section[data-settings*="background_background":"classic"] {
  color: #fff !important;
}

.elementor-section[data-settings*="background_image"] h1,
.elementor-section[data-settings*="background_image"] h2,
.elementor-section[data-settings*="background_image"] h3,
.elementor-section[data-settings*="background_image"] h4 {
  color: #ffffff !important;
}

/* Ajuste de enlaces sobre fondo oscuro */
.elementor-section[data-settings*="background_image"] a {
  color: #eaf4ff !important;
}
.elementor-section[data-settings*="background_image"] a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}


/* ==== ESTILO UNIFICADO DE BOTONES Y CTAs ==== */

/* Botones principales (Elementor, formularios, RankMath, etc.) */
.elementor-button,
.wp-block-button__link,
button,
input[type="submit"] {
  background-color: #2b6fa3;  /* azul corporativo */
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: 0.3px;
  border: none;
  border-radius: 50px;
  padding: 12px 28px;
  box-shadow: 0 4px 12px rgba(43,111,163,0.25);
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}

/* Hover / interacción */
.elementor-button:hover,
.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover {
  background-color: #3E8BD4;
  box-shadow: 0 6px 18px rgba(43,111,163,0.35);
  transform: translateY(-2px);
}

/* Estado activo o pulsado */
.elementor-button:active,
button:active,
input[type="submit"]:active {
  transform: translateY(0);
  box-shadow: 0 3px 10px rgba(43,111,163,0.3);
}

/* WhatsApp flotante - mantener estilo pero con verde original */
a[href*="wa.me"], .whatsapp-float {
  background-color: #25D366 !important;
  color: #fff !important;
  border-radius: 50px !important;
  box-shadow: 0 6px 16px rgba(37,211,102,0.35);
  font-weight: 600;
}
a[href*="wa.me"]:hove*]()
/* ==== FORZAR COLOR CORPORATIVO EN BOTONES DE FORMULARIO ==== */

.elementor-widget-form .elementor-button,
.elementor-widget-form input[type="submit"],
.elementor-form button[type="submit"] {
  background-color: #2b6fa3 !important; /* azul corporativo */
  color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(43,111,163,0.25) !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px;
  border-radius: 50px !important;
  padding: 12px 28px !important;
  transition: all 0.25s ease-in-out;
}

.elementor-widget-form .elementor-button:hover,
.elementor-widget-form input[type="submit"]:hover,
.elementor-form button[type="submit"]:hover {
  background-color: #3E8BD4 !important; /* tono más claro al pasar el mouse */
  box-shadow: 0 6px 18px rgba(43,111,163,0.35) !important;
  transform: translateY(-2px);
}
/* ==== CORRECCIÓN FINAL DE BOTÓN DE FORMULARIO ==== */

.elementor .elementor-widget-form .elementor-button,
.elementor .elementor-widget-form button,
.elementor .elementor-widget-form input[type="submit"] {
  background-color: #2b6fa3 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 14px 30px !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 12px rgba(43,111,163,0.25) !important;
  transition: all 0.25s ease-in-out !important;
}

.elementor .elementor-widget-form .elementor-button:hover,
.elementor .elementor-widget-form button:hover,
.elementor .elementor-widget-form input[type="submit"]:hover {
  background-color: #3E8BD4 !important;
  box-shadow: 0 6px 18px rgba(43,111,163,0.35) !important;
  transform: translateY(-2px);
}
/* ==== CTA FLOTANTE: AGENDA VALORACIÓN ==== */

.elementor-widget-button.cta-flotante .elementor-button {
  background-color: #2b6fa3 !important;  /* azul corporativo */
  color: #fff !important;
  border-radius: 9999px !important;
  font-weight: 600 !important;
  padding: 14px 30px !important;
  box-shadow: 0 6px 20px rgba(43,111,163,0.35) !important;
  transition: all 0.25s ease-in-out !important;
  border: none !important;
}

.elementor-widget-button.cta-flotante .elementor-button:hover {
  background-color: #3E8BD4 !important; /* azul más claro al pasar el mouse */
  box-shadow: 0 8px 24px rgba(43,111,163,0.4) !important;
  transform: translateY(-2px);
}
/* ==== TEXTO BLANCO EN BOTONES AZULES ==== */

.elementor .elementor-button,
.elementor .elementor-widget-button .elementor-button,
.elementor .elementor-widget-form .elementor-button,
.elementor-form button[type="submit"] {
  color: #fff !important; /* texto blanco */
  text-shadow: none !important; /* evita sombras oscuras */
}

.elementor .elementor-button:hover,
.elementor .elementor-widget-button .elementor-button:hover,
.elementor .elementor-widget-form .elementor-button:hover {
  color: #fff !important; /* mantiene blanco al hacer hover */
}
/* Refuerzo de color blanco en texto de botones */
.elementor .elementor-button span,
.elementor .elementor-widget-button .elementor-button span,
.elementor .elementor-widget-form .elementor-button span {
  color: #fff !important;
}/* End custom CSS */