:root {
    --url_base: '/marca/esp/';
    --azul: #003a5d;
    --verde: #93d500;
    --blanco: #ffffff;
	--gris: #bebebe;	
	--bs-danger-bg-subtle: #d22535;
	
}

.dropdown-menu {
	--bs-dropdown-link-active-bg: #93d500 !important;
	--bs-dropdown-link-active-color: #003a5d !important;
}

/* @group font-avenir */

/*------------------------------------
font-avenir
------------------------------------*/
	
	/* 
	
	
	
	.avenir_book
	{
	    font-family: 'avenir_book';
	}
	
	.avenir_book_oblique
	{
	    font-family: 'avenir_book_oblique';
	}
	
	.avenir_heavy
	{
	    font-family: 'avenir_heavy';
	}
	
	.avenir_heavy_oblique
	{
	    font-family: 'avenir_heavy_oblique';
	}
	
	.avenir_light
	{
	    font-family: 'avenir_light';
	}
	
	.avenir_light_oblique
	{
	    font-family: 'avenir_light_oblique';
	} */

	.avenir_black
	{
	    font-family: 'avenir_black';
	}

	.avenir_black_oblique
	{
	    font-family: 'avenir_black_oblique';
	}
	
	.avenir_medium_oblique
	{
	    font-family: 'avenir_medium_oblique';
	}
	
	.avenir_medium
	{
	    font-family: 'avenir_medium';
	}
	
	.avenir_oblique
	{
	    font-family: 'avenir_oblique';
	}
	
	.avenir
	{
	    font-family: 'avenir';
	}


/*------------------------------------
font-avenir
------------------------------------*/

/* @end */


body, html {
    font-family: 'avenir';
}

a:hover {
	cursor: pointer;
}

.enlace:hover {
	cursor: pointer !important;
}

.fs-10{
    font-size: 10px !important;
}

.fs-12{
    font-size: 12px !important;
}

.fs-14{
    font-size: 14px !important;
}

.fs-16{
    font-size: 16px !important;
}

.fs-18{
    font-size: 18px !important;
}

.fs-20{
    font-size: 20px !important;
}

.fs-24{
    font-size: 24px !important;
}

.progress_marca {
	border-radius: 0px !important;
}

#modal_dinamico{
	z-index: 999999;
}

/* @group inicio */

.inicio_productos_destacados {
	background: url('/marca/img/logo-M-marca.svg') center center no-repeat fixed #93d50052;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}



/* @end */

/* @group clientes */


.nav-item-clientes {
	margin-right: 10px;
}

.nav-item-clientes > .nav-link.active {
	color: #fff;
    background-color: var(--azul);
	border-style: solid;
	border-color: var(--azul);
}

.nav-item-clientes > .nav-link {
	color: var(--azul);
}

.nav-item-clientes > .nav-link:hover {
	color: #fff;
    background-color: var(--verde);
	border-style: solid;
	border-color: var(--verde);
}


/* @end */

/* @group menu */

.logo_menu_superior {
	width: 250px;
}


#menu_productos > ul > li > a
{
padding-left: 5px !important;
padding-right: 5px !important;
}

/* @group busqueda menu */

.resultado_busqueda_referencia {
	font-weight: bold;
		font-family: 'avenir_black';
}

.resultado_busqueda_seccion > a, .resultado_busqueda_referencia > a, .resultado_busqueda_rescripcion > a {
	text-decoration: none;
	font-size: 14px;
	cursor: pointer;
}

.resultado_busqueda_seccion, .resultado_busqueda_referencia, .resultado_busqueda_rescripcion {
	margin-bottom: 7px;
	line-height: 1rem;
}

.imagen_busqueda {
	max-height: 100px !important;
}

.campo_buscar {
	width: 50%;
}

.campo_buscar_input {
	border-left-style: none !important;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	background-color: rgba(255, 255, 255, 0);
	border-radius: 0px;
	color: #ffffff;
}

.campo_buscar_icono {
	border-width: 1px;
	border-color: #ffffff;
	background-color: rgba(255, 255, 255, 0);
	border-radius: 0px;
	color: #ffffff;
	border-right-style: none !important;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}

.campo_buscar_resultado {
	background-color: #ffffff;
	width: 100%;
	position: absolute;
	z-index: 2;
	top: 39px;
	left: 1px;
}

/* @end */

#menu_secciones ul {
	font-size: 14px;
}

.megamenu-altura {
	background: url('/marca/img/mega-menu/mega-menu-altura.jpg') no-repeat center top; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.megamenu-auditiva{
	background: url('/marca/img/mega-menu/mega-menu-auditiva.jpg') center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.megamenu-cabeza {
	background: url('/marca/img/mega-menu/mega-menu-cabeza.jpg') center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.megamenu-calzado {
	background: url('/marca/img/mega-menu/mega-menu-calzado.jpg') center bottom no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.megamenu-guantes {
	background: url('/marca/img/mega-menu/mega-menu-guantes.jpg') center top no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.megamenu-ocular {
	background: url('/marca/img/mega-menu/mega-menu-ocular.jpg') center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.megamenu-otros_productos {
	background: url('/marca/img/mega-menu/mega-menu-otros.jpg') center top no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.megamenu-respiratoria {
	background: url('/marca/img/mega-menu/mega-menu-respiratoria.jpg') center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.megamenu-vestuario_laboral {
	background: url('/marca/img/mega-menu/mega-menu-vestuario.jpg') center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.megamenu-novedades {
	background: url('/marca/img/mega-menu/mega-menu-novedades.jpg') center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.megamenu-outlet {
	background: url('/marca/img/mega-menu/mega-menu-outlet.jpg') center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

ul.menu-seccion1 {
	list-style: none;
	padding-left:0px;
}

ul.menu-seccion1 li {
	padding-left: 20px;
	padding-bottom: 3px;
	border-bottom: 1px solid var(--azul);
	padding-top: 5px;
}

ul.menu-seccion1 li:hover {
	background-color: var(--gris);
}

ul.menu-seccion1 li a.seccion1 {
	text-decoration: none;
	color: var(--azul);
	cursor: pointer;
}

ul.menu-seccion2 {
	list-style: none;
	padding-left:0px;
}

ul.menu-seccion2 li {
	padding-left: 20px;
	padding-bottom: 7px;
	border-bottom: 1px solid var(--blanco);
	padding-top: 7px;
}

ul.menu-seccion2 li:hover {
	background-color: var(--blanco);
}

ul.menu-seccion2 li a {
	text-decoration: none;
	color: var(--azul);
	cursor: pointer;
}

.title-menu-seccion2 {
	color: var(--blanco);
	text-align: center;
	border-bottom: 1px solid var(--azul);
}

.title-menu-seccion2 a {
	color: var(--blanco);
	text-decoration: none;
}

.title-menu-seccion2 a:hover {
	color: var(--azul);
}

.dropdown-toggle-marca {
	cursor: pointer;
}

.dropdown-toggle-marca:after {
    font-family: 'bootstrap-icons';
    content: "\F282";
    display: inline-block;
    vertical-align: middle;
    border: 0;
    margin-left: 0; /* Default */
    color: var(--gris);
}

.dropdown-toggle-marca[aria-expanded="true"] {
    color: var(--verde) !important ;
}

.dropdown-toggle-marca[aria-expanded="true"]::after {
    font-family: 'bootstrap-icons';
    content: "\F286";
    display: inline-block;
    vertical-align: middle;
    border: 0 !important;
    color: var(--verde);
}

.navbar .megamenu
{
    padding: 0px;
    border-radius: 0px !important;
	border-style: none;
	box-shadow: 0 10px 10px #000000;
	opacity: 1;
}

/* @end */

/* @group listado */


.checkbox-label_filtro:hover {
	cursor: pointer;
	color: var(--azul);
}

.cabecera_listado_imagen {
	height: 300px;
}

.cabecera_filtro, .cabecera_filtro > p {
	border-radius:0px !important;
	border-bottom-style: none;
}

.cabecera_filtro > p::after {
    font-family: 'bootstrap-icons';
    content: "\F286";
	float: right;
}

.cabecera_filtro > p.collapsed::after {
    font-family: 'bootstrap-icons';
    content: "\F282";
	float: right;
}

.producto_listado, .imagen_busqueda {
	border: 3px solid #ffffff;
	padding: 8px;
	background-color: #ffffff;
}

.producto_listado:hover {
	border: 3px solid var(--verde);
}


.producto_listado_marca {
	width: 100%;
	text-align: right;
	height: 30px;
	padding-right: 10px;
}

.producto_listado_marca_imagen {
	height: 30px;
}

.producto_listado_imagen {
	background-color: #ffffff;
	position: relative;
	min-height: 190px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.img-listado {
	max-height: 190px;
}

.producto_listado_referencia {
	padding-top: 5px;
}


.producto_listado_descripcion a {
	color: var(--azul);
	text-decoration: none;
}

.producto_listado_descripcion{
	color: var(--azul);
	text-decoration: none;
	padding: 5px 10px;
	width: 100%;
	bottom: 0px;
	left: 0px;
	z-index: 20;
	color: #ffffff;
	line-height: 1em;
	font-size: 12px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* @end */

/* @group mini_carrito */

.input_cantidad_minicarrito0 {
	width: 30px;
	padding: 0;
	font-size: 14px;
	color: var(--blanco);
	border-style: none;
	border: 0px;
	font-weight: bold;
		font-family: 'avenir_black';
	margin: 0;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 0 !important;
}

.capa_input_minicarrito {
	width: 100px;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;;
}

.input_cantidad_minicarrito {
	margin: 0;
	padding: 0;
	font-weight: bold;
		font-family: 'avenir_black';
	background-color: var(--blanco);
	color: var(--verde);
	text-align: center;
	border: 1px solid var(--verde) !important;
}

/* @end */

/* @group carrito */


 span.selection span.select2-selection.select2-selection--single {
		height: calc(1.5em + .40rem ) !important;
}

.select2-selection__rendered {
	font-size: 12px !important;
	height: calc(1.5em + .70rem ) !important;
}

.select2-results__option--selectable {
	font-size: 12px;
}

.select2-search__field {
	font-size: 12px;
}

/* @end */

/* @group productos */

#img_01 {
	max-height: 800px;
}

#imagen_ampliacion {
	width: 100%;
	height: 0;
	z-index: 10;
	padding: 0 15px;
	margin: 0;
	position: relative;
	top: 0;
	visibility: hidden;
}

.producto_marca_imagen {
	max-height: 90px;
	max-width: 260px;
}

.producto_ref_spyro {
	color: var(--azul);
	font-weight: bold;
	font-family: 'avenir_black';
	font-size: 36px;
	margin-bottom: 0px;
}

.producto_alias {
	color: var(--azul);
	font-weight: bold;
	font-family: 'avenir_black_oblique';
	font-size: 22px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.producto_ref_eurowin {
	color: var(--azul);
	font-size: 20px;
}

.producto_logo_CE {
	height: 20px;
}

.producto_logo_norma {
	height: 80px;
}

.producto_precio {
	font-weight: bold;
		font-family: 'avenir_black';
	font-size: 30px;
}

.producto_precio_blackweek_2024 {
	font-weight: bold;
		font-family: 'avenir_black';
	font-size: 30px;
}

.producto_precio_antes {
	font-weight: bold;
		font-family: 'avenir_black';
	font-size: 20px;
	text-decoration: line-through;
}

.imagen_extra {
	width: 100%;
	height: 150px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	margin-bottom: 20px;
}


/* @end */

/* @group empresa */

.empresa_cabecera {
	width: 100%;
	height: 300px;
  	background: url('../img/empresa-cabecera.jpg') no-repeat left center;
	background-size:cover;
}

.empresa_fila_1 {
	background-color: #e2e2e2;
}

/* .empresa_fila_2 {

} */

.empresa_01_texto {
	padding: 10px 30px;
}

.empresa_02_texto {
	padding: 10px 30px;
}

.empresa_01 {
	width: 100%;
	height: 300px;
  	background: url('../img/empresa-06.jpg') no-repeat center;
	background-size:cover;
}

.empresa_02 {
	width: 100%;
	height: 320px;
	background: url('../img/empresa-02.jpg') no-repeat center center;
	background-size:cover;
}

.empresa_03 {
	width: 100%;
	height: 320px;
	background: url('../img/empresa-03.jpg') no-repeat center center;
	background-size:cover;
}

.empresa_04 {
	width: 100%;
	height: 300px;
	background: url('../img/empresa-04.jpg') no-repeat center top;
	background-size:cover;
}

/* @end */

/* @group export */

.export_cabecera {
	width: 100%;
	height: 300px;
  	background: url('../img/export-1.jpg') no-repeat left bottom;
	background-size:cover;
	padding-top: 50px;
}

.export_fila_1 {
	background-color: #e2e2e2;
}

/* .export_fila_2 {
} */

.export_01_texto {
	padding: 10px 30px;
}

.export_02_texto {
	padding: 10px 30px;
}

.export_00 {
	width: 100%;
	height: 450px;
  	background: url(../img/export-0.jpg) no-repeat center top;
	background-size:cover;
}

.export_01 {
	width: 100%;
	height: 400px;
  	background: url(../img/export-2.jpg) no-repeat center top;
	background-size:cover;
}

.export_02 {
	width: 100%;
	height: 400px;
	background: url('../img/export-3.jpg') no-repeat center center;
	background-size:cover;
}


/* pantallas mínimo de 768px y máximo 992px */
@media (min-width: 768px) and (max-width: 992px) {



}


/* @end */

/* @group pie */


.btn-rrss_pie {
    width: 40px;
    height: 40px;
	border-radius: 50%;
    text-align: center;
    font-size: 22px;
	margin-right: 5px;
	margin-left: 5px;
	padding: 3px 0 0;
}

.pie_direccion {
	font-size: 10px;
	color: var(--blanco);
}

.pie_direccion a {
	color: var(--blanco);
}
/* @end */


/* ============ desktop view ============ */
@media all and (min-width: 992px)
	{
	    .producto_listado_referencia a {
		color: var(--azul);
		text-decoration: none;
		font-size: 26px;
		font-weight: bold;
		font-family: 'avenir_black';
	}

	.producto_listado_alias
	{
		height: 25px;
		margin-top: -10px;
	}

	.producto_listado_alias a {
		color: var(--azul);
		text-decoration: none;
		font-size: 16px;
		font-weight: bold;
		font-family: 'avenir_black_oblique';
	}

    ul.menu-seccion1 {
		list-style: none;
		padding-left:0px;
		min-height: 200px;
	}
	.navbar .has-megamenu
    {
        position:static!important;
    }
    .navbar .megamenu
    {
        left:0; right:0; width:100%; margin-top:0;
		border-radius: 0px !important;
		border-style: none;
    }
    
}	
/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */
@media (max-width: 991px)
{

	.producto_listado_referencia a {
		color: var(--azul);
		text-decoration: none;
		font-size: 20px;
		font-weight: bold;
		font-family: 'avenir_black';
	}

	.producto_listado_alias
	{
		height: 20px;
		margin-top: -10px;
	}

	.producto_listado_alias a {
		color: var(--azul);
		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
		font-family: 'avenir_black_oblique';
	}
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse
    {
        overflow-y: auto;
        max-height: 90vh;
        margin-top:10px;
    }
    
    #menu_secciones ul li a {
		text-align: right;
	}
	
	#menu_productos ul li {
		text-align: left;
	}
	
	.campo_buscar {
		width: 100%;
	}
    
}
/* ============ mobile view .end// ============ */

/* @group COLOR azul */

/*------------------------------------
- COLOR azul
------------------------------------*/

.alert-azul {
    color: #000000;
    background-color: #2aaeff;
    border-color: #15a7ff;
}

.alert-azul hr {
    border-top-color: #009cfb;
}

.alert-azul .alert-link {
    color: #000000;
}

.badge-azul {
    color: #fff;
    background-color: var(--azul);
}

.badge-azul[href]:hover, .badge-azul[href]:focus {
    color: #fff;
    background-color: #001a29;
}

.bg-azul {
    background-color: var(--azul) !important;
}

a.bg-azul:hover, a.bg-azul:focus,
button.bg-azul:hover,
button.bg-azul:focus {
    background-color: #001a29 !important;
}

.border-azul {
    border-color: var(--azul) !important;
}

.btn-azul {
    color: #fff;
    background-color: var(--azul);
    border-color: var(--azul);
}

.btn-azul:hover {
    color: #fff;
    background-color: #002339;
    border-color: #001a29;
}

.btn-azul:focus, .btn-azul.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 58, 93, 0.5);
}

.btn-azul.disabled, .btn-azul:disabled {
    color: #fff;
    background-color: var(--azul);
    border-color: var(--azul);
}

.btn-azul:not(:disabled):not(.disabled):active, .btn-azul:not(:disabled):not(.disabled).active, .show > .btn-azul.dropdown-toggle {
    color: #fff;
    background-color: #001a29;
    border-color: #ffffff;
}

.btn-azul:not(:disabled):not(.disabled):active:focus, .btn-azul:not(:disabled):not(.disabled).active:focus, .show > .btn-azul.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 58, 93, 0.5);
}

.btn-outline-azul {
    color: var(--azul);
    background-color: transparent;
    border-color: var(--azul);
}

.btn-outline-azul:hover {
    color: #fff;
    background-color: var(--azul);
    border-color: var(--azul);
}

.btn-outline-azul:focus, .btn-outline-azul.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 58, 93, 0.5);
}

.btn-outline-azul.disabled, .btn-outline-azul:disabled {
    color: var(--azul);
    background-color: transparent;
}

.btn-outline-azul:not(:disabled):not(.disabled):active, .btn-outline-azul:not(:disabled):not(.disabled).active, .show > .btn-outline-azul.dropdown-toggle {
    color: #fff;
    background-color: var(--azul);
    border-color: var(--azul);
}

.btn-outline-azul:not(:disabled):not(.disabled):active:focus, .btn-outline-azul:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-azul.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 58, 93, 0.5);
}

.list-group-item-azul {
    color: #000000;
    background-color: #15a7ff;
}

.list-group-item-azul.list-group-item-action:hover, .list-group-item-azul.list-group-item-action:focus {
    color: #000000;
    background-color: #009cfb;
}

.list-group-item-azul.list-group-item-action.active {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.table-azul,
.table-azul > th,
.table-azul > td {
    background-color: var(--azul);
	color: #fff;
}

.table-hover .table-azul:hover {
    background-color: #009cfb;
}

.table-hover .table-azul:hover > td,
.table-hover .table-azul:hover > th {
    background-color: #009cfb;
}

.text-azul {
    color: var(--azul) !important;
}

a.text-azul:hover, a.text-azul:focus {
    color: #001a29 !important;
}

/* @end */

/* @group COLOR verde */

/*------------------------------------
- COLOR verde
------------------------------------*/
.alert-verde {
    color: #3e5a00;
    background-color: #e2ffa2;
    border-color: #dbff8d;
}

.alert-verde hr {
    border-top-color: #d3ff74;
}

.alert-verde .alert-link {
    color: #1b2700;
}

.badge-verde {
    color: #212529;
    background-color: var(--verde);
}

.badge-verde[href]:hover, .badge-verde[href]:focus {
    color: #212529;
    background-color: #6fa200;
}

.bg-verde {
    background-color: var(--verde) !important;
}

a.bg-verde:hover, a.bg-verde:focus,
button.bg-verde:hover,
button.bg-verde:focus {
    background-color: #6fa200 !important;
}

.border-verde {
    border-color: var(--verde) !important;
}

.btn-verde {
    color: #212529;
    background-color: var(--verde);
    border-color: var(--verde);
}

.btn-verde:hover {
    color: #212529;
    background-color: #7ab100;
    border-color: #6fa200;
}

.btn-verde:focus, .btn-verde.focus {
    box-shadow: 0 0 0 0.2rem rgba(147, 213, 0, 0.5);
}

.btn-verde.disabled, .btn-verde:disabled {
    color: #212529;
    background-color: var(--verde);
    border-color: var(--verde);
}

.btn-verde:not(:disabled):not(.disabled):active, .btn-verde:not(:disabled):not(.disabled).active, .show > .btn-verde.dropdown-toggle {
    color: #212529;
    background-color: #6fa200;
    border-color: #659200;
}

.btn-verde:not(:disabled):not(.disabled):active:focus, .btn-verde:not(:disabled):not(.disabled).active:focus, .show > .btn-verde.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(147, 213, 0, 0.5);
}

.btn-outline-verde {
    color: var(--verde);
    background-color: transparent;
    border-color: var(--verde);
}

.btn-outline-verde:hover {
    color: #212529;
    background-color: var(--verde);
    border-color: var(--verde);
}

.btn-outline-verde:focus, .btn-outline-verde.focus {
    box-shadow: 0 0 0 0.2rem rgba(147, 213, 0, 0.5);
}

.btn-outline-verde.disabled, .btn-outline-verde:disabled {
    color: var(--verde);
    background-color: transparent;
}

.btn-outline-verde:not(:disabled):not(.disabled):active, .btn-outline-verde:not(:disabled):not(.disabled).active, .show > .btn-outline-verde.dropdown-toggle {
    color: #212529;
    background-color: var(--verde);
    border-color: var(--verde);
}

.btn-outline-verde:not(:disabled):not(.disabled):active:focus, .btn-outline-verde:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-verde.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(147, 213, 0, 0.5);
}

.list-group-item-verde {
    color: #3e5a00;
    background-color: #dbff8d;
}

.list-group-item-verde.list-group-item-action:hover, .list-group-item-verde.list-group-item-action:focus {
    color: #3e5a00;
    background-color: #d3ff74;
}

.list-group-item-verde.list-group-item-action.active {
    color: #212529;
    background-color: #3e5a00;
    border-color: #3e5a00;
}

.table-verde,
.table-verde > th,
.table-verde > td {
    background-color: #dbff8d;
}

.table-hover .table-verde:hover {
    background-color: #d3ff74;
}

.table-hover .table-verde:hover > td,
.table-hover .table-verde:hover > th {
    background-color: #d3ff74;
}

.text-verde {
    color: var(--verde) !important;
}

a.text-verde:hover, a.text-verde:focus {
    color: #6fa200 !important;
}

/* @end */


/* @group COLOR gris */

/*------------------------------------
- COLOR gris
------------------------------------*/
.alert-gris {
    color: #808080;
    background-color: #12412412;
    border-color: #11911911;
}

.alert-gris hr {
    border-top-color: #10d10d10;
}

.alert-gris .alert-link {
    color: #676767;
}

.badge-gris {
    color: #212529;
    background-color: var(--gris);
}

.badge-gris[href]:hover, .badge-gris[href]:focus {
    color: #212529;
    background-color: #a4a4a4;
}

.bg-gris {
    background-color: var(--gris) !important;
}

a.bg-gris:hover, a.bg-gris:focus,
button.bg-gris:hover,
button.bg-gris:focus {
    background-color: #a4a4a4 !important;
}

.border-gris {
    border-color: var(--gris) !important;
}

.btn-gris {
    color: #212529;
    background-color: var(--gris);
    border-color: var(--gris);
}

.btn-gris:hover {
    color: #212529;
    background-color: #acacac;
    border-color: #a4a4a4;
}

.btn-gris:focus, .btn-gris.focus {
    box-shadow: 0 0 0 0.2rem rgba(190, 190, 190, 0.5);
}

.btn-gris.disabled, .btn-gris:disabled {
    color: #212529;
    background-color: var(--gris);
    border-color: var(--gris);
}

.btn-gris:not(:disabled):not(.disabled):active, .btn-gris:not(:disabled):not(.disabled).active, .show > .btn-gris.dropdown-toggle {
    color: #212529;
    background-color: #a4a4a4;
    border-color: #9c9c9c;
}

.btn-gris:not(:disabled):not(.disabled):active:focus, .btn-gris:not(:disabled):not(.disabled).active:focus, .show > .btn-gris.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(190, 190, 190, 0.5);
}

.btn-outline-gris {
    color: var(--gris);
    background-color: transparent;
    border-color: var(--gris);
}

.btn-outline-gris:hover {
    color: #212529;
    background-color: var(--gris);
    border-color: var(--gris);
}

.btn-outline-gris:focus, .btn-outline-gris.focus {
    box-shadow: 0 0 0 0.2rem rgba(190, 190, 190, 0.5);
}

.btn-outline-gris.disabled, .btn-outline-gris:disabled {
    color: var(--gris);
    background-color: transparent;
}

.btn-outline-gris:not(:disabled):not(.disabled):active, .btn-outline-gris:not(:disabled):not(.disabled).active, .show > .btn-outline-gris.dropdown-toggle {
    color: #212529;
    background-color: var(--gris);
    border-color: var(--gris);
}

.btn-outline-gris:not(:disabled):not(.disabled):active:focus, .btn-outline-gris:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gris.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(190, 190, 190, 0.5);
}

.list-group-item-gris {
    color: #808080;
    background-color: #11911911;
}

.list-group-item-gris.list-group-item-action:hover, .list-group-item-gris.list-group-item-action:focus {
    color: #808080;
    background-color: #10d10d10;
}

.list-group-item-gris.list-group-item-action.active {
    color: #212529;
    background-color: #808080;
    border-color: #808080;
}

.table-gris,
.table-gris > th,
.table-gris > td {
    background-color: #11911911;
}

.table-hover .table-gris:hover {
    background-color: #10d10d10;
}

.table-hover .table-gris:hover > td,
.table-hover .table-gris:hover > th {
    background-color: #10d10d10;
}

.text-gris {
    color: var(--gris) !important;
}

a.text-gris:hover, a.text-gris:focus {
    color: #a4a4a4 !important;
}

/* @end */


/*------------------------------------
- COLOR naranja
------------------------------------*/
.alert-naranja {
    color: #7a2b0d;
    background-color: #faded3;
    border-color: #f8d0c1;
}

.alert-naranja hr {
    border-top-color: #f5beaa;
}

.alert-naranja .alert-link {
    color: #4c1a08;
}

.badge-naranja {
    color: #fff;
    background-color: #de531c;
}

.badge-naranja[href]:hover, .badge-naranja[href]:focus {
    color: #fff;
    background-color: #ba4114;
}

.bg-naranja {
    background-color: #de531c !important;
}

a.bg-naranja:hover, a.bg-naranja:focus,
button.bg-naranja:hover,
button.bg-naranja:focus {
    background-color: #ba4114 !important;
}

.border-naranja {
    border-color: #de531c !important;
}

.btn-naranja {
    color: #fff;
    background-color: #de531c;
    border-color: #de531c;
}

.btn-naranja:hover {
    color: #fff;
    background-color: #c84616;
    border-color: #ba4114;
}

.btn-naranja:focus, .btn-naranja.focus {
    box-shadow: 0 0 0 0.2rem rgba(230, 83, 28, 0.5);
}

.btn-naranja.disabled, .btn-naranja:disabled {
    color: #fff;
    background-color: #de531c;
    border-color: #de531c;
}

.btn-naranja:not(:disabled):not(.disabled):active, .btn-naranja:not(:disabled):not(.disabled).active, .show > .btn-naranja.dropdown-toggle {
    color: #fff;
    background-color: #ba4114;
    border-color: #ac3c13;
}

.btn-naranja:not(:disabled):not(.disabled):active:focus, .btn-naranja:not(:disabled):not(.disabled).active:focus, .show > .btn-naranja.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(230, 83, 28, 0.5);
}

.btn-outline-naranja {
    color: #de531c;
    background-color: transparent;
    border-color: #de531c;
}

.btn-outline-naranja:hover {
    color: #fff;
    background-color: #de531c;
    border-color: #de531c;
}

.btn-outline-naranja:focus, .btn-outline-naranja.focus {
    box-shadow: 0 0 0 0.2rem rgba(230, 83, 28, 0.5);
}

.btn-outline-naranja.disabled, .btn-outline-naranja:disabled {
    color: #de531c;
    background-color: transparent;
}

.btn-outline-naranja:not(:disabled):not(.disabled):active, .btn-outline-naranja:not(:disabled):not(.disabled).active, .show > .btn-outline-naranja.dropdown-toggle {
    color: #fff;
    background-color: #de531c;
    border-color: #de531c;
}

.btn-outline-naranja:not(:disabled):not(.disabled):active:focus, .btn-outline-naranja:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-naranja.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(230, 83, 28, 0.5);
}

.list-group-item-naranja {
    color: #7a2b0d;
    background-color: #f8d0c1;
}

.list-group-item-naranja.list-group-item-action:hover, .list-group-item-naranja.list-group-item-action:focus {
    color: #7a2b0d;
    background-color: #f5beaa;
}

.list-group-item-naranja.list-group-item-action.active {
    color: #fff;
    background-color: #7a2b0d;
    border-color: #7a2b0d;
}

.table-naranja,
.table-naranja > th,
.table-naranja > td {
    background-color: #f8d0c1;
}

.table-hover .table-naranja:hover {
    background-color: #f5beaa;
}

.table-hover .table-naranja:hover > td,
.table-hover .table-naranja:hover > th {
    background-color: #f5beaa;
}

.text-naranja {
    color: #de531c !important;
}

a.text-naranja:hover, a.text-naranja:focus {
    color: #ba4114 !important;
}



/* @group red comercial */

#caja_direcciones {
	float: right;
	width: 250px;
	height: 155px;
	position: relative;
	z-index: 10;
	right: 90px;
	top: 430px;
	border: 1px solid #989998;
	background: #ffffff url(imagenes/marcapl-normal.png) no-repeat 50% 50%;
}

.caja_direcciones_comercial {
  display: none;
  max-width: 276px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

  line-break: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

.red_comercial_nombre {
    font-size: 20px;
    font-weight: bold;
		font-family: 'avenir_black';
    color: #6ab023;
}

.red_comercial_select {
	margin-top: 50px;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

/* @end */

/* @group aula videos */

.video-img{
	position: relative;
}

.mostrar_modal_video_link {
   position: absolute;
   display: block;
   background: url(../img/play-btn.png) center center / 80px 80px no-repeat;
	height: 100px;
   width: 100px;
   top: 50%;
   left: 50%;
   margin: -50px 0 0 -50px;
	opacity: 0.2;
}

.mostrar_modal_video_link:hover {
	opacity: 1;
}

.sombra_alrededor{
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.8);
}

.aula_titulo_video{
	font-weight: bold;
		font-family: 'avenir_black';
	color: #386708;
}

.aula_modal_titulo{
	font-weight: bold;
		font-family: 'avenir_black';
	color: #054368;
}

/* @end */


/* @group black friday */
.precio_black_friday_2022 {
	font-size: 24px;
	padding-top: 10px;
	color: #ff3301;
	font-weight: bold;
	line-height: 28px;
}

.precio_antes_black_friday {
	text-decoration: line-through;
	font-size: 14px;
	padding-top: 5px;
	color: #ffffff;
}

/* @end */

/* @group oportunidades limitadas */
.precio_oportunidades_limitadas_2505 {
	font-size: 24px;
	padding-top: 10px;
	color: #ffffff;
	font-weight: bold;
	line-height: 28px;
}

.precio_antes_oportunidades_limitadas_2505 {
	text-decoration: line-through;
	font-size: 14px;
	padding-top: 5px;
	color: #ffffff;
}

.producto_precio_oportunidades_limitadas_2505 {
	font-weight: bold;
	font-family: 'avenir_black';
	font-size: 30px;
}

/* @end */

.btn-novedades{
	color: #D96E47 !important;
	font-weight: bold;
}

.btn-novedades:hover{
	color: var(--verde) !important;
}

.btn-outlet{
	color: #ffffff !important;
}

.btn-outlet:hover{
	color: var(--verde) !important;
}