.elementor-8346 .elementor-element.elementor-element-121733a7{margin-top:-4px;margin-bottom:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8346 .elementor-element.elementor-element-15a4f70f .elementor-repeater-item-fd99e24 .swiper-slide-bg{background-image:url(https://casalola.gets.com.co/wp-content/uploads/2026/01/1-1-1-scaled.jpg);background-size:cover;}.elementor-8346 .elementor-element.elementor-element-15a4f70f .elementor-repeater-item-fd99e24 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-8346 .elementor-element.elementor-element-15a4f70f .swiper-slide{transition-duration:calc(5000ms*1.2);height:880px;}.elementor-8346 .elementor-element.elementor-element-15a4f70f .elementor-slide-button{background-color:#C7A36A;border-width:0px;border-radius:0px;border-color:#C7A36A;}.elementor-8346 .elementor-element.elementor-element-15a4f70f .swiper-slide-contents{max-width:83%;}.elementor-8346 .elementor-element.elementor-element-15a4f70f .swiper-slide-inner{text-align:center;}.elementor-8346 .elementor-element.elementor-element-54fb6d7 > .elementor-widget-container{margin:-67px 0px 0px 0px;}.elementor-8346 .elementor-element.elementor-element-a4aafcb > .elementor-widget-container{margin:-67px 0px 0px 0px;}.elementor-8346 .elementor-element.elementor-element-8c96cd0{width:100%;max-width:100%;}@media(max-width:767px){.elementor-8346 .elementor-element.elementor-element-54fb6d7 > .elementor-widget-container{margin:1px 0px 94px 0px;}}/* Start custom CSS for slides, class: .elementor-element-15a4f70f */.icon-lolita {
    width: 30%;   /* ajusta aquí */
    height: auto;  /* mantiene proporción */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1023fd6 *//* Por defecto: escritorio */
.only-desktop {
  display: block;
}

.only-mobile {
  display: none;
}

/* MÓVIL */
@media (max-width: 768px) {
  .only-desktop {
    display: none;
  }

  .only-mobile {
    display: block;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-67fa8c66 */.experiencia-section {
  background: #1e1e1e;
  padding: 100px 8%;
  color: #ffffff;
  
}

.experiencia-container {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 60px;
  align-items: center;
}

/* TEXTO */
.experiencia-label {
  color: #c7a36a;
  letter-spacing: 2px;
  font-size: 14px;
}

.experiencia-texto h2 {
  font-size: 36px;
  font-weight: 300;
  margin: 10px 0 30px;
}

.experiencia-texto p {
  font-size: 15px;
  line-height: 1.7;
  color: #d6d6d6;
  margin-bottom: 20px;
}

.experiencia-info {
  margin-top: 30px;
  color: #c7a36a;
  font-size: 15px;
}

/* VIDEOS */
.videos-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.video-slot {
  position: relative;
  height: 420px;
  border-radius: 0px;
  overflow: hidden;
}

.video-slot .video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.video-slot .video.active {
  opacity: 1;
}

/* DOTS */
.video-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
}

.video-dots .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #555;
  cursor: pointer;
}

.video-dots .dot.active {
  background: #c7a36a;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .experiencia-container {
    grid-template-columns: 1fr;
  }

  .video-slot {
    height: 300px;
  }
}

/* IMÁGENES */
.imagenes-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.img-slot {
  position: relative;
  height: 420px;
  overflow: hidden;
}

.img-slot .img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.img-slot .img.active {
  opacity: 1;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .img-slot {
    height: 300px;
  }
}




.wsp-info {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #2a2a2a;
  padding: 14px 20px;
  border-left: 3px solid #c7a36a;
  max-width: fit-content;
  margin-top: 30px;
}

/* ICONO */
.wsp-icon {
  width: 44px;
  height: 44px;
  background: #c7a36a00;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wsp-icon img {
  width: 22px;
  height: auto;
}

/* TEXTO */
.wsp-text span {
  display: block;
  font-size: 13px;
  color: #bdbdbd;
  margin-bottom: 2px;
}

.wsp-text strong {
  font-size: 20px;
  color: #ffffff;
  font-weight: 600;
}


/* Ajuste fino */
.arrow-left {
  margin-left: -55px; /* la mueve justo pegada al contenedor */
}

.arrow-right {
  margin-right: -55px;
}

.arrow:hover {
  background: #c7a36a;
}

/* FLECHAS */
.gallery-arrows {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}

.arrow {
  width: 45px;
  height: 45px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s ease;
  pointer-events: all;
}

.arrow:hover {
  background: #c7a36a;
}


.experiencia-media {
  position: relative;
}/* End custom CSS */