
/* =======================================================================================================================
** Pagina del buscador
*/
.buscador{
    margin-bottom: 2em;
}
.pagina_busqueda h1{
    margin-bottom: 1em;
}
.content_none{
    display: flex;
    padding-bottom: 2em;
    margin-bottom: 1em;
}
/* =======================================================================================================================
** body
*/
body{
    margin: 0 !important;
}
#page{
    position: relative;
}
.titulo_banner_header .entry-title{
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.entry-content h2{
    text-align: center;
}
#links_home{
    display: flex;
    justify-content: space-between;
    padding: 2% 10%;
}
.link_img_container {
    overflow: hidden;
    border-radius: 5px;
    height: 20vh;
    width: 100%;
    position: relative;
}

.link_img_container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.home_principal h1{
    text-align: center;
    margin-top: 1.5em;
}
.aritos3d_home{
    margin-top: 5%;
}
/* =======================================================================================================================
** Resultados de Búsqueda
*/
.pagina_busqueda{
    padding: 5% 10%;
}
.listado_busqueda_produtos{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.listado_busqueda_produtos h3{
    margin-top: 0.5em;
    min-height: 2em;
    max-width: 90%;
    font-weight: bold;
}
.listado_busqueda_produtos h3,
.listado_busqueda_produtos p,
.listado_busqueda_produtos button{
    margin-left: 8px;
}
.categoria_container{
    margin: 2% 10%;
}
.categoria_container h1{
    margin-bottom: 1em;
}
/* =======================================================================================================================
** Single Product - Página para Producto
*/
.single-product .content-area{
    padding: 5% 10%;
}
.titulo_producto .entry-title{
    position: inherit;
}
.single_product{
    margin: 0 10%;
    padding: 3%;
    border-radius: 15px;
}
.entry-summary .contenido_por_defecto .sku_wrapper{
    display: none !important;
}
.single_product .product-sku{
    margin-bottom: 0 !important;
}
.single_product .posted_in a{
    text-decoration: none !important;
}
.single_product .variations select{
    padding: 1% 5% !important;
}

/* =======================================================================================================================
** Check Out
*/
.checkout_custom{
    padding: 1% 10%;
}
.checkout_custom .wc-block-components-button{
    border-radius: 5px !important;
    transition: all 0.5s !important;
    text-decoration: none !important;
}
.checkout_custom .wc-block-components-button:hover{
    transition: all 0.5s !important;
}
/* =======================================================================================================================
** Links del Home Principal
*/
.link_content{
    text-align: start;
}
.link_content h2{
    text-align: start;
    margin-top: 0.3em;
    font-weight: bold;
}
.link_content a{
    border-radius: 20px;
    padding: 0.5em 2em;
    font-weight: bold;
    transition: all 0.5s;
    text-decoration: none;
}
.link_content a:hover{
    transition: all 0.5s;
}

/* =======================================================================================================================
** Categorías
*/

.categorías{
    text-align: center;
    padding: 1% 5%;
}
.categorias-producto{
    margin-top: 2%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 10px;
}
.categoria-item{
    position: relative;
}
.categoria_nombre_container{
    position: absolute;
    bottom: 10%;
    left: 10%;
    width: 80%;
    padding-top: 5%
}
.categoria_nombre{
    font-size: 90%;
    text-transform: uppercase;
}
.categoria_cantidad{
    font-size: 90%;
}

/* =======================================================================================================================
** Últimos productos
*/
.ultimos_productos{
    padding: 1% 5%;
    margin-top: 5%;
}
.ultimos_productos h2{
    text-transform: uppercase;
    margin-bottom: 1em;
}
.productos-recientes{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.productos-recientes .producto-item{
    margin: 0 1em;
    position: relative;
    overflow: hidden;
}
.ultimos_productos .producto-item{
    position: relative;
    overflow: hidden;
}
.producto-item a{
    text-decoration: none;
}
.ultimos_productos .producto-item h3{
    margin-top: 0.5em;
    max-width: 90%;
    min-height: 2.5em;
    display: flex;
    align-items: center;
    font-size: 150%;
}
.contenedor_imagen_producto{
    max-height: 365px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contenedor_imagen_producto img{
    width: 100%;
}
.categorias_producto{
    text-transform: uppercase;
    margin-bottom: 0 !important;
}
.precio{
    font-weight: bold;
}

.producto-item .producto-link {
    display: block;
    position: relative;
    text-align: start;
    width: 100%;
}
.listado_busqueda_produtos .oferta-aviso,
.producto-item .oferta-aviso {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 5px 9px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 15px;
    z-index: 1;
}

.producto-item .bolsa-icono {
    display: none; /* Ocultar el icono por defecto */
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
    transition: all 1s !important;
}
.ver_producto{
    border-radius: 20px;
    padding: 0.5em 2em;
    font-weight: bold;
    transition: all 0.5s;
    margin-bottom: 4em;
}
.ver_producto:hover{
    transition: all 0.5s;
}
/* =======================================================================================================================
** Página de Categoria & Categorias de Productos
*/
.categorias_productos{
    padding: 1% 10%;
    margin-top: 2%;
}
.categorias_productos .woocommerce-ordering select{
    padding: 1% 5%;
}
.categorias_productos .buscador_menu{
    margin-bottom: 3%;
}
.add_to_cart_button{
    border-radius: 10px !important;
    transition: all 0.5s !important;
}
.add_to_cart_button:hover{
    transition: all 0.5s !important;
}
/* =======================================================================================================================
** Página principal para el Landing Principal de 3D Market
*/
.landing_principal h1{
    text-align: center;
    font-weight: bolder;
}
.landing_principal h1 span{
    color: var(--morado_3dmarket);
    font-family: "Exo 2", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: bold;
}
.links_principales{
    display: flex;
    gap: 10px;
    padding: 0 8%;
    padding-top: 2%;
    margin-bottom: 5%;
}
.elemento_landing_page{
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: relative;
    text-decoration: none;
    overflow: hidden;
}
.fondo_link{
    transition: all 0.5s;
}
.elemento_landing_page:hover .fondo_link{
    scale: 1.2;
    transition: all 0.5s;
}
.elemento_landing_page img{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Hace que la imagen rellene el contenedor sin deformarse */
    object-position: center; /* Centra la imagen dentro del contenedor */
}
.landing_page_texto{
    background-color: var(--negro_transparente);
    color: white;
    padding: 5%;
    z-index: 2;
}
.landing_page_texto h3{
    font-family: "Exo 2", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: bold;
}
#pedido_especial .pedido_especial{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
#pedido_especial .pedido_especial img{
    width: 160px;
}
#pedido_especial .pedido_especial h4{
    margin-bottom: 1em;
}
#pedido_especial i{
    margin-right: 1em;
}
.landing_principal .ultimos_productos{
    padding-top: 5%;
    margin-bottom: 5%;
}
.landing_page{
    margin-bottom: 0 !important;
}
.landing_principal h2{
    font-weight: bolder;
}
/* =======================================================================================================================
** Sobre Nosotros
*/
.sobre_nosotros{
    padding:  5% 10%;
}
.sobre_nosotros h2{
    text-align: start !important;
}
.sobre_nosotros img{
    width: 50%;
    display: flex;
    padding: 0 8%;
}
.sobre_nosotros figure{
    display: flex;
    justify-content: center;
}
.wp-block-media-text{
    margin-bottom: 10vh;
}

/* =======================================================================================================================
** Footer
*/
.footer_top{
    display: flex;
    justify-content: center;
    margin-bottom: 5%;
}
.footer_top h2{
    margin-bottom: 1em;
}
.footer_custom{
    padding: 5% 10%;
    display: flex;
    flex-direction: column;
}
.footer_contenido{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.footer_titulo{
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 1em;
}
.footer_titulo img{
    width: 3em;
    margin-right: 0.3em;
    border-radius: 100%;
}
.footer_titulo h3{
    margin-bottom: 0;
}
.footer_custom .custom-logo-link img{
    width: 120px;
}
.footer_icons_content{
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer_icons_content li{
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 0.7em;
    font-weight: bold;
}
.footer_icons_content img{
    width: 1.5em;
    margin-right: 1em;
}
.footer_contenedor h5{
    margin-bottom: 0.8em;
}
.menu_footer ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.menu_footer ul ul{
    display: none;
}
.menu_footer a{
    text-decoration: none;
}
.footer-default .menu_footer a,
.footer-3dmarket .menu_footer a{
    transition: all 0.5s;
}
.footer-default .menu_footer a:hover,
.footer-3dmarket .menu_footer a:hover{
    transition: all 0.5s;
}
.footer_bottom{
    display: flex;
    justify-content: center;
    padding: 0.5em;
}
.woocommerce-orders-table__cell-order-actions a{
    margin-left: 0.8em;
}
.menu_footer_contenedor{
    display: none;
}
/*
 * Media para ESCRITORIO
 */
@media screen and (min-width: 1024px){
    .elemento_movil{
        display: none;
    }
    .menu_nav ul li a {
        display: block;
        padding: 10px 12px;
        text-decoration: none;
    }
    .banner_content{
        top: 50%;
        left: 10%;
        width: 50%;
    }
    .link_container{
        width: 45%;
    }
    .footer_contenedor{
        width: 23%;
    }
    .listado_busqueda_produtos .search-result-item{
        width: 24%;
    }
    .ultimos_productos .producto-item{
        width: 20%;
        margin: 0 1em;
    }
    .ultimos_productos .producto-item h3{
        min-height: 3.5em;
        max-height: 3.5em;
        overflow: hidden;
        display: flex;
        align-items: start;
    }
    .bloque_empresas:nth-child(even){
        flex-direction: row-reverse;
    }
    .bloque_empresas div img{
        height: 100%;
    }
    .imagen_empresa{
        margin-right: 2%;
    }
    .bloque_empresas:nth-child(even) .imagen_empresa{
        margin-right: 0;
        margin-left: 2%;
    }
    .texto_empresas{
        margin-left: 2%;
    }
    .bloque_empresas:nth-child(even) .texto_empresas{
        margin-right: 2%;
        margin-left: 0;
    }
    .bloque_catalogo{
        width: 28%;
    }
    .woocommerce-account-navigation{
        width: 25% !important;
    }
    .woocommerce-account-content{
        width: 75%;
        padding-left: 2em;
    }
    .woocommerce-MyAccount-navigation ul{
        margin-right: 2em;
    }
    .categorías_aritos3d .categoria-item{
        width: 16%;
    }
    .categoria-item{
        width: 20%;
    }
    .categorías_aritos3d .slider-btn{
        display: none !important;
    }
    .elemento_landing_page{
        width: 50%;
        height: 80vh;
    }
    .landing_principal h1{
        font-size: 350%;
    }
    .landing_principal{
        padding-top: 3%;
    }
    #pedido_especial{
        padding-top: 5%;
    }
    .landing_principal .tiendas-merch_home{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1% 10% 5%;
        margin-top: 2%;
    }
    .landing_principal #tiendas-merch{
        background-color: var(--bg_blanco_principal);
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding-top: 5%;
    }
    .landing_principal .categorias-contenido-texto{
        padding: 5%;
        text-align: justify;
        background-color: white;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
        border-radius: 5px;
        z-index: 2;
        margin-right: -2%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .landing_principal .categorias-contenido-img{
        width: 50%;
        margin-left: -2%;
    }
}
/*
 * Media para MÓVILES 
 */
@media screen and (max-width: 1023px){
    .elemento_escritorio{
        display: none !important;
    }
    .contactanos_nav{
        display: none !important;
    }
    .menu_nav ul li a {
        display: block;
        padding: 6px 4px;
        text-decoration: none;
        font-size: 80%;
    }
    .banner_content{
        top: 30%;
        left: 10%;
        width: 80%;
    }
    #links_home{
        flex-direction: column;
    }
    .link_container{
        width: 100%;
        margin-bottom: 10%;
    }
    .banner_content h1,
    .banner_content h4{
        font-size: 90% !important;
    }
    .categoria-item{
        margin-top: 1em;
    }
    .productos-recientes{
        justify-content: space-between;
    }
    .ultimos_productos .producto-item{
        width: 45%;
        margin: 0 2%;
    }
    .ultimos_productos .producto-item h3{
        min-height: 3.5em;
        max-height: 3.5em;
        overflow: hidden;
        display: flex;
        align-items: start;
    }
    .ultimos_productos .producto-item .categorias_producto{
        display: none;
    }
    .ultimos_productos .producto-item .ver_producto{
        font-size: 80%;
    }
    .content_none{
        margin-top: 5vh;
    }
    .sobre_nosotros{
        margin-top: 30vh;
    }
    .footer_contenedor{
        margin-bottom: 2em;
    }
    .footer_contenedor_buscador .custom-search-form,
    .footer_contenedor_buscador,
    .footer_contenedor_wsp{
        width: 100% !important;
    }
    .footer_contenedor_wsp{
        text-align: center;
    }
    .listado_busqueda_produtos .search-result-item{
        width: 100%;
    }
    .content_none{
        flex-direction: column;
    }
    .bloque_empresas{
        flex-direction: column;
    }
    .bloque_catalogo{
        width: 90%;
    }
    .contenido_empresas_catalogo{
        flex-direction: column;
    }
    .account_container{
        flex-direction: column;
    }
    .woocommerce-account-navigation{
        width: 100% !important;
    }
    .woocommerce-account-content{
        width: 100%;
        margin-top: 2em;
    }
    .final_contenedor_wsp{
        padding: 15% 10%;
        text-align: center;
    }
    .links_principales{
        flex-direction: column;
    }
    .elemento_escitorio{
        display: none !important;
    }
    .elemento_landing_page{
        height: 50vh;
    }
    .landing_principal h1{
        font-size: 250%;
        display: flex;
        flex-direction: column;
    }
    .landing_principal{
        padding-top: 15%;
    }
    #pedido_especial{
        padding: 15% 10%;
    }
    .landing_principal .categorias_producto{
        display: none;
    }
    .landing_principal .producto-item h3{
        min-height: 3.5em;
        display: flex;
        align-items: start;
        max-height: 3.5em;
        overflow: hidden;
    }
    .landing_principal .producto-item .ver_producto{
        font-size: 80%;
    }
    .landing_principal #tiendas-merch{
        padding: 10%;
        text-align: center;
    }
    .landing_principal #tiendas-merch h4{
        margin-bottom: 15%;
    }
    .landing_principal #tiendas-merch img{
        margin-bottom: 15%;
    }
    .not-found .ultimos_productos{
        margin: 0 !important;
        padding: 0 !important;
    }
}
