@charset "utf-8";

li {
    margin: 0 0 1em 0;
    padding: 0;
}
h2[class^="block-title"]{font-family: 'OpenSans SemiBold', sans-serif;font-size: 44px!important;font-weight: bold;}
h2[class^="block-title"]:after {background: #ffc200;}
h2[class^="block-title"] > span{ display: inline-block;position: relative;color: #000;z-index: 9;}
h2[class^="block-title"] {background: none;position: relative;margin: 0 0 15px;padding: 0 0 15px;text-transform: capitalize;}
h2[class^="block-title"]:after{ content: '';position: absolute;width: 60px;height: 2px;left: 0;bottom: 0;z-index: 1;}

.img-detalle{animation: up-down 0s ease-in-out infinite alternate-reverse both;}

.image-container:first-child img{ border-top-left-radius:21px; border-bottom-left-radius: 21px;}
.image-container:last-child img{ border-top-right-radius:21px; border-bottom-right-radius: 21px;}
.gallery {
    display: flex;
    width: 80%;
    max-width: 800px;
    height: 400px;

    position: relative; /* Para los efectos de `.detalle` */
}

/* Estilos de expansión en la galería */
.gallery .image-container {
    flex: 1;
    width: 25%;
    height: 100%;
    transition: all 0.5s ease-in-out;
    position: relative;
}

.gallery .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Expansión de la imagen al pasar el cursor */
.gallery .image-container:hover {
    flex: 4;
}

/*  Estilo "detalle" aplicado SOLO a la galería */
.gallery.detalle:before {
    content: "";
    position: absolute;
    border-radius: 21px;
    inset: 0;
    background: #375542;
    transform: rotate(356deg);
}

.gallery.detalle:after {
    content: "";
    position: absolute;
    border-radius: 21px;
    inset: 0;
    background: rgba(156, 131, 17, 0.39);
    transform: rotate(6deg);
}

/* Efecto en las imágenes */
.gallery .img-detalle {
    z-index: 3;
    position: relative;
    border-radius: 0px;
}

/*Accordion*/
.icn-counter img, .icn-section1 img[class^="ico"] {
    height: 100px !important;
    width: 100px;
}
button.accordion-button {min-height: 93px;}
.accordion-item{border-width: 0px!important;line-height: normal;}
.accordion-button:focus {box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 0%);}
/*.accordion-button:not(.collapsed) {color: #1f587b;background: linear-gradient(150deg, #00896e30 0%, #9ac31c00 100%);;}*/
.accordion-button.collapsed:after {background-image: url("/sites/default/files/images/arrow-normal.svg");}
.accordion-button:not(.collapsed)::after {background-image: url("/sites/default/files/images/arrow-up.svg");}
/*.accordion-body{background-color: #f1f1f1;}*/
.accordion-button:not(.collapsed) {color: #fff;background-color: #375542;line-height: 25px;}
.accordion-button,.accordion-button:focus{background: #375542;color:#FFF;line-height: 25px;font-size:1.2rem;}
.accordion-body li{color:#FFF;}
button.accordion-button[aria-expanded="true"]{border-top-right-radius: 18px!important;border-top-left-radius: 18px!important;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
button.accordion-button[aria-expanded="false"]{border-radius: 18px!important;}
.accordion-collapse.collapse.show .accordion-body{border-bottom-right-radius: 18px;border-bottom-left-radius: 18px;background: #375542d4;}
/*Box*/
.bg-box{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;    padding: 20px;
    border-radius: 5%;
    min-height: 200px;}
.bg-box.c1{background: #3755423d;}
.bg-box.c2{background: #9c83111f;}
.bg-box.c3{background: #3755423d;}
.bg-box.c4{background: #9c83111f;}
.bg-box.c5{background: #3755423d;}
.bg-box.c6{background: #9c83111f;}
.bg-box.c7{background: #3755423d;}

@media (min-width: 576px){
.r-sm{width: 100%} 
}
@media (max-width: 768px){
	/*Ajuste de la imagen */
.part-img img{border-right: none;border-bottom: 1px solid #00896E;margin-bottom: 25px;}
}
@media (max-width: 426px){
.row-x15{margin-left: 15px;margin-right: 15px;}
hr.res{min-width: 80%!important;}
.partners .item-list li {margin: 0 0 0 0;}

}
@media (max-width: 768px) {
    .gallery { width: 100%; height: 273px;
    }
}
@media (min-width: 960px){
.r-lg{width: 60%;}
}
@media (min-width: 1119px){
.r-xl{width: 40%;}
}
@media (min-width: 1200px){
.r-xl{width: 36%;}
}