.elementor-6968 .elementor-element.elementor-element-b03108d{--display:flex;--min-height:450px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6968 .elementor-element.elementor-element-136dadf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;}.elementor-6968 .elementor-element.elementor-element-136dadf.elementor-element{--align-self:center;}.elementor-6968 .elementor-element.elementor-element-136dadf .jet-listing-dynamic-image{justify-content:flex-start;}.elementor-6968 .elementor-element.elementor-element-136dadf .jet-listing-dynamic-image__figure{align-items:flex-start;}.elementor-6968 .elementor-element.elementor-element-136dadf .jet-listing-dynamic-image a{display:flex;justify-content:flex-start;width:450px;max-width:100%;}.elementor-6968 .elementor-element.elementor-element-136dadf .jet-listing-dynamic-image img{width:450px;max-width:100%;height:450px;object-fit:cover;border-style:none;border-radius:20px 20px 20px 20px;}.elementor-6968 .elementor-element.elementor-element-136dadf .jet-listing-dynamic-image__caption{font-size:35px;text-align:left;}.elementor-6968 .elementor-element.elementor-element-6d8c1e6{background-color:#414141;background-image:url("https://clubdelavidabuena.org/wp-content/uploads/2026/01/bedge-grunge-300x191.png");margin:0% 8% calc(var(--kit-widget-spacing, 0px) + 0%) 10%;padding:8px 0px 0px 0px;top:85%;background-repeat:repeat;border-radius:20px 20px 20px 20px;}body:not(.rtl) .elementor-6968 .elementor-element.elementor-element-6d8c1e6{left:-5%;}body.rtl .elementor-6968 .elementor-element.elementor-element-6d8c1e6{right:-5%;}.elementor-6968 .elementor-element.elementor-element-6d8c1e6 .jet-listing-dynamic-field__content{color:var( --e-global-color-2aaa80f );font-size:17px;line-height:20px;}.elementor-6968 .elementor-element.elementor-element-6d8c1e6 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-6968 .elementor-element.elementor-element-6d8c1e6 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-6968 .elementor-element.elementor-element-6d8c1e6 .jet-listing-dynamic-field.display-multiline{padding:0px 0px 0px 0px;margin:0px 10px -5px 10px;}.elementor-6968 .elementor-element.elementor-element-6d8c1e6 .jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__inline-wrap{padding:0px 0px 0px 0px;margin:0px 10px -5px 10px;}.elementor-6968 .elementor-element.elementor-element-af34416{--display:flex;--position:absolute;--min-height:450px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;border-style:none;--border-style:none;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;top:0%;--z-index:100;}.elementor-6968 .elementor-element.elementor-element-af34416:not(.elementor-motion-effects-element-type-background), .elementor-6968 .elementor-element.elementor-element-af34416 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E0E0E0;background-image:url("https://clubdelavidabuena.org/wp-content/uploads/2026/01/bedge-grunge.png");}.elementor-6968 .elementor-element.elementor-element-af34416::before, .elementor-6968 .elementor-element.elementor-element-af34416 > .elementor-background-video-container::before, .elementor-6968 .elementor-element.elementor-element-af34416 > .e-con-inner > .elementor-background-video-container::before, .elementor-6968 .elementor-element.elementor-element-af34416 > .elementor-background-slideshow::before, .elementor-6968 .elementor-element.elementor-element-af34416 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6968 .elementor-element.elementor-element-af34416 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}body:not(.rtl) .elementor-6968 .elementor-element.elementor-element-af34416{left:0%;}body.rtl .elementor-6968 .elementor-element.elementor-element-af34416{right:0%;}.elementor-6968 .elementor-element.elementor-element-18c66fa{width:var( --container-widget-width, 100% );max-width:100%;padding:10px 10px 10px 10px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-6968 .elementor-element.elementor-element-18c66fa.elementor-element{--align-self:center;}.elementor-6968 .elementor-element.elementor-element-18c66fa .jet-listing-dynamic-field__content{color:#3D3D3D;font-size:20px;line-height:23px;text-align:left;}.elementor-6968 .elementor-element.elementor-element-18c66fa .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-6968 .elementor-element.elementor-element-18c66fa .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-6968 .elementor-element.elementor-element-18c66fa .jet-listing-dynamic-field{justify-content:flex-start;}.jet-listing-item.single-jet-engine.elementor-page-6968 > .elementor{width:450px;margin-left:auto;margin-right:auto;}@media(max-width:767px){.elementor-6968 .elementor-element.elementor-element-b03108d{--content-width:450px;--min-height:100%;--justify-content:flex-end;}.elementor-6968 .elementor-element.elementor-element-136dadf .jet-listing-dynamic-image{justify-content:flex-start;}.elementor-6968 .elementor-element.elementor-element-136dadf .jet-listing-dynamic-image__figure{align-items:flex-start;}.elementor-6968 .elementor-element.elementor-element-136dadf .jet-listing-dynamic-image a{display:flex;justify-content:flex-start;width:450px;max-width:100%;}.elementor-6968 .elementor-element.elementor-element-136dadf .jet-listing-dynamic-image img{width:450px;max-width:100%;height:450px;object-fit:cover;}.elementor-6968 .elementor-element.elementor-element-af34416{--width:450px;--min-height:450px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-6968 .elementor-element.elementor-element-af34416{left:0%;}body.rtl .elementor-6968 .elementor-element.elementor-element-af34416{right:0%;}.elementor-6968 .elementor-element.elementor-element-18c66fa .jet-listing-dynamic-field__content{font-size:19px;line-height:22px;}}@media(min-width:768px){.elementor-6968 .elementor-element.elementor-element-b03108d{--content-width:450px;}.elementor-6968 .elementor-element.elementor-element-af34416{--width:450px;}}/* Start custom CSS for container, class: .elementor-element-b03108d *//* ============================================================
   1. CONTENEDOR DE LA FOTO (item-foto)
   ============================================================ */
.item-foto {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 20px;
  width: 100%;
  max-width: 450px;
  aspect-ratio: 1 / 1;
  height: auto !important;
}

.item-foto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ============================================================
   2. OVERLAY (overlay-personas) - MARGEN AUMENTADO
   ============================================================ */
.overlay-personas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  pointer-events: none;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;

  /* Padding aumentado a 45px para dar más aire */
  padding: 35px; 
  box-sizing: border-box;
  z-index: 10;

  overflow-y: auto;
  scrollbar-gutter: stable;

  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: #555555 transparent;
}

.item-foto:hover .overlay-personas {
  opacity: 1;
  pointer-events: auto;
}

.overlay-personas > * {
  color: #ffffff !important;
  text-align: left;
  margin-bottom: 8px;
  font-family: inherit;
}

/* ============================================================
   2.1 ENLACES DENTRO DEL DYNAMIC FIELD
   ============================================================ */
.overlay-personas a {
  font-size: 20px;
  color: #3D3D3D !important;
  text-decoration: underline;
  font-weight: 400;
}

.overlay-personas a:hover {
  color: #3D3D3D !important;
  text-decoration: none;
}

/* ============================================================
   2.2 SCROLLBAR PERSONALIZADA (GRIS OSCURO)
   ============================================================ */

.overlay-personas::-webkit-scrollbar {
  width: 10px;
}

.overlay-personas::-webkit-scrollbar-track {
  background: transparent !important;
}

/* Thumb gris oscuro con borde para efecto flotante */
.overlay-personas::-webkit-scrollbar-thumb {
  background-color: #555555; 
  border-radius: 10px;
  /* El borde mantiene el color de fondo del overlay para simular espacio */
  border: 3px solid rgba(0, 0, 0, 0.65); 
  background-clip: padding-box;
  transition: background-color 0.3s ease-in-out;
}

.overlay-personas::-webkit-scrollbar-thumb:hover {
  background-color: #777777; /* Un poco más claro al pasar el ratón */
}

.overlay-personas::-webkit-scrollbar-thumb {
  opacity: 0;
}

.overlay-personas:hover::-webkit-scrollbar-thumb {
  opacity: 1;
}

/* ============================================================
   3. RESPONSIVE (MÓVIL)
   ============================================================ */
@media (max-width: 768px) {
  .item-foto {
    aspect-ratio: auto;
    height: auto !important;
    overflow: hidden;
  }

  .item-foto img {
    object-fit: contain;
    width: 100%;
    height: auto;
  }

  .overlay-personas {
    overflow-y: auto;
    padding: 30px; /* Ajustado para móviles */
    font-size: 14px;
    line-height: 1.3;
  }

  .overlay-personas a {
    font-size: 18px;
  }
}

/* ============================================================
   4. FLECHAS DEL LISTING GRID (JetEngine)
   ============================================================ */
.jet-listing-grid .jet-arrow {
  z-index: 50;
  transform: scale(0.8);
}

@media (max-width: 768px) {
  .jet-listing-grid .jet-arrow {
    top: 50%;
    transform: translateY(-50%) scale(0.8);
  }

  .jet-listing-grid .jet-arrow.prev-arrow {
    left: 10px;
  }

  .jet-listing-grid .jet-arrow.next-arrow {
    right: 10px;
  }
}/* End custom CSS */