.mio-product-tabs-container,
.mio-accordeon-container {
  margin-top: 3rem;
}


.mio-product-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.mio-product-tab {
  cursor: pointer;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  border: 1px solid #dddddd;
}

.mio-product-tab:hover {
  border-color: #000000;
}

.mio-product-tab.tabactive {
  background-color: var(--wp--preset--color--secundario);
  color: #FFFFFF;
  border: none;
  font-weight: bold;
}

.mio-product-tab-content {
    min-height: max-content;
}



@media (width < 468px) {

    .mio-product-tabs-container {
        overflow: hidden;
    }

    .mio-product-tabs {
        flex-wrap: nowrap;
        overflow: scroll;
        white-space: nowrap;
        scroll-snap-type: x mandatory;
    }

    .mio-product-tab {
        scroll-snap-align: start;
    }
}


/* acordeón */

.mio-accordeon-item {
    border-bottom: 1px solid #999;
    width: 100%;
    position: relative;
}

.mio-accordeon-item h3{
  cursor: pointer;
  margin-block-start: 1rem;
  margin-block-end: 1rem;
}

.mio-accordeon-item p{
  margin-block-start: 1rem !important;
  margin-block-end: 1rem !important;
}
  
.mio-accordeon-item h3::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 0;
    top: 0;
}

.mio-accordeon-item h3.active::after  {
    transform: rotate(180deg); 
    
}