/* Estilos de la página de categorias de producto */

.contenedorSubcategorias {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 50px;
    justify-content: center;
    padding-bottom: 40px;
    border-bottom: solid rgba(0,0,0,0.2) 2px;
}

.contenedorSubcategorias a {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px 40px;
    text-align: center;
    /* flex: 1 1 calc(33.333% - 20px); */
    box-sizing: border-box;
    text-decoration: none;
}

/* .divSubcategoria img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
} */

.divSubcategoria h2 {
    margin-top: 10px;
    font-size: 17px;
}

.texto-subcategoria{
    margin-top: 80px;
    border-top: solid rgba(0,0,0,0.2) 2px;
    padding-top: 50px;
    margin-bottom: 80px;
}

.archive .products li{
    padding: 20px;
    box-shadow: 0 3px 10px 1px rgba(0, 0, 0,0.1)
}

.archive .products li .product_type_external::after{
    content: '➔'; /* Puedes usar un símbolo de flecha o un código Unicode */
    margin-left: 10px; /* Ajusta el espacio entre el texto y la flecha */
    font-size: 18px; /* Ajusta el tamaño de la flecha */
    display: inline-block;
}

.archive .products img{
    max-height: 300px;
    object-fit: contain;
}

.texto-subcategoria h2{
    
    padding-bottom: 10px;
    border-bottom: 2px solid #DE7921;
    margin-top: 50px;
    margin-bottom: 40px;
    width: fit-content;
}

.texto-subcategoria h3{
    
    padding-bottom: 10px;
    margin-top: 50px;
    width: fit-content;
}


/* Páginas de producto */

.single_add_to_cart_button {
    background-color: #DE7921 !important;
}

.single_add_to_cart_button:hover {
    background-color: #DE7921 !important;
}

.woocommerce p.stars  a::before{
    color: #DE7921;

}

.woocommerce p.stars:hover a::before{
    color: #DE7921;
}

.single-product-category{
    margin-bottom: 40px;
}

.single-product-category a{
    font-weight: 800;
    color: #DE7921;
}

.single-product .wp-post-image{
    width: 400px !important;
    margin: auto;
    margin-top: 15%;
}

.single-product .tabs{
    margin-bottom: 70px !important;
}

.single-product .woocommerce-Tabs-panel h2{
    
    padding-bottom: 10px;
    border-bottom: 2px solid #DE7921;
    margin-top: 50px;
    margin-bottom: 40px;
    width: fit-content;
}

.single-product .woocommerce-Tabs-panel h3{
    
    padding-bottom: 10px;
    margin-top: 50px;
    width: fit-content;
}

.single-product .cart{
    text-align: center;
}

.single-product .cart button{
    width: 70%;
    float: none !important;
    height: 50px !important;
    font-weight: 600;
}

.single-product .cart button::after {
    content: '➔'; /* Puedes usar un símbolo de flecha o un código Unicode */
    margin-left: 10px; /* Ajusta el espacio entre el texto y la flecha */
    font-size: 18px; /* Ajusta el tamaño de la flecha */
    display: inline-block;
}


.single-product .loop-entry img{
    max-height: 300px;
    object-fit: contain;
}




/* Desactivar subcategorias del bloque de produtos */

.woocommerce-page .products .product-category {
    display: none !important;
}

@media (max-width: 1150px) {  

    .archive .products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    
    }

}




@media (max-width: 900px) {  

    .archive .products {
        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

}







@media (max-width: 768px) {  

    .single-product .cart button{
        width: 100%;
        float: none !important;
        height: 50px !important;
        font-weight: 600;
    }

    
}

@media (max-width: 600px) {  
    
    .archive .products {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    
    }

    .contenedorSubcategorias a {
        border-radius: 5px;
        padding: 5px 20px;
    }

    .divSubcategoria h2 {
        margin-top: 10px;
        font-size: 16px;
    }

}