/* =============================================
   MEJORAS PÁGINA AGENDA TU CITA - Alta Prioridad
   Página ID: 288
   ============================================= */

/* ── 1. TÍTULO "AGENDA TU CITA" - Reducir espacio y mejorar transición ── */
.page-id-288 .wp-block-group:has(> .wp-block-post-title) {
  padding-top: 16px !important;
  padding-bottom: 8px !important;
  margin: 0 !important;
}

.page-id-288 .wp-block-post-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #0fa88e !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* ── 2. TÍTULO PRINCIPAL: reducir tamaño ── */
.page-id-288 .entry-content h1.wp-block-heading {
  font-size: clamp(22px, 2.8vw, 32px) !important;
  line-height: 1.3 !important;
  margin-bottom: 16px !important;
}

/* ── 3. LAYOUT 2 COLUMNAS ── */
.page-id-288 .entry-content .wp-block-group.is-content-justification-left.is-nowrap.is-layout-flex {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 48px !important;
  align-items: start !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: 40px 40px 48px !important;
}

.page-id-288 .entry-content .wp-block-group.is-content-justification-left.is-nowrap.is-layout-flex > * {
  width: 100% !important;
  min-width: 0 !important;
  flex: unset !important;
}

/* ── 4. RESETEAR grupo interno ── */
.page-id-288 .entry-content .wp-block-group.is-nowrap.is-layout-flex:not(.is-content-justification-left) {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.page-id-288 .entry-content .wp-block-group.is-nowrap.is-layout-flex:not(.is-content-justification-left) > p {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #4a5568 !important;
}

/* ── 5. SECCIÓN DE INSTRUCCIONES: tarjeta visual ── */
.page-id-288 .entry-content > .wp-block-paragraph:has(strong) {
  background: #1a2a4a !important;
  color: #ffffff !important;
  border-radius: 12px 12px 0 0 !important;
  padding: 14px 28px !important;
  max-width: 700px !important;
  margin: 32px auto 0 auto !important;
  border: none !important;
}
.page-id-288 .entry-content > .wp-block-paragraph:has(strong) strong {
  color: #ffffff !important;
  font-size: 16px !important;
}

.page-id-288 .entry-content > .wp-block-paragraph:not(:has(strong)),
.page-id-288 .entry-content > figure.wp-block-image {
  background: #ffffff !important;
  max-width: 700px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 16px 28px !important;
  border-left: 1px solid #e2e8f0 !important;
  border-right: 1px solid #e2e8f0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.page-id-288 .entry-content > figure.wp-block-image:last-of-type {
  border-radius: 0 0 12px 12px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding-bottom: 24px !important;
  margin-bottom: 32px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.07) !important;
}

/* ── 6. FONDO ── */
.page-id-288 .entry-content.wp-block-post-content {
  background: #f7f9fc !important;
  padding-top: 0 !important;
  padding-bottom: 48px !important;
}

/* ── 7. BOTÓN CTA ── */
.page-id-288 .wp-block-button__link {
  background-color: #0fa88e !important;
  color: #ffffff !important;
  border-color: #0fa88e !important;
  font-weight: 600 !important;
  padding: 14px 34px !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 14px rgba(15,168,142,0.35) !important;
  transition: all 0.2s ease !important;
}
.page-id-288 .wp-block-button__link:hover {
  background-color: #0c8f78 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(15,168,142,0.45) !important;
}

/* ── 8. FOTO ── */
.page-id-288 .entry-content .wp-block-group.is-content-justification-left img {
  border-radius: 16px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.13) !important;
  width: 100% !important;
  height: auto !important;
}

/* ── 9. RESPONSIVE ── */
@media (max-width: 768px) {
  .page-id-288 .entry-content .wp-block-group.is-content-justification-left.is-nowrap.is-layout-flex {
    grid-template-columns: 1fr !important;
    padding: 24px 20px !important;
    gap: 28px !important;
  }
}
/* =============================================
   MEJORAS PÁGINA ACERCA DEL DR. TAFOYA
   Página ID: 1
   ============================================= */

/* ── 1. COLUMNAS: apiladas en móvil ── */
@media (max-width: 767px) {
  .elementor-page-1 .elementor-column {
    width: 100% !important;
    padding: 8px 12px !important;
  }
  .elementor-page-1 .elementor-row,
  .elementor-page-1 .elementor-container {
    flex-direction: column !important;
  }
}

/* ── 2. FOTO DEL DR. - centrada en móvil ── */
@media (max-width: 767px) {
  .elementor-page-1 .elementor-widget-image img {
    width: 100% !important;
    max-width: 320px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 16px auto !important;
    border-radius: 12px !important;
  }
}

/* ── 3. BOTONES - columna completa táctil en móvil ── */
@media (max-width: 767px) {
  .elementor-page-1 .elementor-button-wrapper,
  .elementor-page-1 .elementor-widget-button {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .elementor-page-1 .elementor-button {
    width: 100% !important;
    min-height: 48px !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
  }
}

/* ── 4. TIPOGRAFÍA MÓVIL ── */
@media (max-width: 767px) {
  .elementor-page-1 h1 { font-size: 1.6em !important; line-height: 1.3 !important; }
  .elementor-page-1 h2 { font-size: 1.35em !important; line-height: 1.3 !important; }
  .elementor-page-1 h3 { font-size: 1.15em !important; }
  .elementor-page-1 p  { font-size: 15px !important; line-height: 1.7 !important; }
}

/* ── 5. TELÉFONOS CLICABLES ── */
.elementor-page-1 a[href^='tel'] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 10px 0 !important;
  font-weight: 600 !important;
  color: #020048 !important;
  text-decoration: none !important;
  min-height: 44px !important;
}

/* ── 6. OCULTAR FORMULARIO DE COMENTARIOS EN MÓVIL ── */
@media (max-width: 767px) {
  .elementor-page-1 .comment-respond,
  .elementor-page-1 #comments {
    display: none !important;
  }
}

/* ── 7. ESPACIADO DE SECCIONES EN MÓVIL ── */
@media (max-width: 767px) {
  .elementor-page-1 .elementor-section {
    padding: 20px 12px !important;
    margin-bottom: 8px !important;
  }
}

/* ── 8. ESCRITORIO - mejoras generales ── */
@media (min-width: 768px) {
.elementor-page-1 p {
    font-size: 16px !important;
    line-height: 1.75 !important;
  }
}

/* ========================================
   BOTONES HERO - IGUALAR ANCHO Y ALTO
   Llamar ahora & WhatsApp - misma fila
   ======================================== */

/* Contenedor: mantener botones en una fila */
/* ===== Botones hero: mismo tamano y centrado real (solucion acotada) ===== */
.wp-block-cover .wp-block-buttons:has(.btn-hero-igual) {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 16px !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.wp-block-cover .btn-hero-igual {
  margin: 0 !important;
}
.wp-block-cover .btn-hero-igual > .wp-block-button__link {
  width: 200px !important;
  min-width: 200px !important;
  max-width: 100% !important;
  height: 54px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

/* Responsivo: en movil se apilan y se centran respecto a la pantalla */
@media (max-width: 600px) {
  /* neutralizar padding asimetrico heredado solo en la zona de los botones */
  .wp-block-cover .wp-block-buttons:has(.btn-hero-igual) {
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    /* compensar el hueco que deja la barra de scroll para centrar respecto a la pantalla */
    transform: translateX(calc((100vw - 100%) / 2 - 16px)) !important;
  }
  .wp-block-cover .btn-hero-igual {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .wp-block-cover .btn-hero-igual > .wp-block-button__link {
    width: 240px !important;
    min-width: 240px !important;
    max-width: 86vw !important;
    height: 54px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* === HOMOLOGACIÓN BOTONES HERO (Llamar / WhatsApp) - 5 páginas === */
.btn-hero-igual > .wp-block-button__link {
  width: 200px !important;
  min-height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 34px !important;
  border-radius: 999px !important;
  font-family: "Work Sans", sans-serif !important;
  font-size: 17.6px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
  transition: background-color .2s ease !important;
}
.btn-hero-igual > a.wp-block-button__link[href^="tel:"] {
  background-color: #2BA89A !important;
}
.btn-hero-igual > a.wp-block-button__link[href^="tel:"]:hover {
  background-color: #23897E !important;
}
.btn-hero-igual > a.wp-block-button__link[href*="wa.me"] {
  background-color: #25D366 !important;
}
.btn-hero-igual > a.wp-block-button__link[href*="wa.me"]:hover {
  background-color: #1DA851 !important;
}
.btn-hero-igual > .wp-block-button__link img,
.btn-hero-igual > .wp-block-button__link svg {
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
}

/* Override color de texto del botón Llamar (gana a .elementor-page-1 a[href^="tel"]) */
body .btn-hero-igual > a.wp-block-button__link[href^="tel:"],
body .btn-hero-igual > a.wp-block-button__link[href*="wa.me"] {
  color: #ffffff !important;
}
body .btn-hero-igual > a.wp-block-button__link[href^="tel:"] img,
body .btn-hero-igual > a.wp-block-button__link[href*="wa.me"] img {
  filter: brightness(0) invert(1) !important;
}

/* === ICONOS HOMOLOGADOS BOTONES HERO === */
/* Ocultar emoji de teléfono nativo */
.btn-hero-igual > a.wp-block-button__link[href^="tel:"] img.emoji {
  display: none !important;
}
/* Icono teléfono (SVG blanco) en Llamar ahora */
.btn-hero-igual > a.wp-block-button__link[href^="tel:"]::before {
  content: "" !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  margin-right: 8px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") no-repeat center / contain !important;
  flex: 0 0 auto !important;
}
/* Icono WhatsApp (SVG blanco) en WhatsApp */
.btn-hero-igual > a.wp-block-button__link[href*="wa.me"]::before {
  content: "" !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  margin-right: 8px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38c1.45.79 3.08 1.21 4.79 1.21h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2zm0 1.67c2.2 0 4.27.86 5.82 2.42a8.18 8.18 0 0 1 2.42 5.82c0 4.54-3.7 8.24-8.25 8.24-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.2 8.2 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.25-8.24zm-2.27 4.43c-.17 0-.45.06-.69.31-.24.25-.91.89-.91 2.18 0 1.28.93 2.52 1.06 2.7.13.17 1.83 2.79 4.5 3.91.63.27 1.12.43 1.5.55.63.2 1.2.17 1.66.1.51-.08 1.56-.64 1.78-1.25.22-.61.22-1.14.16-1.25-.07-.11-.24-.17-.5-.3-.26-.13-1.56-.77-1.8-.86-.24-.09-.42-.13-.59.13-.17.25-.68.86-.83 1.03-.15.18-.31.2-.57.07-.26-.13-1.11-.41-2.11-1.3-.78-.7-1.31-1.56-1.46-1.82-.15-.26-.02-.4.11-.53.12-.12.26-.31.4-.46.13-.16.17-.27.26-.45.09-.18.04-.34-.02-.47-.07-.13-.59-1.42-.81-1.95-.21-.51-.43-.44-.59-.45-.15-.01-.33-.01-.5-.01z'/%3E%3C/svg%3E") no-repeat center / contain !important;
  flex: 0 0 auto !important;
}