/* Responsive. */

@import url("root.css");

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&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: 'Source Sans Pro', 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.75rem;
        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);
    }
    .destacarP
    {
        font-size: 1.5rem;
        color: var(--titulo_suscripcion_newsletter_texto);
    }
    .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);
    }
    #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;
    }
	.texto-descuento {
		text-align:center !important;
		font-size: 1.8rem;
		font-weight: bold;
	}
	.comoH1 {
		font-size: 4rem !important;
		color: var(--texto_principal_color);
		font-weight: normal !important;
	}
	.comoH2 {
		font-size: 2rem;
		color: var(--texto_principal_color);
		font-weight: normal !important;
	}
	.comoH2rosa {
		font-size: 3rem;
		color: var(--texto_secundario_color) !important;
		font-weight: normal !important;
	}
	.comoH1rosa {
		font-size: 4rem;
		color: var(--texto_secundario_color) !important;
		font-weight: normal !important;
	}
	.comoH1rosaH {
		font-size: 6rem;
		color: var(--texto_secundario_color) !important;
		font-weight: normal !important;
		text-align: center;
	}
	#zona_links a:after {
		box-shadow: 0 0 0 0px #fff inset;
	}
	#zona_links a span {
		position: relative;
		z-index: 1;
		font-weight: bold;
		display: block;
		font-size: 1.2rem;
	}
	#zona_links .link-man:nth-child(1):before {
    background-color: var(--cuadro_categorias_1) !important;
	color: var(--cuadro_categorias_texto_1) !important;
	}
	#zona_links .link-man:nth-child(2):before {
    background-color: var(--cuadro_categorias_2) !important;
	color: var(--cuadro_categorias_texto_2) !important;
	}
	#zona_links .link-man:nth-child(3):before {
    background-color: var(--cuadro_categorias_3) !important;
	color: var(--cuadro_categorias_texto_3) !important;
	}
	#zona_links .link-man:nth-child(4):before {
    background-color: var(--cuadro_categorias_4) !important;
	color: var(--cuadro_categorias_texto_4) !important;
	}
	#zona_links .link-man:nth-child(5):before {
    background-color: var(--cuadro_categorias_5) !important;
	color: var(--cuadro_categorias_texto_5) !important;
	}
	#zona_links .link-man:nth-child(6):before {
    background-color: var(--cuadro_categorias_6) !important;
	color: var(--cuadro_categorias_texto_6) !important;
	}
	.colpie2 p, .colpie3 p, .colpie4 p, body, p:not(#prfo-nav) {
		font-size: 13px;
		line-height: 1.5 !important;
	}
	.button-cart:before {
		content: "Comprar";
		font-size: 1.8rem !important;
		font-family: 'Source Sans Pro', sans-serif;
	}
	a.button-a.button-cart.small {
		display: block;
		width: 70% !important;
		position: relative;
		top: 0;
		background-color: none;
		margin: auto;
		float: none;
		border: 1px solid;
		padding: 0;
		margin-top: 15px;
		height: 39px;
		line-height: 36px;
		font-family: 'Barlow Condensed', sans-serif !important;
	}
	.pie-bar {
		background-image: url("./img/fondo.png") !important;
		color: var(--texto_iconos_informacion) !important;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
		align-items: center;
		padding-right: 1px;
		padding-top: 1%;
		margin-top: 8%;
	}
	.pie-bar-blanca {
		background-color: #ffffff !important;
		color: var(--texto_iconos_informacion) !important;
		padding: 1% 1% 1% 0;
		margin-bottom: 1%;
		width: 96% !important;
		margin: 2% auto 3% auto;
	}
	.pie-bar-i {
		height: 18%;
		width: 18%;
		margin: auto;
		margin-bottom: 1rem;
		vertical-align: middle;
	}
	.pie-bar-i2 {
		height: 18%;
		width: 18%;
		margin: auto;
		margin-bottom: 1rem;
		vertical-align: middle;
	}
	.pie-bar-i3 {
		height: 18%;
		width: 18%;
		margin: auto;
		margin-bottom: 1rem;
		vertical-align: middle;
	}
	.pie-bar-i4 {
		height: 18%;
		width: 18%;
		margin: auto;
		margin-bottom: 1rem;
		vertical-align: middle;
	}
	.pie-bar-p {
		margin: auto;
		text-align: center;
		font-size: 1.8rem !important;
		font-stretch: normal !important;
		font-weight: normal !important;
		color: #000;
		margin-left: 1rem;
	}
	.imagen-pie {
		width: 100%;
		margin-top: 2rem;
	}
	.logo-pie {
		width: 80;
		display: block;
		margin: auto;
	}
	.newsletterBorde
	{
		border: .1rem solid var(--separador_newsletter_borde);
		background-color: #fff;
	}
	label, .colorLabel, .list li span {
		color: #000 !important;
		font-size: 1.25rem;
	}
	.ciguena {
		margin-top: 2%;
		margin-left: 20%;
	}
	#mobile-whatsapp {
		position: fixed;
		bottom: 15px;
		right: unset;
		left: 15px;
		z-index: 99;
		background-image: url(./img/icon-whatsapp.png);
		background-size: 24px;
		background-position: center center;
		background-repeat: no-repeat;
		padding-left: 38px;
	}	
	.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    padding-bottom: 15%;
}
}