:root{

}

/* GENERAL */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom: 15px;}
ul ul{padding-left: 30px;}
main p{line-height: 1.5em;}
/* LISTADO GENERAL */
.product-list .item{margin-bottom: 30px;}
.post-miniature{margin-bottom: 15px;}
.post-miniature.YOUTUBE iframe{width: 100%; max-height:315px;}
.post-miniature.SOUNDCLOUD div{display: none;}
.post-title a:hover,
.post-title a {text-decoration: none !important;}
.post-title a h3{font-size: 20px;}
.post-summary{font-size: 16px; line-height: normal;}

/* LISTADO BLOG */
.product-list .Blog .post-miniature{border-radius: 15px; filter: brightness(0.6); overflow: hidden;}
.product-list .Blog .post-miniature img{aspect-ratio: 1/1; object-fit: cover;}
.product-list .Blog .post-details{position: absolute; left: 15px; right: 15px; bottom: 0; padding: 15px;}
.product-list .Blog .post-date p{color: #fff; font-size: 14px;}
.product-list .Blog .post-title h3 { color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* LISTADO CLIENTES */
.product-list .Clientes .post-miniature img { /*max-width: 200px;*/ margin: auto; display: block; aspect-ratio: 1 / 1; object-fit: cover; }
.product-list .Clientes .post-title{text-align: center;}
.product-list .Clientes img{filter: grayscale(100%);}
.product-list .Clientes img:hover{filter: grayscale(100%)!important;}

/* LISTADO SERVICIOS */
/* .product-list .Servicios_cat_1 .item > div{padding: 24px 24px 34px; box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 1px 6px 2px rgba(0, 0, 0, 0.05); border-radius: 12px; overflow: hidden;} */
/* .product-list .Servicios_cat_1 .item .post-miniature img{max-height:200px; object-fit: contain; margin: 0 auto 15px;} */
/* .product-list .Servicios_cat_1 .item .post-title h3{margin-bottom: 8px; transition: all .3s ease-in-out;} */
/* .product-list .Servicios_cat_1 .item .post-title a:hover h3{color: var(--main-color-1);} */
/* .product-list .Servicios_cat_1 .item .post-summary{font-size: 14px;} */

.swiper.Servicios_cat_1 .swiper-slide{padding: 10px;}
.swiper.Servicios{align-items: stretch;}
.swiper.Servicios .swiper-slide{height: auto;}
.swiper.Servicios .swiper-slide > div,
.product-list .Servicios .item>div { padding: 24px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 1px 6px 2px rgba(0, 0, 0, 0.05); border-radius: 12px; overflow: hidden; background-color: #fff; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.swiper.Servicios .swiper-slide > div{box-shadow: unset;}
.swiper.Servicios .swiper-slide .post-title h3,
.product-list .Servicios .item .post-title h3{margin-bottom: 0; transition: all .3s ease-in-out;}
.swiper.Servicios .swiper-slide .post-title a:hover h3,
.product-list .Servicios .item .post-title a:hover h3{color: var(--main-color-1);}
.swiper.Servicios .swiper-slide .post-miniature:not(.PCLOUD) ,
.product-list .Servicios .item .post-miniature:not(.PCLOUD) {aspect-ratio: 16/9; overflow: hidden; display: flex; align-items: center;}
.swiper.Servicios .swiper-slide .post-miniature.PCLOUD img,
.product-list .Servicios .item .post-miniature.PCLOUD img{aspect-ratio: 16/9; overflow: hidden; margin: auto; padding: 50px;}
.swiper.Servicios .swiper-slide .post-miniature.SOUNDCLOUD,
.product-list .Servicios .item .post-miniature.SOUNDCLOUD{background-color: #f5f5f5; padding: 30px; border-radius: 5px;}
.product-list .Servicios .item .post-title a h3{font-size: var(--content-p-font-size);}

.post-categories-container{display: flex; flex-wrap: wrap; align-items: center; margin-top: 10px;}
.post-categories{display: flex; flex-wrap: wrap; align-items: center; margin-left: 10px;}
.post-categories .cat-item{line-height: 1;}
.post-categories .cat-item a{--content-a-color: #999999; font-size: 14px;}
.post-categories .cat-item + .cat-item{margin-left: 5px; font-size: 14px;}

.post-company{margin-top: 10px; font-size: 14px;}

.Servicios .post-info{ display: flex; flex-wrap: wrap; gap: 20px; }
.Servicios .post-info i{font-size: 14px;}

/* FOOTER */
/* footer{padding-top: 20px;} */

/* HOME */
#index main > div{padding-top: 0;}

/* SLIDERS */
.sliderbanner {position: relative; display: flex; place-items: center;}
.sliderbanner .banner-content { margin-left: 80px; margin-right: 80px; position: absolute; padding: 30px; background: rgba(0, 0, 0, 0.5); }
.sliderbanner .banner-content .title{color: var(--main-color-1); margin-bottom: 15px;font-size: clamp(20px,2vw,34px);}
.sliderbanner .banner-content .content-text {color: #fff;}
.sliderbanner .banner-content .content-text p{color: #fff; margin-bottom: 0;}
.sliderbanner .banner-content .content-text big{font-weight: normal; font-size: var(--content-p-font-size);}
.sliderbanner figure{margin-bottom: 0; width: 100%;}

/* CTA CONTACTO */
.CTA-list .image{max-width: 60px; margin: auto;}
.cta-icon>div { padding: 15px; background-color: var(--main-color-1); border-radius: 100px; width: fit-content; margin: 0 auto; display: flex; align-items: center; justify-content: center; }

/* CONTACTO */
.contacto-container > .row{justify-content: center;}
textarea{padding-top: 13px;}
form .form-control{ border: unset; border-bottom: var(--form-input-border-size) var(--form-input-border-type) var(--form-input-border-color);  font-weight: 500;}
form .form-control::placeholder{opacity: 1;}
form .form-group{position: relative;}
form .form-group i { color: var(--form-input-color); position: absolute; top: 0; bottom: 0; margin: auto; height: fit-content; left: 25px; }
form .form-group.textarea i { top: 25px; bottom: unset; }

/* COMPARTIR PAGINA */
.share-page {display: flex; align-items: center; gap: 15px; flex-direction: column; border-top: 1px #eee solid; padding-top: 15px;}
.share-page .share-title{}
.share-page .share-item{display: flex;}
.share-page .share-item [class*="share"] { margin: 0 !important; display: flex; width: 40px; aspect-ratio: 1 / 1; align-items: center; justify-content: center; color: #fff; font-size: 16px; text-decoration: none; transition: all 0.3s ease-in-out; }
.share-page .share-item [class*="share"]:hover{ transform: translateY(-5px); }
.share-page .share-item .sharefb{background-color: #3e68c0;}
.share-page .share-item .sharetw{background-color: #3e3e3e;}
.share-page .share-item .sharewa{background-color: #25d366; font-size: 18px;}
.share-page .share-item .sharelkdin{background-color: #0e76a8;}

.shadow-cage > *{ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 1px 6px 2px rgba(0, 0, 0, 0.05); padding: 15px; height: 100%; border-radius: 12px; }

/* MENU */
.navbar-toggler .navbar-toggler-icon::before, .navbar-toggler .navbar-toggler-icon::after{ background-color: #fff !important; }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{border-bottom-color: transparent;}
.navbar-toggler .navbar-toggler-icon{ border-bottom-color: #fff;}

.cbp-af-header.cbp-af-header-shrink .nav-item{margin: 20px;}
.vertical-item{ padding: 15px; }
.vertical-item .bar{ border-left: 2px solid #fff; display: block; height: 100%; }

.buscador-list-item{ margin: 20px !important; }
.buscador-list-item .buscador-form .search-form .buscador-group *{color: #000;}
.search-form .icon-input{padding: 5px 15px;}
.buscador-list-item .buscador-form .search-form .buscador-group .icon-input2{left: -42px !important;}

.menu-wrap{display: flex; flex-direction: row; gap: 20px;}
.lang-list{padding-left: 0; margin-bottom: 0;}

.lang-item{margin: 20px 5px !important;}
.lang-item a{ padding: 0 5px; position: relative;}
.lang-item a::before { content: ""; width: 40%; height: 3px; position: absolute; top: 120%; left: 0; right: 0; margin: 0 auto; transition: all 0.3s ease; z-index: 1100; background-color: transparent; }
.lang-item a:hover{text-decoration: none;}
.lang-item a:hover::before,
.lang-item.active a::before{background-color: var(--main-color-1); width: 100%;}
.nav-item:last-child{margin-right: 0 !important;}

/* FLECHAS CARRUSEL */
.swiper .swiper-button-next { right: 15px; }
.swiper .swiper-button-prev {left: 15px;}
.swiper .swiper-button-next,.swiper .swiper-button-prev { color: #000; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; line-height: 0; filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.1)); border: 1px solid #D6D6D6; border-radius: 50%; font-size: 22px; position: absolute; z-index: 2; opacity: 0; transition: all .3s ease-in-out; margin-top: 0; background-color: #fff; }
.swiper .swiper-button-next::after,.swiper .swiper-button-prev::after { line-height: 1; }
.swiper .swiper-button-next:hover,.swiper .swiper-button-prev:hover { background: #000; color: #fff; border-color: #000; }
.swiper:hover .swiper-button-next,.swiper:hover .swiper-button-prev { opacity: 1; }
.swiper .swiper-button-next.swiper-button-disabled,.swiper .swiper-button-prev.swiper-button-disabled { opacity: 0; }

/* FILTROS */
.filter { margin-top: var(--container-margin-top); margin-bottom: 30px; padding-bottom: 10px; margin-top: 30px;}
.filter p {margin-bottom: 0;}
.filter form .cat-fields {display: flex; justify-content: left; flex-wrap: wrap; align-items: first baseline; flex-direction: column;}
.filter form .cat-fields .form-check { padding: unset; display: flex; align-items: center; }
.filter form .cat-fields .form-check::before{content: "|"; margin-left: 8px; margin-right: 8px;}
.filter form .cat-fields .form-check input { display: none; }
.filter form .cat-fields .form-check label {line-height: normal; transition: all 0.3s ease-in-out; cursor: pointer; border: none; /* text-transform: uppercase; */ width: 100%; font-size: 16px !important; color: #333333;}
.filter form .cat-fields .form-check label:hover { text-decoration: underline;}
.filter form .cat-fields .form-check input:checked + label { font-weight: bold;}
.filter form .cat-fields .form-check[id-cat="122"]{display: none;}
.filter form .cat-fields .filter-buttons{margin-top: 0;}
.filter form .cat-fields .filter-buttons input{line-height: normal; transition: all 0.3s ease-in-out; cursor: pointer; border: none; /* text-transform: uppercase; */ width: 100%; background: transparent; padding: 0;}
.filter form .cat-fields .filter-buttons input:hover{text-decoration: underline;}
.filter form .cat-fields .cat-filter-label .cat-filter-title { padding: unset; display: flex; align-items: center; /* text-transform: uppercase; */}
.filter form .cat-fields .cat-filter-label .cat-filter-title a{pointer-events: none;}
/* .filter form .cat-fields .cat-filter-label .cat-filter-title.show a{font-weight: bold;} */
.filter form .cat-fields .cat-filter-label .cat-filter-title::before{content: "/"; margin-left: 8px; margin-right: 8px;}
.filter form .cat-fields .cat-filter-label .cat-filter-content { position: absolute; display: flex ; left: 15px; right: unset; justify-content: center; height: 0; transition: all 0.3s ease-in-out; overflow: hidden; opacity: 0; bottom: -40px; flex-wrap: wrap;}
.filter form .cat-fields .cat-filter-label .cat-filter-content.show{ height: 50px; overflow: visible; opacity: 1;}
.filter form .cat-fields .cat-filter-label .cat-filter-content .form-check:first-child::before{content: unset;}
.filter form .cat-fields .cat-filter-label .cat-filter-content .form-check-label{font-size: 16px; color: #333333;}
.filter .cat-filter-label{display:none;}
.filter .intfiltre{display:flex;}
.filter .Idioma { display: flex; /* justify-content: flex-end; */ flex-wrap: wrap; align-items: end; flex-direction: column; }
.filter .button-filter{margin:0;padding:0 5px 0 0;border:none;border-radius:0; cursor:pointer; color: #333333; font-size: 16px;}

.filter .button-filter.active{font-weight:bold;}
.filter .button-filter:after{content:"|"; color:#333; font-weight: normal;}
.filter .button-filter:last-child:after{content:"";margin-left: 5px;}
.filter .labelfiltre{ all: unset; margin-right: 10px;font-weight: bold;font-size: 20px; margin-bottom: 10px; color: #333;}
.filter .labelfiltre .text{text-transform: lowercase !important; display: inline;}
.filter .labelfiltre i{transition: all 0.3s ease-in-out;}
.filter .labelfiltre[aria-expanded="true"] i{transform: rotate(90deg);}
.filter .tots{margin:0;padding:0 5px; color: #333333; opacity: 1; font-size: 16px;}
.filter .tots:after{content:"|"; color:#333; font-weight: normal;margin-left: 5px;}
@media (max-width: 991px) {
    .filter .Idioma {justify-content: flex-start;}
  }

.categories-acordion-flex{
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    align-items: first baseline;
}

/* PAGINADOR */
.pagination{ gap: 10px }
.pagination li { width: fit-content; margin: 0; }
.pagination li:first-child .btn{border-radius: var(--button-border-radius);}
.pagination li:last-child .btn{border-radius: var(--button-border-radius);}

/* LISTADO CATEGORIAS SERVICIOS */
.service-item { background-color: #fff; padding: 2rem; border-radius: 8px; text-align: center; box-shadow: 0 2px 15px rgba(0,0,0,0.05); transition: transform 0.3s ease,box-shadow 0.3s ease; padding: 30px; border-radius: 30px; height: calc(100% - 30px); margin-bottom: 30px; position: relative; overflow: hidden; }
.service-item:hover { transform: translateY(-8px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.icon-box { margin-bottom: 1rem; }
.icon-box img { width: 80px; height: auto; }
.service-body { margin-bottom: 20px; }
.service-body h3 { font-size: 1.25rem; margin-bottom: 0.5rem; text-transform: capitalize; }
.service-item .icon-box { background-color: var(--main-color-1); ; height: 80px; width: 80px; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; position: relative; overflow: hidden; z-index: 1; transition: all 1s linear; }
.service-body p { font-size: 0.95rem; color: var(--content-p-color); margin-bottom: 1rem; }
.service-body { text-align: left; }
.service-footer .service-btn { display: flex ; width: 40px; height: 40px; background-color: #000; border-radius: 50%; text-align: center; line-height: 40px; transition: all 0.3s ease-in-out; align-items: center; justify-content: center; }
.service-footer .service-btn img { width: 16px; height: auto;}
.service-footer .service-btn:hover {background-color: var(--main-color-1);}
.service-item label { text-align: left; color: var(--main-color-1); font-weight: 600; font-size: 14px; }
.service-item::before { content: ''; position: absolute; left: 0; right: 0; top: 100%; border-radius: 0px; background-color: #F2EEEF; transition: all 0.4s ease-in-out; height: 100%; z-index: -1; }
.service-item:hover::before { top: 0; }
.service-item:hover .icon-box { background-color: #000; }
.service-item:hover .availability span { background-color: #fff; }
.service-footer { display: flex; flex-direction: column; }


.whatsapp-float { position: fixed; width: 50px; height: 50px; bottom: 15px; right: 15px; background-color: #25d366; color: white; border-radius: 50%; text-align: center; font-size: 30px; box-shadow: 2px 2px 10px rgba(0,0,0,0.3); z-index: 1000; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; text-decoration: none !important; }
.whatsapp-float i { color: #fff !important; }
.whatsapp-float .tooltip-text { visibility: hidden; opacity: 0; width: max-content; max-width: 200px; background-color: #000; color: #fff; text-align: center; padding: 8px 10px; border-radius: 6px; position: absolute; right: 60px; bottom: 50%; transform: translateY(50%); white-space: nowrap; font-size: 14px; transition: opacity 0.3s; }
.whatsapp-float:hover { background-color: #1ebea5; }
.whatsapp-float:hover .tooltip-text { visibility: visible; opacity: 1; }
.grecaptcha-badge { visibility: hidden; }

.nav-item.dropdown a:after{color: var(--header-menu-color) !important;}
.nav-item.dropdown-item{padding: 10px !important;}

.main-navigation .dropdown-menu{margin-top: 12px !important;}
.main-navigation .dropdown-menu .nav-item {padding: 0 !important;}
.main-navigation .dropdown-menu .nav-item .nav-link {padding: 10px 15px !important;}
.main-navigation .dropdown-menu .nav-item:hover .nav-link {background-color: rgba(255,255,255,0.5);}
/* .main-navigation .dropdown-menu .nav-item + .nav-item{margin-top: 10px;} */
.card-header .btn{border-radius: 0 !important;}

.Blog.fitxa .post-date p{color: #999999;}
.Blog.fitxa { --content-p-color: #333; --content-strong-color: #333; }
.btn{font-weight: 600;}
header nav *{font-weight: 600;}

form small{margin-bottom: 10px; display: block;}
form .checkbox-inline{font-size: 14px;}
.swiper.Servicios .swiper-slide{padding: 15px;}

.social-icons .sociallist{margin-bottom: 0; justify-content: end; align-items: end;}

.no-style-list{list-style: none; padding: 0; margin: 0;}

.footer-title{ font-size: var(--content-p-font-size); font-weight: 600; margin-bottom: 15px; }
footer hr{border-color: #fff;}
footer .no-style-list li a,
footer .no-style-list li{font-weight: 600;}
footer .no-style-list li +li{margin-top: 5px;}
.socket,.socket p{font-size: 12px;;}

.ressenya-container{padding: 0 !important;}
#ressenyes-swiper-{ padding: 15px 20px; border-radius: 10px; background: var(--main-color-2); margin-bottom: 15px;  }
#ressenyes-swiper- .swiper-slide .h2{font-size: 14px;}