.tabs-horizontales{
    background-color: var(--black);
    color: var(--white);
    padding: 48px 0;
    position: relative;
}
.tabs-horizontales .h2 {
    padding: 0 20px;
}
.tabs-horizontales .tabs-container {
    max-width: var(--acotado-grande);
    margin: 0 auto;
    position: relative;
}

/* Tabs en modo escritorio */
.tabs-horizontales .tabs {
    display: flex; /* Layout horizontal */
    justify-content: flex-start;
}

.tabs-horizontales .tab {
    cursor: pointer;
    transition: background 0.3s;
    padding: 20px;
    border: 1px solid var(--grey);
    background: var(--grey-dark);
    margin-bottom: 24px;
    color: var(--white);
}

.tabs-horizontales .tab.active {
    background: #900;
    border-color: #900;
}

.tabs-horizontales .tab-content-wrapper {
    margin-top: 20px;
    padding: 20px;
    background: #222;
    border: 1px solid #444;
}

.tabs-horizontales .tab-content {
    display: none;
}

.tabs-horizontales .tab-content.active {
    display: block;
}
.tabs-horizontales .btn{
    margin: 40px 0 48px 0;
}
.tabs-horizontales .tab:hover, .tabs-horizontales .tab.active{
    border: 2px solid var(--red);
    background: rgba(255, 0, 0, 0.30);
}
.tabs-horizontales .tab a:hover{
    color: var(--white);
}
.tabs-horizontales .titulo-producto {
    color: var(--black);
    width: fit-content;
}
.tabs-horizontales .contenido-producto {
    background-size: contain;
    background-color: #FDFDFD;
}
@media (min-width: 769px) {
    .tabs-horizontales {
        min-height: 1127px;
    }
    .tabs-horizontales .tab-content.active {
        display: block;
        position: absolute;
        top: 132px;
        width: 100%;
        background-color: var(--black);
        left: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    .tabs-horizontales .contenido-producto:after {
        background-color: transparent;
    }
    .tabs-horizontales .tab-content.active {
        max-width: var(--acotado-grande);
    }
    .tabs-horizontales .tabs {
        max-width: var(--acotado-grande);
        margin-top: 40px;
    }
    .tabs-horizontales .tabs:first-child {
        padding-left: 20px;
    }
    .tabs-horizontales .tab{
        margin-right: 24px;
    }
    .tabs-horizontales .h2 {
        padding: 48px 20px 0 20px;
        max-width: var(--acotado-grande);
        margin: 0 auto;
    }
    .tabs-horizontales .grid-productos-grid {
        column-gap: 20px;
        row-gap: 60px;
    }
}
/* Acordeón en móvil */
@media (max-width: 768px) {
    .tabs-horizontales .tabs {
        flex-direction: column; /* Layout vertical */
    }

    .tabs-horizontales .tab-content-wrapper {
        margin-top: 0;
        padding: 0;
        border: none;
    }

    .tabs-horizontales .tab-content {
        display: none; /* Ocultar contenido por defecto */
    }

    .tabs-horizontales .tab.active + .tab-content {
        display: block; /* Mostrar contenido de la tab activa */
    }
    .tabs-horizontales .h2 {
        padding: 48px 20px 40px 20px;
    }
    .tabs-horizontales .tabs{
        margin: 0 20px 24px 20px;
    }
    .tabs-horizontales .btn {
        margin: 40px 0 48px 20px;
    }
    .tabs-horizontales .contenido-producto {
        background-size: cover;
    }

}