/*
 Theme Name:   Twenty Twenty-Five Child
 Theme URI:    https://wordpress.org/themes/twentytwentyfive/
 Description: Tema hijo de Twenty Twenty-Five
 Author:       Montserrat Segura
 Author URI:   https://creamonts.com
 Template:     twentytwentyfive
 Version:      1.0.0
*/
p {
    margin: 0;
}
.branding-left::before {
    content: "" !important;
    height: 80px !important;
    width: 32px !important;
    display: block !important;
    background: #ffb72e;
    position: absolute !important;
    top: 0 !important;
	left: initial !important;
	right: 0 !important;
}
.branding-left::after {
    content: "" !important;
    height: 80px !important;
    width: 32px !important;
    display: block !important;
    background: #ffb72e;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
}
@media (min-width: 768px) {
	.branding-left::before {
		height: 120px !important;
	}
	.branding-left::after {
		height: 120px !important;
	}
}
.cards .elementor-image-box-title:after {
    content: "" !important;
    width: 32px !important;
    height: 2px !important;
    display: block !important;
    color: #ffb72e;
    position: absolute;
    z-index: 1;
    background: #ffb72e;
    margin-top: 5px;
}
.elementor-button {
backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}


/* Layout tipo bento */
.bento-grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: minmax(auto, auto);
}
/*
.bento-grid > * {
     width: auto !important;
    max-width: 100% !important;
    flex: unset !important;
}
.bento-grid > .e-con {
    display: block !important;
}
.bento-item {
    border-radius: 24px;
    padding: 20px;
    overflow: hidden;
	display: block !important;
}*/

/* Layout usando posición por orden */
.bento-grid > :nth-child(1) {
    grid-column: 1 / 3;
    grid-row: 1 / 5;
}
.bento-grid > :nth-child(2) {
    grid-column: 3 / 7;
    grid-row: 1 / 3;
}
.bento-grid > :nth-child(3) {
    grid-column: 1 / 5;
    grid-row: 5 / 7;
}
.bento-grid > :nth-child(4) {
    grid-column: 3 / 5;
    grid-row: 3/ 5;
}
.bento-grid > :nth-child(5) {
    grid-column: 5 / 7;
    grid-row: 3 / 7;
}

/* Mobile */
@media (max-width: 768px) {
    .bento-grid {
        display: flex !important;
        flex-direction: column;
    }
}


/* 🔴 ARREGLAR DIRECCIÓN HORIZONTAL */
.swiper-wrapper {
  display: flex !important;
  flex-direction: row !important;
}

/* 🔴 SLIDES EN FILA */
.swiper-slide {
  flex-shrink: 0 !important;
  width: 100% !important;
}
.swiper-slide {
    display: flex!important;
}

/* VISOR */
.visor .swiper-slide {
  width: 100% !important;
}

/* THUMBS */
.serviciosSwiper .swiper-slide {
      width: calc(50.06% - 32px) !important; /* 3 visibles */
	
}

/* 🔴 MATAR ELEMENTOR */
.swiper .e-con {
 /* flex-direction: row !important;
  padding: 0 !important;*/
}

.swiper .e-con-inner {
  /*padding: 0 !important;*/
}/*
.visor .swiper-slide {
  transition: all .6s ease, opacity .6s ease;
}

.visor .swiper-slide-active {
  transform: scale(1);
  opacity: 1;
}

.visor .swiper-slide:not(.swiper-slide-active) {
  transform: scale(0.98);
  opacity: 0.8;
}
*/

.swiper-slide{
	cursor: pointer;
}

.swiper-button-next, .swiper-button-prev {
    color: #F2F9FC  !important;
	background-color: rgb(172 185 190 / 80%) !important;
    top: initial !important;
    bottom: 100px !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 5px;
    border-radius: 50% !important;
    height: 42px !important;
    width: 42px !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 18px!important;

}
.serviciosSwiper .swiper-slide {
    height: calc(100% - 120px) !important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    right: 70px !important;
    left: auto !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 28px !important;

}

.serviciosSwiper .swiper-slide-duplicate {
  opacity: 0 !important;
  pointer-events: none;
}


/* suavizar transición */
.swiper-slide {
  transition: transform .4s ease, opacity .4s ease;
}
@media (max-width: 767px) {
    .elementor .elementor-hidden-mobile, .elementor .elementor-hidden-phone {
        display: none !important;
    }
}