.accordeon-blocks_dlc {
    padding-block: 80px
}

.accordeon-blocks_dlc .inner-container > h2,
.accordeon-blocks_dlc .inner-container > h2 + p{
    max-width: 580px;
    margin: 0 auto;
    text-align: center;
}
 
.accordeon-blocks_dlc .inner-container > h2{
    margin-bottom: 22px;
}

.accordeon-blocks_dlc .inner-container > h2 + p{
    margin-bottom: 40px;
}

.accordeon-blocks_dlc .inner-container > h2 + .accordion{
    margin-top: 40px;
}

.accordeon-blocks_dlc .accordion-header button > div{
    display: flex;
    align-items: center;
    gap: 10px;
}

.accordeon-blocks_dlc .accordion-header button > div img{
    width: 40px;
    height: 40px;
    /*border-radius: 100%;*/
}

.accordeon-blocks_dlc .accordion-header button > div h3{
    font-size: 25px;
    font-weight: 700;
    margin: 0;
}

.accordeon-blocks_dlc .accordion-button:not(.collapsed) {
    color: black;
    background-color: transparent !important;
    /*box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 #000000;*/
    box-shadow: none;
}

.accordeon-blocks_dlc .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordeon-blocks_dlc .accordion-button{
    padding: 10px 16px;
    /*border-bottom: 1px solid black;*/
}

.accordeon-blocks_dlc .accordion-item{
    border-left: none;
    border-right: none;
    border-color: black;
    border-radius: 0 !important;
    background-color: transparent !important;
}

.accordeon-blocks_dlc .accordion-item:not(:first-of-type) {
    border-top: 0;
    /*border-bottom: 1px solid;*/
}

.accordeon-blocks_dlc .accordion-button:not(.collapsed)::after,
.accordeon-blocks_dlc .accordion-button::after{
    background-image: url("/wp-content/uploads/2025/11/More.svg") !important;
}

.accordeon-blocks_dlc .accordion-button[aria-expanded="true"]{
    /*border-bottom: 1px solid black;*/
}

.accordeon-blocks_dlc .accordion-body{
    padding-bottom: 40px;
}

.accordeon-blocks_dlc .accordeon-blocks_dlc .accordion-header .collapsed > div h3 {
    color: gray;
}

.accordeon-blocks_dlc .accordion-body .row > div[class*="col-"]:first-child{
    padding-right: 200px;
    display: flex;
    gap: 24px;
    flex-direction: column;
}

.accordeon-blocks_dlc .accordion-body .row > div[class*="col-md-3"]:first-child{
    padding-right: 32px;
}

.accordeon-blocks_dlc .accordion-body .row > div[class*="col-md-3"]:first-child img{
    border-radius: 10px;
}

.accordeon-blocks_dlc .accordion-body .row > div[class*="col-"]:first-child p{
    font-size: var(--fs-18);
}

.accordeon-blocks_dlc .accordion-body .row > div[class*="col-"]:first-child a{
    width: fit-content;
}

.accordeon-blocks_dlc .accordion-body .swiper img{
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 10px;
    height: 100%;
    width: 100%;
}

.accordeon-blocks_dlc .swiper-wrapper {
    margin-bottom: 20px;
}

.accordeon-blocks_dlc .items .item{
    padding: 15px 0;
    /*border-top: 1px solid #aaa;*/
}

.accordeon-blocks_dlc .items .item:last-child{
    /*border-bottom: 1px solid #aaa;*/
}

.accordeon-blocks_dlc .items .item h4{
    font-size: 20px;
    font-weight: 700;
    color: var(--primary-color);
}

.accordeon-blocks_dlc .items .item p{
    font-size: var(--fs-16);
    margin-bottom: 0;
}

.accordeon-blocks_dlc .items .item {
  display: flex;
  align-items: center;  /* Centra verticalmente */
  gap: 8px;             /* Espacio entre h4 y p */
  flex-wrap: nowrap;    /* Evita que los elementos se vayan a otra línea */
}

.accordeon-blocks_dlc .items .item h4 {
  margin: 0;
  flex-shrink: 0;       /* Evita que el número se encoja */
}

.accordeon-blocks_dlc .items .item p {
  margin: 0;
  white-space: nowrap;  /* Evita salto de línea */
  overflow: hidden;     /* Oculta exceso si no cabe */
  text-overflow: ellipsis; /* Muestra "..." si es demasiado largo */
}


.accordeon-blocks_dlc .grid-team{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.accordeon-blocks_dlc .grid-team img{
    border-radius: 10px;
    aspect-ratio: 1/1;
    margin-bottom: 12px;
}

.accordeon-blocks_dlc .grid-team article{
    text-align: center;
}

.accordeon-blocks_dlc .grid-team article h3{
    font-size: var(--fs-18);
    font-weight: 700;
    margin-bottom: 5px;
}

.accordeon-blocks_dlc .enlace-acc h4{
    font-size: var(--fs-18);
    font-weight: 700;
    margin: 0;
    color: var(--primary-color);
    background-color: #d9d9d9;
    padding: 10px;
}

.accordeon-blocks_dlc .enlace-acc a{
    padding: 10px 16px;
    font-size: var(--fs-16);
    color: var(--primary-color);
    display: flex;
    text-decoration: none;
    gap: 10px;
}

.accordeon-blocks_dlc .enlace-acc button{
    padding: 10px 16px !important;
    font-size: var(--fs-16);
    color: var(--primary-color) !important;
    display: flex;
    text-decoration: none;
    gap: 10px;
    background-color: transparent !important;
    border-radius: 0 !important;
}

.accordeon-blocks_dlc .accordion-body.version-acc_v4{
    padding: 0;
}

.accordeon-blocks_dlc .modal-archive .modal-header{
    border-bottom: none;
}

.accordion-body.version-acc_v5,
.accordion-body.version-acc_v4 {
    background: white;
    border-radius: 20px !important;
    margin: 15px 0;
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x) !important;
}

.accordion-body.version-acc_v5 h4,
.accordeon-blocks_dlc .enlace-acc h4{
    background: var(--primary-color);
    color: white;
    border-radius: 5px;
    margin-bottom: 10px;
}

.accordeon-blocks_dlc .accordion-header {
    margin-bottom: 0;
    background: white;
    border: none;
    border-radius: 10px;
    /*border: 1px solid var(--primary-color);*/
}

.accordeon-blocks_dlc .accordion-header button > div h3{
    color: var(--primary-color);
}

.accordeon-blocks_dlc .accordion-item{
    border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    border-top: none !important;
}

.accordeon-blocks_dlc .accordion-item + .accordion-item, .accordion-item:first-of-type {
    margin-top: 20px;
    /*padding-bottom: 20px;*/
}
/*
.accordeon-blocks_dlc .accordion-button[aria-expanded="true"] {
    border-bottom: none;
}
*/
.accordeon-blocks_dlc .accordion-button:not(.collapsed)::after,
.accordeon-blocks_dlc .accordion-button::after {
    background-image: url("/wp-content/uploads/2025/11/More.svg") !important;
    background-size: 30px;
    width: 30px;
    height: 30px;
}
.accordeon-blocks_dlc .accordion-button[aria-expanded="true"]::after {
    background-image: url("/wp-content/uploads/2025/11/Minus-Circle.png") !important;
    background-size: 30px;
    width: 30px;
    height: 30px;
}

@media screen and (max-width: 768px){

    .accordeon-blocks_dlc {
        padding-block: 40px
    }

    .accordeon-blocks_dlc .grid-team {
        display: block;
    }

    .accordeon-blocks_dlc .accordion-header button > div h3{
        font-size: 20px;
    }

    .accordeon-blocks_dlc .accordion-body .row > div[class*="col-md-3"]:first-child img{
        max-width: 140px;
        margin-bottom: 32px;
    }

    .accordeon-blocks_dlc .accordion-body .row > div[class*="col-"]:first-child{
        padding-right: 15px;
    }

    .accordeon-blocks_dlc .accordion-body.version-acc_v1 > .row{
        flex-direction: column-reverse;
        gap: 35px;
    }

    .accordeon-blocks_dlc .accordion-body.version-acc_v1 > .row a{
        width: 100% !important;
    }
}

/* Estilo cuando el accordion está abierto */
.accordeon-blocks_dlc .accordion-button:not(.collapsed) img, .accordeon-blocks_dlc .accordion-button[aria-expanded="true"] img {
    filter: brightness(0) saturate(100%) invert(34%) sepia(76%) saturate(2304%) hue-rotate(202deg) brightness(94%) contrast(101%);
}

.accordeon-blocks_dlc .accordion-button:not(.collapsed) h3 {
    color: #005BEA;
}

/* Estilo cuando está cerrado */
.accordeon-blocks_dlc .accordion-button.collapsed img, .accordeon-blocks_dlc .accordion-button[aria-expanded="false"] img {
    filter: none;
}

.accordeon-blocks_dlc .accordion-button.collapsed h3, .accordeon-blocks_dlc .accordion-button[aria-expanded="false"] h3 {
    color: gray;
}



.accordeon-blocks_dlc .swiper .swiper-button-prev, .accordeon-blocks_dlc .swiper .swiper-rtl .swiper-button-next, .accordeon-blocks_dlc .swiper .swiper-button-next, .accordeon-blocks_dlc .swiper .swiper-rtl .swiper-button-prev {
    background: var(--primary-color);
    width: 50px;
    height: 50px;
    border-radius: 50px;
}

.accordeon-blocks_dlc .swiper .swiper-button-prev:after, .accordeon-blocks_dlc .swiper .swiper-rtl .swiper-button-next:after, .accordeon-blocks_dlc .swiper .swiper-button-next:after, .accordeon-blocks_dlc .swiper .swiper-rtl .swiper-button-prev:after {
    content: '';
}

.accordeon-blocks_dlc .swiper .bi-arrow-left::before, .accordeon-blocks_dlc .swiper .bi-arrow-right::before{
    color: white;
}