body {
	font-family: "Barlow", sans-serif; 
	position: relative;
	/* margin-top: 105px; */
	/* margin-bottom: 400px; Es la altura del footer, si cambio la altura del footer debo cambiar esto */
	/* min-height: 100% !important; */
    /* height: 100%; */

}


html {
	font-size: 10px;
	/* min-height: 100% !important; */
    /* height: 100%; */
}

body.index{
	margin-top: 0px;
}

body.index > footer{
	margin-top: 0;
}




a{
	outline: none !important;
}


.btn:focus, .btn:focus:active {
	outline: none;
  	box-shadow: none;
	background-color: transparent;
	color: #000;
	border: 1px solid #000;
}

/*  ---------- Saco borde celeste focus bootstrap -------------- */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
button,
.uneditable-input:focus {   
	/*border-color: rgba(126, 239, 104, 0.8);*/
	box-shadow: 0 !important;
	outline: 0 none !important;
	outline-color: transparent !important; 
	outline-style: none !important;
}
/*  ---------- Saco borde celeste focus bootstrap -------------- */





/* -------------------------------/ COLORES /---------------------------------------- */
:root {	
	--bar-red: #DA1003; 
	--coral-bar: #EC8780; 
	--bar-black: #0F1108;
	--bar-gris-oscuro: #767676;
	--bar-gris-claro: #F0EEE7;
	--bar-perlado: #FFFCE1;
}
/* -------------------------------/ COLORES /---------------------------------------- */



.bg-perlado{
	background-color: white;
}



/*
.franja_cien{
	width: 100%;
}
.franja_cien.lilac{	background-color: var(--lilac);}
.franja_cien.blue{	background-color: var(--blue);}
*/

a#ir_arriba{
	display: block;
	cursor: pointer;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background-color: var(--bar-gris-oscuro);
	border: 1px solid var(--bar-gris-claro);
	/* border:1px solid #FFF; */
	color: #FFF;
	text-align: center;
	font-size: 1.4rem;
	line-height: 4.7rem;
	font-weight: 100;
	position: fixed;
	bottom: 20px;
	/*right: 30px;*/
	right: 30px;
	opacity: 0;
	z-index: 90;
	background-image: url('../img/flecha_blanca_arriba.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 8px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}


a#ir_arriba.visible{
	opacity: 1;
	bottom: 20px;
	/*bottom: 30px;*/
	right: 20px;
	/*right: 30px;*/
}



p{
	font-size: 1.6rem;
	line-height: 2.3rem;
	font-weight: 400;
}

h1 {
	font-family: "Barlow Semi Condensed", sans-serif;
	font-style: italic;
	font-weight: 900;
	font-size: 3rem;
	line-height: 3rem;
	text-transform: uppercase;
	position: relative;
}

h1::before {
	content: "";
	position: absolute; /* Position the line */
	bottom: -2px; /* Align the line at the top of the h1 */
	left: 0; /* Start the line from the left of the h1 */
	width: 100%; /* You can adjust this to your desired width */
	height: 4px; /* Line thickness */
	background-color: green;/* Line color */
	border-radius: 2px;
	display: none;
}




h2{
	text-transform: uppercase;
	font-size: 3rem;
	line-height: 3rem;
	font-weight: 200;
}
a#ir_arriba:hover{
	line-height: 3.5rem;
	background-color: green;
}


h3{
	font-family: "Barlow Condensed", sans-serif;
	font-style: italic;
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 2.7rem;
	color: var(--bar-black);
	text-transform: uppercase;
	margin: 0;
}
h3 span{
	text-transform: lowercase;
	color: var(--bar-gris-oscuro);
	display: inline-block;
	margin-left: 5px;
}


h4{
	font-family: "Barlow", sans-serif;
	font-style: italic;
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1.8rem;
	color: green;
}


/*
img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0;
	padding: 0;
}
	*/


table.table {
	--bs-table-striped-bg: white !important;
	--bs-table-hover-bg: var(--bar-black);
	border: 1px solid rgba(218,16,3,.15) !important;
}



table thead tr th{
	/*background-color: blue !important;*/
	font-family: 'Barlow', sans-serif;
	font-size: 1.6rem;
	line-height: 1.6rem;
	text-transform: uppercase;
	font-weight: 500;
	border: 1px solid rgba(218,16,3,.15) !important;
	border-bottom: 4px solid green !important;
	padding: 20px 15px 20px 20px !important;
}

/*table .border-top-color{
	background-color: green;
}*/



table tbody tr{
	border-bottom: 0;
}
table tbody tr td{
	padding: 15px 10px 15px 20px !important;
	color: var(--bar-black) !important;
	font-family: 'Barlow', sans-serif;
	font-size: 1.5rem;
	line-height: 1.5rem;
	font-weight: 400;
	vertical-align: middle;
	transition: all .4s ease-in-out !important;
	background-repeat: no-repeat;
	background-position: center;
	border-left: 1px solid rgba(218,16,3,.1) !important;
	border-RIGHT: 1px solid rgba(218,16,3,.1) !important;
	border-bottom: 0;
}

table tbody tr:hover > td{
	color: white !important;
}

table tbody tr td div.contiene_img_entabla{
	height: 50px;
	width: 50px;
	background-color: #FFF;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #d1d1d1;
}
table tbody tr td div.contiene_img_entabla img{
	width: 100%;
	height: 100%;
	object-fit:cover;
	object-position: 50% 50%;
}
table tbody tr td a.flecha_entabla{
	display: block;
	width: 25px;
	height: 25px;
	background-image: url(../img/chevron_right.svg);
	background-size: 27px;
	transition: all .15s ease-in-out;
}
table tbody tr td.codigo{
	color: green !important;
	font-family: 'Barlow', sans-serif;
	font-size: 1.4rem;
	line-height: 1.4rem;
	font-weight: 700;
	text-transform: uppercase;
}
table tbody tr:hover > td.codigo {
	color: var(--coral-bar) !important;
}
table tbody tr:hover > td a.flecha_entabla {
	background-image: url("../img/chevron_right_w.svg");
	background-position: left;
}
table tbody span.material-symbols-outlined{
	color: red;
}









ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}


strong{
	font-weight: 600;
}

span{
	font-family: "Barlow Semi Condensed", sans-serif;
	font-size: 1.8rem;
	line-height: 1.8rem;
}

.btn-primary{
	font-family: 'Barlow', sans-serif;
	font-size: 1.5rem;
	line-height: 1.5rem;
	font-weight: 400;
	font-style: italic;
	transition: all .3s ease-in-out;
	padding: 10px 40px 10px 20px;
	border-radius: 0;
	background-color: green;
	position: relative;
	border: 1px solid var(--bar-black);
}
.btn-primary.blanco{
	background-color: #FFF;
	color: var(--bar-black);
}
.btn-primary.blanco span{
	color: green;
}
.btn-primary.blanco::before{
	background-image: url(../img/chevron_right.svg);
}
.btn-primary.blanco:hover, .btn-primary.blanco:hover span{
	color: #FFF;
}
.btn-primary.blanco:hover:before{
	background-image: url(../img/chevron_right_w.svg);
}

.btn-primary span{
	font-size: 1.45rem;
	font-weight: 600;
}
.btn-primary:hover{
	background-color: var(--bar-black);
	border: 1px solid var(--bar-black);
}
.btn-primary.negro:hover{
	background-color: green;
}

.btn-primary::before{
	position: absolute;
	content: "";
	background-image: url(../img/chevron_right_w.svg);
	width: 24px;
	height: 24px;
	right: 6px;
	top: 8px;
}


/*
.btn-round{
	content: "";
	width: 50px;
	height: 50px;
	color: white;
	position: relative;
	background-image: url(../img/share-icon.svg);
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center;
	background-color: green;
	border-radius: 50%;
	bottom: 0px;
	left: 0;
}*/


.btn-share{
	position: relative;
	bottom: 0px;
	width: fit-content;
	height: fit-content;
	color: #0F1108;
	background-image: url(../img/share-icon_black.svg);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: left;
	border-radius: 0;
	transition: all .2s ease-in-out;
	padding-left: 20px;
	font-size: 1.3rem;
}

.btn-share:hover{
	background-color: var(--bar-gris-oscuro);
}




.input-group {
	margin-bottom: 10px;
}


#contenedor_formulario_completo_contacto{
	position: relative;
	width: 100%;
	/* border: 2px solid red; */
	/*box-shadow: 0 0 20px #FFF;*/
}
.form-group{
    /* background-color: blue; */
    margin: 0;
	width: 100%;
}

.form-control, .form-select{
	padding: 15px 10px;
	background-color: var(--bar-gris-claro);
	border-radius: 0 0 10px 0;
	color: var(--bar-black);
	border: none;
	font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 1.5rem;
	line-height: 1.5rem;
}
.form-control:focus, .form-select:focus{
	background-color: white;
}
.form-select{
	padding: 17px 20px 17px 10px;
	background-image: url("../img/chevron_red.svg");
	background-size: 12px;
	background-position: calc(100% - 12px);
}

.form-control.search_header{
	padding: 10px;
	border-radius: 0 0 0 10px;
}



.styled-select{
    -webkit-appearance: none;
    background: transparent;
    width: 100%;
	overflow: hidden;
}


#mensaje_enviado_ok_contacto{
    display: none;
    padding: 150px 0;
}
#mensaje_enviado_ok_contacto p{
	display: block;
    text-align: left;
    color: white;
    font-weight: 600;
    font-size: 2.3rem;
    line-height: 2.7rem;
}
#mensaje_enviado_ok_contacto p span{
    font-weight: 300;
	display: block;
}

label.error{
	width: fit-content;
    position: relative;
    font-size: 1.2rem;
    font-weight: 400;
    text-transform: uppercase;
    display: none;
    color: #FFF;
    padding: 2px 4px;
	background-color: green;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


#enviando_datos_contacto{
	display: none;
	width: 70px;
	height: 70px;
	padding: 10px;
	border-radius: 50%;
	background-color: var(--bar-gris-oscuro);
	position: absolute;
	z-index: 9999;
	left: 40%;
	top: 25%;
}


.sk-fading-circle {
  /*margin: 100px auto;*/
  width: 50px;
  height: 50px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  /*padding: 10px;*/
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: white;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}





.bg-primary{background-color: var(--lilac) !important}
.bg-secondary{background-color: var(--blue) !important;}
.bg-gris_light{background-color: var(--light_blue) !important;}







/* -------------------------------/ ANULO DESLAZAMIENTO DE SCROLL DE BOOTSTRAP /---------------------------------------- */
:root{scroll-behavior:unset}
/* -------------------------------/ ANULO DESLAZAMIENTO DE SCROLL DE BOOTSTRAP /---------------------------------------- */

.container,.container-fluid{padding-left: 20px;	padding-right: 20px;}


header {
	/*position: fixed;
	width: 100%;
	z-index: 9999;*/
	background-color: var(--bar-black);
	padding-top: 19px;
	padding-bottom: 19px;
	background-image: url(../img/Nav-texture.png);
	background-image: none;
	background-repeat: no-repeat;
	background-position: right;
}
header img.logo_ppal{
	max-width: 85px;
	width: 100%;
	/* height: 30px; */
	object-fit: cover;
	/* background-color: olive; */
}

.navbar-nav{
	/* border: 1px solid red; */
}

.navbar-brand{
	/* border: 1px solid red; */
	padding: 0;
	margin: 0;
	margin-top: 5px;
}
.navbar-toggler-icon{
	background-image:  url("../img/hamburguesa.svg");
	background-repeat: no-repeat;
	background-size: 100%;
}

.navbar-nav .nav-item a.nav-link{
	color: #FFF;
	font-size: 1.5rem;
	font-style: italic;
	margin: 5px 0;
	/* margin: 0 10px; */
	border-bottom: 1px solid rgb(67, 67, 67);
	/* border-bottom: none; */
	padding-bottom: 17px;
}

.navbar-nav .nav-item a.nav-link:hover{
	color: var(--coral-bar);
}
.navbar-nav .nav-item a.nav-link.dropdown-toggle{
	padding-left: 27px;
	position: relative;
}


.navbar-nav .nav-item a.nav-link.dropdown-toggle:before{
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	/* background-color: red; */
	position: absolute;
	left: 0;
	transition: all .4s ease-in-out;
}
.navbar-nav .nav-item a.nav-link.dropdown-toggle.frenos:before{background-image: url("../img/icono-frenos-w.png");}
.navbar-nav .nav-item a.nav-link.dropdown-toggle.embrague:before{background-image: url("../img/icono-embrague-w.png");}


.navbar-nav .nav-item a.nav-link.dropdown-toggle.embrague:hover:before,.navbar-nav .nav-item a.nav-link.dropdown-toggle.frenos:hover:before{
	transform: rotate(360deg);
}




.form-select option {
	display: block;
  	background-color: var(--bar-black);
	padding: 0 15px;
	color: #FFF;
}

.form-select option:checked {
	background-color: #3f3f3f !important;
}



.navbar-nav .nav-item.dropdown ul.dropdown-menu{
	border-radius: 0 0 10px 10px;
	background-color: var(--bar-black);
	padding: 0 15px;
	border: 1px solid green;
	border-top: none;
	margin-top:-5px;
	margin-bottom:15px;
}
.navbar-nav .nav-item.dropdown ul.dropdown-menu li{
	border-bottom: 1px solid rgb(62, 62, 62);
	padding: 0;
}
.navbar-nav .nav-item.dropdown ul.dropdown-menu li:last-child{
	border-bottom: none;
	padding-bottom: 10px;
}
.navbar-nav .nav-item.dropdown ul.dropdown-menu li a.dropdown-item{
	padding: 8px 0;
	color: #FFF;
	font-size: 1.6rem;
	font-weight: 300;
	transition: all .15s ease-in-out;
	position: relative;
}
.navbar-nav .nav-item.dropdown ul.dropdown-menu li a.dropdown-item:hover{
	background-color: transparent;
	padding-left: 12px;
	color: white;
}
.navbar-nav .nav-item.dropdown ul.dropdown-menu li a.dropdown-item:before{
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	border-radius: 50%;
	background-color: transparent;
	position: absolute;
	left: 0;
	top: 18px;
	transition: all .3s ease-in-out;
}
.navbar-nav .nav-item.dropdown ul.dropdown-menu li a.dropdown-item:hover:before{
	background-color: green;
	width: 5px;
	height: 5px;
}
.btn-seach_header{
	width: 40px;
	background-color: var(--bar-gris-claro);
	border-radius: 0 10px 0 0 ;
	background-image: url("../img/lupa.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60%;
}
.btn-seach_header:hover{
	background-color: white;
	
}









ul.pagination li a.page-link, ul.pagination li.page-item{
	border-radius: 50%;
	text-align: center;
	color: var(--bar-black);
	font-weight: 500;
	font-size: 1.2rem;
	line-height: 2.2rem;
	width: 32px;
	height: 32px;
	display: block;
	border: none;
	background-color: var(--bar-gris-claro);
}

ul.pagination li.page-item{
	margin: 0 6px;
}
ul.pagination li.page-item.disabled{
	opacity: .5;
}
ul.pagination li a.page-link:hover{
	color: #FFF;
	background-color: var(--bar-black);
}
ul.pagination li a.page-link.active{
	color: #FFF;
	background-color: var(--bar-gris-oscuro);
}
.page-item:last-child .page-link {
	background-image: url("../img/chevron_right.svg");
	background-position: center;
	background-color: var(--bar-gris-claro);
	border: 1px solid var(--bar-gris-oscuro);
	border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
}
.page-item:first-child .page-link{
	background-image: url("../img/chevron_left.svg");
	background-position: center;
	background-color: var(--bar-gris-claro);
	border: 1px solid var(--bar-gris-oscuro);
	border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
}
.page-item:first-child .page-link:hover,.page-item:last-child .page-link:hover{
	background-color: white;
}
p.pagina_actual{
	margin-top: 12px;
	font-size: 1.25rem;
	margin-right: 12px;
}
.form-control.numero_pagina{
	max-width: 60px !important;
	height: 40px;
	background-color: transparent;
	border: 1px solid green;
	border-radius: 0;
	font-weight: 600;
	color: var(--bar-gris-oscuro);
}
.btn.ir{
	font-size: 1.7rem;
	font-weight: 500;
}
.btn.ir:hover{
	color: green;
}











.mt-n4{
	margin-top: -1rem !important;
}

a.back{
	padding-left: 25px;
	position: relative;
	font-family: 'Barlow', sans-serif;
	font-size: 1.5rem;
	line-height: 1.5rem;
	font-weight: 400;
	font-style: italic;
	color: var(--bar-gris-oscuro);
	text-decoration: none;
}

a.back::before{
	content: "";
	position: absolute;
	background-image: url(../img/chevron_left.svg);
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
}

a.back:hover{color: green;}
/*.back::before:hover{img}*/


.titulo-asterisco h1{
	color: var(--bar-black);
}


.titulo-asterisco h4 span{
	font-weight:800;
	font-size: 3.6rem;
	line-height: 3rem;
	padding-left: 5px;
}






div.proporcional {
	width: 100%;
	padding-bottom: 68%; /*  56.25% = 16:9, //  75% = 4:3 //  66.66% = 3:2  // 62.5% = 8:5  */
	position: relative;
}

div.proporcional > div {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	text-align: center;
}
div.proporcional > div img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply; 
}





/* ------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------/ INDEX /-------------------------------------------------- */



video#video_home {
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* z-index: -1; */
	/* filter: grayscale(1); */
  }



body.index h1{color: var(--bar-black);}
body.index .titulo-novedades{color: green;}
body.index .titulo-novedades::before{ background-color: var(--bar-black);}



.portada{
	height: 80vh;
            background: white !important;
	/* background-image: url("../img/home.jpg"); */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/* border: 1px solid red; */
	overflow: hidden;
	position: relative;
}
.portada .row{
	padding-top: 60px;
}
.portada h1::before{
	display: none;
}
.portada h1 span{
	color: #FFF;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 7rem;
	line-height: 5rem;
	font-weight: 800;
}
.portada h2{
	color: #FFF;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 5rem;
	line-height: 3rem;
	font-weight: 500;
	font-style: italic;
}
.portada .btn-primary{
	border: 1px solid white;
	background-color: transparent;
	color: white;
}

.portada video#video_home {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	/* filter: grayscale(1); */
  }





.productos-index .busqueda-codigo .form-control{
	position: relative;
	background: linear-gradient(90deg,rgba(29, 29, 29, 1) 0%, rgba(0, 0, 0, 1) 100%);
	color: white;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 100px;
	padding-left: 15px;
	margin-top: -25px;
	font-family: 'Barlow', sans-serif;
	font-size: 1.6rem;
	line-height: 1.6rem;
	border: 1px solid green;
	border-radius: 0 10px 0 10px;
}
.productos-index .busqueda-codigo .form-control::placeholder{
	color: white;
}
.btn-seach_busqueda_gral{
	border: 1px solid green;
	border-left: none;
	width: 60px;
	margin-top: -25px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: var(--bar-black);
	border-radius: 0 10px 0 0 ;
	background-image: url("../img/lupa_w.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
}
.btn-seach_busqueda_gral:hover{
	background-color: green;
	
}


/*
.productos-index .busqueda-codigo::before{
	position: absolute;
	content: "";
	background-image: url(../img/diagonalLines.png);
	right: 0;
	top: 0;
	background-repeat: no-repeat;
	background-size: cover;
}*/
.productos-index .busqueda-avanzada{
	border-bottom: 1px solid var(--bar-gris-oscuro);
	padding-top: 10px;
	padding-bottom: 10px;
}
.productos-index .busqueda-avanzada h5{
	color: var(--bar-black);
	font-family: 'Barlow', sans-serif;
	font-size: 1.6rem;
	line-height: 1.6rem;
	font-style: italic;
	font-weight: 300;
	
}
.productos-index .busqueda-avanzada h5 span{
	font-weight: 500;
}




.productos-index .grupo-productos-nuevos .card{
	border: none;
	transition: all .2s ease-in-out;
	position: relative;
}

.productos-index .grupo-productos-nuevos .card .etiqueta-nuevo{
	background-color: green;
	width: fit-content;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 0 10px 0 0;
	color: white;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	font-size: 1.4rem;
	line-height: 1.4rem;
	text-transform: uppercase;
	margin-bottom: -1px;
	transition: all .2s ease-in-out;
}
.productos-index .grupo-productos-nuevos .card.embragues p.etiqueta-nuevo{
	background-color: var(--bar-black);
}
.productos-index .grupo-productos-nuevos img{
	border: 1px solid var(--bar-gris-claro);
	border-radius: 0px;
	transition: all .2s ease-in-out;
}
.productos-index .grupo-productos-nuevos .card .card-body{
	border: 1px solid var(--bar-gris-oscuro);
	border-bottom:none;
	padding: 25px;
	padding-bottom: 0;
	transition: all .2s ease-in-out
}
.productos-index .grupo-productos-nuevos .card .card-body h5.card-title{
	color: var(--bar-black);
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 1.8rem;
	line-height: 1.8rem;
	font-style: italic;
	font-weight: 700;
	text-transform: uppercase;
	background-image: url("../img/chevron_right.svg");
	background-repeat: no-repeat;
	background-position: right; 
}
.productos-index .grupo-productos-nuevos .card .card-body .card-title span{
	display: block;
	color: green; 
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-style: normal; 
	font-weight: 700;
}
.productos-index .grupo-productos-nuevos .card .card-footer{
	border: 1px solid var(--bar-gris-oscuro);
	border-top: none;
	background-color: #FFF;
	border-radius: 0 0 10px 0;
	padding: 25px;
	padding-top: 10px;
	transition: all .2s ease-in-out
}
.productos-index .grupo-productos-nuevos .card .card-footer p{
	font-size: 1.5rem;
	line-height: 1.5rem;
	margin: 0 0 5px 0;
	/* background-color: pink; */
}
.productos-index .grupo-productos-nuevos .card .card-footer p span{
	font-size: 1.5rem;
	line-height: 1.5rem;
	font-weight: 600;
}

.productos-index .grupo-productos-nuevos .card:hover > .card-body ,.productos-index .grupo-productos-nuevos .card:hover > .card-footer{
	background-color: green;
}
.productos-index .grupo-productos-nuevos .card:hover > .card-body h5{color: #FFF;}
.productos-index .grupo-productos-nuevos .card:hover > .card-body h5 span{color: #FFF;}
.productos-index .grupo-productos-nuevos .card:hover > .card-footer{color: #FFF;}
.productos-index .grupo-productos-nuevos .card:hover > p.etiqueta-nuevo{background-color: transparent; color: black; }
.productos-index .grupo-productos-nuevos .card.frenos:hover > p.etiqueta-nuevo{color: red;}



.productos-index .grupo-productos-nuevos .card::after{
	position: absolute;
	content: "";
	width: 11px;
	height: 11px;
	top: 322px;
	left: -4px;
	background-color: var(--bar-black);
	z-index: 1;
	rotate: 45deg;
	border-radius: 3px;
	transition: all .2s ease-in-out;
}
.productos-index .grupo-productos-nuevos .card:hover::after{
	transition: all .2s ease-in-out;
	top: 17px;
}
.productos-index .grupo-productos-nuevos .card.frenos::after{background-color: green;}



.main-categories{
	/* background-color: red; */
	margin-top: 100px;
	margin-bottom: 100px;
}


.main-categories .card{	
	border: none;
	transition: all .2s ease-in-out;

}



.main-categories .card p.ver_todos_card_index{	
	position: absolute;
	right: 20px;
	bottom: -20px;
	width: fit-content;
	font-size: 1.5rem;
	color: var(--bar-gris-oscuro);
	background-image: url("../img/chevron_right.svg");
	background-repeat: no-repeat;
	background-position: right;
	background-size: 25px;
	padding-right: 25px;
	transition: all .15s ease-in-out;
}
.main-categories .card p.ver_todos_card_index span{	
	font-size: 1.4rem;
	font-weight: 600;
	transition: all .15s ease-in-out;
}
.main-categories .card:hover > p.ver_todos_card_index,.main-categories .card:hover > p.ver_todos_card_index span{
	color: green;
	font-size: 1.5rem;
}


.main-categories .card .fondo_img{	
	border-radius: 30px 30px 0 0;
}

.main-categories .card .card-body{
	border: 1px solid green;
	border-radius: 0 0 0 15px;
	border-right: none;
	position: relative;
}
.main-categories .card .card-body::before{
	position: absolute;
	content: "";
	width: 150px;
	height: 50px;
	background-color: #FFF;
	right: 0;
	bottom: -20px;
}
.main-categories .card .card-body::after{
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	bottom: -6px;
	right: 150px;
	background-color: var(--bar-black);
	z-index: 1;
	rotate: 45deg;
	border-radius: 3px;
}
.main-categories .card h4.card-title{
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 2.4rem;
	line-height: 3rem;
	padding-left: 53px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 45px;
}
.main-categories .card h4.card-title.frenos{background-image: url(../img/icono-frenos.png);}
.main-categories .card h4.card-title.embragues{background-image: url(../img/icono-embragues.png);}



.main-categories .card.frenos img,.main-categories .card.embragues img{
	border: 1px solid green;
	border-radius: 30px 30px 0 0;
	border-bottom: none;
	transition: all .2s ease-in-out;
}
.main-categories .card.frenos img{
	border-right: 1px solid green;
	border-radius: 30px 30px 0 0;
}
.main-categories .card.embragues img{
	border-radius: 30px 30px 0 0;
}







/*.main-categories .card:hover{
	border: 1px solid var(--bar-black);
	border-radius: 30px 30px 0 15px;
}*/


.contiene_form{
	background-image: url(../img/contacto-bg-image.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	padding-top: 60px;
	padding-bottom: 0;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
}

.contiene_form .frase-destacada h2{
	color: #FFF;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 2.03rem;
	line-height: 2.5rem;
	font-weight: 300;
}
.contiene_form .frase-destacada h2 span{
	display: block;
	color: green;
	font-weight: 900;
	font-size: 3rem;
	line-height: 3rem;
}
.contiene_form .frase-destacada p{
	font-size: 1.5rem;
	line-height: 1.5rem;
	display: block;
	padding: 0;
	letter-spacing: .015rem;
	padding-left: 23px;
	padding-bottom: 8px;
	margin-top: -5px;
	font-weight: 300;
	color: #FFF;
	background-image: url("../img/mark_chat_read.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px;
}





section.nosotros{
	margin: 100px 0;
}
section.nosotros p{
	font-size: 1.5rem;
	line-height: 2.3rem;
	width: 100%;
	max-width: 500px;
	margin: 10px 0 50px 0;
}
section.nosotros p span{font-weight: 700;}
section.nosotros p span.rojo{color: green;}
section.nosotros p span.bar{
	font-style: italic;
	position: relative;
}
section.nosotros p span.bar:before{
	content: "";
	position: absolute;
	bottom: -2px;
	display: inline-block;
	width: 100%;
	height: 3px;
	background: #DA1003;
	background: linear-gradient(90deg,rgba(218, 16, 3, 1) 0%, rgba(255, 255, 255, 0) 77%);
}



section.nosotros .banner{
	background-color: var(--bar-black);
	color: white;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	padding: 70px 0 50px 0;
}
section.nosotros .banner h3{
	color: white;
}
section.nosotros .banner p{
	font-family: 'Barlow', sans-serif !important;
	font-size: 1.6rem;
	line-height: 1.8rem;
	font-weight: 400;
	/* background-color: pink; */
	background-repeat: no-repeat;
	background-position: left;
	background-size: 80px;
	padding: 40px 0;
	padding-left: 100px;
	margin: 0;
}
section.nosotros .banner p.asegurar{background-image: url("../img/icon-house.png");}
section.nosotros .banner p.ofrecer{background-image: url("../img/icon-puzze.png");}
section.nosotros .banner p.identificar{background-image: url("../img/icon-dial.png");}









































.contiene_mapa{
	height: 500px;
}






















.about-bar h1 span{
	color: green;
	font-family: "Barlow Semi Condensed", sans-serif;
	font-style: italic;
	font-weight: 900;
	font-size: 3rem;
	line-height: 3rem;
	text-transform: uppercase;
	position: relative;
}


div.simula_slider{
	width: 100%;
	/* height: 435px; */
	height: 200px;
	background-image: url("../img/siluma_slider.jpg");
	background-size: cover;
	/* margin-top: -40px; */
	margin-top: 20px;
}

.listado-sobre-bar ul{
	border-radius: 0;
	position: relative;
}
.listado-sobre-bar ul li{
	padding: 50px;
	border: none;
	font-family: 'Barlow', sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
}

.listado-sobre-bar .list-group{
	position: relative;
}

.listado-sobre-bar .list-group::before{
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	top: -5px;
	left: -5px;
	background-color: green;
	z-index: 1;
	rotate: 45deg;
	border-radius: 3px;
}
.listado-sobre-bar .list-group::after{
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	left: -5px;
	bottom: -5px;
	background-color: green;
	z-index: 1;
	rotate: 45deg;
	border-radius: 3px;
}


.listado-sobre-bar ul li.list-group-item{
	font-size: 1.5rem;
	line-height: 1.7rem;
}

.listado-sobre-bar ul li.list-group-item span{
	font-size: 1.5rem;
	font-weight: 700;
}
.listado-sobre-bar ul li.list-group-item span.rojo{
	color: green;
}
.listado-sobre-bar ul li.item-impar{
	background-color: white;
	border-left: 1px solid var(--bar-black);
}
.listado-sobre-bar ul li.item-impar:first-child{
	border-top: 1px solid var(--bar-black);
}

.listado-sobre-bar ul li.item-par{
	background-color: var(--bar-black);
	color: white;
	padding-left: 85px;
	margin-left: -40px;
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
}


















/* --------------------------------------------------------------/ FIN INDEX /---------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */














































































/* --------------------------------------------------------------/ CATEGORIAS /---------------------------------------------- */

.encabezado-categoria{
	background-image: url(../img/Header-Categorias.png);
	height: 100px;
	background-repeat: no-repeat;
	background-size: cover;
}
.encabezado-categoria h1{
	color: var(--bar-black);
	line-height: 5rem;
}
.encabezado-categoria h1::before{
	background-color: var(--bar-black);
	display: none;
}
.encabezado-categoria img {
	height: 50px;
	width: 50px;
	margin-right: 20px;
}


.grupo-cards-subcategoria .card{
	border: none;
	margin-top: 30px;
	/* background-color: red; */
}
.grupo-cards-subcategoria .card a{
	text-decoration: none;
}

.grupo-cards-subcategoria .card img{
	border: 1px solid transparent; /* Important: transparent solid border */
	border-image: linear-gradient(180deg, rgba(0, 0, 0, 1), rgba(218, 16, 3, 1));
	border-image-slice: 1; /* Required to fill border area */
	border-bottom: none;
	transition: all .2s ease-in-out;
}

.card:hover img{ opacity: .4; filter: grayscale(1);}
.card:hover .fondo_img{ background-color: var(--bar-gris-claro);}


.grupo-cards-subcategoria .card span.ver_todos {
	position: absolute;
	display: block;
	padding:8px 25px 8px 10px;
	border: 1px solid var(--bar-black);
	background-color: #FFF;
	color: var(--bar-gris-oscuro);
	bottom: -20px;
	z-index: 99;
	right: 0;
	font-size: 1.4rem;
	line-height: 1.4rem;
	background-image: url("../img/chevron_right.svg");
	background-repeat: no-repeat;
	background-position: right;
	transition: all .15s ease-in-out;
}
.grupo-cards-subcategoria .card span.ver_todos span{
	font-style: italic;
	font-weight: 300;
	font-size: 1.35rem;
	line-height: 1.35rem;
}
.grupo-cards-subcategoria .card:hover span.ver_todos{ 
	background-image: url("../img/chevron_right_w.svg");
	background-color: var(--bar-black);
	border-color: white;
	color: #FFF;
}



.grupo-cards-subcategoria .card .card-text {
	background-color: var(--bar-black);
	color: white;
	text-transform: uppercase;
	border-radius: 0px 0px 10px 10px;
	padding: 25px 15px 25px 25px;
	position: relative;
	font-family: 'Barlow', sans-serif;
	font-size: 1.6rem;
	line-height: 1.7rem;
	font-weight: 400;
	transition: all .2s ease-in-out;
}
.grupo-cards-subcategoria.modificacion_resultado .card .card-text {
	text-transform:none;
	padding: 35px 15px 25px 25px;
	font-size: 1.5rem;
	line-height: 1.9rem;
	transition: all .2s ease-in-out;
}

.grupo-cards-subcategoria .card .card-text::before{
	content: "";
	position: absolute;
	background-image: url(../img/diamante.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	height: 15px;
	width: 15px;
	bottom: -6px;
	left: -6px;
	transition: all .15s ease-in-out;
}

.grupo-cards-subcategoria .card span{
	font-family: 'Barlow', sans-serif;
	font-size: 1.6rem;
	line-height: 1.6rem;
	font-weight: 600;
}

.grupo-cards-subcategoria .card a h5{
	font-family: 'Barlow', sans-serif;
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1.8rem;
	color: var(--bar-black);
	transition: all .4s ease-in-out;
	margin-bottom: 20px;
}


.grupo-cards-subcategoria .card:hover h5{ color: green;}
.grupo-cards-subcategoria .card:hover .card-text{ background-color: green; color: white;}
.grupo-cards-subcategoria .card:hover .card-text::before{ 
	background-image: url(../img/diamante-black.svg); 
	height: 30px;
	width: 30px;
	bottom: -12px;
	left: -12px;
}

/* --------------------------------------------------------------/ FIN CATEGORIAS /---------------------------------------------- */














/* --------------------------------------------------------------/ SUBCATEGORIAS /---------------------------------------------- */

body.subcategorias_gral_body {
	background-image: url(../img/Header-Gris-Textured.png);
	background-repeat: no-repeat, repeat;
	background-position: top right, top left;
	background-size: auto, 100%;  /* Primer fondo (delante) auto, segundo fondo ocupa todo */
	min-height: 80vh;
	position: relative;
	background-repeat: no-repeat;
}

.encabezado-gris{
	/* min-height: 300px; */
	/* border: 2px solid red; */
	margin-top: 30px;
}




/* --------------------------------------------------------------/ FIN SUBCATEGORIAS /---------------------------------------------- */






















































/* --------------------------------------------------------------/ PRODUCTO /---------------------------------------------- */

p.codigo-producto{
	font-family: "Barlow Semi Condensed", sans-serif;
	background: linear-gradient(90deg, rgba(255, 250, 233, 1) 0%, rgba(255, 255, 255, 1) 100%);
	border: 1px solid transparent; /* Important: transparent solid border */
	border-image: linear-gradient(90deg, rgba(218, 16, 3, 1), rgba(0, 0, 0, 1));
	border-image-slice: 1; /* Required to fill border area */
	width: fit-content;
	color: green;
	position: absolute;
	top: -25px;
	left: 50%;
	margin-left: -65px;
}

p.codigo-producto span{
	font-weight: 900;
}

.desglose-producto{
	margin-top: 0;
}

.desglose-producto .row{
	padding-left: 0;
	padding-right: 0;
}




.desglose-producto ul.paquete-info li{
	border-bottom: 1px solid #f0f0f0;
	font-size: 1.6rem;
	color: green;
	padding: 15px 0 5px 0;
	display: block;
	width: fit-content;
}
.desglose-producto ul.paquete-info li span{
	font-size: 1.8rem;
	color: var(--bar-gris-oscuro);
	margin-left: 5px;
}


.desglose-producto .contenedor-img-producto{
	overflow: hidden;
	border: 1px solid var(--bar-black);
	width: 100%;
	height: 368px;
	border-radius: 0px 0px 10px 10px;
	object-fit: fill;
	position: relative;
}

.desglose-producto .contenedor-img-producto::before{
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	top: 0;
	right: 0;
	background-color: white;
	border-bottom: 1px solid var(--bar-black);
	border-left: 1px solid var(--bar-black);
	background-image: url(../img/open_in_full.svg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 15px;
}


.contiene_tabla_detalle_producto{
	margin-top: 60px;
}





#slider_swipper_index.mySwiperIndex{
	/* position: absolute; */
	/* bottom: 110px; */
	/* bottom: 150px; */
	/* background-color: red; */
}






.swiper{
	border: 1px solid var(--bar-black);
	border-radius: 0px 0px 10px 10px;
	/* position: absolute; */
	width: 100%;
	/* min-height: 400px; */
	/* border: 1px solid red; */
	bottom: 0;
	padding: 0 40px;
	/* background-color: pink; */
}


.swiper-wrapper{
	/* border: 2px solid olive; */
}
.swiper-slide { 
	text-align: left;
	font-size: 18px;
	background: transparent;
	align-items: center;
}

div.grupo_contenido{
	/* border: 1px solid red; */
	height: 390px;
	display: flex;
	align-items: center;
	justify-content: center;
}
div.grupo_contenido img{
	/* border: 1px solid olive; */
}


.swiper-button-prev,
.swiper-button-next {
  /* border: 1px solid red; */
  background-repeat: no-repeat;
  background-position: center;
  width: 50px !important;
  height: 50px !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
	display: none;
}
.swiper-button-prev{
  background-image: url("../img/chevron_left.svg");
  /* transform: rotate(180deg); */
}
.swiper-button-next{
  background-image: url("../img/chevron_right.svg");
  /* transform: rotate(180deg); */
}

.swiper-pagination{
	/* background-color: red; */
}
.swiper-pagination .swiper-pagination-bullet{
	opacity: 1;
	border-radius: 50%;
	text-align: center;
	color: var(--bar-black);
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 2.2rem !important;
	width: 25px;
	height: 25px;
	display: inline-block;
	border: none;
	background-color: var(--bar-gris-claro);
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: var(--bar-gris-oscuro);
	color: #FFF;
}



/* --------------------------------------------------------------/ FIN PRODUCTO /----------------------------------------------------------------------- */














/* --------------------------------------------------------------/ RESULTADOS BUSQUEDA /----------------------------------------------------------------------- */

.grupo-cards-subcategoria.resultado-busqueda .card .card-text{
	text-transform: none !important;
	font-size: 1.4rem;
	line-height: 1.4rem;
	position: relative;
}

.grupo-cards-subcategoria.resultado-busqueda .card .card-text::before{
	content: "";
	position: absolute;
	background-image: url(../img/diamante.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	height: 15px;
	width: 15px;
	bottom: -6px;
	left: -6px;
}

/* --------------------------------------------------------------/ FIN RESULTADOS BUSQUEDA /----------------------------------------------------------------------- */











footer{
	background-color: var(--bar-black);
	background-image: url(../img/Textura-Footer.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
	padding-top: 40px;
	padding-bottom: 30px;
	margin-top: 40px;
}

footer h5{
	font-family: 'Barlow', sans-serif;
	font-size: 1.6rem;
	line-height: 1.6rem;
	font-style: italic;
	font-weight: 500;
	color: var(--coral-bar);
	position: relative;
	padding-left: 13px;
}
footer h5::before{
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	background-color: green;
	height: 7px;
	width: 7px;
	rotate: -45deg;
	border-radius: 3px;
}
footer h6, footer h6 a{
	color: white;
	font-family: 'Barlow', sans-serif;
	font-size: 1.2rem;
	line-height: 1.2rem;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 30px;
	text-decoration: none;
}
footer h6 a:hover{
	text-decoration: underline;
}

footer img.logo_footer {
	width: 75px;
	height: 30px;
	object-fit: contain; /* o cover */
	overflow: hidden;
	/* border:1px solid red; */
}

footer ul.social-links{
	margin-top: 0px;
	/* background-color: pink; */
}
footer ul.social-links li{
	display: inline;
}
footer ul.social-links li a{
	display: inline-block;
	padding-right: 15px;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	/* background-color: blue; */
	margin-right: 7px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all .2s ease-in-out;
	background-size: 25px;
}
footer ul.social-links li a.ig{background-image: url("../img/ig.svg"); background-size: 27px;}
footer ul.social-links li a.fb{background-image: url("../img/fb.svg");}
footer ul.social-links li a.x{background-image: url("../img/x.svg");}

footer ul.social-links li a:hover{
	background-color: green;
}




















.material-symbols-outlined:hover{
	color:red
}











  /*Small devices (landscape phones, 576px and up) */
  @media (min-width: 576px) {

	.container,.container-fluid{padding-left: 15px;	padding-right: 15px;}

	html {
		font-size: 11px;
	}
	
	

   }









  
  /*Medium devices (tablets, 768px and up)*/
  @media (min-width: 768px) { 


	div.simula_slider{
		height: 435px;
		margin-top: -40px;
	}

	section.nosotros p{
		margin: 50px 0;
	}


	.productos-index .busqueda-codigo .form-control{
		padding-left: 100px;
	}



	.main-categories .card.frenos img{
		border-right: 0;
		border-radius: 30px 0 0 0;
	}
	.main-categories .card.embragues img{
		border-radius: 0 30px 0 0;
	}



	body.subcategorias_gral_body {
		background-image: url(../img/Miscelanea-circulos.png), url(../img/Header-Gris-Textured.png);
	}



	h1 {
		padding-left: 100px;
		padding-bottom: 0;
		color: white;
	}

	h1::before {
		top: 24px; /* Align the line at the top of the h1 */
		width: 80px; /* You can adjust this to your desired width */
		display: block;
	}  


	.portada h1 {
		padding-left: 0;
	}
	
	.portada{
		padding-left: 60px;
		/*background-image: url(../img/CAR-BAR.mp4);
		background-size: cover;
		background-repeat: no-repeat;*/
	}
	


	.encabezado-categoria{
		height: 160px;
	}
	.encabezado-categoria h1{
		line-height: 3rem;
	}

	.encabezado-categoria h1::before{
		display: block;
	}






	.encabezado-producto{
		background-image: url(../img/Header-Producto.png);
		background-size: cover;
		background-position: right;
		min-height: 300px;
		border: 1px solid white;
		border-left: 1px solid var(--bar-black);
		position: relative;
	}
	
	.encabezado-producto h1{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 500px;
	}
	h4.categoria-producto{
		padding-left: 100px;
		color: var(--bar-gris-claro);
	}


	.btn-share{
		position: absolute;
		bottom: 10px;
		left: 0;
		width: 50px;
		height: 50px;
		color: white;
		background-image: url(../img/share-icon.svg);
		background-repeat: no-repeat;
		background-size: 50%;
		background-position: center;
		background-color: green;
		border-radius: 50%;
		background-color: green;
		transition: all .2s ease-in-out;
	}



	
	


  }

  
  






 /* Large devices (desktops, 992px and up)*/ 
  @media (min-width: 992px) { 

		
	.navbar-nav .nav-item a.nav-link{
		margin: 0 10px;
		border-bottom: none;
		padding-bottom: 0;
	}
	.navbar-nav .nav-item.dropdown ul.dropdown-menu{
		margin-top:27px;
		margin-bottom:15px;
	}


}
  









/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {  }