/* ========================================
   SLIDER FIX STYLES FOR ALUCENTRO
   ======================================== */

/* Arreglar el slider de Jetpack */
.wp-block-jetpack-slideshow {
  margin: 0 auto 1.5em auto !important;
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  opacity: 1 !important;
  visibility: visible !important;
  box-sizing: border-box !important;
}

.wp-block-jetpack-slideshow.alignfull {
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* Contenedor del slider */
.wp-block-jetpack-slideshow_container {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 400px !important;
  position: relative !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.wp-block-jetpack-slideshow_container.swiper-container {
  display: block !important;
  overflow: hidden !important;
}

/* Wrapper de slides */
.wp-block-jetpack-slideshow_swiper-wrapper {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: transform 0.3s ease !important;
}

/* Slides individuales */
.wp-block-jetpack-slideshow_slide {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wp-block-jetpack-slideshow_slide figure {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

/* Imágenes del slider */
.wp-block-jetpack-slideshow_image {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  min-height: 300px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  outline: none !important;
  box-sizing: border-box !important;
}

/* Botones de navegación */
.wp-block-jetpack-slideshow_button-prev,
.wp-block-jetpack-slideshow_button-next,
.swiper-button-prev,
.swiper-button-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: none !important;
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
}

.wp-block-jetpack-slideshow_button-prev,
.swiper-button-prev {
  left: 20px !important;
}

.wp-block-jetpack-slideshow_button-next,
.swiper-button-next {
  right: 20px !important;
}

.wp-block-jetpack-slideshow_button-prev:hover,
.wp-block-jetpack-slideshow_button-next:hover,
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: rgba(255, 255, 255, 1) !important;
  transform: translateY(-50%) scale(1.1) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

/* Botón de pausa */
.wp-block-jetpack-slideshow_button-pause {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  z-index: 10 !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: none !important;
  border-radius: 6px !important;
  width: 44px !important;
  height: 44px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s ease !important;
}

.wp-block-jetpack-slideshow_button-pause:hover {
  background: rgba(255, 255, 255, 1) !important;
  transform: scale(1.1) !important;
}

/* Paginación */
.wp-block-jetpack-slideshow_pagination,
.swiper-pagination {
  position: absolute !important;
  bottom: 20px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 10 !important;
  display: flex !important;
  gap: 8px !important;
}

.swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  background: rgba(255, 255, 255, 0.7) !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 1) !important;
  transform: scale(1.2) !important;
}

/* Asegurar que el autoplay funcione */
.wp-block-jetpack-slideshow[data-autoplay="true"] .wp-block-jetpack-slideshow_button-pause {
  display: block !important;
}

/* Responsive para el slider */
@media (max-width: 768px) {
  .wp-block-jetpack-slideshow_container {
    min-height: 300px !important;
  }
  
  .wp-block-jetpack-slideshow_image {
    min-height: 250px !important;
  }
  
  .wp-block-jetpack-slideshow_button-prev,
  .wp-block-jetpack-slideshow_button-next,
  .swiper-button-prev,
  .swiper-button-next {
    width: 38px !important;
    height: 38px !important;
  }
  
  .wp-block-jetpack-slideshow_button-prev,
  .swiper-button-prev {
    left: 15px !important;
  }
  
  .wp-block-jetpack-slideshow_button-next,
  .swiper-button-next {
    right: 15px !important;
  }
  
  .wp-block-jetpack-slideshow_button-pause {
    width: 38px !important;
    height: 38px !important;
    top: 15px !important;
    right: 15px !important;
  }
}

@media (max-width: 480px) {
  .wp-block-jetpack-slideshow_container {
    min-height: 250px !important;
  }
  
  .wp-block-jetpack-slideshow_image {
    min-height: 200px !important;
  }
  
  .wp-block-jetpack-slideshow_button-prev,
  .wp-block-jetpack-slideshow_button-next,
  .swiper-button-prev,
  .swiper-button-next {
    width: 34px !important;
    height: 34px !important;
  }
  
  .wp-block-jetpack-slideshow_button-prev,
  .swiper-button-prev {
    left: 10px !important;
  }
  
  .wp-block-jetpack-slideshow_button-next,
  .swiper-button-next {
    right: 10px !important;
  }
  
  .wp-block-jetpack-slideshow_button-pause {
    width: 34px !important;
    height: 34px !important;
    top: 10px !important;
    right: 10px !important;
  }
}

/* Arreglar problemas de inicialización */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container:not(.wp-swiper-initialized) {
  opacity: 1 !important;
}

/* Asegurar que las imágenes se carguen correctamente */
.wp-block-jetpack-slideshow_image {
  image-rendering: auto !important;
}

/* Prevenir problemas de layout shift */
.wp-block-jetpack-slideshow {
  contain: layout style !important;
}

/* Eliminar cualquier borde o outline rojo */
.wp-block-jetpack-slideshow *,
.wp-block-jetpack-slideshow *::before,
.wp-block-jetpack-slideshow *::after {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.wp-block-jetpack-slideshow_container *,
.wp-block-jetpack-slideshow_slide *,
.wp-block-jetpack-slideshow_image {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Restablecer box-shadow solo para los botones */
.wp-block-jetpack-slideshow_button-prev,
.wp-block-jetpack-slideshow_button-next,
.swiper-button-prev,
.swiper-button-next,
.wp-block-jetpack-slideshow_button-pause {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
}

.wp-block-jetpack-slideshow_button-prev:hover,
.wp-block-jetpack-slideshow_button-next:hover,
.swiper-button-prev:hover,
.swiper-button-next:hover {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

/* Asegurar que no haya desbordamiento horizontal */
.wp-block-jetpack-slideshow,
.wp-block-jetpack-slideshow_container,
.wp-block-jetpack-slideshow_swiper-wrapper {
  overflow-x: hidden !important;
}

/* Eliminar cualquier pseudo-elemento que pueda estar causando el recuadro */
.wp-block-jetpack-slideshow::before,
.wp-block-jetpack-slideshow::after,
.wp-block-jetpack-slideshow_container::before,
.wp-block-jetpack-slideshow_container::after,
.wp-block-jetpack-slideshow_slide::before,
.wp-block-jetpack-slideshow_slide::after {
  display: none !important;
  content: none !important;
}

/* Eliminar específicamente cualquier borde rojo */
.wp-block-jetpack-slideshow,
.wp-block-jetpack-slideshow *,
.wp-block-jetpack-slideshow_container,
.wp-block-jetpack-slideshow_container *,
.wp-block-jetpack-slideshow_slide,
.wp-block-jetpack-slideshow_slide *,
.wp-block-jetpack-slideshow_image {
  border-color: transparent !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-width: 0 !important;
  border-style: none !important;
}

/* Eliminar cualquier outline rojo */
.wp-block-jetpack-slideshow,
.wp-block-jetpack-slideshow *,
.wp-block-jetpack-slideshow_container,
.wp-block-jetpack-slideshow_container *,
.wp-block-jetpack-slideshow_slide,
.wp-block-jetpack-slideshow_slide *,
.wp-block-jetpack-slideshow_image {
  outline-color: transparent !important;
  outline-width: 0 !important;
  outline-style: none !important;
}

/* Eliminar cualquier box-shadow rojo */
.wp-block-jetpack-slideshow,
.wp-block-jetpack-slideshow_container,
.wp-block-jetpack-slideshow_slide,
.wp-block-jetpack-slideshow_image {
  box-shadow: none !important;
}

/* Asegurar que no haya elementos flotantes o posicionados que causen el recuadro */
.wp-block-jetpack-slideshow {
  clear: both !important;
  float: none !important;
}

.wp-block-jetpack-slideshow_container {
  clear: both !important;
  float: none !important;
  position: relative !important;
}

/* Eliminar cualquier margen o padding que pueda estar causando el problema */
.wp-block-jetpack-slideshow {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.wp-block-jetpack-slideshow_container {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Forzar que el contenedor no se extienda más allá del viewport */
.wp-block-jetpack-slideshow.alignfull {
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
}
/* =======
=================================
   OVERRIDE FUERTE PARA ELIMINAR RECUADRO ROJO
   ======================================== */

/* Eliminar cualquier estilo de debug o desarrollo que pueda mostrar bordes */
.wp-block-jetpack-slideshow,
.wp-block-jetpack-slideshow *,
.wp-block-jetpack-slideshow_container,
.wp-block-jetpack-slideshow_swiper-wrapper,
.wp-block-jetpack-slideshow_slide,
.wp-block-jetpack-slideshow_image {
  /* Eliminar bordes completamente */
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
  
  /* Eliminar outlines */
  outline: 0 !important;
  outline-width: 0 !important;
  outline-style: none !important;
  outline-color: transparent !important;
  
  /* Eliminar sombras excepto para botones */
  box-shadow: none !important;
  
  /* Eliminar cualquier background rojo */
  background-color: transparent !important;
}

/* Restablecer sombras solo para botones de navegación */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev,
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next,
.wp-block-jetpack-slideshow .swiper-button-prev,
.wp-block-jetpack-slideshow .swiper-button-next,
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-pause {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
}

/* Eliminar cualquier pseudo-elemento que pueda estar creando el recuadro */
.wp-block-jetpack-slideshow *::before,
.wp-block-jetpack-slideshow *::after {
  display: none !important;
  content: "" !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: none !important;
}

/* Asegurar que el slider no se desborde horizontalmente */
.wp-block-jetpack-slideshow {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.wp-block-jetpack-slideshow_container {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* Permitir transformaciones necesarias para el slider */
.wp-block-jetpack-slideshow_swiper-wrapper {
  /* Permitir que Swiper maneje las transformaciones */
}

/* Forzar que las imágenes no tengan bordes */
.wp-block-jetpack-slideshow img,
.wp-block-jetpack-slideshow_image {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: none !important;
}
/* 
========================================
   OCULTAR ICONOS DE ZOOM Y LIGHTBOX
   ======================================== */

/* Ocultar iconos de zoom en las imágenes */
.wp-block-jetpack-slideshow .wp-lightbox-trigger,
.wp-block-jetpack-slideshow .wp-lightbox-overlay,
.wp-block-jetpack-slideshow figure .wp-lightbox-trigger,
.wp-block-jetpack-slideshow img[data-wp-lightbox],
.wp-block-jetpack-slideshow .lightbox-trigger,
.wp-block-jetpack-slideshow .zoom-icon,
.wp-block-jetpack-slideshow .expand-icon {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Eliminar cualquier overlay de zoom */
.wp-block-jetpack-slideshow figure::before,
.wp-block-jetpack-slideshow figure::after,
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide::before,
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide::after {
  display: none !important;
  content: none !important;
}

/* Asegurar que las imágenes no sean clickeables para zoom */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_image {
  cursor: default !important;
  pointer-events: none !important;
}

/* Permitir que los botones de navegación sean clickeables */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev,
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next,
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-pause,
.wp-block-jetpack-slideshow .swiper-button-prev,
.wp-block-jetpack-slideshow .swiper-button-next,
.wp-block-jetpack-slideshow .swiper-pagination-bullet {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Eliminar cualquier indicador de zoom o lightbox */
.wp-block-jetpack-slideshow [data-wp-lightbox]::after,
.wp-block-jetpack-slideshow .has-lightbox::after {
  display: none !important;
}

/* ========================================
   CENTRAR EL SLIDER CORRECTAMENTE
   ======================================== */

/* Centrar el slider en la página */
.wp-block-jetpack-slideshow {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.wp-block-jetpack-slideshow_container {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Para sliders de ancho completo */
.wp-block-jetpack-slideshow.alignfull {
  text-align: center !important;
}

/* ========================================
   ARREGLAR AUTOPLAY Y NAVEGACIÓN
   ======================================== */

/* Asegurar que el autoplay funcione */
.wp-block-jetpack-slideshow[data-autoplay="true"] {
  /* El autoplay debe ser manejado por JavaScript */
}

/* Mostrar controles de navegación */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev,
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next {
  display: flex !important;
  opacity: 0.8 !important;
}

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev:hover,
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next:hover {
  opacity: 1 !important;
}

/* Asegurar que la paginación sea visible */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination {
  display: flex !important;
  opacity: 0.8 !important;
}/* ==
======================================
   ELIMINAR RECUADROS ROJOS ESPECÍFICOS
   ======================================== */

/* Eliminar todos los elementos de lightbox y zoom */
.wp-lightbox-trigger,
.wp-lightbox-overlay,
.lightbox-trigger,
.zoom-icon,
.expand-icon,
[data-wp-lightbox],
.wp-block-image .components-button,
.wp-block-image button,
.wp-block-image .wp-element-button,
figure .wp-lightbox-trigger,
figure button,
figure .components-button,
.wp-block-jetpack-slideshow figure button,
.wp-block-jetpack-slideshow figure .components-button,
.wp-block-jetpack-slideshow .wp-lightbox-trigger,
.wp-block-jetpack-slideshow [data-wp-lightbox] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
  width: 0 !important;
  height: 0 !important;
}

/* Eliminar específicamente los recuadros rojos */
.wp-block-jetpack-slideshow figure::before,
.wp-block-jetpack-slideshow figure::after,
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide::before,
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide::after,
.wp-block-jetpack-slideshow img::before,
.wp-block-jetpack-slideshow img::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Eliminar cualquier overlay rojo */
.wp-block-jetpack-slideshow .wp-block-image__resize-handles,
.wp-block-jetpack-slideshow .components-resizable-box__handle,
.wp-block-jetpack-slideshow .block-editor-block-list__block-edit,
.wp-block-jetpack-slideshow .wp-block-image .components-placeholder,
.wp-block-jetpack-slideshow .wp-block-image .block-editor-media-placeholder {
  display: none !important;
}

/* Forzar que las imágenes no tengan elementos superpuestos */
.wp-block-jetpack-slideshow figure {
  position: relative !important;
  overflow: hidden !important;
}

.wp-block-jetpack-slideshow figure > * {
  position: relative !important;
  z-index: 1 !important;
}

.wp-block-jetpack-slideshow figure > button,
.wp-block-jetpack-slideshow figure > .components-button,
.wp-block-jetpack-slideshow figure > .wp-lightbox-trigger {
  display: none !important;
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
}

/* Eliminar cualquier elemento con background rojo */
.wp-block-jetpack-slideshow *[style*="background-color: red"],
.wp-block-jetpack-slideshow *[style*="background: red"],
.wp-block-jetpack-slideshow *[style*="background-color:#ff0000"],
.wp-block-jetpack-slideshow *[style*="background:#ff0000"],
.wp-block-jetpack-slideshow *[style*="background-color:#f00"],
.wp-block-jetpack-slideshow *[style*="background:#f00"] {
  display: none !important;
  background: transparent !important;
}

/* Eliminar elementos con clases específicas de WordPress */
.wp-block-jetpack-slideshow .wp-block-image .components-button,
.wp-block-jetpack-slideshow .wp-block-image .wp-element-button,
.wp-block-jetpack-slideshow .block-editor-media-placeholder__button,
.wp-block-jetpack-slideshow .components-form-file-upload,
.wp-block-jetpack-slideshow .block-editor-media-placeholder__upload-button {
  display: none !important;
}/* =====
===================================
   ARREGLAR BOTONES DE CONTACTO
   ======================================== */

/* Contenedor de botones de contacto */
.wp-block-buttons.is-content-justification-center {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 1rem !important;
  flex-wrap: wrap !important;
  margin: 2rem 0 !important;
}

/* Botones individuales */
.wp-block-buttons .wp-block-button {
  margin: 0 !important;
}

.wp-block-buttons .wp-block-button .wp-block-button__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  padding: 1rem 2rem !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  transition: all 0.3s ease !important;
  min-width: 200px !important;
  text-align: center !important;
}

.wp-block-buttons .wp-block-button .wp-block-button__link:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 15px rgba(76, 51, 94, 0.3) !important;
}

/* Arreglar imágenes dentro de los botones */
.wp-block-button__link img {
  width: 20px !important;
  height: 20px !important;
  margin-right: 0.5rem !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

/* Botón de teléfono específico */
.wp-block-button a[href^="tel:"] {
  background-color: #4c335e !important;
  color: white !important;
}

.wp-block-button a[href^="tel:"]:hover {
  background-color: #5d4070 !important;
}

/* Botón de WhatsApp específico */
.wp-block-button a[href*="wa.me"] {
  background-color: #25d366 !important;
  color: white !important;
}

.wp-block-button a[href*="wa.me"]:hover {
  background-color: #20b858 !important;
}

/* Responsive para botones */
@media (max-width: 768px) {
  .wp-block-buttons.is-content-justification-center {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  
  .wp-block-buttons .wp-block-button .wp-block-button__link {
    min-width: auto !important;
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 auto !important;
  }
}

/* ========================================
   ARREGLAR SLIDER PRINCIPAL
   ======================================== */

/* Asegurar que el slider sea completamente visible */
.wp-block-jetpack-slideshow {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 auto 2rem auto !important;
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

.wp-block-jetpack-slideshow.alignfull {
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* Contenedor del slider */
.wp-block-jetpack-slideshow_container {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 400px !important;
  position: relative !important;
  overflow: hidden !important;
  background: #f5f5f5 !important;
}

/* Wrapper de slides */
.wp-block-jetpack-slideshow_swiper-wrapper {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  transition: transform 0.5s ease !important;
}

/* Slides individuales */
.wp-block-jetpack-slideshow_slide {
  display: flex !important;
  width: 100% !important;
  height: auto !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.wp-block-jetpack-slideshow_slide figure {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Imágenes del slider */
.wp-block-jetpack-slideshow_image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: cover !important;
  min-height: 300px !important;
  max-height: 500px !important;
}

/* Botones de navegación del slider */
.wp-block-jetpack-slideshow_button-prev,
.wp-block-jetpack-slideshow_button-next {
  display: flex !important;
  position: absolute !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: none !important;
  border-radius: 50% !important;
  width: 50px !important;
  height: 50px !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 10 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s ease !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.wp-block-jetpack-slideshow_button-prev {
  left: 20px !important;
}

.wp-block-jetpack-slideshow_button-next {
  right: 20px !important;
}

.wp-block-jetpack-slideshow_button-prev:hover,
.wp-block-jetpack-slideshow_button-next:hover {
  background: rgba(255, 255, 255, 1) !important;
  transform: translateY(-50%) scale(1.1) !important;
}

/* Botón de pausa */
.wp-block-jetpack-slideshow_button-pause {
  display: flex !important;
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: none !important;
  border-radius: 6px !important;
  width: 44px !important;
  height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 10 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s ease !important;
}

/* Paginación del slider */
.wp-block-jetpack-slideshow_pagination {
  display: flex !important;
  position: absolute !important;
  bottom: 20px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  gap: 8px !important;
  z-index: 10 !important;
}

/* Responsive para slider */
@media (max-width: 768px) {
  .wp-block-jetpack-slideshow_container {
    min-height: 250px !important;
  }
  
  .wp-block-jetpack-slideshow_image {
    min-height: 200px !important;
    max-height: 300px !important;
  }
  
  .wp-block-jetpack-slideshow_button-prev,
  .wp-block-jetpack-slideshow_button-next {
    width: 40px !important;
    height: 40px !important;
  }
}/
* ========================================
   CENTRAR TODOS LOS TÍTULOS
   ======================================== */

/* Asegurar que todos los títulos estén centrados */
.wp-block-heading,
h1, h2, h3, h4, h5, h6,
.wp-block-heading.has-text-align-center,
.has-text-align-center {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Títulos específicos de la página */
#productos,
#contacto,
#catálogo,
#nosotros {
  text-align: center !important;
}

/* Asegurar centrado en contenedores */
.wp-block-group .wp-block-heading,
.wp-block-columns .wp-block-heading {
  text-align: center !important;
}

/* ========================================
   MEJORAR PALETA DE COLORES MORADA
   ======================================== */

/* Variables de color consistentes */
:root {
  --alucentro-primary: #4c335e;
  --alucentro-primary-light: #6f4a88;
  --alucentro-primary-dark: #3a2647;
  --alucentro-secondary: #5d4070;
}

/* Aplicar colores consistentes a títulos */
.wp-block-heading[style*="color:#4c335e"],
h1, h2, h3, h4, h5, h6 {
  color: var(--alucentro-primary) !important;
}

/* Botones con paleta consistente */
.wp-block-button__link {
  background-color: var(--alucentro-primary) !important;
  border-color: var(--alucentro-primary) !important;
}

.wp-block-button__link:hover {
  background-color: var(--alucentro-secondary) !important;
  border-color: var(--alucentro-secondary) !important;
}/* 
========================================
   CENTRADO MÓVIL AGRESIVO
   ======================================== */

@media (max-width: 768px) {
  /* Forzar centrado en todos los elementos principales */
  * {
    text-align: center !important;
  }
  
  /* Excepciones para elementos que no deben estar centrados */
  input, textarea, select, button {
    text-align: center !important;
  }
  
  /* Centrado específico para contenedores WordPress */
  .wp-block-group,
  .wp-block-columns,
  .wp-block-column,
  .alignwide,
  .alignfull,
  .entry-content,
  .site-content,
  .content-area {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    width: 100% !important;
  }
  
  /* Títulos móviles */
  .wp-block-heading,
  h1, h2, h3, h4, h5, h6 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    display: block !important;
  }
  
  /* Imágenes centradas */
  .wp-block-image,
  .wp-block-image figure,
  img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  
  /* Botones centrados */
  .wp-block-buttons {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  
  .wp-block-button {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 300px !important;
  }
  
  .wp-block-button__link {
    display: block !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
  }
  
  /* Slider centrado */
  .wp-block-jetpack-slideshow {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  
  /* Productos centrados */
  .wp-block-columns {
    display: block !important;
    text-align: center !important;
  }
  
  .wp-block-columns .wp-block-column {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 300px !important;
    margin-bottom: 2rem !important;
  }
  
  /* Párrafos centrados */
  p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 480px) {
  /* Centrado extra agresivo para móviles pequeños */
  body {
    text-align: center !important;
  }
  
  .site,
  .site-content,
  .content-area,
  .site-main,
  .entry-content {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}/* ====
====================================
   NÚMERO DE TELÉFONO SIEMPRE EN UNA LÍNEA
   ======================================== */

/* Asegurar que el número de teléfono nunca se divida */
.modern-header .cta-phone-wrapper,
.modern-header .cta-phone-wrapper .phone-number {
  white-space: nowrap !important;
  overflow: visible !important;
  flex-shrink: 0 !important;
  min-width: max-content !important;
}

/* Contenedor del header debe permitir overflow si es necesario */
.modern-header .header-container {
  overflow-x: auto !important;
  flex-wrap: nowrap !important;
}

/* En móviles, priorizar el número de teléfono */
@media (max-width: 768px) {
  .modern-header .cta-phone-wrapper {
    flex-shrink: 0 !important;
    min-width: max-content !important;
    white-space: nowrap !important;
  }
  
  .modern-header .cta-phone-wrapper .phone-number {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  
  /* Si es necesario, reducir el tamaño del logo para dar espacio al teléfono */
  .modern-header .logo-container .logo {
    max-width: 120px !important;
    height: auto !important;
  }
}

@media (max-width: 480px) {
  /* En pantallas muy pequeñas, hacer el número más compacto */
  .modern-header .cta-phone-wrapper .phone-number {
    font-size: 0.75rem !important;
    padding: 0.25rem 0.4rem !important;
    white-space: nowrap !important;
  }
  
  .modern-header .cta-phone-wrapper a {
    padding: 0.25rem 0.4rem !important;
  }
  
  .modern-header .cta-phone-wrapper i {
    font-size: 14px !important;
  }
}

@media (max-width: 360px) {
  /* Para pantallas extra pequeñas */
  .modern-header .cta-phone-wrapper .phone-number {
    font-size: 0.7rem !important;
    padding: 0.2rem 0.3rem !important;
  }
  
  .modern-header .cta-phone-wrapper {
    gap: 0.2rem !important;
  }
}