/* Responsive. */

@import url("root.css");

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");
@import url("roottmp.css");

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}
html
{
	font-size: 62.5%;
}

/* Responsive. */
@media screen and (max-width: 980px)
{
    #logo
    {
        top: 1rem;
        width: 21rem;
    }
    #zona2c
    {
        margin-top: 1.25rem;
    }
    #responsive-header
    {
        background-color: var(--menu_horizontal_fondo);
    }
    .menuprodhor-li2
    {
        margin-left: .5rem;
    }
    .menuprodhor-li3
    {
        margin-left: 1rem;
    }
    .button-a, .button-a:active, .button-a:link, .button-a:visited
    {
        background-color: var(--boton_principal_fondo);
        color: var(--boton_principal_texto);
        border: 1px solid var(--boton_principal_borde);
    }
    .button-b, .button-b:active, .button-b:link, .button-b:visited
    {
        background-color: var(--boton_secundario_fondo);
        color: var(--boton_secundario_texto);
        border: 1px solid var(--boton_secundario_borde);
    }
    .button-c, .button-c:active, .button-c:link, .button-c:visited
    {
        background-color: var(--boton_terciario_fondo);
        color: var(--boton_terciario_texto);
        border: 1px solid var(--boton_terciario_borde);
    }
    .button-d, .button-d:active, .button-d:link, .button-d:visited
    {
        background-color: var(--boton_cuarto_fondo);
        color: var(--boton_cuarto_texto);
        border: 1px solid var(--boton_cuarto_borde);
    }
    #zona2e #ver-carrito span
    {
        background-color: var(--contador_carrito_fondo);
        color: var(--contador_carrito_texto);
        border: 1px solid var(--contador_carrito_borde);
    }
    #prfo-buscador
    {
        border-color: var(--input_buscador_borde);
        -webkit-border-radius: .5rem;
        border-radius: .5rem;;
    }
    input.input-buscador
    {
        background-color: var(--input_buscador_fondo);
        color: var(--input_buscador_texto);
        border-radius: .5rem 0 0 .5rem;
        -webkit-border-radius: .5rem 0 0 .5rem;
    }
    input.input-buscador::placeholder
    {
        color: var(--input_buscador_texto); 
    }
    #submit-buscador
    {
        background-color: var(--boton_buscador_fondo);
        border: 1px solid var(--boton_buscador_borde);
        border-radius: .5rem 0 0 .5rem;
        -webkit-border-radius: 0 .5rem .5rem 0;
        font-size: 1.25rem;
    }
    #submit-buscador::before
    {
        color: var(--boton_buscador_texto);
        font-size: 2.5rem;
    }
    ul.buscador-resultados
    {
        background-color: var(--resultados_buscador_fondo);
        border-color: var(--resultados_buscador_borde);
        border-radius: .5rem;
        -webkit-border-radius: .5rem;
    }
    ul.buscador-resultados li > a, ul.buscador-resultados li > span
    {
        color: var(--resultados_buscador_texto);
        text-decoration: none;
        font-size: 1.25rem;
    }
    #zona2e
    {
        margin-top: 1.25rem;
    }
    .bx-wrapper .bx-prev:before, .bx-wrapper .bx-next:before, .slides-container .left, .slides-container .right
    {
        color: var(--control_banner_texto) !important;
        background-color: var(--control_banner_fondo) !important;
    }
    h1
    {
        color: var(--h1_texto);
        font-size: 2.25rem;
    }
    h2
    {
        color: var(--h2_texto);
        font-size: 1.75rem;
    }
    h3
    {
        color: var(--h3_texto);
        font-size: 1.4rem;
    }
    #zona_links a
    {
        color: var(--titulo_enlaces_categorias_texto);
        text-decoration: none
    }
    #zona_links a span .btn
    {
        color: var(--boton_enlaces_categorias_texto);
        box-shadow: none;
        border: 2px solid var(--boton_enlaces_categorias_borde);
        font-size: 1rem;
    }
    #zona_links a:after
    {
        box-shadow: 0 0 0 4px var(--marco_enlaces_categorias_borde) inset;
    }
    .celda-listado-productos .imagen-producto
    {
        border: 1px solid var(--celda_producto_borde);
    }
    .producto
    {
        color: var(--nombre_celda_producto_texto);
        text-decoration: none;
        font-size: 1.35rem;
    }
    .precio-producto
    {
        font-size: 1.3rem;
        color: var(--precio_celda_producto_texto);
        font-weight: 500;
    }
    .mensajeNoDisponible
    {
        font-size: 1.25rem;
        top: 27.5rem;
        color: var(--no_disponible_celda_producto_texto);
    }
    .mensajeNoDisponible span
    {
        vertical-align: -.1rem;
    }
    span.label.descuento
    {
        background-color: var(--descuento_celda_producto_fondo);
        color: var(--descuento_celda_producto_texto);
        border: 1px solid var(--descuento_celda_producto_borde);
        border-radius: .25rem;
        padding: .5rem;
        margin: 0;
        top: .75rem;
        left: .5rem;
        font-weight: 500;
    }
    .slider-logos p
    {
        margin: 0 0 -30px;
        position: relative;
        background-color: transparent;
        z-index: 1;
    }
    .slider-logos p span
    {
        color: var(--titulo_zona_marcas_texto);
        /*padding: 10px;*/
        background-color: var(--titulo_zona_marcas_fondo) !important;
        font-size: 1.8rem;
        font-weight: bold;
    }
    .slider-logos p span, .slider-logos .slick-slider
    {
        border: 1px solid var(--zona_marcas_borde);
        background-color: var(--zona_marcas_fondo);
    }
    .slider-logos a
    {
        letter-spacing: .25rem;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        font-size: 1.25rem;
        line-height: 5rem;
        color: var(--ver_todas_zona_marcas_texto);
    }
    #top-products .tituloMasvendidos
    {
        font-size: 1.75rem;
        font-weight: bold;
        margin: 0 0 10px;
        color: var(--titulo_productos_mas_vendidos_texto);
    }
    .tituloUltimasEntradas
    {
        color: var(--titulo_ultimas_entradas_texto);
        margin:0 0 10px;
        text-align:center;
        width:100%;
        font-size: 1.75rem;
        font-weight: bold;
    }
    .titularEntradaBlog
    {
        color: var(--titular_celda_entrada_blog_texto);
        text-decoration: none;
        font-size: 1.35rem;
    }
    .celda-noticias .button-c
    {
        height: 2.35rem;
        line-height: 2.1rem;
        padding: 0;
    }
    .newsletterBorde
    {
        border-top: .25rem solid var(--separador_newsletter_borde);
    }
    .newsletterInput
    {
        border-bottom: 1px solid var(--input_newsletter_borde) !important;
        background-color: var(--input_newsletter_fondo) !important;
        color: var(--input_newsletter_texto) !important;
    }
    .newsletterCondiciones
    {
        font-size: 1.15rem;
        color: var(--terminos_newsletter_texto);
    }
    .newsletterCondiciones a
    {
        color: var(--enlace_terminos_newsletter_texto);
    }
    .newsletterBoton
    {
        background-color: var(--boton_suscripcion_newsletter_fondo) !important;
        color: var(--boton_suscripcion_newsletter_texto) !important;
        border: 1px solid var(--boton_suscripcion_newsletter_borde) !important;
    }
    .cab-colpie
    {
        color: var(--titulo_pie_de_pagina_texto);
        border-bottom: 1px solid var(--titulo_pie_de_pagina_borde);
    }
    .menucorp-li1, .menucorp-li2
    {
        font-size: 1.2rem;
        color: var(--titulo_menu_corporativo_texto);
        text-decoration: none;
    }
    #menu-colpie ul ul li:before
    {
        color: var(--titulo_menu_corporativo_texto);
    }
    .colpie4 p
    {
        font-size: 1.2rem;
    }
    #pie-empresa
    {
        color: var(--titulo_datos_empresa_texto);
    }
    .pie-telefono, .pie-telefono a
    {
        color: var(--titulo_telefono_empresa_texto) !important;
        font-size: 1.15rem;
    }
    .pie-email, .pie-email a
    {
        color: var(--titulo_email_empresa_texto) !important;
        font-size: 1.15rem;
    }
    .pie-direccion, .pie-direccion a
    {
        color: var(--titulo_direccion_empresa_texto) !important;
        font-size: 1.15rem;
    }
    #prfo-pie-des, a#pie-des:active, a#pie-des:link, a#pie-des:visited
    {
        color: var(--comercio_desarrollado_texto);
    }
    .contadorPaso
    {
        padding: 0.25rem 1rem;
        border-radius: 0.4rem;
        background-color: var(--pasos_carrito_fondo);
        color: var(--pasos_carrito_texto);
        border: 1px solid var(--pasos_carrito_borde);
    }
    #popup-login
    {
        background-color: var(--popup_login_fondo);
    }
    #popup-login h2
    {
        color: var(--titulo_popup_login_texto);
    }
    .close-popup a
    {
        color: var(--cerrar_popup_login_texto);
        text-decoration: none;
    }
    #popup-login p
    {
        font-size: 1.15rem;
    }
    #popup-login p a
    {
        background-color: transparent !important;
        border: none;
        color: var(--opciones_popup_login_texto);
    }
    .datosCarrito .tab a
    {
        border: none;
        text-decoration: none;
        color: var(--pestanas_carrito_texto);
    }
    .datosCarrito .tab a.active
    {
        border-bottom: 2px solid var(--pestanas_carrito_borde);
        background-color: transparent !important;
        color: var(--pestanas_carrito_texto);
    }
    .datosCarrito .tab
    {
        border-bottom: none;
    }
    .form-gnral.form-registro input[type="checkbox"] + label
    {
        margin-right: .5rem;
    }
    a
    {
        color: var(--enlaces_texto);
        text-decoration: none;
    }
    #zona2
    {
        background-color: var(--header_fondo);
    }
    #zona_links, #zona4, #top-products
    {
        background-color: var(--body_fondo);
    }
    .tabla-carrito tbody tr th, .tabla-carrito tbody tr td, .tabla-carrito thead tr th
    {
        background-color: var(--body_fondo) !important; 
    }
    #zona_links a
    {
        border: 10px solid var(--body_fondo);
    }
    input[type="checkbox"], input[type="radio"]
    {
        background-color: var(--checkbox_fondo);
        border: 1px solid var(--checkbox_borde);
        color: var(--checkbox_texto);
    }
    .celda-listado-productos .imagen-producto
    {
        background-color: var(--celda_producto_fondo);
    }
    #zona5, #zona6
    {
        background-color: var(--footer_fondo);
    }
    .prfo-paginacion > a
    {
        border: 1px solid var(--paginacion_borde);
        color: var(--paginacion_texto);
        background-color: var(--paginacion_fondo);
    }
    .datos-noticia
    {
        color: var(--blog_datos_entrada_texto);
    }
    .resumen
    {
        color: var(--blog_resumen_entrada_texto);
    }
    #prfo-nav a
    {
        color: var(--migas_navegacion_texto) !important;
    }
    label, .colorLabel, .list li span
    {
        color: var(--label_texto) !important;
        font-size: 1.25rem;
    }
    p
    {
        color: var(--parrafos_texto);
    }
    #condiciones
    {
        color: var(--condiciones_legales_texto);
    }
    .colpie4 p
    {
        color: var(--contenido_pie_de_pagina_texto);
    }
    .ivaincl
    {
        color: var(--impuestos_incl_carrito_texto);
    }
    #resultadoCalcularTotalCompra
    {
        color: var(--total_carrito_texto);
    }
    .formadeenvio
    {
        color: var(--envios_carrito_texto);
    }
    #aplicarcupon span
    {
        font-size: 1.1rem;
    }
    footer #bottom
    {
        padding-bottom: 2.25rem;
    }
    #lista-idiomas span
    {
        color: var(--traductor_idiomas_texto);
    }
    .zona-personal div a
    {
        border: 1px solid var(--zona_personal_borde);
        background-color: var(--zona_personal_fondo);
        color: var(--zona_personal_texto);
    }
    .tabla-carrito tbody tr th, .tabla-carrito tbody tr td, .tabla-carrito thead tr th
    {
        color: var(--tablas_texto);
    }
    .menu
    {
        color: var(--icono_menu_responsive_texto) !important;
    }
    .cart
    {
        color: var(--icono_carrito_responsive_texto) !important;
    }
    .cart #cuentacarrito
    {
        background-color: var(--contador_carrito_responsive_fondo) !important;
        color: var(--contador_carrito_responsive_texto) !important;
        border: 1px solid var(--contador_carrito_responsive_borde) !important;
    }
    .logout
    {
        color: var(--icono_cerrar_sesion_texto) !important;
    }
    .login
    {
        color: var(--icono_mi_perfil_texto) !important;
    }
    #zona_links a
    {
        padding: 10rem 0 4rem 0;
    }
    .slick-slide .celda-listado-productos
    {
        width: 100% !important;
    }
	.destacarP
	{
		font-size: 1.5rem;
		color: var(--titulo_suscripcion_newsletter_texto_responsive) !important;
	}
	.newsletterInput
	{
		border-bottom: 1px solid var(--input_newsletter_borde_responsive) !important;
		background-color: var(--input_newsletter_fondo_responsive) !important;
		color: var(--input_newsletter_texto_responsive) !important;
	}
	.newsletterCondiciones
	{
		font-size: 1.15rem;
		color: var(--terminos_newsletter_texto_responsive);
	}
	.newsletterCondiciones a
	{
		color: var(--enlace_terminos_newsletter_texto_responsive);
	}
	.newsletterCondiciones a:hover
	{
		color: var(--enlace_terminos_newsletter_texto_responsive_hover);
	}
	.newsletterBoton
	{
		background-color: var(--boton_suscripcion_newsletter_fondo_responsive) !important;
		color: var(--boton_suscripcion_newsletter_texto_responsive) !important;
		border: 1px solid var(--boton_suscripcion_newsletter_borde_responsive) !important;
	}
	.newsletterBoton:hover
	{
		background-color: var(--boton_suscripcion_newsletter_fondo_responsive_hover) !important;
		color: var(--boton_suscripcion_newsletter_texto_responsive_hover) !important;
		border: 1px solid var(--boton_suscripcion_newsletter_borde_responsive_hover) !important;
	}
	label, .colorLabel, .list li span {
    color: var(--label_texto_responsive) !important;
    font-size: 1.25rem;
}
}

article.celda-listado-productos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: space-evenly;
    align-items: center;
}

.celda-listado-productos > div {
    padding-bottom: 36px;
    width: 100%;
}