.elementor-3085 .elementor-element.elementor-element-464de44{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.57;--padding-top:280px;--padding-bottom:250px;--padding-left:0px;--padding-right:0px;}.elementor-3085 .elementor-element.elementor-element-464de44:not(.elementor-motion-effects-element-type-background), .elementor-3085 .elementor-element.elementor-element-464de44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4E4D4C;background-image:url("https://drluisfernandoparragonzalez.com/wp-content/uploads/2025/07/Blefaroplastia-con-el-Dr-Luis-F-Parra-Mejor-cirujano-plastico-de-cucuta-.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-3085 .elementor-element.elementor-element-464de44::before, .elementor-3085 .elementor-element.elementor-element-464de44 > .elementor-background-video-container::before, .elementor-3085 .elementor-element.elementor-element-464de44 > .e-con-inner > .elementor-background-video-container::before, .elementor-3085 .elementor-element.elementor-element-464de44 > .elementor-background-slideshow::before, .elementor-3085 .elementor-element.elementor-element-464de44 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3085 .elementor-element.elementor-element-464de44 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#3A3939;background-image:url("https://drluisfernandoparragonzalez.com/wp-content/uploads/2025/07/Blefaroplastia-con-el-Dr-Luis-F-Parra-Mejor-cirujano-plastico-de-cucuta-.jpg");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-3085 .elementor-element.elementor-element-464de44::before{filter:brightness( 57% ) contrast( 74% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-3085 .elementor-element.elementor-element-464de44.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3085 .elementor-element.elementor-element-a5808b1{text-align:center;}.elementor-3085 .elementor-element.elementor-element-a5808b1 .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-3085 .elementor-element.elementor-element-fd31dac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3085 .elementor-element.elementor-element-fd31dac.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3085 .elementor-element.elementor-element-3e680c5{--spacer-size:37px;}.elementor-3085 .elementor-element.elementor-element-49ebe95f{--display:flex;}.elementor-3085 .elementor-element.elementor-element-d446744.elementor-element{--align-self:flex-start;}.elementor-3085 .elementor-element.elementor-element-d446744{text-align:left;}.elementor-3085 .elementor-element.elementor-element-d446744 .elementor-heading-title{font-family:"Cinzel Decorative", Sans-serif;font-size:30px;font-weight:500;color:#353535;}.elementor-3085 .elementor-element.elementor-element-fc21e8e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3085 .elementor-element.elementor-element-bcdd342{--e-image-carousel-slides-to-show:2;}.elementor-3085 .elementor-element.elementor-element-bcdd342 > .elementor-widget-container{background-color:#7E7B7B;}.elementor-3085 .elementor-element.elementor-element-bcdd342 .elementor-image-carousel-caption{text-align:center;}.elementor-3085 .elementor-element.elementor-element-eb4cf0d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3085 .elementor-element.elementor-element-9d0e13b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-3085 .elementor-element.elementor-element-464de44{--padding-top:200px;--padding-bottom:250px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-3085 .elementor-element.elementor-element-464de44{--width:100%;}.elementor-3085 .elementor-element.elementor-element-fd31dac{--width:64.75%;}}@media(max-width:767px){.elementor-3085 .elementor-element.elementor-element-464de44:not(.elementor-motion-effects-element-type-background), .elementor-3085 .elementor-element.elementor-element-464de44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-3085 .elementor-element.elementor-element-464de44{--padding-top:150px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;}.elementor-3085 .elementor-element.elementor-element-d446744 .elementor-heading-title{font-size:32px;}.elementor-3085 .elementor-element.elementor-element-bcdd342 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-3085 .elementor-element.elementor-element-bcdd342 .elementor-swiper-button.elementor-swiper-button-next{font-size:38px;}}/* Start custom CSS for image-carousel, class: .elementor-element-bcdd342 *//* --- Ajuste de Margen para Fotos de Diferente Tamaño en Carrusel --- */

/* Contenedor principal del carrusel (ajusta según la clase específica de tu carrusel si no funciona) */
.elementor-3085 .elementor-element.elementor-element-bcdd342 {
  /* Opcional: añade un poco de espacio alrededor del carrusel */
  padding: 15px;
}

/* Estilos para cada slide/imagen del carrusel */
.elementor-3085 .elementor-element.elementor-element-bcdd342 .swiper-slide {
  position: relative;
  overflow: hidden; /* Asegura que los efectos se mantengan dentro del slide */
  border-radius: 8px; /* Bordes ligeramente redondeados para un toque moderno */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Sombra sutil para profundidad */
  transition: all 0.4s ease-in-out; /* Transición suave para todos los efectos */

  /* *** CLAVE PARA EL MARGEN UNIFORME *** */
  display: flex; /* Usar flexbox para centrar contenido */
  justify-content: center; /* Centrar horizontalmente */
  align-items: center; /* Centrar verticalmente */
  height: 300px; /* <--- DEFINE AQUÍ LA ALTURA FIJA DESEADA PARA TUS IMÁGENES */
  /* Ajusta este valor (e.g., 250px, 350px) según la altura que mejor se adapte a tus fotos y diseño */
}

/* Borde dorado que aparece al pasar el ratón (o siempre visible con un efecto sutil) */
.elementor-3085 .elementor-element.elementor-element-bcdd342 .swiper-slide::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 3px solid transparent; /* Borde inicial transparente */
  border-image: linear-gradient(45deg, #FFD700, #DAA520, #B8860B); /* Gradiente dorado */
  border-image-slice: 1; /* Asegura que el gradiente se aplique correctamente al borde */
  opacity: 0.6; /* Un poco de transparencia para no ser demasiado abrumador */
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  transform: scale(0.98); /* Ligeramente más pequeño para el borde */
  pointer-events: none; /* Asegura que no interfiera con interacciones */
  z-index: 1; /* Asegura que el borde esté sobre la imagen */
}

/* Efecto Hover: el borde dorado se intensifica y la imagen se agranda sutilmente */
.elementor-3085 .elementor-element.elementor-element-bcdd342 .swiper-slide:hover::before {
  opacity: 1; /* El borde se vuelve completamente opaco */
  transform: scale(1); /* El borde vuelve a su tamaño original */
}

/* Estilos para las imágenes dentro de cada slide */
.elementor-3085 .elementor-element.elementor-element-bcdd342 .swiper-slide img {
  display: block;
  width: 100%; /* Ocupa el ancho completo del slide */
  height: 100%; /* Ocupa la altura completa del slide */
  
  /* *** CLAVE PARA EL RECORTE Y AJUSTE *** */
  object-fit: cover; /* Las imágenes cubrirán el espacio, recortando si es necesario */
  /* --- */
  
  border-radius: 8px; /* Coincide con el border-radius del slide */
  filter: brightness(0.9); /* Ligeramente más oscuro para que el dorado destaque */
  transition: filter 0.4s ease-in-out, transform 0.4s ease-in-out;
  position: relative; /* Necesario para z-index */
  z-index: 2; /* Asegura que la imagen esté sobre el borde */
}

/* Efecto Hover en la imagen: se ilumina y agranda ligeramente */
.elementor-3085 .elementor-element.elementor-element-bcdd342 .swiper-slide:hover img {
  filter: brightness(1.05); /* La imagen se ilumina un poco */
  transform: scale(1.03); /* La imagen se agranda sutilmente */
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3); /* Sombra más pronunciada al pasar el ratón */
}

/* Opcional: Flechas de navegación del carrusel (ajusta colores) */
.elementor-3085 .elementor-element.elementor-element-bcdd342 .elementor-swiper-button {
  color: #FFD700 !important; /* Flechas doradas */
  font-size: 2em; /* Tamaño de las flechas */
  transition: color 0.3s ease;
}

.elementor-3085 .elementor-element.elementor-element-bcdd342 .elementor-swiper-button:hover {
  color: #DAA520 !important; /* Color al pasar el ratón */
}

/* Opcional: Paginación (puntos/barras debajo del carrusel) */
.elementor-3085 .elementor-element.elementor-element-bcdd342 .swiper-pagination-bullet {
  background-color: #DAA520 !important; /* Puntos dorados */
  opacity: 0.7;
  transition: background-color 0.3s ease, opacity 0.3s ease;
}

.elementor-3085 .elementor-element.elementor-element-bcdd342 .swiper-pagination-bullet-active {
  background-color: #FFD700 !important; /* Punto activo más brillante */
  opacity: 1;
  transform: scale(1.2); /* Punto activo ligeramente más grande */
}

/* Media Queries para Responsividad (ajustes menores si es necesario) */
@media (max-width: 768px) {
  .elementor-3085 .elementor-element.elementor-element-bcdd342 .swiper-slide {
    border-radius: 6px;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
    height: 250px; /* Ajusta la altura para tabletas */
  }
  .elementor-3085 .elementor-element.elementor-element-bcdd342 .swiper-slide::before {
    border-width: 2px;
  }
  .elementor-3085 .elementor-element.elementor-element-bcdd342 .swiper-slide:hover img {
    transform: none; /* Desactivar el zoom de la imagen en móviles para evitar problemas táctiles */
  }
}

@media (max-width: 480px) {
  .elementor-3085 .elementor-element.elementor-element-bcdd342 .swiper-slide {
    border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    height: 200px; /* Ajusta la altura para móviles */
  }
  .elementor-3085 .elementor-element.elementor-element-bcdd342 .swiper-slide::before {
    border-width: 1px;
  }
}/* End custom CSS */