/* boostrap */
/* boostrap */
.modal-content { 
	border-radius: 0px !important;
}

/* fuentes */
@font-face {
	font-family: 'Wuerth';
	src: url('fonts/Wuerth-ExtraBoldCond.eot');
	src: url('fonts/Wuerth-ExtraBoldCond.eot?#iefix') format('embedded-opentype'),
		url('fonts/Wuerth-ExtraBoldCond.woff') format('woff'),
		url('fonts/Wuerth-ExtraBoldCond.ttf') format('truetype'),
		url('fonts/Wuerth-ExtraBoldCond.svg#Wuerth-ExtraBoldCond') format('svg');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Wuerth';
	src: url('fonts/Wuerth-Book.eot');
	src: url('fonts/Wuerth-Book.eot?#iefix') format('embedded-opentype'),
		url('fonts/Wuerth-Book.woff') format('woff'),
		url('fonts/Wuerth-Book.ttf') format('truetype'),
		url('fonts/Wuerth-Book.svg#Wuerth-Book') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Wuerth';
	src: url('fonts/Wuerth-Bold.eot');
	src: url('fonts/Wuerth-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Wuerth-Bold.woff') format('woff'),
		url('fonts/Wuerth-Bold.ttf') format('truetype'),
		url('fonts/Wuerth-Bold.svg#Wuerth-Bold') format('svg');
	font-weight: 500;
	font-style: normal;
}

/* variables */
body {
	--color-rojo: #CC0000;
	--color-negro: #101010;
	--color-gris-claro: #ECECEC;
    --color-gris-oscuro: #605D5C;
    --color-cyan: #009EE0;
	--color-naranja: #FFCC00;
	--color-verde: #008448;
	--color-amarillo: #FDC300;
	
	--z-index-sticky: 900;
	--z-index-menu-tabs: 800;
	--z-index-btn-lst-favoritos: 400;
	--z-index-buscador-sugerencias: 500;
    --z-index-mini: 500;
	--z-index-producto-tags: 400;
	--z-index-gdpr: 999999;
	
	--fw-cond: 800;
	--fw-bold: 500;
	--fw-book: 300;
}
input:focus,
input:active,
input:focus,
input:active {
    box-shadow: none !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
    border: 0;
}
.select2-container--default .select2-selection--single {
    border: 0px !important;
}

/* clases */
.color_rojo {
	color: var(--color-rojo);
}

.color_negro {
	color: var(--color-negro);
}

.color_gris_claro {
	color: var(--color-gris-claro);
}

.color_naranja {
	color: var(--color-naranja);
}

.color_verde {
	color: var(--color-verde);
}

.color_amarillo {
	color: var(--color-amarillo);
}

.bg_rojo {
	background-color: var(--color-rojo);
}

.bg_negro {
	background-color: var(--color-negro);
}

.bg_gris_claro {
	background-color: var(--color-gris-claro);
}

.bg_gris_oscuro {
	background-color: var(--color-gris-oscuro);
}

.bg_cian {
	background-color: var(--color-cyan);
}

.fw_cond {
	font-weight: var(--fw-cond);
}

.fw_book {
	font-weight: var(--fw-300);
}

.fw_bold {
	font-weight: var(--fw-bold);
}

.tt_upper {
	text-transform: uppercase;
}

.fs_20 {
	font-size: 20px;
}
.fs_27 {
	font-size: 27px;
}
.fs_50 {
	font-size: 50px;
}

.border_gris_claro {
	border: 1px solid var(--color-gris-claro);
}

.border_top_gris_claro {
	border-top: 1px solid var(--color-gris-claro);
}
.border_top_gris_oscuro {
	border-top: 1px solid var(--color-gris-oscuro);
}

/* generales */
body,
input,
textarea,
select,
option {
	font-family: 'Wuerth'; 
	font-weight:300;
	color: var(--color-negro);
}

a {
	text-decoration: none;
	color: var(--color-negro);
}

a:hover {
	color: var(--color-negro);
}

.ic_verificado {
    position: absolute;
    top: 10px;
    right: 30px;
    font-size: 20px;
    color: #067acc;
}
.ic_verificar_cuenta {
    color: var(--color-amarillo);
    font-size: 16px;
}
.vc_vencido {
    color: var(--color-rojo);
}
.vc_nro,
.vc_nro:focus {
	border: 1px solid #000;
}

/* gdpr-cookie */
#gdpr-cookie-message {
    position: fixed;
	z-index: var(--z-index-gdpr);
    margin-left: 2.5%;
    margin-right: 2.5%;
    width: 95%;
    bottom: 30px;
    background-color: #FFF;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
}
#gdpr-cookie-message h4 {
	/*
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
	*/
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
	/*
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
	*/
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: #000;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
	/*
    color: var(--red);
	*/
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
	/*
    background: var(--red);
    color: white;
    font-family: 'Quicksand', sans-serif;
	*/
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: var(--red);
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: white;
	display: none;
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}
#gdpr-cookie-types {
    margin-top: 20px;
}
@media (max-width: 500px){
    #gdpr-cookie-message {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
}
/* gdpr-cookie */

/* header */
.logo_lista_precios {
    max-width: 50px;
    max-height: 50px;
}
#header .logo_lista_precios {
    margin-left: 5px;
	position: absolute;
	top: 0px;
	right: 0px;
}
@media (max-width: 540px){
	#header .logo_lista_precios {
		display: none;
	}
}
#nav_mb .logo_lista_precios {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#nav_mb .texto_lista_precios {
	color: #FFF;
	font-weight: var(--fw-bold); 
	text-transform: uppercase;
	margin-left: 10px;
	margin-top: 10px;
}

#nav {
	background-color: #FFF;
}
.navbar-toggler:focus,
.navbar-toggler:active,
.nav-tabs li a:focus,
.nav-tabs li a:active{
    box-shadow: none !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
    border: 0;
}
.navbar-brand {
	padding: 0px;
}
.navbar-toggler {
	border: 0px;
}
#header {
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
}
@media (max-width: 540px){
	#header {
		margin-top: 10px;
		margin-bottom: 10px;
	}
}
.frmBuscador {
	border: 1px solid var(--color-gris-claro);
	padding: 5px;
	position: relative;
	line-height: 26px;
}
.frmBuscador input {
	border: 0px;
	width: 90%;
    padding-left: 11px;
}
#bt_mostrar_buscador,
.frmBuscador .btn_buscador,
#bt_mostrar_scanner {
	background-color: white;
	border: 0px;
	color: var(--color-rojo);
}
#bt_mostrar_buscador,
#bt_mostrar_scanner {
	font-size: 20px;
}
.frmBuscador .btn_buscador {
	position: absolute;
	right: 10px;
}
#buscador_mb,
#scanner_mb {
    border-top: 10px solid var(--color-rojo);
}
.frmBuscador_mb input {
    border: 0px;
    width: 100%;
    background-color: var(--color-gris-claro);
}
#buscador_mb button,
#scanner_mb .close {
    border: 0px;
    background-color: var(--color-gris-claro);
}
#btnCarrito,
#btnCotizacion {
	margin-right: 5px;
    position: relative;
}
.nav_btns {
    position: relative;
}
@media (max-width: 540px){
    nav_btns {
        position: inherit;
    }
}
#btn_up {
    position: fixed;
    right: 40px;
    bottom: 5px;
    border: 0px;
    padding: 5px 10px;
    background-color: var(--color-rojo);
    color: #FFF;
    z-index: var(--z-index-sticky);
}
@media (max-width: 540px){
    #btn_up {
        bottom: 50px;
        right: 5px;
    }
}
.mini_cart_close {
    display: none;
}
#mini_cart,
#mini_cotizacion {
    position: absolute;
    top: 40px;
    left: 0;
    width: 400px;
    background-color: #FFF;
    border: 1px solid var(--color-gris-claro);
    z-index: var(--z-index-mini);
}
@media (max-width: 540px){
    #mini_cart_mb,
    #mini_cotizacion_mb {
        position: absolute;
		bottom: 40px;
		width: 100%;
		background-color: #FFF;
		z-index: var(--z-index-mini);
    }
    .mini_cart_close {
        display: flex;
        background-color: var(--color-rojo);        
        text-align: right;
        padding: 5px;
    }
    .mini_cart_close a {
        color: #FFF;
    }
}
.mini_cart_titulo .row {
    margin: 20px 10px;
}
.mini_cart_titulo span {
    text-transform: uppercase;
    color: var(--color-rojo);
    font-weight: var(--fw-bold);  
    border-bottom: 1px solid var(--color-gris-claro);
    padding-bottom: 5px;
}
.mini_img {
    max-width: 40px;
    max-height: 40px;
}
.mini_nombre,
.mini_cantidad,
.mini_precio {
    font-size: 13px;
}
.mini_cantidad {
    font-weight: var(--fw-bold);
}
.mini_precio {
    color: var(--color-rojo);
    font-weight: var(--fw-bold);
}
.mini_productos {
    max-height: calc( 85px * 4 );
    overflow-y: auto;
    overflow-x: hidden;
}
.mini_producto:hover{
    background-color: var(--color-gris-claro);
}
.mini_producto .row {
    margin: 20px;
    padding-left: 0px;
    padding-right: 0px;
}
.mini_producto .row>* {
    padding-left: 0px;
}
.mini_producto .row>*:last-child {
    padding-right: 0px;
}
.mini_eliminar {
    color: var(--color-gris-oscuro);
    font-size: 15px;
    display: none;
    top: 5px;
    right: 5px;
    position: absolute;
}
.mini_producto:hover .mini_eliminar {
    display: block;
}
.mini_totales {
    background-color: #000;
    color: #FFF;
    padding: 20px;
}
.mini_totales .row {    
    padding-left: 0px;
    padding-right: 0px;
}
.mini_totales .row>* {
    padding-left: 0px;
}
.mini_totales .row>*:last-child {
    padding-right: 0px;
}
.mini_total {
    font-size: 16px;
    font-weight: var(--fw-bold);
}
.mini_botones {
    margin-top: 20px;
}
.btn_mini {
    display: block;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: var(--fw-cond);
    font-size: 15px;
}
.btn_mini_finalizar {
    background-color: var(--color-rojo);
    color: #FFF;
}
.btn_mini_vaciar {
    background-color: #FFF;
    color: #000;
}
#btnCarrito,
#btnCotizacion,
#btnLogin,
#btnCarritoMB,
#btnCotizacionMB,
#btnLoginMB,
#btnChatbotMB {
	text-decoration: none;
	color: var(--color-rojo);
	display: inline-block;
	font-size: 12px;
}
#btnCarritoMB,
#btnCotizacionMB,
#btnLoginMB,
#btnChatbotMB {
	display: flex !important;
	justify-content: center;
}
#btnCarritoMB,
#btnCotizacionMB,
#btnLoginMB {
	color: var(--color-gris-oscuro);
}
#btnCarritoMB.active,
#btnCotizacionMB.active,
#btnLoginMB.active {
	color: var(--color-rojo);
}
#header .btnContador,
#header .btnTexto,
#header .btnIcono {
	display: inline-block;
	padding: 2px 5px;
}
#header .btnTexto {
	color: var(--color-negro);
	font-weight: 500;
	padding: 5px 5px;
}
#header .btnContador,
#static_nav_mb .btnContador {	
	color: #FFF;
	font-weight: 500;
	background-color: var(--color-gris-oscuro);
}
#static_nav_mb .active .btnContador {
	background-color: var(--color-rojo);
}
#header .btnIcono {
	font-size: 16px;
}
#static_nav_mb {
	background-color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: var(--z-index-sticky);
	-webkit-box-shadow: 0px -5px 5px -5px rgba(0,0,0,0.88); 
	box-shadow: 0px -5px 5px -5px rgba(0,0,0,0.88);
}
#static_nav_mb .btnContador,
#static_nav_mb .btnTexto,
#static_nav_mb .btnIcono {
	display: inline-block;
	padding: 2px 5px;
}
#static_nav_mb .ic_verificar_cuenta {
    padding: 2px 0px;
    font-size: inherit;
}
@media (max-width: 540px){
	#btnChatbot {
		display: none !important;
	}
}
#nav.sticky {
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: var(--z-index-sticky);
	-webkit-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.88); 
	box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.88);
}
#menu {
	background-color: var(--color-negro);
	color: #FFF;
	margin-bottom: 5px;
}
#menu_tabs {
	background-color: var(--color-negro);
	color: #FFF;
	margin-top: -5px;
	-webkit-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.88); 
	box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.88);
	z-index: var(--z-index-menu-tabs);
}
#menu .nav-tabs li {
	padding-top: 10px;
	padding-bottom: 10px;
}
#menu .nav-tabs {	
	border-bottom: 0px;
}
#menu .nav-tabs li {
	padding-left: 10px;
	padding-right: 10px;
}
#menu .nav-tabs li:first-child {
	padding-left: 0px;
}
#menu .nav-tabs li:last-child {
	padding-right: 0px;
}
#menu .nav-tabs a {
	font-weight: 500;
	border-bottom: 1px solid #000;
}
#menu .nav-tabs a,
.nav_n1 {
	color: #FFF;	
	text-decoration: none;
}
#menu .nav-tabs a:hover {
	color: #FFF;
	border-bottom: 1px solid #FFF;
}
.nav_n1:hover {
	color: #FFF;
	border-bottom: 1px solid #FFF;
}
#menu .nav-tabs a {
	text-transform: uppercase;
}
.nav_tab {	
	visibility: hidden;
	opacity: 0;
	height: 0;
	transition: visibility .5s, opacity .5s, height .2s;
}
.nav_tab > .row {
	padding-top: 40px;
	padding-bottom: 20px;
}
.nav_tab.active {
	visibility: visible;
	opacity: 1;
	height: auto;
}
.nav_n1 {
	font-weight: var(--fw-book);
	cursor: pointer;
	display: inline-block;
	border-bottom: 1px solid #000;
}
.nav_n1.active {
	color: var(--color-rojo);
}
.nav_sidebar {
	background-color: var(--color-negro);
}
.nav_sidebar .offcanvas-header {
	border-top: 10px solid var(--color-rojo);
} 
.nav_sidebar .offcanvas-body {
	padding: 0px;
}
.nav_sidebar a {
	color: #FFF;
}
.nav_sidebar .nav_sidebar_icon_down {
    position: absolute;
    top: 12px;
    right: 10px;
}
.nav_sidebar .nav_sidebar_dropdown,
.nav_sidebar .nav_sidebar_subdropdown {
	border: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.nav_sidebar .nav_sidebar_dropdown > .nav_sidebar_item,
.nav_sidebar .nav_sidebar_subdropdown > .nav_sidebar_item {
	position: relative;
}
.nav_sidebar .nav_sidebar_dropdown > .nav_sidebar_item > .nav_sidebar_link {
	font-weight: 500;
	text-transform: uppercase;
	padding: 10px 20px;
    background-color: #FFF;
    color: var(--color-negro);
    border-bottom: 1px solid var(--color-negro);
	display: block;
}
.nav_sidebar .nav_sidebar_dropdown > .nav_sidebar_item.active > .nav_sidebar_subdropdown,
.nav_sidebar .nav_sidebar_subdropdown > .nav_sidebar_item.active > .nav_sidebar_subdropdown {
	display: block;
}
.nav_sidebar .nav_sidebar_dropdown > .nav_sidebar_item.active > .nav_sidebar_link,
.nav_sidebar .nav_sidebar_subdropdown > .nav_sidebar_item.active > .nav_sidebar_link {
	color: var(--color-rojo);
}
.nav_sidebar .nav_sidebar_subdropdown {
	display: none;
}
.nav_sidebar .nav_sidebar_subdropdown > .nav_sidebar_item {
	color: #FFF;
}
.nav_sidebar .nav_sidebar_subdropdown > .nav_sidebar_item > .nav_sidebar_link {
	font-weight: 300;
	padding: 5px 20px;
    background-color: var(--color-negro);
    color: #FFF;
	display: block;
}
.nav_sidebar_dropdown_login {
    margin-top: 30px !important;
}

.nav_sidebar_dropdown_login .nav_sidebar_item:nth-child(3) > .nav_sidebar_link {
    color: #FFF !important;
    background-color: var(--color-rojo) !important;
}
.nav_sidebar_dropdown_login .nav_sidebar_item:first-child > .nav_sidebar_link,
.nav_sidebar_dropdown_login .nav_sidebar_item:nth-child(2) > .nav_sidebar_link
 {
    color: var(--color-negro) !important;
}
.nav_user_titulo {
    color: #FFF;
    margin: 10px;
    font-size: 22px;
}
#nav_sidebar_registracion_switches {
	text-align: center;
	font-size: 14px;
	margin-top: 30px;
}
#nav_sidebar_registracion_switches a {
	display: block;
}
.nav_sidebar_form {
    color: #FFF;
    margin: 20px 0px;
}
.nav_sidebar_form input,
.nav_sidebar_form select {
    padding: 0px 7px;
	height: 34px;
	line-height: 34px;
}
.nav_sidebar_form input[type="checkbox"] {
	height: inherit;
	line-height: inherit;
}
.footer_news_form .fm_obligatorio input {
    padding: 4px 7px;
    border: 1px solid #FFF;
}
.md_form .fm_obligatorio input{
    padding: 4px 7px;
    border: 1px solid var(--color-gris-claro);
}
.footer_news_form .fm_input_error input,
.footer_news_form .fm_input_error select,
.nav_sidebar_form .fm_input_error input,
.nav_sidebar_form .fm_input_error select,
.md_form .fm_input_error input,
.md_form .fm_input_error select,
.md_form .fm_input_error textarea,
.checkout_form .fm_input_error input,
.checkout_form .fm_input_error select,
.checkout_form .fm_input_error textarea,
.modificacion_form .fm_input_error input,
.modificacion_form .fm_input_error select,
.modificacion_form .fm_input_error textarea,
.vc_enviar_codigo_form .fm_input_error input,
.vc_enviar_codigo_form .fm_input_error select,
.vc_enviar_codigo_form .fm_input_error textarea {
    border: 1px solid var(--color-rojo);
}
.nav_sidebar_form .fm_input_error::before {
    font-family: bootstrap-icons !important;
    content: "\F622";
    position: absolute;
    top: 4px;
    left: -16px;
    color: var(--color-rojo);
}
.footer_news_form .fm_texto_error,
.nav_sidebar_form .fm_texto_error,
.prod_cp_form .fm_texto_error,
.md_form .fm_texto_error,
.checkout_form .fm_texto_error,
.seccion_form .fm_texto_error,
.modificacion_form .fm_texto_error {
    color: #FFF;
    font-size: 0.8em;
    text-align: left;
    margin-top: 2px;
}
.prod_cp_form .fm_texto_error,
.md_form .fm_texto_error,
.checkout_form .fm_texto_error,
.seccion_form .fm_texto_error,
.modificacion_form .fm_texto_error {
    color: var(--color-rojo);
}
.nav_sidebar_form .btn_nav_sidebar_form,
#btn_nav_sidebar_continuar_navegando,
.md_form .btn_md_form,
.checkout_form .btn_checkout_continuar,
.seccion_form .btn_guardar,
.seccion_form .btn_enviar,
.btn_aceptar,
.btn_enviar,
.btn_modificar,
.modificacion_form .btn_enviar,
.vc_solicitar_codigo_form .btn_vc_solicitar_codigo_form,
.vc_enviar_codigo_form .btn_vc_enviar_codigo_form {
	color: #FFF;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 800;	
    background-color: var(--color-rojo);
    border: 1px solid var(--color-rojo);
	border: 0px;
	padding: 8px 25px;
    position: relative;
}
.btn_aceptar,
.btn_cancelar {
    border-radius: 0px;
}
.btn_cancelar {
    color: var(--color-gris-oscuro);
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 800;	
    background-color: #FFF;
	padding: 8px 25px;
    position: relative;
    border: 1px solid var(--color-gris-oscuro);
}
.btn_aceptar_md {
	border: 1px solid var(--color-rojo);
}
.footer_news_form .fm_loading span:not(.spinner_footer_news_form),
.nav_sidebar_form .fm_loading span:not(.spinner_nav_sidebar_form),
.prod_cp_form .fm_loading span:not(.spinner_prod_cp_form),
.md_form .fm_loading span:not(.spinner_md_form),
.checkout_form .fm_loading span.texto_checkout_form,
.seccion_form .fm_loading span.texto_seccion_form, 
.modificacion_form  .fm_loading span.texto_modificacion_form,
.vc_solicitar_codigo_form .fm_loading span:not(.spinner_vc_solicitar_codigo_form),
.vc_enviar_codigo_form .fm_loading span:not(.spinner_vc_enviar_codigo_form) {
    visibility: hidden;
}
.footer_news_form .spinner_footer_news_form,
.nav_sidebar_form .spinner_nav_sidebar_form,
.prod_cp_form .spinner_prod_cp_form,
.md_form .spinner_md_form,
.checkout_form .spinner_checkout_form,
.seccion_form .spinner_seccion_form,
.modificacion_form .spinner_modificacion_form,
.vc_solicitar_codigo_form .spinner_vc_solicitar_codigo_form,
.vc_enviar_codigo_form .spinner_vc_enviar_codigo_form {
    display: none;
    position: absolute;
    left: calc( 50% - 7px );
    top: calc( 50% - 7px );
}
.footer_news_form .fm_loading .spinner_footer_news_form,
.nav_sidebar_form .fm_loading .spinner_nav_sidebar_form,
.prod_cp_form .fm_loading .spinner_prod_cp_form,
.md_form .fm_loading .spinner_md_form,
.checkout_form .fm_loading .spinner_checkout_form,
.seccion_form .fm_loading .spinner_seccion_form, 
.modificacion_form .fm_loading .spinner_modificacion_form,
.vc_solicitar_codigo_form .fm_loading .spinner_vc_solicitar_codigo_form,
.vc_enviar_codigo_form .fm_loading .spinner_vc_enviar_codigo_form {
    display: inline-block; 
}

#vc_enviar_codigo_email {
    max-height: 200px;
    overflow-x: auto;
    margin-top: 10px;
}

.btn_vc_nuevo_mail {
    color: #FFF;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 800;	
    background-color: var(--color-gris-oscuro);
	border: 0px;
	padding: 8px 25px;
    position: relative;
    margin-top: 10px;
    display: inline-block;
}

.footer_news_ok_msg,
.nav_sidebar_ok_msg {
	font-size: 19px;
	font-weight: 500;
	text-align: center;
	color: #FFF;
	margin: 20px 0px;
}
.footer_news_ok_msg i {
	font-size: 20px;
	color: #26BF35;
}
.nav_sidebar_ok_msg i {
	font-size: 60px;
	color: #26BF35;
	display: block;
}
.fm_obligatorio input,
.fm_obligatorio select{
    padding-right: 30px;
}
.fm_obligatorio input[type="password"] {
	padding-right: 52px;
}
.fm_obligatorio::after {
    content: '*';
    color: var(--color-negro);
    position: absolute;
    top: 10px;
    right: 30px;
}
.footer_news_form .fm_obligatorio::after {
    right: 10px;
}
.footer_news_form .fm_obligatorio input {
    padding: 4px 7px;
}

.footer_news_form .btn_footer_news_form {
	color: #FFF;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 800;	
	background-color: var(--color-rojo);
    border: 1px solid var(--color-rojo);
	padding: 4px 30px;
}

@media (max-width: 600px){
    .footer_news_form .btn_footer_news_form {
        padding: 4px 10px;
    }
} 

#nav_mb {
    -webkit-box-shadow: 5px 0px 5px -5px rgba(0,0,0,0.88); 
    box-shadow: 5px 0px 5px -5px rgba(0,0,0,0.88);
}

#nav_user {
    -webkit-box-shadow: -5px 0px 5px -5px rgba(0,0,0,0.88); 
    box-shadow: -5px 0px 5px -5px rgba(0,0,0,0.88);
}

#submenu {
	background-color: var(--color-gris-claro);
	color: var(--color-negro);
	margin-bottom: 5px;
}
#submenu > div {
	padding-top: 10px;
	padding-bottom: 10px;
}
#submenu ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	font-weight: 500;
}
#submenu li {
	display: inline-block;
	margin: 0px 10px;
}
#submenu li:first-child {
	margin-left: 0px;
}
#submenu li:last-child {
	margin-right: 0px;
}
.pr,
.prt {
	color: #000 !important;
	position: absolute;
	top: 8px;
	right: 48px;
}
.marquesina {
    overflow: hidden;
    font-weight: var(--fw-bold);
}

/* sugerencias busqueda */
#buscador_sugerencias {
	border: 1px solid #B7B7B7;
	top: 45px;
	width: calc( 100% - var(--bs-gutter-x) );
	z-index: var(--z-index-buscador-sugerencias);
    background-color: #FFF;
}
#buscador_sugerencias .bs_col_cats,
#buscador_sugerencias .bs_col_prods,
#buscador_sugerencias #bs_sin_resultados {
	min-height: 400px;
	padding-top: 30px;
	padding-bottom: 30px;
}
#buscador_sugerencias #bs_sin_resultados {
    min-height: auto;
}
#buscador_sugerencias .bs_col_cats,
#buscador_sugerencias #bs_sin_resultados {
	background-color: var(--color-negro);
	color: #FFF;
}
#buscador_sugerencias_mb #bs_sin_resultados_mb .bs_titulo {
    color: var(--color-negro);
}
#buscador_sugerencias_mb #bs_sin_resultados_mb {
	padding-left: 18px;
}
#buscador_sugerencias .bs_col_cats a,
#buscador_sugerencias #bs_sin_resultados a {
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
}
#buscador_sugerencias .bs_col_cats a:hover b,
#buscador_sugerencias #bs_sin_resultados a:hover {
	color: var(--color-rojo);
}
#buscador_sugerencias .bs_titulo,
#buscador_sugerencias_mb .bs_titulo {
	text-transform: uppercase;
	color: #FFF;
	font-size: 15px;
	font-weight: 500;
}
#buscador_sugerencias .bs_sep,
#buscador_sugerencias_mb .bs_sep{
	max-width: 200px;
	background-color: #B7B7B7;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 15px;
}
#buscador_sugerencias .bs_col_prods .bs_titulo,
#buscador_sugerencias_mb .bs_col_prods .bs_titulo{
	color: var(--color-rojo);
}

#buscador_sugerencias_mb .bs_col_prods .bs_titulo {
    padding-left: 18px;
}
#buscador_sugerencias_mb .bs_col_prods .bs_sep {
    margin-left: 18px;
}

#buscador_sugerencias .bs_col_prods {
	color: var(--color-negro);
	font-size: 12px;
    padding-left: 0px;
    padding-right: 0px;
}
#buscador_sugerencias .bs_col_prods .bs_titulo,
#buscador_sugerencias .bs_col_prods .bs_sep {
    margin-left: 12px;
    margin-right: 12px;
}
#buscador_sugerencias_mb .bs_col_prods .bs_titulo,
#buscador_sugerencias_mb #bs_sin_resultados_mb .bs_titulo {
    margin-top: 20px;
}
#buscador_sugerencias .bs_col_prods a{
	color: var(--color-negro);
	padding: 10px 12px;
}
#buscador_sugerencias .bs_col_prods a:hover {
	background-color: #ECECEC;
}
#buscador_sugerencias .bs_items a,
#buscador_sugerencias_mb .bs_items a{
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight: 300;
	text-decoration: none;
}
#buscador_sugerencias_mb .bs_col_prods a {
    color: var(--color-negro);
    padding: 0px 0px 0px 18px;
}
#buscador_sugerencias_mb .bs_col_prods a:nth-child(odd) {
    background-color: var(--color-gris-claro);
}
#buscador_sugerencias .bs_items img,
#buscador_sugerencias_mb .bs_items img{
	max-width: 60px;
	max-height: 60px;
}
#buscador_sugerencias_mb .bs_items a div:last-child {
	background-color: #FFF;
	width: 70px !important;
	text-align: center;
}

/* mapa del sitio */
#mapa_del_sitio {
    margin-bottom: 30px;
}

#mapa_del_sitio h1 {
    margin-top: 20px;
    margin-bottom: 10px;
}

#mapa_del_sitio h2 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 30px;
}

#mapa_del_sitio h3, 
#mapa_del_sitio h4 {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 5px;
    margin-top: 0px;
}

/* footer */
#news {
	background-color: var(--color-negro);
	padding: 5px 0px;
    color: #FFF;
}
#news .news_titulo {
	color: #FFF;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 800;	
}

@media (max-width: 500px){
	#news {
		padding-bottom: 10px;
	}}

#footer {
	font-size: 14px;
	font-weight: 300;
	background-color: var(--color-gris-claro);
	padding: 40px 0px;
}

#footer a {
    font-size: 14px;
}

#footer h3 {
	font-size: 27px;
	font-weight: 800;
	text-transform: uppercase;
}
#footer h4 {
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 5px;
}
#footer #redes a {	
	display: inline-block;
	margin-right: 5px;
}
#footer #redes span {	
    background-color: var(--color-rojo);
    border-radius: 32px;
    display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
}

#footer #redes img {
	max-width: 20px;
	height: 16px;
	filter: brightness(5);
	-webkit-filter: brightness(5);
}

#footer #redes a:hover {
	text-decoration: none;
}

#footer .footer_nav_n1 {
	font-weight: var(--fw-bold);
	font-size: 13px;
	display: block;
	margin-bottom: 20px;
    text-transform: uppercase;
}

#footer .footer_nav_n2 {
	display: block;
	font-size: 14px;
    font-weight: var(--fw-book);
    margin-bottom: 5px;
}
@media screen and (max-width: 540px){
    #footer .footer_nav_n1 {
        border-bottom: 1px solid var(--color-gris-oscuro);
        position: relative;
		margin-bottom: 10px;
    }
    #footer .footer_nav_n1::after {
        content: '\F282';
        font-family: bootstrap-icons !important;
        position: absolute;
        right: 0px;
        top: 0px;
    }
    #footer .footer_nav_n2_items {
        visibility: hidden;
		opacity: 0;
		height: 0;
		transition: visibility .5s, opacity .5s, height .2s;
		margin-bottom: 0;
    }
	#footer .footer_nav_n2_items.active {
		visibility: visible; 
		opacity: 1;
		height: auto;
		display: block;
	}	
}

#footer .btn_footer_nav {
    background-color: #000;
    color: #FFF;
    font-weight: var(--fw-cond);
    font-size: 15px;
    padding: 8px 40px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    line-height: 15px;
    margin-left: calc( 50% - 70px );
    margin-bottom: 10px;
}
#footer .footer_nav {
    display: none;
}

#creditos {
	font-size: 14px;
}
#creditos .autor {
	font-size: 10px;
}
.blog_ultimos_posts {
    border-top: 1px solid var(--color-gris-claro);
}
.blog_ultimos_posts h2 {
    font-weight: var(--fw-cond);
    font-size: 30px;
    text-transform: uppercase;
}
.blog_ultimos_posts h3 {
    font-weight: var(--fw-cond);
    font-size: 20px;
    text-transform: uppercase;
}
.blog_ultimos_posts .blog_ultimo_post a {
    color: var(--color-rojo);
    font-weight: var(--fw-bold);
}
/*
.blog_ultimos_posts .blog_ultimo_post:nth-child(2) {
    background-color: #000;
    color: #FFF;
}
.blog_ultimos_posts .blog_ultimo_post:nth-child(3) {
    background-color: var(--color-rojo);
    color: #FFF;
}
.blog_ultimos_posts .blog_ultimo_post:last-child {
    background-color: var(--color-gris-claro);
}
*/
.slider_banners_home .carousel-control-prev {
	left: 10px;
}
.slider_banners_home .carousel-control-next {
	right: 10px;
}
#slider-categorias li img {
    max-height: 145px;
}

/* listado de productos */
.lst_titulo_resultado {
	font-size: 24px;	
}
.lst_titulo {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 27px;
	padding: 10px 0px;
	margin: 0px !important;
}
@media (max-width: 760px){
	.lst_titulo {
		text-align: center;
	}
}

.lst_total {
    font-size: 20px;
    font-weight: var(--fw-bold);
    margin: 10px 0px;
}
@media (min-width: 760px){
	.lst_total {
		background: rgb(204,204,204);
		background: linear-gradient(90deg, var(--color-gris-claro) 25%, rgba(255,255,255,0) 25%);
	}
}
@media (max-width: 760px){
    .lst_total {
        text-align: center;
        background-color: #000;
        color: #FFF;
    }
}

.lst_producto {
	margin-bottom: 20px;	
}
.lst_producto a {
	text-decoration: none;
	position: relative;
	display: block;
}

@media (max-width: 760px){
	.lst_producto a {
		-webkit-box-shadow: 2px 2px 6px 0px rgba(204,204,204,1);
		-moz-box-shadow: 2px 2px 6px 0px rgba(204,204,204,1);
		box-shadow: 2px 2px 6px 0px rgba(204,204,204,1);
	    border: 1px solid #FFF;
	}
    .lst_producto a:hover {
        border: 1px solid #292929;
    }	
}

@media (min-width: 768px){
	.lst_producto a {
		height: 500px;
		-webkit-box-shadow: 2px 2px 6px 0px rgba(204,204,204,1);
		-moz-box-shadow: 2px 2px 6px 0px rgba(204,204,204,1);
		box-shadow: 2px 2px 6px 0px rgba(204,204,204,1);
        border: 1px solid #FFF;
	}
    .lst_producto a:hover {
        border: 1px solid #292929;
    }
	.lst_producto.lst_hp a {
		height: 450px;
	}
}
@media (min-width: 768px){
	.lst_producto.lst_tag_promocional a:before {
		content: 'precio promocional';
		background-color: var(--color-rojo);
	}
	.lst_producto.lst_tag_agotado a:before {
		content: 'producto agotado';
		background-color: #3E3E3E;
	}
	.lst_producto.lst_tag_agotado a:before,
	.lst_producto.lst_tag_promocional a:before {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;	
		color: #FFF;
		font-weight: 800;
		font-size: 16px;
		text-align: center;
		text-transform: uppercase;
		padding-top: 5px;
		padding-bottom: 5px;
	}	
}
@media (max-width: 760px){	
	.lst_producto.lst_tag_promocional .lst_col_imagen::before {
		content: 'producto promocional';
		background-color: var(--color-rojo);
	}
	.lst_producto.lst_tag_agotado .lst_col_imagen::before {
		content: 'producto agotado';
		background-color: #3E3E3E;
	}
	.lst_producto.lst_tag_agotado .lst_col_imagen::before,
	.lst_producto.lst_tag_promocional .lst_col_imagen::before {		
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;	
		color: #FFF;
		font-weight: 800;
		font-size: 13px;
		text-align: center;
		text-transform: uppercase;
		padding-top: 5px;
		padding-bottom: 5px;
	}
}
.lst_producto .lst_imagen {
	/*
    height: 185px;
	line-height: 180px;	
	*/
	vertical-align: middle;
	text-align: center;
	background-color: #FFF;
    padding: 5px;
}
@media (min-width: 768px){
	.lst_producto .lst_imagen {
		border-bottom: 2px solid #E3E3E3;
		margin-bottom: 5px;
        height: 255px;
	    line-height: 250px;
        padding: 0px;
	}
}
.lst_producto .btn_lst_favoritos,
.lst_producto .btn_lst_eliminar_favoritos {
	z-index: var(--z-index-btn-lst-favoritos);
	position: absolute;
	bottom: 20px;
	right: 10px;
	width: 16px;
	height: 16px;
}
@media (max-width: 768px){
	.lst_producto .lst_col_imagen {
		position: relative;
	}
}
.lst_producto .lst_nombre {
	font-weight: 800;
	font-size: 20px;
	margin-bottom: 0px;
    color: #292929;
}
.lst_producto .lst_codigo {
	font-size: 15px;
}
.lst_producto .lst_descripcion {
	margin-top: 10px;
	font-weight: 300;
	font-size: 18px;
}
.lst_producto .lst_precio_tachado {
	text-decoration: line-through;
	font-weight: 300;
	font-size: 15px;
	margin-bottom: -10px;
}
.lst_producto.lst_tag_promocional .lst_precio {
	color: var(--color-cyan);
}
.lst_producto .lst_precio {
	color: var(--color-rojo);
	font-weight: 800;
	font-size: 27px;	
}
.lst_producto .lst_iva {
	font-size: 13px;
	margin-top: -5px;
}
.lst_producto .lst_nombre,
.lst_producto .lst_descripcion {
	line-height: 20px;
}
.lst_producto .lst_nombre,
.lst_producto .lst_codigo,
.lst_producto .lst_descripcion,
.lst_producto .lst_precio_tachado,
.lst_producto .lst_precio,
.lst_producto .lst_iva {
	margin-left: 10px;
	margin-right: 10px;
}
.lst_producto .lst_datos {
    overflow: hidden;
	--mask-height: 20px;
	--mask-image-content: linear-gradient(
        to bottom,        
        black var(--mask-height),
        black calc(100% - var(--mask-height)),
        transparent
    );
	--mask-size-content: 100% 100%;
	height: 150px;
	overflow: hidden;	
	padding-bottom: var(--mask-height);
	margin-bottom: 15px;
	-webkit-mask-image: var(--mask-image-content);
	mask-image: var(--mask-image-content);
	mask-size: var(--mask-size-content);
	-webkit-mask-size: var(--mask-size-content);
}

.lst_hp .lst_precios {
	display: none;
}

@media (max-width: 760px){
    .lst_producto .lst_datos {
        height: 110px;
    }
	.lst_producto .lst_nombre {
		font-size: 19px;
		line-height: 19px;
	}
	.lst_producto .lst_codigo {
		font-size: 13px;
	}
	.lst_producto .lst_descripcion {
		font-size: 13px;
		line-height: 19px;
	}
	.lst_producto .lst_precio {
		font-size: 26px;
	}
	.lst_producto .lst_iva {
		font-size: 13px;
	}
}

@media (min-width: 768px){
	.bg_lst_productos {
		background: linear-gradient( to bottom, var(--color-gris-claro) 308px, #FFFFFF, 0px, #FFFFFF );
	}
}

.sub_cats .sub_cat_a {
	display: block;
    padding: 10px 0px;
    width: 135px;
}
@media (max-width: 540px){
    .sub_cats .sub_cat_a {
        width: 110px;
    }
}
.sub_cats .sub_cat_a:hover img {
    max-width: calc( 100% - 30px );
    max-height: calc( 100% - 30px );
}
.sub_cats .sub_cat_a img {
	max-width: calc( 100% - 40px );
    max-height: calc( 100% - 40px );    
    transition: max-height .3s;
}
.sub_cats .sub_cat_img {
    -webkit-box-shadow: 2px 2px 6px 0px rgba(204,204,204,1);
    -moz-box-shadow: 2px 2px 6px 0px rgba(204,204,204,1);
    box-shadow: 2px 2px 6px 0px rgba(204,204,204,1);
    aspect-ratio : 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub_cats .sub_cat_desc {
    height: 48px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.sub_cats:not(.sub_cats_mas_r) {
    padding-bottom: 20px;
    margin-bottom: 50px;
}
.sub_cats {
    position: relative;
}
.sub_cats.sub_cats_mas:not(.sub_cats_mas_r) {
    max-height: 300px;
    overflow: hidden;
    
    --mask-height: 20px;
	--mask-image-content: linear-gradient(
        to bottom,        
        black var(--mask-height),
        black calc(100% - var(--mask-height)),
        transparent
    );
	--mask-size-content: 100% 100%;
	padding-bottom: var(--mask-height);
	-webkit-mask-image: var(--mask-image-content);
	mask-image: var(--mask-image-content);
	mask-size: var(--mask-size-content);
	-webkit-mask-size: var(--mask-size-content);
}
.sub_cats.sub_cats_menos {
    margin-bottom: 0px;
}
.sub_cat_mas {
    top: 310px;
}
.sub_cat_mas,
.sub_cat_menos {
    display: inline-block;
    text-align: center;
    left: calc( 50% - 50px );
    position: absolute;
	color: var(--color-rojo);
	font-weight: var(--fw-bold);
	font-size: 22px;
}
.sub_cat_menos {
    bottom: 10px;
}
@media (max-width: 540px){
    .sub_cat_mas {
        top: 170px;		
    }
    .sub_cats.sub_cats_mas {
        max-height: 160px !important;
    }
}
.sub_cat_mas_r.sub_cat_mas,
.sub_cat_menos_r.sub_cat_menos {
    display: none;    
}

/* sliders */
.slider_arrow {
	position: absolute;
	top: 50%;
	border: 0px;
	background: none;
}
.slider_arrow--prev {
	left: -20px;
}
.slider_arrow--next {
	right: -20px;
}
.carousel-control-prev,
.carousel-control-next {
	width: 16px;
}
.carousel-control-prev {
	left: -18px;    
}
.carousel-control-next {
	right: -18px;
}
.carousel_mb .carousel-control-prev {
	left: -12px; 
}
.carousel_mb .carousel-control-next {
	right: -12px;
}
#slider-relacionados .carousel-control-prev,
#slider-relacionados .carousel-control-next {
	margin-bottom: 13px;
}

/* producto */
#producto {
    margin-bottom: 30px;
}
.migas ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.migas ul li {
    display: inline-block;
    background-color: #ECECEC;
    text-align: center;
    margin-right: 10px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
}
#producto .migas ul li {
    background-color: #707070;
}
#producto .migas ul li a {
    color: #FFF;
}
#producto .migas ul li:last-child{
    background-color: var(--color-rojo);	
}
#producto .migas ul li:last-child a {
	color: #FFF;
}
@media (max-width: 540px){
	#producto .migas ul li {
		margin-bottom: 10px;
	}
}
.migas ul li a {
    color: #707070;
    padding: 5px 15px;
    display: block;
}
.migas ul li:first-child {
	background-color: #707070;
}
.migas ul li:first-child a {
	color: #FFF;
}
.migas ul li:first-child:hover {
	background-color: #101010;
}
.migas ul li:hover {
	background-color: #707070;
}
.migas ul li:hover a {
	color: #FFF;
}
#producto h1 {
    font-size: 44px;
    font-weight: 800;
    margin: 0px;
    padding: 0px;
}
#producto .codigo,
#producto .embalaje,
#producto .descripcion,
#producto .row_cantidad,
#producto .antes,
#md_cp_producto .row_cantidad
#md_cp_producto .antes {
    font-size: 14px;
}
#producto .cantidad,
#producto .iva_incluido,
#md_cp_producto .cantidad,
#md_cp_producto .iva_incluido {
    font-size: 14px;
}
#producto .codigo {
    font-weight: 500;
}
#producto .row_cantidad,
#md_cp_producto .row_cantidad {
    color: #000;
    font-weight: 500;
}
#producto .row_cantidad [class^=col]:first-child,
#md_cp_producto .row_cantidad [class^=col]:first-child {
	cursor: pointer;
    background-color: var(--color-gris-claro);
    padding-top: 6px;
    padding-bottom: 6px;
}
#producto .row_cantidad [class^=col]:first-child:hover,
#producto .row_cantidad_sel [class^=col]:first-child,
#md_cp_producto .row_cantidad [class^=col]:first-child:hover,
#md_cp_producto .row_cantidad_sel [class^=col]:first-child {
	background-color: #000;
	color: #FFF;
}
#producto .row_cantidad [class^=col]:last-child,
#md_cp_producto .row_cantidad [class^=col]:last-child{
    font-size: 21px;
    font-weight: 800;
}
#producto .row_cantidad .importe,
#md_cp_producto .row_cantidad .importe {
    display: inline-block;
    min-width: 150px;
}
#producto .row_cantidad .porcentaje,
#md_cp_producto .row_cantidad .porcentaje{
    font-weight: 500;
    font-size: 14px;
    color: #FFF;
    background-color: var(--color-rojo);
    padding-left: 5px;
    margin-left: 20px;
    display: inline-block;
    position: relative;
    width: 85px !important;
}
#producto .row_cantidad .porcentaje::after,
#md_cp_producto .row_cantidad .porcentaje::after{
    position: absolute;
    right: 0;
    top: 0px;
    content: '';
    border-style: solid;
    border-width: 10px 7px 10px 0;
    border-color: transparent white transparent transparent;
    transform: rotate(0deg);
}
#producto .pl_cucarda,
#md_cp_producto .pl_cucarda_bosch{
    color: #005691;
	margin-top: 5px;
    font-weight: var(--fw-cond);
    font-size: 24px;
    text-transform: uppercase;
}
#producto .pl_cucarda span,
#md_cp_producto .pl_cucarda_bosch span{
    background-color: #005691;
	color: #FFF;
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}
#producto .precios_cantidad,
#producto .precio_promocional,
#producto .precio_lista,
#md_cp_producto .precios_cantidad,
#md_cp_producto .precio_promocional,
#md_cp_producto .precio_lista {
    margin-top: 20px;
}
#producto .antes,
#md_cp_producto .antes {
    font-weight: 500;
}
#producto .precio_tachado,
#md_cp_producto .precio_tachado {
    font-size: 20px;
    text-decoration: line-through;
    color: var(--color-gris-claro);
    margin-top: -5px;
}
#producto .precio,
#md_cp_producto .precio {
    font-size: 44px;
    font-weight: 800;
}
#producto .precio_promocional .precio,
#md_cp_producto .precio_promocional .precio {
    color: var(--color-cyan);
    margin-top: -10px;
}
#producto .iva_incluido,
#md_cp_producto .iva_incluido {
    color: #000;
    font-weight: 300;
}

#producto .precio_promocional .porcentaje,
#md_cp_producto .precio_promocional .porcentaje{
    background-color: var(--color-gris-claro);
    font-size: 30px;
    font-weight: 800;
    display: inline-block;
    padding: 5px 15px;
}
#producto .botones {
    margin-top: 10px;
}
#producto .btn_agregar_carrito,
#producto .btn_agregar_cotizacion,
#producto .btn_favoritos,
#producto .btn_portapapeles,
#producto .btn_notificarme_stock,
#md_cp_producto .btn_agregar_cotizacion,
.btn_cancelar_nuevo_producto_cotizacion {
    border: 0px;    
    color: #FFF;
    font-size: 20px;  
    padding: 5px 15px;
	margin-bottom: 4px;
}
@media (max-width: 540px){
	#producto .precio_promocional .porcentaje {
		font-size: 25px;
	}
	#producto .btn_agregar_carrito,
    #producto .btn_agregar_cotizacion,
	#producto .btn_favoritos,
	#producto .btn_portapapeles,
	#producto .btn_notificarme_stock {
		font-size: 20px;
	}
	#producto .btn_agregar_carrito {
		width: 68%;
	}
}
#producto .btn_agregar_carrito,
#producto .btn_agregar_cotizacion,
#md_cp_producto .btn_agregar_cotizacion {
    background-color: var(--color-cyan);
    text-transform: uppercase;
    font-weight: var(--fw-cond);
}
#producto .btn_agregar_cotizacion {
    background-color: var(--color-amarillo);
}
#producto .btn_notificarme_stock {
	background-color: var(--color-cyan);
    text-transform: uppercase;
    font-weight: 800;
	margin-bottom: 5px;	
}
#producto .btn_agotado {
	border: 0px;
	color: #FFF;
	background-color: #3E3E3E;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: var(--fw-bold);
	display: block;
	padding: 5px 15px;
	margin-bottom: 5px;
}
@media (max-width: 600px){
	#producto .btn_agotado {
		width: auto;
		min-width: 63%;
		font-size: 20px;
	}
}
#producto .fecha_reposicion {
	font-size: 16px;
	font-weight: var(--fw-book);	
	text-transform: none;
}
#producto .btn_favoritos {
    background-color: var(--color-gris-oscuro);
    color: #FFF;
}
#producto .btn_favoritos.tmp-heart-fill,
#producto .btn_favoritos_fill {
    background-color: var(--color-gris-claro);
    color: var(--color-rojo);
}
#producto .btn_portapapeles {
    background-color: var(--color-rojo);
    color: #FFF;
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}
#producto .btn_portapapeles:hover {
    background-color: var(--color-gris-claro);
    color: var(--color-rojo);
}
.btn_cancelar_nuevo_producto_cotizacion {
    background-color: #FFF;
    color: #000;
    border: 1px solid #000;
    text-transform: uppercase;
    font-weight: var(--fw-cond);
}
#producto .imagen {
    height: 451px;
}
#producto .imagen,
#producto #slider-imagenes .carousel-item {
    vertical-align: middle;
    text-align: center;
    line-height: 502px;
}
#producto .imagen,
#producto #slider-imagenes .carousel-indicators [data-bs-target],
#producto .tresd,
#producto .video {
    border: 1px solid var(--color-gris-claro);
}
#producto .tresd,
#producto .video {
    opacity: .5;
}
#producto #slider-imagenes .carousel-indicators {
	position: relative;
	display: block;
	margin: 0px;
	padding: 0px;
}
#producto #slider-imagenes .carousel-indicators [data-bs-target] {
	width: 100%;
	height: auto;
	text-indent: inherit;
	margin: 0px 0px 5px 0px;
	box-sizing: inherit;
}
@media (max-width: 600px){
	#producto #slider-imagenes .carousel-indicators [data-bs-target] {
		float: left;
		width: 62px;
		height: 62px;		
		margin: 0px 5px 0px 0px;
	}
    #producto #slider-imagenes .carousel-indicators [data-bs-target] img {
		width: 60px;
		height: 60px;		
	}
}

#producto .video .iframe {
    display: none;
}
#producto .tresd,
#producto .video {
    text-align: center;
    margin: 0px 0px 5px 0px;
    width: 100%;
    font-size: 40px;
    color: var(--color-rojo);
}
#producto .tresd i,
#producto .video i {
    display: block;
    cursor: pointer;
    margin: 5px;
}
@media (max-width: 600px){
	#producto .tresd,
	#producto .video {
		font-size: 18px;
		float: left;
		width: 30px;
		height: 30px;		
		line-height: 30px;
		margin: 0px 5px 0px 0px;
	}
	#producto .tresd i,
	#producto .video i {
		display: block;
		cursor: pointer;
		margin: 0px;
	}
}
.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.video-responsive iframe, 
.video-responsive object, 
.video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#producto .texto_imagenes {
    font-size: 10px;
}
#producto .promociones {
	margin-top: 20px;
}
#producto .costo_envio {
    margin-top: 20px;
}
#producto .costo_envio input,
#producto .costo_envio button {
    line-height: 36px;
}
#producto .costo_envio input {
    padding: 0px 7px;
    border: 1px solid var(--color-gris-claro);
}
#producto .costo_envio button {
    background-color: var(--color-gris-oscuro);
    color: #FFF;
    border: 0px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 800;
    padding: 1px 30px;
}
@media (max-width: 600px){
	#producto .costo_envio button {
		font-size: 20px;
	}
}
#producto .detalles {
    margin-top: 50px;
}
#producto .detalles h2 {
    font-size: 35px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
}
#producto .detalles h3 {
    font-size: 23px;
    font-weight: 500;
    text-transform: uppercase;
}
#producto .detalles .detalle_botones a {
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    background-color: #000;
    color: #FFF;
    display: block;
    margin-bottom: 20px;
}
#producto .detalles .detalle_botones a:last-child {
    margin-bottom: 0px;
}
@media (max-width: 600px){
	.mb_bg_gris_claro {
		background-color: var(--color-gris-claro);
	}
}
#producto .detalles .detalle_botones a.bg_rojo {
    background-color: var(--color-rojo);
}
#producto .detalles .detalle_botones a.bg_gris_claro {
    background-color: var(--color-gris-claro);
    border: 1px solid var(--color-gris-oscuro);
    color: #000;
}
#producto .detalles .detalle_botones a.bg_gris_oscuro {
    background-color: var(--color-gris-oscuro);
    color: #FFF;
}
#producto .tag_promocional .carousel-inner:before {
    content: 'precio promocional';
    background-color: var(--color-rojo);
}
#producto .tag_agotado .carousel-inner:before {
    content: 'producto agotado';
    background-color: #3E3E3E;
}
#producto .tag_agotado .carousel-inner:before,
#producto .tag_promocional .carousel-inner:before,
.tag_cucarda {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;	
    color: #FFF;
    font-weight: 800;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 16px;
	z-index: var(--z-index-producto-tags);
}
.tag_cucarda {
    top: 1px;
    left: 1px;
    text-align: left;
    padding-left: 10px;
    padding-right: 30px;
    display: inline-block;
    width: auto;
    margin-left: calc(var(--bs-gutter-x) * .5);
}
.tag_cucarda::after {
    position: absolute;
    right: 0;
    top: 0px;
    content: '';
    border-style: solid;
    border-width: 13px 7px 13px 0;
    border-color: transparent white transparent transparent;
    transform: rotate(0deg);
}
#producto .bts_producto_descargas {
	margin-right: 10px;
	min-width: 250px;
}

#producto .variantes {
    margin-top: 20px;
}
#producto .variantes .variante {
	color: #000;
	border: 1px solid var(--color-gris-claro);
	font-size: 12px;
	text-align: center;
	padding: 10px;
	background-color: #FFF;
	display: inline-block;
	margin-bottom: 5px;
}
#producto .variantes .variantes_titulo {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: var(--fw-bold);
	margin-bottom: 5px;
}
#producto .variantes .variante.active,
#producto .variantes .variante:hover {
	background-color: #000;
	color: #FFF;
}

#btn_resenia {
	background-color: var(--color-rojo);
	color: #FFF;
	border: 0px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 800;
    padding: 5px 15px;
}

@media (max-width: 600px){
	#btn_resenia {
		font-size: 20px;
	}
}

#producto .resenias {
	margin-top: 10px;
	border-top: 1px solid var(--color-gris-claro);
	padding-top: 10px;
}

#slider-resenias .carousel-indicators {
	position: relative;
	margin-bottom: 0px;
}

#slider-resenias .carousel-item {
	height: 100px;
	overflow: hidden;
}

.resenia_calificacion,
.resenia_usuario {
	font-weight: 500;
}

.resenia_puntajes {
	padding: 0px;
	margin: 0px;
	-moz-user-select:none;
  	-webkit-user-select:none;
}

.resenia_puntajes .resenia_puntaje {
	display: inline-block;
	position: relative;
	font-family: bootstrap-icons !important;
}

.resenia_puntajes .resenia_puntaje_xs {
	font-size: 10px;
}

.resenia_puntajes .resenia_puntaje_sm {
	font-size: 15px;
}

.resenia_puntajes .resenia_puntaje_md {
	font-size: 20px;
}

.resenia_puntajes .resenia_puntaje_lg {
	font-size: 25px;
}

.resenia_puntajes .estrella_gris::before {
	content: "\F588 \F588 \F588 \F588 \F588";
	color: #f0f0f0;
}

.resenia_puntajes .estrella_blanca::before {
	content: "\F588 \F588 \F588 \F588 \F588";
	color: #FFF;
}

.resenia_puntajes .estrella_roja {
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	overflow: hidden;
	width: 0;
}

.resenia_puntajes .estrella_roja::before {
  content: "\F586 \F586 \F586 \F586 \F586";
  color: #cc0000;
}

#resenia_votos {
	margin-bottom: 5px;
}
#resenia_votos ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	-moz-user-select:none;
  	-webkit-user-select:none;
}
#resenia_votos .estrella_gris {
	display:inline-block;
	font-size: 25px;
	font-family: bootstrap-icons !important;
}
#resenia_votos .estrella_gris::before {	
	content: "\F588";
	color: #f0f0f0;	
}
#resenia_votos .estrella_roja::before,
#resenia_votos .estrella_roja_selected::before {
	content: "\F586";
	color: #cc0000;
}
#btn_grafica_precios {
    border: 0px;
    background-color: var(--color-rojo);
    color: #FFF;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 20px;
    padding: 5px 15px;
    border-radius: 0px;
}
@media (max-width: 600px){
	#btn_grafica_precios {
		font-size: 20px;
	}
}
#md_grafica_precio input {
	padding: 0px 7px;
	border: 1px solid var(--color-gris-claro);
	line-height: 36px;
}
#md_grafica_precio input[readonly]{	
    background-color: #eee;
}
#md_grafica_precio #gp_sugerencias {
	display: none;
    background-color: #FFF;
    border: 1px solid #bebebe;
    padding: 10px;
    top: 45px;
    position: absolute;
    width: 97%;
    z-index: 100;
    max-height: 300px;
    overflow: auto;
}
#md_grafica_precio #gp_sugerencias a {
    display: block;
}
#md_grafica_precio #btn_grafica_precios_descargar {
	border: 0px;
    background-color: var(--color-gris-oscuro);
    color: #FFF;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 26px;
    padding: 5px 15px;
    border-radius: 0px;
}
@media (max-width: 600px){
	#md_grafica_precio #btn_grafica_precios_descargar {
		font-size: 20px;
	}
	#md_grafica_precio #gp_sugerencias {
		width: 94.8%;
	}
}
#producto.producto_hp .precios {
	display: none;
}
#producto.producto_cf button:disabled {
	opacity: .5;
}
#producto.producto_cf .btn_disabled_cf {
    background-color: var(--color-gris-claro);
}
#producto .consumidor_final {
    display: none;
    background-color: var(--color-gris-claro);
	padding: 15px;
	margin: 20px 0px;
    color: var(--color-rojo);
}
#producto.producto_cf .consumidor_final {
    display: block;
}
.login_precios {
	display: none;
	background-color: var(--color-gris-claro);
	padding: 15px;
	margin: 20px 0px;
}
.login_precios a {
	color: var(--color-rojo);
	font-weight: var(--fw-bold);
	text-decoration: underline;
}
#producto.producto_hp .login_precios {
	display: inline-block;
}

.contacto_hp .login_precios {
	display: block;
}

.contacto_hp .reclamo_form,
.contacto_hp .reclamo_tipos {
	display: none;
}

#producto.producto_hp .btn_agregar_carrito {
	opacity: .5;
	cursor: not-allowed;
}

/* scanner codigos */
#scannerCodigo .modal-body {
    padding-left: 10px;
    padding-right: 10px;
}
#wr_scanner_titulo_producto {
    text-transform: uppercase;
    color: #cc0000;
    font-size: 20px;
    font-weight:500;
}
#wr_scanner video{
	max-width: 100%;
	width: 100%;
}
#wr_scanner{
	max-width: 100%;
	position:relative;
}
#wr_scanner_resultado {
	display: none
}
#sp_img {
    vertical-align: middle;
    text-align: center;
}
#sp_img img {
    max-width: 100%;
    max-height: 100%;
}
#sp_datos_nombre {
    font-weight: 800;
    font-size: 24px;
}
#sp_datos_codigo {
    font-size: 15px;
}
#sp_cantidades label {
    font-weight: 300;
}
#sp_cantidades span {
    font-weight: 800;
    font-size: 24px;
}
#sp_porcentaje {
    background-color: #e9e9e9;
    line-height: 1em;
    padding: 10px 20px;
    font-size: 27px;
    font-weight: 800;
    display: block;
    text-align: center;
}
#sp_btn button,
#sp_btn a {
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    text-align: center;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 800;
    border-radius: 0px;
    border: 0px;
    width: 100%;
    padding: 5px 0px;
}
canvas{
	max-width: 100%;
}
canvas.drawingBuffer{
	position:absolute;
	top:0;
	left:0;
}

/* checkout */
.pasos_checkout {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: flex;
	overflow-x: auto;
	color: var(--color-gris-claro);
}
.pasos_checkout .paso_checkout_content {
	box-sizing: content-box;
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 5rem;
	min-width: 5rem;
	max-width: 5rem;
	padding-top: .5rem;
	padding-right: 1rem;
}
.pasos_checkout .paso_checkout_circle {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.5rem;
	height: 1.5rem;
	color: var(--color-gris-claro);
	border: 2px solid var(--color-gris-claro);
	border-radius: 100%;
	background-color: #FFF;
}
.pasos_checkout .paso_checkout_circle::before {
	content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -2px;
    width: calc(5rem + 1rem - 1.5rem);
    height: 2px;
    transform: translate(-100%, -50%);
    color: var(--color-gris-claro);
    background-color: currentColor;
}
.pasos_checkout .paso_checkout_activo .paso_checkout_circle::before,
.pasos_checkout .paso_checkout_completado .paso_checkout_circle::before {
	color: var(--color-rojo);
}
.paso_checkout:first-of-type .paso_checkout_circle::before {
    display: none
}
.pasos_checkout .paso_checkout_text {
	color: var(--color-gris-claro);
	word-break: break-all;
    margin-top: .25em;
}
.pasos_checkout .paso_checkout_activo,
.pasos_checkout .paso_checkout_completado,
.pasos_checkout .paso_checkout_activo a,
.pasos_checkout .paso_checkout_completado a {
	color: var(--color-rojo);	
	font-weight: var(--fw-cond);
	text-transform: uppercase;
}
.pasos_checkout .paso_checkout_activo .paso_checkout_circle,
.pasos_checkout .paso_checkout_completado .paso_checkout_circle {
	background-color: var(--color-rojo);
	border: 2px solid var(--color-rojo);
	color: #FFF;
}
.pasos_checkout .paso_checkout_activo .paso_checkout_text,
.pasos_checkout .paso_checkout_completado .paso_checkout_text {
	color: var(--color-rojo);
}
#btn_aplicar_cupon,
#btn_checkout_confirmar,
.btn_checkout_ok,
.btn_checkout_modificar {
	color: #FFF;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 800;	
    background-color: var(--color-rojo);
	border: 0px;
	padding: 8px 25px;
    position: relative;
}
#btn_aplicar_cupon {
	font-size: 14px;
	padding: 8px 20px;
}
.btn_checkout_modificar {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}
@media screen and (max-width: 540px){
    .btn_checkout_modificar {
        display: block;
        text-align: center;
    }
}
.btn_checkout_modificar:hover {
    color: #FFF;
}
#btn_checkout_confirmar {
    display: block;
    font-weight: var(--fw-cond);
    font-size: 25px;
    padding: 10px 0px;
    margin-top: 20px;
    text-align: center;
}
#aplicar_cupon_form.fm_loading .texto_aplicar_cupon_form,
#btn_checkout_confirmar.fm_loading .texto_checkout_confirmar_form,
.btn_checkout_ok.fm_loading .texto_checkout_ok_form {
    visibility: hidden;
}
#aplicar_cupon_form .spinner_aplicar_cupon_form,
#btn_checkout_confirmar .spinner_checkout_confirmar_form,
.btn_checkout_ok .spinner_checkout_ok_form {
    display: none;
    position: absolute;
    left: calc( 50% - 7px );
    top: calc( 50% - 7px );
}
#aplicar_cupon_form.fm_loading .spinner_aplicar_cupon_form,
#btn_checkout_confirmar.fm_loading .spinner_checkout_confirmar_form,
.btn_checkout_ok.fm_loading .spinner_checkout_ok_form {
    display: inline-block; 
}
#aplicar_cupon_form {
    border: 1px dashed var(--color-gris-oscuro);
    padding: 5px;
}
#aplicar_cupon_form #error_cupon {
    color: var(--color-rojo);
    font-size: 12px;
    margin-bottom: 5px;
}
#aplicar_cupon_form #cupon {
    border: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.btn_checkout_pago_error_whatsapp:hover,
.btn_checkout_pago_error_reintentar:hover {
	color: #FFF;
}
.btn_checkout_pago_error_whatsapp {
	display: inline-block;
    font-weight: var(--fw-cond);
    font-size: 20px;
    padding: 10px 20px;
    text-align: center;
	color: #FFF;
	background-color: #000;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.btn_checkout_pago_error_reintentar {
	display: inline-block;
    font-weight: var(--fw-cond);
    font-size: 20px;
    padding: 10px 20px;
    text-align: center;
	color: #FFF;
	background-color: var(--color-rojo);
	text-transform: uppercase;
	margin-bottom: 10px;
}

/* secciones */
.seccion {
	margin-bottom: 30px;
}
.seccion h1 {
	text-transform: uppercase;
	color: #000;
	font-weight: var(--fw-cond);
	font-size: 44px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.seccion h2 {
	color: var(--color-rojo);
	font-weight: var(--fw-bold);
	font-size: 20px;
	margin: 0px 0px 30px 0px;
	padding: 0px;
}
.seccion h3 {
	text-transform: uppercase;
	color: #000;
	font-weight: var(--fw-cond);
	font-size: 25px;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}
.seccion .seccion_form .fm_error_general {
    display: none;
    color: var(--color-rojo);
    font-weight: var(--fw-bold);
    font-size: 16px;
    padding-left: 30px;
    position: relative;
    margin-bottom: 20px;
}
.seccion .seccion_form .fm_error_general::before {
    font-family: bootstrap-icons !important;
	content: '\F333';
    color: var(--color-rojo);
    position: absolute;
    top: 0px;
    left: 0px;
}
.seccion .seccion_form .fm_field,
.modificacion_form .fm_field {
	background-color: #FFF;
	border: 1px solid var(--color-gris-oscuro);
	padding: 2px 10px;
	position: relative;
}
.seccion.usuario .seccion_form .fm_field.fm_field_em {
    background-color: transparent;
}
.seccion .seccion_form .fm_field.fm_field_em {
    border: 0px;
}
.seccion .seccion_form .fm_field_transparente  {
	padding: 2px 10px;
}
.seccion .seccion_form .fm_field_transparente .label,
.seccion .seccion_form .fm_field label,
.modificacion_form .fm_field label {
	text-transform: uppercase;
	font-weight: var(--fw-bold);
	font-size: 15px;
    display: block;
}
.seccion .seccion_form .fm_field_transparente .label {
	color: #000;    
}
.seccion .seccion_form .fm_field label,
.modificacion_form .fm_field label {
	color: var(--color-gris-oscuro);
}
.seccion .seccion_form .fm_field.fm_label_book label {
	font-weight: var(--fw-book);
}
.seccion .seccion_form .fm_obligatorio::after {
	top: 5px;
	right: 10px;
}
.seccion .seccion_form .fm_obligatorio.fm_field_em::after {
    display: none;
}
.seccion .seccion_form .fm_input_error {
	border-color: var(--color-rojo);
    margin-bottom: 40px;
}
.col_metodo_envio.fm_input_error {
	margin-bottom: 10px !important;
}
.col_metodo_envio.fm_input_error .metodo_envio {
	border-color: var(--color-rojo) !important;
}
.col_metodo_envio.fm_input_error .metodo_envio i {
	color: var(--color-rojo);
}
.seccion .seccion_form .fm_input_error:not(.fm_input_error_icono)::before {
    font-family: bootstrap-icons !important;
    content: "\F333";
    position: absolute;
    bottom: 5px;
    right: 10px;
    color: var(--color-rojo);
}
.seccion .seccion_form .fm_input_error label,
.seccion .seccion_form .fm_obligatorio.fm_input_error::after {
    color: var(--color-rojo);
}
.seccion .seccion_form .fm_texto_error {
	position: absolute;
	bottom: -25px;
}
#error_metodo_envio.fm_texto_error {
	position: relative;
	bottom: 0px;
}
.seccion .seccion_form .fm_texto_error_row .fm_texto_error {
	position: relative;
	bottom: auto;
}
.seccion .seccion_form .fm_texto_error {
    font-weight: var(--fw-bold);
}
.seccion .seccion_form .fm_texto_error_row {
    margin-top: -25px;
    margin-left: 10px;
    margin-right: 10px;
}
.seccion .seccion_form .fm_field input,
.seccion .seccion_form .fm_field textarea,
.seccion .seccion_form .fm_field select,
.modificacion_form .fm_field input,
.modificacion_form .fm_field textarea,
.modificacion_form .fm_field select {
	border: 0px !important;
	background-color: #FFF !important;
	padding: 0px;
}
.seccion .seccion_form .fm_field .pr,
.seccion .seccion_form .fm_field .prt {
    top: auto;
    bottom: 5px;
    right: 10px;
}
/* usuarios */
.seccion.usuario .menu {
	padding-right: 30px;
}
.seccion.usuario .menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.seccion.usuario .menu ul a {
	display: block;
	color: #000;
	padding: 10px 20px;
	border-bottom: 1px solid var(--color-gris-claro);
	text-transform: uppercase;
	font-weight: var(--fw-bold);
	font-size: 18px;
}
.seccion.usuario .menu ul li.active a {
	color: #FFF;
	background-color: #000;
}
.seccion.usuario .menu ul a i {
	margin-right: 10px;
}
.seccion.usuario .tab-link {
	text-transform: uppercase;
	font-weight: var(--fw-cond);
	font-size: 20px;
	color: #000;
	padding-bottom: 5px;
	border-bottom: 2px solid #000;
}
.seccion.usuario .tab-link:not(.tab-link-mb) {		
	padding-right: 10px;
	padding-left: 10px;	
}
.seccion.usuario .tab-link:not(.tab-link-mb):first-child {
	padding-left: 0px;
}
.seccion.usuario .tab-link.active {
	color: var(--color-rojo);
	border-color: var(--color-rojo);
}
.seccion.usuario .tab-link-mb {
	margin-bottom: 20px;
	position: relative;
}
.seccion.usuario .tab-link-mb::after {
	font-family: bootstrap-icons !important;
	content: '\F282';
    color: #000;
    position: absolute;
    top: 0px;
    right: 0px;
}
.seccion.usuario .tab-link-mb.active::after {
	color: var(--color-rojo);
} 
.seccion.usuario .tab {
	visibility: hidden;
	opacity: 0;
	height: 0;
	transition: visibility .5s, opacity .5s, height .2s;
}
.seccion.usuario .tab.active {
	visibility: visible; 
	opacity: 1;
	height: auto;
	display: block;
}
.validacion_cuenta a {
    text-align: center;
    text-transform: uppercase;
    font-weight: var(--fw-cond);
    color: #000;
    background-color: var(--color-amarillo);
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}
.validacion_cuenta .aclaracion {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 0px 10px;
}
#wr_ok,
#wr_md_ok {
    text-align: center;
    padding-top: 15px;
}
#wr_ok .icono,
#wr_md_ok .icono {
    font-size: 60px;
    color: var(--color-rojo);
}
#wr_ok .titulo,
#wr_md_ok .titulo {
    font-size: 30px;
    font-weight: var(--fw-cond);
    text-transform: uppercase;
}
.favoritos h3 {
    padding: 10px;
}
.btn_eliminar_todos {
    background-color: var(--color-cyan);
    text-transform: uppercase;
    font-weight: var(--fw-cond);
    font-size: 25px;
    color: #FFF;
    border: 0px;
    padding: 10px 20px;
}
.seccion.compras .tbl_header {
	background-color: var(--color-gris-claro);
	font-weight: var(--fw-bold);
}
.seccion.compras .tbl_header,
.seccion.compras .tbl_row {
	font-size: 16px;
}	
.seccion.compras .tbl_header,
.seccion.compras .tbl_row {
	padding: 20px;
	display: flex;
}
.seccion.compras .tbl_col {
	flex-basis: 100%;
	min-width: 100px;
}
.seccion.compras .tbl_row {
	border: 1px solid var(--color-gris-claro);
	margin-top: 20px;
}
.seccion.compras .tbl_row.active {
    border: 0px;
    background-color: var(--color-gris-claro);
}
.seccion.compras .btn_detalle_orden,
.seccion.compras .btn_cerrar_detalle_orden {	
	color: #FFF;
	text-transform: uppercase;
	font-weight: var(--fw-cond);
	font-size: 14px;
	padding: 10px;
	position: relative;
}
.seccion.compras .btn_detalle_orden {
	display: block;
	background-color: var(--color-rojo);
}
.seccion.compras .btn_detalle_orden::after,
.seccion.compras .btn_cerrar_detalle_orden::after {
	font-family: bootstrap-icons !important;
    color: #FFF;
    position: absolute;
    bottom: 10px;
    right: 10px; 
}
.seccion.compras .btn_detalle_orden::after {
	content: '\F282';
}
.seccion.compras .btn_cerrar_detalle_orden::after {
	content: '\F286';
}
.seccion.compras .btn_cerrar_detalle_orden {
	display: none;
	background-color: var(--color-gris-oscuro);	
}
.seccion.compras .active .btn_detalle_orden {
	display: none;
}
.seccion.compras .active .btn_cerrar_detalle_orden {
	display: block;
}
.seccion.compras .tbl_detail {
    visibility: hidden;
	opacity: 0;
	height: 0;
	transition: visibility .5s, opacity .5s, height .2s;
}
.seccion.compras .tbl_detail.active {
    visibility: visible;
    opacity: 1;
    height: auto;
    margin-bottom: 40px;
}
.seccion.compras .tbl_detail_row {
	font-size: 14px;
    margin-top: 10px;
    padding-top: 10px;
}
.seccion.compras .tbl_detail_row_product {
    border-top: 1px dotted var(--color-gris-claro);
}
.seccion.compras .tbl_detail_row_product:first-child {
    border-top: 0px;
}
.seccion.compras .tbl_detail_titulo {
	font-weight: var(--fw-bold);
	text-transform: uppercase;
	font-size: 16px;
	padding-bottom: 5px;
	border-bottom: 1px solid var(--color-gris-claro);
	margin-bottom: 10px;
}
.seccion.compras .tbl_detail_img,
.seccion.checkout .tbl_checkout_img,
.seccion.cotizacion .tbl_checkout_img {
    max-width: 60px;
    max-height: 60px;
}
@media screen and (max-width: 540px){
    .seccion.checkout .tbl_checkout_img,
	.seccion.cotizacion .tbl_checkout_img	{
        max-width: 50px;
        max-height: 50px;
    }
}
.seccion.compras .tbl_detail_resumen,
.seccion.cotizacion .tbl_detail_resumen {
	-webkit-box-shadow: 0px 5px 5px 0px rgba(209,209,209,1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(209,209,209,1);
	box-shadow: 0px 5px 5px 0px rgba(209,209,209,1);
	padding: 15px;
}
.seccion.cotizacion .tbl_detail_resumen {
	margin-bottom: 30px;
}
.seccion.compras .tbl_detail_resumen .row,
.seccion.cotizacion .tbl_detail_resumen .row {
	margin-top: 10px;
	margin-bottom: 10px;
}
.seccion.compras .tbl_detail_titulo_resumen,
.seccion.cotizacion .tbl_detail_titulo_resumen {
	font-weight: var(--fw-cond);
	font-size: 25px;
	text-transform: uppercase;
}
.seccion.compras .tbl_detail_total,
.seccion.cotizacion .tbl_detail_total {
	font-size: 20px;
}
.seccion.compras .btn_tbl {
    display: block;
    font-weight: var(--fw-cond);
    font-size: 25px;
    text-align: center;
    padding: 10px 0px;
    margin-top: 20px;    
    text-transform: uppercase;
}
.seccion.compras .btn_tbl_sm {
    display: inline-block;
    font-weight: var(--fw-cond);
    font-size: 16px;
    text-align: center;
    padding: 10px 20px;
    text-transform: uppercase;
}
.seccion.compras .btn_tbl_rojo {
    background-color: var(--color-rojo);
    color: #FFF;
}
.seccion.compras .btn_tbl_cyan {
    background-color: var(--color-cyan);
    color: #FFF;
}
.seccion.compras .separador_d {
	border-bottom: 1px dotted var(--color-gris-claro);
	height: 1px;
}
.seccion.compras .separador {
	border-bottom: 1px solid #000;
	height: 1px;
}

/* checkout - cotizacion */ 
.seccion.carrito,
.seccion.cotizacion {
    margin-bottom: 50px;
}
.seccion.carrito h1,
.seccion.cotizacion h1 {
	position: relative;
}
.seccion.carrito .carrito_items,
.seccion.cotizacion .carrito_items {
	font-weight: var(--fw-book);
	font-size: 16px;
	position: absolute;
	bottom: 15px;
	margin-left: 20px;
}
.seccion.carrito .tbl_header,
.seccion.cotizacion .tbl_header {
	background-color: var(--color-gris-claro);
	font-weight: var(--fw-bold);
	padding: 10px;
	display: flex;
}
.seccion.carrito .tbl_header,
.seccion.carrito .tbl_row,
.seccion.cotizacion .tbl_header,
.seccion.cotizacion .tbl_row {
	font-size: 16px;
}	
.seccion.carrito .tbl_row,
.seccion.cotizacion .tbl_row {
	border: 1px solid var(--color-gris-claro);
	margin-top: 20px;
	padding: 10px;
	display: flex;
}
.seccion.carrito .btn_tbl,
.seccion.cotizacion .btn_tbl {
    display: block;
    font-weight: var(--fw-cond);
    font-size: 25px;
    text-align: center;
    padding: 10px 0px;
    margin-top: 20px;    
    text-transform: uppercase;
}
.seccion.carrito .btn_tbl_sm,
.seccion.cotizacion .btn_tbl_sm {
    display: inline-block;
    font-weight: var(--fw-cond);
    font-size: 16px;
    text-align: center;
    padding: 10px 20px;
    text-transform: uppercase;
}
.seccion.cotizacion .btn_tbl {
	font-size: 16px;
	margin-top: 0px;
}
.seccion.carrito .btn_tbl_negro {
    background-color: #000;;
    color: #FFF;
}
.seccion.carrito .btn_tbl_rojo,
.seccion.cotizacion .btn_tbl_rojo {
    background-color: var(--color-rojo);
    color: #FFF;
}
.seccion.carrito .btn_tbl_cyan {
    background-color: var(--color-cyan);
    color: #FFF;
}
.seccion.carrito .btn_tbl_blanco,
.seccion.cotizacion .btn_tbl_blanco {
    background-color: #FFF;
    color: #000;
    border: 1px solid #000;
}
.seccion.carrito .btn_tbl_gris_oscuro,
.seccion.cotizacion .btn_tbl_gris_oscuro {
    background-color: var(--color-gris-oscuro);
    color: #FFF;
}
.seccion.carrito .btn_checkout_volver {
    display: inline-block;
    float: right;
    padding: 8px 50px;
    font-size: 18px;
}
.wr_carrito_cantidad {
	border: 1px solid var(--color-gris-claro);
	padding: 5px;
	display: flex;
	width: 80%;
}
.seccion.carrito .btns_proceso_ok {
    margin-top: 20px;
}
.seccion.carrito .btns_proceso_ok .btn_tbl {
    font-size: 20px;
    padding: 10px 0px;
    margin-top: 10px;
}
@media screen and (max-width: 540px){
    .wr_carrito_cantidad {
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
    }
}
.wr_carrito_cantidad .btnCarritoUpdate,
.wr_carrito_cantidad .CarritoCantidad {
	flex: 1;
}
.wr_carrito_cantidad .btnCarritoUpdate {
	color: var(--color-rojo);
}
.wr_carrito_cantidad .CarritoCantidad {
	border: 0px;
	max-width: 30px;
	text-align: center;
}
.wr_carrito_cantidad .btnCarritoSumar {
	text-align: right;
}
.seccion.carrito .tbl_detail_resumen {
	-webkit-box-shadow: 0px 5px 5px 0px rgba(209,209,209,1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(209,209,209,1);
	box-shadow: 0px 5px 5px 0px rgba(209,209,209,1);
	padding: 20px;
}
.seccion.carrito .tbl_detail_resumen .row {
	margin-top: 10px;
	margin-bottom: 10px;
}
.seccion.carrito .tbl_detail_titulo_resumen {
	font-weight: var(--fw-cond);
	font-size: 25px;
	text-transform: uppercase;
}
.seccion.carrito .tbl_detail_total {
	font-size: 20px;
}
.seccion.carrito h2,
.seccion.cotizacion h2 {
	font-weight: var(--fw-cond);
	font-size: 25px;
	color: #000;
	text-transform: uppercase;
}
.seccion.carrito .separador_d,
.seccion.cotizacion .separador_d {
	border-bottom: 1px dotted var(--color-gris-claro);
	height: 1px;
}
.seccion.carrito .separador,
.seccion.cotizacion .separador {
	border-bottom: 1px solid #000;
	height: 1px;
}
.seccion.carrito .metodo_envio,
.seccion.cotizacion .metodo_envio {
    border: 1px solid var(--color-gris-claro);
    padding: 25px;
    border-radius: 10px;
    width: calc( 40% - 40px );
    display: flex;
	cursor: pointer;
}
.seccion.carrito .metodo_envio:first-child,
.seccion.cotizacion .metodo_envio:first-child {
	margin-right: 20px;
}
.seccion.carrito .metodo_envio i,
.seccion.cotizacion .metodo_envio i {
    font-size: 50px;
    line-height: 50px;
    margin-right: 20px;
}
.seccion.carrito .metodo_envio .descripcion,
.seccion.cotizacion .metodo_envio .descripcion {
	font-size: 12px;
}
.seccion.carrito .metodo_envio.active,
.seccion.cotizacion .metodo_envio.active {
    border-color: var(--color-rojo);
    position: relative;
}
.seccion.carrito .metodo_envio.active i,
.seccion.cotizacion .metodo_envio.active i {
    color: var(--color-rojo);
}
.seccion.carrito .metodo_envio.active::after,
.seccion.cotizacion .metodo_envio.active::after {
	content: '\F26A';
    font-family: bootstrap-icons !important;
    color: var(--color-rojo);
    position: absolute;
    top: 10px;
    right: 10px;
}
.seccion.carrito .metodos_pago_tabs a,
.seccion.cotizacion .metodos_pago_tabs a  {
    background-color: var(--color-gris-claro);
    border: 1px solid var(--color-gris-claro);
    margin-left: 10px;
    text-align: center;
    font-weight: var(--fw-book);
    text-transform: uppercase;
    padding: 20px;
    display: block;
    border-radius: 10px;
    position: relative;
}
.seccion.carrito .metodos_pago_tabs a.active::after,
.seccion.cotizacion .metodos_pago_tabs a.active::after {
	content: '\F26A';
    font-family: bootstrap-icons !important;
    color: var(--color-rojo);
    position: absolute;
    top: 10px;
    right: 10px;
}
.seccion.carrito .metodos_pago_tabs a.active,
.seccion.cotizacion .metodos_pago_tabs a.active {
    border: 1px solid var(--color-rojo);
}
.seccion.carrito .metodos_pago_tabs li:first-child a,
.seccion.cotizacion .metodos_pago_tabs li:first-child a {
    margin-left: 0px;
}
.seccion.carrito .metodos_pago_tabs a img,
.seccion.cotizacion .metodos_pago_tabs a img {
    max-width: 80px;
    max-height: 80px;
    margin-bottom: 5px;
}
.metodo_pago_descripcion {
	font-size: 12px;
}
.nueva_direccion {
    display: inline-block;
    padding: 5px 20px;
}
.mismos_datos {
	margin-top: 6px;
}
.nueva_direccion {
    border: 1px solid var(--color-rojo);
    color: var(--color-rojo);    
}
.btn_cpp {
	position: absolute;
	cursor: pointer;
	padding-right: 16px;
}
.btn_cpp.phone-sidb {
	position: relative;
	padding-right: none;
}
.btn_cpp::after {
	content: '\F28B';
    font-family: bootstrap-icons !important;
    color: var(--color-verde);
    position: absolute;    
    right: 0px;
}
#producto .btn_cpp {
    position: relative;
    padding-right: 20px;
}
#producto .btn_cpp::after {
    right: 5px;
}
.lst_producto .lst_datos .btn_cpp {
    position: relative;
    padding-right: 20px;
}
#btn_nuevo_cliente {
	display: inline-block;
	background-color: #FFF;
	color: var(--color-rojo);
	border: 1px solid var(--color-rojo);
    font-weight: var(--fw-cond);
    font-size: 16px;
    text-align: center;
    padding: 10px 20px;  
    text-transform: uppercase;
}
#btn_nuevo_cliente.active {
	background-color: var(--color-rojo);
	color: #FFF;
	border: 0px;
}
.reclamo_ok_btn_r.btn_cpp{
    position: relative;
    padding-right: 0px;
}
.reclamo_ok_btn_r.btn_cpp::after {
    display: none;
}
.seccion.compras .tbl_detail_botones .btn_cerrar_detalle_orden {
	display: none;
}
.seccion.cotizaciones .tbl_detail_acciones {
    margin-top: 20px;
}
.seccion.cotizaciones .tbl_detail_acciones a{
    font-size: 30px;
	display: block;
	color: #FFF;
    text-transform: uppercase;
    font-weight: var(--fw-cond);
    font-size: 16px;
	text-align: center;
	padding: 8px 0px;
	margin-bottom: 5px;
}
.seccion.cotizaciones .tbl_detail_acciones .btn_aceptar_cotizacion, 
.seccion.cotizaciones .tbl_detail_acciones .btn_confirmar_edicion_cotizacion,
.seccion.cotizaciones .tbl_detail_acciones .btn_ver_orden {
    background-color: var(--color-rojo);
}
.seccion.cotizaciones .tbl_detail_acciones .btn_rechazar_cotizacion {
	background-color: var(--color-gris-oscuro);
}
.seccion.cotizaciones .tbl_detail_acciones .btn_descargar_cotizacion {
    background-color: #000;
}
.seccion.cotizaciones .tbl_detail_acciones .btn_editar_cotizacion {
	background-color: var(--color-cyan);
}
.seccion.cotizaciones .btn_nuevo_producto_cotizacion {
	background-color: var(--color-verde);
	padding: 8px 20px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
    font-weight: var(--fw-cond);
}
.seccion.cotizaciones .tbl_detail_acciones .btn_cancelar_edicion_cotizacion {
    background-color: #FFF;
    color: #000;
    border: 1px solid #000;
}
.motivo_rechazo {
    background-color: var(--color-rojo);
    color: #FFF;
    text-align: center;
    margin-top: 10px;
    display: block;
    font-size: 20px;
    line-height: 50px;
}
.motivo_rechazo:hover {
    color: #FFF;
    text-decoration: underline;
}
#md_cotizaciones_productos .md_cp_titulo {
    font-weight: var(--fw-cond);
    color: #000;
    text-transform: uppercase;
    font-size: 25px;
}
#md_cotizaciones_productos #md_cp_term {
    border: 1px solid var(--color-gris-claro);
    padding: 5px;
    line-height: 26px;
}
#md_cotizaciones_productos #md_cp_resultados {
	max-height: 300px;
	overflow-y: auto;
    overflow-x: hidden;
    padding: 5px;
    border: 1px solid var(--color-gris-claro);
    margin-top: 10px;
}
#md_cotizaciones_productos #md_cp_resultados .md_cp_producto {
    padding-top: 5px;    
    padding-bottom: 5px;
}
#md_cotizaciones_productos #md_cp_resultados .md_cp_producto:hover {
    background-color: var(--color-gris-claro);
}
#md_cotizaciones_productos #md_cp_resultados img {
	max-width: 60px;
	max-height: 60px;
}
#resultados_nro_cliente_mspa {
    position: absolute;
    top: 90px;
    z-index: 100;
    background-color: #FFF;
    border: 1px solid #000;
    padding: 10px;
    width: calc( 100% - 25px );
	min-height: 100px;
    max-height: 200px;
    overflow: scroll;
}
#resultados_nro_cliente_mspa a {
    display: block;
}
@media (max-width: 540px){
	.seccion.compras .tbl_detail.active {
		border: 1px solid var(--color-gris-claro);
	}	
	.seccion.compras .tbl_detail_resumen {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background-color: #000;
		color: #FFF;
		margin-top: 20px;
		margin-left: -12px;
		margin-right: -12px;
	}
	.seccion.compras .tbl_detail_titulo_resumen {
		display: none;
	}
	.seccion.compras .btn_tbl {
		margin-top: 10px;
		display: inline-block;
		padding: 10px 20px;
		font-size: 14px;
		margin-right: 10px;		
	}
	.seccion.compras .tbl_detail_botones {
		background-color: #000;
		margin-left: -12px;
		margin-right: -12px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 12px;
		padding-right: 12px;
	}
	.seccion.compras .tbl_row .btn_cerrar_detalle_orden {
		display: none;
	}
	.seccion.compras .tbl_detail_botones .btn_cerrar_detalle_orden {
		display: inline-block;
		padding-right: 50px;
		margin-top: 10px;
	}
	.seccion.compras .separador {
		border-bottom: 1px dotted #FFF;
	}
	.seccion.compras .separador_d {
		display: none;
	}
	.seccion.carrito h1 {
		text-align: center;
	}
	.seccion.carrito .carrito_items {
		display: none;
	}
	.seccion.carrito .btn_tbl_sm {
		display: block;
		margin-bottom: 10px;
	}
	.seccion.carrito .btn_checkout_volver {
		display: block;
		float: none;
	}
	.seccion.carrito .metodo_envio,
	.seccion.cotizacion .metodo_envio {
		width: 100%;
	}
	
	.seccion.carrito .col_metodo_envio > div.d-flex,
	.seccion.cotizacion .col_metodo_envio > div.d-flex	{
		flex-wrap: wrap;
	}
	.seccion.carrito .metodo_envio:first-child,
	.seccion.cotizacion .metodo_envio:first-child {
		margin-right: 0px;
		margin-bottom: 10px;
	}
    .seccion.carrito .metodos_pago_tabs li,
	.seccion.cotizacion .metodos_pago_tabs li {
        width: 100%;
        margin-bottom: 10px;
    }
    .seccion.carrito .metodos_pago_tabs a,
	.seccion.cotizacion .metodos_pago_tabs a {
        margin-left: 0px;
    }
}
#btn_aceptar_consumidor_final {
	background-color: var(--color-rojo);
	color: #FFF;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: var(--fw-cond);	
	border: 0px;
	padding: 8px 25px;	
}

/* RRHH */
.encabezado {
padding:182px 0 138px; 
margin-bottom:3.6rem;
}
.encabezado h1 {
font-weight:var(--fw-cond);
line-height:76px;
font-size:76px;
color:#FFF;
}
.encabezado p {
color: #FFF;
font-weight:300;
line-height:30px;
font-size:24px;
}
.vacantes .vacante {
    overflow: hidden;
    border-bottom:1px solid #DEDEDE;
    position:relative;
    background:#FFF;
    -webkit-transition:all 0.2s linear; transition:all 0.2s linear;
    padding: 20px 40px 20px 0px;
}
.vacantes .vacante .vacante_mas {    
    top:25px; 
    right:17px;
    position:absolute;
    cursor: pointer;
    color: var(--color-cyan);
    font-size: 20px;
}
.vacantes .vacante:hover {
    background:#F8F8F8;
}
.vacantes .vacante .vacante_titulo {
    color: var(--color-rojo);
    font-weight: var(--fw-bold);
    font-size: 20px;
}
.vacantes .vacante .vacante_descripcion {
    display: none;
    margin-top: 10px;
}
.vacantes .vacante.abierto .vacante_descripcion {
    display: block;
}
.info-superior {
margin-bottom:2rem;
line-height:28px;
font-size:20px;
}
.info-superior h2 {
color:var(--color-negro);
margin-bottom:0.8rem;
line-height:52px;
font-weight:var(--fw-cond);
font-size:48px;
}
.vacantes h2,
.carreras h2 {
    color:var(--color-negro);
    font-weight:var(--fw-cond);
    font-size: 36px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.areas {
    display: flex;
    flex-wrap: wrap;
}
.areas .area {
    width: calc( 25% - 10px );
    background-color: var(--color-gris-oscuro);
    position: relative;
    height: 150px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px;
}
.areas .area:hover {
    background-color: var(--color-rojo);
}
.areas .area h3 {
    color: #FFF;
    position: absolute;
    bottom: 0px;
}
@media screen and (max-width: 540px){
	.areas .area {
		width: calc( 50% - 10px );
	}
}
#topRRHH {
background:url(../img/top/top-rrhh.jpg) no-repeat center center;
background-size:cover;
padding:82px 0 73px; 
}
#topRRHH.encabezado p {
color:#FFF;
}
.top-rrhh-links a {
background-color:var(--color-rojo);
padding:0.7rem 1.5rem 0.8rem;
position:relative;
line-height:16px;
font-size:14px;
display:block;
color:#FFF;
}
.top-rrhh-links a:after {
display:block; content:'';
top:10px; right:10px;
position:absolute;
height:17px;
width:17px;
}
.top-rrhh-links .col-2:nth-child(odd) a:after {
background:url(../img/ico-rrhh-cv.png);
} 
.top-rrhh-links .col-2:nth-child(even) a:after {
background:url(../img/ico-rrhh-vac.png);
} 
.top-rrhh-links h5 {
margin-bottom:0.3rem;
line-height:26px;
font-weight:700;
font-size:26px;
color: #FFF;
}

/* puntos de venta */
.pdvs {
	max-height: 400px;
	overflow-x: scroll;
	font-size: 14px;
}

.pdvs .item {
	position: relative;
	margin-bottom: 10px;
}

.pdvs .item img {
	position: absolute;
	top: 5px;
	right: 5px;
}
#topPuntosdeVenta {
	background:url(../img/top/top-puntos-de-venta.jpg) no-repeat center center;
	background-size:cover;
	padding:82px 0 73px; 	
	margin-bottom:3.6rem;
}
#topPuntosdeVenta h1 {
	font-weight:var(--fw-cond);
	line-height:76px;
	font-size:76px;
	color:#FFF;
}
#map {
	height: 465px;
}
#pdv_buscador {
	width: calc( 100% - 93px );
	border: 1px solid var(--color-gris-claro);
	padding: 10px 15px;
	font-size: 14px;
}
#pdv_btn_buscador {
	background-color: var(--color-rojo);
	color: #FFF;
	border: 0px;
	text-transform: uppercase;
	padding: 10px 15px;
	font-weight: var(--fw-cond);
	font-size: 14px;
}

/* contacto */
#topContacto {
	background:url(../img/top/top-contacto.jpg) no-repeat center center;
	background-size:cover;
}
.sidebar-contacto .inner {
background-color:var(--color-rojo);
padding:1.75rem 1.9rem 1.5rem;
color:#FFF;
}
.sidebar-contacto .titulo {
font-weight:var(--fw-cond);
letter-spacing:-0.01em;
margin-bottom:0.6rem;
line-height:30px;
font-size:28px;
}
.sidebar-contacto p {
margin-bottom:1.5rem;
line-height:24px;
font-size:20px;
}
.datos-sidb {
margin-bottom:1.5rem;
align-items:center;
display:flex;
}
.datos-sidb .ico-sidb {
flex-basis:77px;
}
.datos-sidb .info-sidb {
color:var(--color-negro);
padding:0.6rem 1.25rem;
position:relative;
border-radius:5px;
line-height:18px;
background:#FFF;
max-width:265px;
font-size:16px;
flex-grow:1;
}
.datos-sidb .info-sidb:before {
background:url(../img/im-contacto-arrow.png);
position:absolute;
margin-top:-14px;
display:block;
content:'';
height:27px;
width:16px;
left:-16px;
top:50%;
}
.sidebar-contacto .datos-sidb .titulo {
font-weight:var(--fw-cond);
letter-spacing:-0.01em;
margin-bottom:0.3rem;
line-height:24px;
font-size:18px;
}
.sidebar-contacto .phone-sidb {
font-weight:var(--fw-cond);
color:var(--color-rojo);
letter-spacing:-0.03em;
margin-top:0.25rem;
line-height:28px;
font-size:20px;
}
.mail-sidb {
margin:2rem 0 1.2rem;
}
.mail-sidb a {
letter-spacing:-0.03em;
line-height:24px;
font-weight:400;
font-size:20px;
color:#FFF;
}
.mail-sidb a:hover {
color:#FFC2C2;
}
.horario-sidb {
line-height:24px;
font-size:15px;
}
.contacto-redes {
text-align:center;
margin-top:4.4rem;
}
.contacto-redes h3 {
margin-bottom:2rem;
line-height:36px;
font-weight:700;
font-size:36px;
}
.contacto-redes ul {
list-style-type:none;
padding:0px;
margin:0px;
}
.contacto-redes li {
display:inline-block;
line-height:20px;
font-weight:400;
padding:0 28px;
font-size:15px;
}
@media (max-width: 540px){
	.contacto-redes li {
		padding:0 18px;
	}		
}
.contacto-redes li a {
align-items:center;
display:flex;
}
.contacto-redes img {
-webkit-filter:brightness(5);
letter-spacing:-0.01em;
filter:brightness(5);
max-width:20px;
height:16px;
width:auto;
}
.contacto-redes li span.icono {
background:var(--color-rojo);
justify-content:center;
display:inline-block;
align-items:center;
border-radius:32px;
text-align:center;
margin-right:12px;
display:flex;
height:32px;
width:32px;
}
.col-mapa-info {
border:1px solid #DEDEDE;
padding:1rem 1rem 0.9rem;
margin:0 auto -42px;
border-radius:3px;
text-align:center;
position:relative;
line-height:20px;
background:#FFF;
max-width:740px;
font-size:15px;
}
@media screen and (max-width: 540px){
    .col-mapa-info {
        max-width: 90%;
    }
}
.col-mapa-info span {
padding-bottom:0.3rem;
font-weight:400;
font-size:16px;
display:block;
}
.mapa-contacto {
margin-bottom:-1rem;
overflow:hidden;
}
.contacto_boton {
	border: 1px solid var(--color-gris-claro);
	padding: 20px 10px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}
.contacto_boton .ico {
	margin-left: auto;
	margin-right: auto;
}
.contacto_boton .ico-off {
	display: block;
}
.contacto_boton .ico-on {
	display: none;
}
.contacto_boton.active {
    color: var(--color-rojo);
    border: 1px solid var(--color-rojo);
}
.contacto_boton.active::after {
    content: '\F26A';
    font-family: bootstrap-icons !important;
    color: var(--color-rojo);
    position: absolute;
    top: 5px;
    right: 5px;
}
.contacto_boton.active .ico-off {
	display: none;
}
.contacto_boton.active .ico-on {
	display: block;
}

.contacto_boton h3 {
    font-size: 18px;
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    margin: 0px;
}
.contacto_tab,
.reclamo_form {
	display: none;
}
.contacto_tab.active,
.reclamo_form.active {
	display: block;
}
#reclamos #tipo_reclamo {
	border: 1px solid var(--color-gris-claro);
	padding: 10px;
}
.seccion.contacto .seccion_form .fm_field {
    border-color: var(--color-gris-claro);
}
.reclamo_ok_imagen {
	text-align: center;
	margin: 20px 0px;
}
.reclamo_ok_texto {
	background-color: #000;
	color: #FFF;
	font-size: 16px;
}
.reclamo_ok_texto a {
	font-weight: var(--fw-bold);
	text-align: center;	
	display: inline-block;
}
.reclamo_ok_btn_r {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: var(--color-rojo);
	color: #FFF;
	min-width: 160px;
}
.reclamo_ok_btn_b {
	padding: 12px;
	background-color: #FFF;
	color: #000;
}
.seguimiento_de_pedidos_aclaracion {
    border: 1px solid var(--color-rojo);
    padding: 15px;
    font-size: 16px;
    display: inline-block;
}

/* categoria */
.categoria_contenido_footer h3 {
    text-transform: uppercase;
    font-weight: var(--fw-cond);
}
.categoria_contenido_footer a {
    color: var(--color-rojo);
}

/* login */
.login_continuar {
    background-color: var(--color-cyan);
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px;
    margin-top: 20px;
}
.login_bienvenido {
	background-color: #000;
	color: #FFF;
	font-weight: var(--fw-cond);
	font-size: 30px;
    padding: 20px;
	text-align: center;
	text-transform: uppercase;
}
.login_titulo {
	color: #000;
	font-weight: var(--fw-cond);
	font-size: 30px;
    padding: 20px;
	text-align: center;
	text-transform: uppercase;
}
/* login */

/* popup inicio */
#popupModal .modal-dialog {
	max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
#popupModal .modal-header,
#popupModal .modal-body {
	margin: 0px !important;
	padding: 0px !important;
}
#popupModal .close {
	z-index: 200;
}
#md_bienvenido .modal-body {
    margin: 0px;
    padding: 0px;
}
#md_bienvenido .mdb_titulo {
	background-color: #000;
	color: #FFF;
	font-weight: var(--fw-cond);
	font-size: 30px;
    padding: 20px;
	text-align: center;
	text-transform: uppercase;
}
#md_bienvenido #mdb_titulo img {
    height: 30px;
}
#md_bienvenido #mdb_body {
	display: block;    
}
#md_bienvenido #mdb_visita,
#login_visita {
	display: inline-block;
	background-color: #FFF;
    border: 2px solid #000;
	color: #000;
	font-size: 20px;
	font-weight: var(--fw-bold);
	text-align: center;
	padding: 20px;
	margin-left: calc( 50% - 124px );
	margin-bottom: 20px;
}
#md_bienvenido #mdb_botones,
#login_botones {
    display: flex;
    gap: 20px;
    margin: 20px;
    justify-content: center;
}
#md_bienvenido #mdb_botones a,
#login_botones a {
    flex: 1 1 0;
    width: 0;
    max-width: 30%;
    text-align: center;
}
#md_bienvenido #mdb_botones #mdb_iniciar_sesion,
#login_botones #login_iniciar_sesion {
    background-color: var(--color-rojo);
}
#md_bienvenido #mdb_botones #mdb_iniciar_sesion,
#md_bienvenido #mdb_botones #mdb_registrarse,
#login_botones #login_iniciar_sesion, 
#login_botones #login_registrarse {
    padding: 20px;    
    font-size: 20px;
    font-weight: var(--fw-bold);
    color: #FFF;
}
#md_bienvenido #mdb_botones #mdb_registrarse,
#login_botones #login_registrarse{
    background-color: var(--color-verde);
}
#md_bienvenido #mdb_opciones,
#login_opciones {
	display: flex;
	gap: 30px;
	margin: 20px;
    justify-content: center;
}
#md_bienvenido #mdb_textos,
#login_textos {
    display: flex;
    gap: 30px;
    justify-content: center;
    margin: 0px 20px 20px 20px;
}
#md_bienvenido #mdb_textos div,
#login_textos div {
    flex: 1 1 0;
    width: 0;
    max-width: 35%;
    padding: 10px;    
    text-align: center;
}
#md_bienvenido #mdb_opciones a,
#login_opciones a {
	flex: 1 1 0;
    width: 0;
    max-width: 35%;
	background-color: var(--color-rojo);
	color: #FFF;
	font-size: 25px;
	text-align: center;
	padding: 10px;
}
#md_bienvenido #mdb_opciones a i,
#login_opciones a i {
	font-size: 50px;
}
#md_bienvenido #mdb_opciones a span,
#login_opciones a span {
	display: block;
}
@media (max-width: 540px){
    #md_bienvenido .mdb_titulo{
        margin-bottom: 20px;
    }
    #login_tab_inicio {
        margin-top: 20px;
    }
	#md_bienvenido #mdb_botones,
	#md_bienvenido #mdb_opciones,
    #login_botones,
    #login_opciones {
		display: block;
		margin: 0px;
	}
	#md_bienvenido #mdb_botones a,
	#md_bienvenido #mdb_opciones a,
    #login_botones a,
    #login_opciones a {
		display: block;
		width: auto;
		max-width: none;
		margin-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
	}
	#md_bienvenido #mdb_visita,
    #login_visita {
		display: block;
		font-size: 20px;
        margin-left: 20px;
        margin-right: 20px;
	}
    #md_bienvenido .mdb_texto,
    .login_texto {
        text-center: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        width: 90%;
    }
}

/* modales */
.md_modal .modal-header {
	background-color: var(--color-rojo);
	color: #FFF;
	text-transform: uppercase;
	font-weight: var(--fw-bold);
	display: block;
	text-align: center;
	position: relative;
    border-radius: 0px !important;
}
.md_modal .modal-header i {
	position: absolute;
	right: var(--bs-modal-header-padding-x);
	top: var(--bs-modal-header-padding-x);
	color: #FFF;
}
#md_verificacion .modal-header {
    background-color: #FFF;
    color: #000;
}

#md_verificacion .icono {
    margin-top: 20px;
    font-size: 20px;
    color: #067acc;
}
 
/* confirmacion */
#md_confirmacion .modal-body {
	text-align: center;
}
#md_confirmacion .modal-body i,
#md_enviar_comprobante_pago_ok .modal-body i{
	color: var(--color-verde);
	font-size: 50px;
}