:root {
	--azul: #044ee0;
	--amarillo: #ffe900;
	--verde: #138813;
	--naranja:#ffaa07;
	--danger:#dc3545;
	--gris-claro:#e5e8ea;
}
/*general*/
a{
	color: inherit;
	text-decoration: none;
}
body {
	font-family: 'Raleway', Helvetica, sans-serif;
	color: #333;
	min-height: 100vh;
  margin: 0;
  font-size: 16px;
}


.overlay-waiting {
    background-color: rgba(1, 1, 1, 0.7);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999;
    cursor: wait;
}
.loading{
    position: fixed;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    padding-top: 12px;
    z-index: 9999;
}


/* The article fills all the space between header & footer */

body {
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}
/*.number {
	font-family: "Parkinsans", serif;
	font-weight: 300;
}*/
.btn, .form-control, .form-select{

	font-size: 0.8rem;
}
.btn-amarillo{
	background-color: var(--amarillo);
	color: var(--azul);
	border: 1px solid var(--amarillo);
}
.btn-amarillo:hover{
	filter: brightness(1.2);
}
.btn-gris-claro{
	background-color: var(--gris-claro);
	border: 1px solid var(--gris-claro);
}
.btn-gris-claro:hover{
	filter: brightness(0.9);
}


.btn-warning{
	background-color: var(--naranja);
	color: white;
	border: 1px solid var(--naranja);
}
.bg-warning{
	background-color: var(--naranja);
}

.btn-electro{
	background-color: var(--azul);
	color: var(--amarillo);
	border: 1px solid var(--azul);
}
.btn-electro:hover{
	filter: brightness(1.2);
}

.btn-azul{
	background-color: var(--azul);
	color: white;
	border: 1px solid var(--azul);
}
.btn-azul:hover{
	color: white;
	filter: brightness(1.2);
}
.border-azul{
	border: 1;
	border-color: var(--azul) !important;
}
.border-amarillo{
	border-color: var(--amarillo) !important;
}
.bg-amarillo{
	background-color: var(--amarillo);
	color: var(--azul);
}

.btn-not-selected {
	opacity: 0.6;
	border: 0;
}
.btn-condicion .fa-solid:before {   
	content: "\f00d";
	margin-right: 2px;
}
.btn-condicion.btn-not-selected .fa-solid:before {   
	content: "" !important;
	margin-right: 0 !important;
}
.btn:focus {

	box-shadow:none;
}

/*[data-bs-toggle="collapse"].collapsed .fa-solid:before {
  content: "\f078";
}*/


.img-thumb{
	position: relative;
}
.img-thumb img{
	max-height: 100%;
	max-width: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.toast{
	width: auto;
}

.toast-body{
	font-size: 0.9em;
	padding: 0.45rem;
}

.text-amarillo{
	color: var(--amarillo);
}
.modal .form-label{
	font-size: 0.9em;
}
/*HEADER*/
#header-nav{
	height: 90px;
	transition:0.4s;
}
#header-nav > div{
	height: 100%;
}
#header-nav > div > div {
	height: 100%;
}
#header-nav ul{
	height: 100%;
}
.header{
	background-color: var(--azul);
	/*background-image: url(../img/fondo-azul-2.png);*/
	background-repeat: repeat-x;
}
.header-text{
	font-size: 0.95em;
	line-height: 1.6em;
}
#logo{
	max-width:280px;
	padding: 1rem 1rem;
	transition: 0.4s; /* Add a transition effect (when scrolling - and font size is decreased) */
}
.link-header{
	background: none;
	color: #a00 !important;
	border-radius: 0 !important;
	height: 100%;
	font-size: 0.9rem;
	/*padding-right: 20px;
	padding-left: 20px;*/
	padding-right: 1.25rem;
  padding-left: 1.25rem;
	font-weight: bold;
	text-transform: uppercase;
	display: table;

}
header .btn.cliente{
	border-radius: 0;
}

.link-header .nav-link{
	color: #fff;
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.link-header:hover, .link-header.active{
	background: var(--amarillo);
}
.link-header:hover .nav-link, .link-header.active .nav-link{
	color: var(--azul);
}
.link-header.active:hover .nav-link{
	color: white;
}
.navbar-brand{
	padding-top: 0.05rem;
	padding-bottom: 0.05rem;
}
.dropdown-menu li hr{
	margin: 5px 0;
}

.header-text a{
	color: inherit;
	text-decoration: none;
}

.fa-whatsapp{
	color: green;
}

#navbarSupportedContent form{
	flex: 1;
	max-width: 375px;
}

.badge{
	text-transform: uppercase;

	letter-spacing: 1px;

}


.menu-productos{
	background-color: transparent;
	width: 90vw;
	border: none;
	margin-top: -0.5rem !important;
	padding-top: 0;
	max-width: 1200px;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 78vh;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 1) !important;
}
.menu-productos .contenedor{
	background-color: white;
	/*box-shadow: 0 0 10px 6px rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19) !important;*/
	padding-top: 5px;
}
.menu-productos h5{
	font-size: 0.9em;
}
.menu-productos h6{
	font-size: 0.75em;
	text-transform: none;
}
.menu-productos-item{
	cursor: pointer;
	border-radius: 5px;
	max-width: 150px;
	/*padding-right: 1rem !important;
  padding-left: 1rem !important;*/
  padding: 0.7rem 1rem;
}
.menu-productos-categoria{
	max-width: 208px;
  width: 33%;
}
.menu-productos-categoria a{
	cursor: pointer;
	border-radius: 5px;
	max-width: 205px;
}
.menu-productos-item:hover,.menu-productos-categoria a:hover {
	transform: scale(1.02);
	box-shadow: 0 0 10px 6px rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19) !important;
	background-color: white;
}

img.zoom{
	cursor: zoom-in;
}

/*FOOTER*/

footer{
	background-color: #464747;
	background-image: url(../img/fondo-footer.png);
	background-size: contain;
	background-repeat: no-repeat;  
}
footer p{
	line-height: 23px;
	font-size: 0.9em;
}
footer i, footer .fa-whatsapp{
	color:#ffe900 !important;
}
footer { padding:30px 20px; color:#979a9a;}
footer p { display:block;}
footer a { color:inherit;}
footer a:hover { color:var(--amarillo);text-decoration: underline;}
.social_buttons i {font-size: 30px;}
.social_buttons i:hover {color: white;}
.social_buttons{text-align: left; display: flex;justify-content: space-between;}
.social_buttons > div{flex-grow: 1;}


.img_thumb{position: relative;}
.img_thumb img{
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/*HOME*/
.carousel-caption{
	top: 0;
	bottom: 0;
	left: 10%;
	right: 10%;
}
.carousel-caption .carousel-text{
	padding-top: 100px;
	padding-left: 30px;
	text-align: right;
}
.carousel-text h3{
	font-size: 3.6rem;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
}
.carousel-text p{
	font-size: 1.4rem;
}

.carousel-indicators [data-bs-target]{
	background-color: #aaa;
  width: 8px;
  height: 8px;
  margin-right: 10px;
  margin-left: 10px;
  border-radius: 50%;
}
.carousel .carousel-control-next, .carousel .carousel-control-prev{
	visibility: hidden;
	max-width: 80px;
}
.carousel .carousel-control-next .carousel-control-next-icon, .carousel .carousel-control-prev .carousel-control-prev-icon{

	background-color: rgba(0,0,0,0.3);
  border-radius: 5px;
  height: 3rem;
}
.carousel:hover .carousel-control-next, .carousel:hover .carousel-control-prev{
	visibility: visible;
}
.section-title{
	display: flex;
	justify-content: space-between;
	padding: 20px 20px 10px 30px;
	/*margin-top: 20px;*/
	border-bottom: 1px solid #ccc;
	color: var(--azul);
	text-transform: uppercase;
	align-items: center !important;
}

.section-title h2{
	font-weight: bold;
	font-style: italic;
}

.producto-home a, .producto-home a:hover{
	color: inherit;
	text-decoration: none;
}
.producto-home {
	padding: 14px;
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
	height: 300px;
	border-radius: 5px;
	/*border-radius: 4px;*/
	background-color: #fff;
	 -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	transition: transform .3s ease-out,-webkit-transform .3s ease-out,-moz-transform .3s ease-out,-o-transform .3s ease-out;
}
.producto-home:hover {
	transform: scale(1.02);
	box-shadow: 0 0 10px 6px rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19) !important;
}


.categoria-home{
	
	background-color: white;
	cursor: pointer;
  border-radius: 5px;
  max-width: 205px;
  height: 180px;
	
}

.categoria-home h5{
	font-size: 0.7em;
	
}

.categoria-home:hover {
	box-shadow: 0 0 10px 6px rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19) !important;
	transform: scale(1.02);
	
}

/*.producto-home .codigo{
	margin-top: 15px;
}*/
.producto-home  .codigo h2 {
	font-weight: 700;
	font-size: 1.1rem;
	line-height: 1.5rem;
	margin-bottom: 5px;
}
.producto-home .titulo h3 {
	font-size: 12px;
	font-weight: 400;
	line-height: 13px;
	color: var(--azul);
}
.producto-home.oferta .titulo h3 {
	text-transform: uppercase;
}
.producto-home .link {
	margin-top: 5px;
	font-size: 0.8em;
}
.slick-container{
	max-width: 95%;
}
.slick-next::before, .slick-prev::before {
	color: black;
}

 div:hover> .discount{
        /*top: 15px;
    right: 10px;*/
    transform: scale(1.04);
    }

.discount {
  position: absolute;
  top: 20px;
  right: 5px;
  display: inline-block;
  background: #F20C0C;
  width: auto;
  height: 30px;
  line-height: 32px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-radius:4px;
  padding:0 15px;
  z-index: 9999;
  font-family: sans-serif;
  transition: transform .1s ease-out,-webkit-transform .1s ease-out,-moz-transform .1s ease-out,-o-transform .1s ease-out;
}
.discount:after {
  content: " ";
  height: 22px;
  width: 22px;
  background:#F20C0C;
  position: absolute;
  top:4px;
  left:-9px;
  border-radius:4px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);  
}
.discount:before {
  content: "";
  width: 7px;
  height: 7px;
  background: #fff;
  position: absolute;
  top: 12px;
  left: 0px;
  z-index: 1;
  border-radius: 10px;
}
.discount small{
    font-size: 75%;
}

.discount.azul{
  background: var(--azul);
}
.discount.azul:after {
  background:var(--azul);
}
.discount.azul2{
  background: var(--azul);
  color: #ffe900;
}
.discount.azul2:after {
  background:var(--azul);
}
.discount.azul2:before {
  background: #ffe900;
}

.discount.amarillo{
  background: rgb(232,202,7);
}
.discount.amarillo:after {
  background:rgb(232,202,7);
}
.discount.amarillo2{
  background: #ffe900;
  color: var(--azul);
}
.discount.amarillo2:after {
  background:#ffe900;
}
.discount.amarillo2:before {
  background: var(--azul);
}


.stock_permanente, .seccion_banner{
    background-repeat: repeat;
    background-size: auto;
    background-size: cover;
    background-repeat: no-repeat;
}

.stock_permanente{
    background-image: url('../img/home-stock-permanente-bg-2.jpg');
    overflow-x: hidden;

}

.stock_permanente h3,  .seccion_banner h3{
  font-size: calc(18px + 1.5vw);
  font-weight: bold;
  font-style: italic;
  text-align: left;
}

.stock_permanente h3{
    margin-top: 33%;
  color: var(--amarillo);
  padding-left: 2.5vw;
}


.stock_permanente img{
    width: 100%;
    position: relative;
}


.seccion_marcas{
    background-color: #f1f1f1;
}
.seccion_marcas img{
    width: 100%;
    max-width: 120px;
}

.seccion_banner p{
    font-size:  calc(14px + 0.3vw);
}
.seccion_banner{
    padding: 8vw 0;

}

.seccion_banner h3{
  padding: 1vw 0;

}

.seccion_banner .boton{
  padding: 1vw 0;
}
.banner_envio{
    background-image:url('../img/home-deposito.jpg');
    background-attachment: fixed;
    background-position: right;
    height: 70vh;
  	padding: 0;
}
.servicios{
    background:linear-gradient(#ffe900,#fff);
    padding: 60px 40px 6vw;
}
.servicios .titulo h2  {
    font-size:  calc(23px + 1.4vw);
    text-align: center;
    text-transform: uppercase;
    margin: 10px 0;
    font-weight: bold;
    font-style: italic;
    color: #044ee1;
}
.servicios .titulo p  {
    font-size:  calc(15px + 0.3vw);
    text-align: center;
    margin: 20px 0 60px;
    color: #044ee1;
}

.servicios .imagen{
    margin-bottom: 20px;
}
.wa-link{
  cursor: pointer;
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 2147483000;
}
/*PRODUCTOS*/
.producto{
	 -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.producto .producto-especificaciones ul li:nth-child(2n+1){
	background-color: #fff;
}

.producto .producto-thumb{
	cursor: pointer;
}

.producto h3{
	font-weight: bold;
}

.error-input{
	position: absolute;
	font-size: 0.7em;
	color: var(--danger);
	bottom: -1.7em;
	left: 0;
	right: 0;
	text-align: center;
}

.producto .producto-descripcion{
	font-size: 0.9em;
	font-weight: 600;
}

.producto .producto-condicion{
	font-size: 0.8em;
}
.producto .producto-barras{
	font-size: 0.8em;
}

.producto .producto-precio{
	text-align: center;
}

.producto .producto-precio span{
	font-size: 10px;
	line-height: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
}

.producto .producto-precio .number{
	font-size: 14px;
}

.producto .producto-precio.oferta > span, .producto .producto-precio.oferta .number{
	color: var(--verde) ;
}

.producto .producto-especificaciones .titulo{
	font-size: 90%;
	font-weight: bold;
}

.producto .producto-especificaciones ul{
	font-size: 80%;
	padding: 0;
	list-style: none;
	margin-bottom: 0.2em;
}

.producto-especificaciones .table{
	font-size: 80%;
}

.producto .producto-especificaciones ul li:nth-child(2n+1){
	background-color: #f5f5f5;
}
.producto .producto-especificaciones ul li{
	padding: 0.4em 0.2em;
	display: flex;
	align-items: center;
}

.producto .producto-especificaciones ul li span:first-child{
	width: 40%;
}

.producto .producto-especificaciones .ver_mas,.producto .producto-especificaciones .ver_menos{
	font-size: 70%;
	line-height: 28px;
	color: var(--azul);
	cursor: pointer;
	background: none !important;
}

.producto .producto-izquierda{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.blured img{
	filter: blur(1px);
}

[data-bs-toggle="collapse"] .fa-collapse:before {   
	content: "\f077";
}

[data-bs-toggle="collapse"].collapsed .fa-collapse:before {
	content: "\f078";
}

.filtros label{
	font-size: 0.9rem;
}


.filtros .form-control,.select2-search__field, .select2-results__options, .select2{
	font-size:  0.8rem !important;
}
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {

	cursor: text;
}
.producto-especificaciones >ul.closed>li:nth-child(n+7) {
	display: none;
}

.producto .btn-azul{
	border-radius: 0 .25rem .25rem 0 !important;
}

.producto .form-control.number{
	border-radius: .25rem 0 0 .25rem !important;
}

.producto-relacionados table th, .producto-relacionados .texto{
	font-size: 0.9em;
}
.producto-relacionados button{
	white-space: nowrap;
}
.select2-container--default .select2-selection--multiple {
  border: 1px solid #ced4da;
}
.select2-container--default .select2-selection--single {
  border: 1px solid #ced4da;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .1rem rgba(13,110,253,.25);
}
.form-control:focus {
  box-shadow: 0 0 0 .1rem rgba(13,110,253,.25);
}
.lb-closeContainer{
	position: fixed;
  top: 56px;
  right: 16%;
}

.btn-filtros{
	transition: 0.5s;
	z-index: 1090;
  margin-top: -30px;
  background: gray;
  border-radius: 0px;
  font-size: 0.85rem;
  color: white;
  position: fixed;
}
.btn-filtros.collapsed{
	margin-top: 0px;
}
.btn-filtros .fa-solid:before{
	content: "\f00d";
}
.btn-filtros.collapsed .fa-solid:before{
	content: "\f1de";
}
.navbar-toggler.btn-filtros:focus {
  box-shadow: none;
}

.barra-filtros{
	width: inherit; 
	top: 122px; 
	bottom: 0; 
	overflow-y:scroll;
	z-index: 200;
}

/*  PEDIDO  */

.pedido input[type="number"] {
	width: 75px;

	font-size: 14px !important;
}

.pedido td{
	vertical-align: middle;
}

.pedido .mr-2{
	margin-right: 5px;
}

.grupo td, .pedido .bold{
	font-weight: bold;
}
.pedido th{
	text-align: center;
}
.nowrap{
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pedido .noborder{
	border:none;
}

.pedido .center{
	text-align: center;
}

.pedido .right{
	text-align: right;
}

.table td, .table th {
	padding: .50rem .50rem;
	vertical-align: middle !important;
}

.first{
	display: flex;
}
.pedido thead tr th, .total td, td.total{
	background-color: #a0a0a0;
	color: white;
}



.pedido tr.grupo th, .pedido tr.grupo td{
	background-color: #f1f1f1;
}

.number{
	font-family: Calibri, Verdana, sans-serif !important;
}

.first span{
	align-self: center;
}
.total{
	color: var(--amarillo);
}

.botones td, .botones th{
	border: none !important;
	text-align: left;
}
.botones{
	width: 100%;
}


.td-none{
	background-color: transparent !important;
	background: none !important;
	border: none !important;
	font-weight: 400 !important;
}

.pedido > thead {
	position: sticky;
	top: 136px;
	z-index: 99;
}
.modal-xs{
	max-width: 320px;
}
.modal .close{
	line-height: 0.5;
}
.floating-message{
	position: fixed;
	top: 150px;
	right: 10px;
	z-index: 9999;
}
.alert {
	font-size: 0.8em;
	padding:0.5rem;

	opacity: 0.9;
	transition: opacity 0.3s;
	margin-bottom: 15px;
	text-align: center;

}

.alert.success {background-color: #04AA6D;}
.alert.clear {display:inline-block;background-color: #f1f1f1;color: #333;text-transform: uppercase;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}

.alert i {font-size: 1.6em;}

.closebtn {
	margin-left: 15px;
	color: white;

	float: right;
	font-size: 22px;
	line-height: 20px;
	cursor: pointer;
	transition: 0.3s;
	font-family: sans-serif;
}

.closebtn:hover {
	color: black;
}

a, .btn:focus {
	outline: none;
	box-shadow: none;
}

.aclaracion{
	font-size: 80%;
}
.stock{
	display: inline-block;

	line-height: 22px;
}

.tooltip2 {
	position: relative;
	display: inline-block;

}

.tooltip2 .tooltiptext {
	visibility: hidden;
	width: 250px;
	background-color: rgba(32, 64, 154, 0.9);
	color: #fff !important;
	text-align: center;
	border-radius: 6px;
	padding: 10px;
	position: absolute;
	z-index: 1;
	top: -5px;
	right: 110%;
}

.tooltip2 .tooltiptext::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent rgba(32, 64, 154, 0.9);
}

.tooltip2 span.tooltiptext.tooltipsmall {
	width: auto !important;

}

.tooltip2 .tooltiptext.tooltipsmall {
	font-size: 80%;
	padding: 5px 10px;
	top: 0px;
	color: white;
}

.tooltip2 .tooltiptext.success {
	background-color: var(--bs-green);
	opacity: 0.9;
}
.tooltip2 .tooltiptext.success::after {
	border-color: transparent transparent transparent var(--bs-green);
	opacity: 0.9;
}

.tooltip2 .tooltiptext.yellow {
	background-color: var(--amarillo);
	opacity: 0.9;
	color: #333333 !important;
}
.tooltip2 .tooltiptext.yellow::after {
	border-color: transparent transparent transparent var(--amarillo);
	opacity: 0.9;
}

.tooltip2 .tooltiptext.danger {
	background-color: var(--bs-red);
	opacity: 0.9;
}
.tooltip2 .tooltiptext.danger::after {
	border-color: transparent transparent transparent var(--bs-red);
	opacity: 0.9;
}



.tooltip2:hover .tooltiptext {
	visibility: visible;
}
.select2-dropdown{
	z-index: 9999999999999;
}



/*HISTORIAL*/
.estado{
	font-style:italic;
	font-size:0.9em;
	font-weight: bold;
}
.historial .collapse .pedido, .historial .in .pedido, .historial .collapsing .pedido {
	padding-top: 10px;
}

/*DATOS CLIENTE*/
.form-switch label{
	font-size: 0.8em;
}
/*.form-switch {
  padding-top: 0.5em;
}*/

.carousel-indicators.amarillo [data-bs-target] {
  background-color: var(--amarillo);
}


/*EMPRESA*/

.portada{
	background: linear-gradient(rgba(4, 78, 224, 1) 5%, rgba(0, 0, 0, 0) 60%),url('../img/empresa/portada_2.jpg') no-repeat;
	height: 38vw;
  background-size: 100%;
}
.portada h2{
	padding-top: 5vw;
	font-size: calc(14px + 2vw);
  line-height: 1.5em;
}

.stats{
	background: linear-gradient(rgba(255, 233, 0, 1) 10%, rgba(0, 0, 0, 0) 100%);
	color:var(--azul);
}

.stats i{
	font-size: calc(35px + 1.5vw);
}
.stats h4{
	font-size: calc(20px + 1.5vw);
}
.stats p{
	font-size: calc(8px + 0.5vw);
}
.placa-azul{
	margin-left:-20px ;
}
.placa-azul > div{
	background-color: var(--azul); 
	border-radius: 5px; 
	height: 100%; 
}
.placa-azul h4{
	line-height: 1.5em;
  margin-left: auto;
  max-width: 500px;
}
.placa-azul img{
	max-width:calc(45px + 2vw);
}
#carouselEmpresa .carousel-indicators{
	right: 7%;
	left: unset;
}
.empresa-envios{
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 5%, rgba(0, 0, 0, 0) 70%),
   url('../img/empresa/deposito.jpg') no-repeat;
  background-size: 100%;
  background-position: right;
  position: relative;
  height: calc(20vh + 15vw);
  margin: calc(10vh + 3vw) 0;
}
.empresa-envios img{
	position: absolute;
  height: calc(30vh + 16vw);
  top: calc(-5vh + -1vw);
  left: 6vw;
}
.empresa-envios h4{
	width: 74%;
	max-width: 900px;
	font-size:calc(14px + 1.1vw);
	line-height: 1.5em;
	
}

.empresa-reconstruidos .video{
	z-index: 9;
	margin-top:-30px ;
	margin-left:-45px ;
	margin-bottom:30px ;
}

.empresa-reconstruidos .descripcion{
	margin-top: 30px;
}
.empresa-reconstruidos .descripcion h4{
	font-size: calc(15px + 1.1vw);
	line-height: 1.5em;
}
.empresa-reconstruidos .descripcion p{
	font-size: calc(12px + 0.4vw);
}
.empresa-reconstruidos .descripcion img{
	height: 150px;
}

.empresa-reconstruidos #reconstruidos{
	margin-left: -150px;
}




/*TUTORIALES*/
.tutorial{
	position: relative;
    padding-bottom: 56.25%;
}
.tutorial iframe{
	position: absolute;
    top: 0;
    left: 0; 
    width: 100%;
    height: 100%;
}
/*mobile*/
@media screen and (max-width: 768px){
	body {
		font-size: 14px;
	}
	.navbar-brand{
		margin: auto;
	}
	#logo{
		max-width: 240px;
		padding: 0.5rem 1rem;
	}
	.header{
		padding-bottom: 0.3rem;
	}
	
	#header-nav{
	height: 160px;
	
	}
	#header-nav .navbar-nav {
		height: auto;
	  flex-direction: row;
	  justify-content: space-between;
	}
	.link-header{
		font-size: 0.7rem;
		padding: 0.2rem;
	}
	.navbar-nav .dropdown-menu {
	  position: absolute;
	}
	.menu-productos-categoria {
	  max-width: unset;
	  width: auto;
	}
	.menu-productos-categoria a {
	  margin: auto;
	  border-radius: 5px;
	  max-width: unset;
	}
	.menu-productos-categoria a img{
	  max-width: 180px;
	}
	#header-nav > div > div {
	  height: auto;
	}
	.botones-atributos a{
		font-size: 0.7rem;
	}
	.barra-filtros{
		top: 158px; 
	}
	.portada h2 {
  padding-top: 0;
	}
	.placa-azul{
		margin-left:0px ;
		margin-top: -10px;
	}
	#carouselEmpresa .row{
		--bs-gutter-x:0;
	}
	#carouselEmpresa .carousel-indicators{
		right: 0;
		left: 0;
	}
	.empresa-reconstruidos .video{
		margin-top:0 ;
		margin-left:0 ;
		margin-bottom:0 ;
	}
	.empresa-reconstruidos .descripcion{
		margin-top: -60px;
	}

	.empresa-reconstruidos .descripcion img{
		height: 95px;
	}

	.empresa-reconstruidos #reconstruidos{
		margin-left: -80px;
	}
	
	
	footer{
		background-image: none; 
	}
}