body{
	background: rgba(255,255,255,1);
}

body {
    overflow-x: hidden;
    max-width: 100%;
    font-family: Montserrat, Arial, sans-serif;
}

 /* SOLO MÓVIL y SOLO FILAS DE CARDS (diesel/combustible/servicios) */
  @media (max-width:767px){
    #productos .card-row{
      margin-left:0 !important;   /* neutraliza el -15px de .row */
      margin-right:0 !important;
    }
    #productos .card-row > [class*="col-"]{
      padding-left:26px !important;  /* 👈 separa del borde */
      padding-right:26px !important;
    }
  }

/* Estilos de margen y tamaño */

.m-t-10 {margin-top:10px;}
.m-t-20 {margin-top:20px;}
.m-t-30 {margin-top:30px;}
.m-t-40 {margin-top:40px;}
.m-t-50 {margin-top:50px;}

.m-b-10 {margin-bottom:10px;}
.m-b-20 {margin-bottom:20px;}
.m-b-30 {margin-bottom:30px;}
.m-b-40 {margin-bottom:40px;}
.m-b-50 {margin-bottom:50px;}


.p-0 { padding: 0; }

.p-t-10 {padding-top:10px;}
.p-t-20 {padding-top:20px;}
.p-t-30 {padding-top:30px;}
.p-t-40 {padding-top:40px;}
.p-t-50 {padding-top:50px;}
.p-t-60 {padding-top:60px;}
.p-t-70 {padding-top:70px;}
.p-t-80 {padding-top:80px;}
.p-t-90 {padding-top:90px;}




.p-t-100 {padding-top:100px;}
.p-t-150 {padding-top:150px;}

.p-b-10 {padding-bottom:10px;}
.p-b-20 {padding-bottom:20px;}
.p-b-30 {padding-bottom:30px;}
.p-b-40 {padding-bottom:40px;}
.p-b-50 {padding-bottom:50px;}
.p-b-60 {padding-bottom:60px;}
.p-b-70 {padding-bottom:70px;}
.p-b-80 {padding-bottom:80px;}
.p-b-90 {padding-bottom:90px;}
.p-b-100 {padding-bottom:100px;}

.p-l-40 {padding-left:40px;}

.m-l-30 {margin-left:30px;}
.m-l-40 {margin-left:40px;}


.p-r-40 {padding-right:40px;}









/* Estilos de textos */

p{
  font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 1.2em;
}


h1 { 
  font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 3.5em;
	line-height: 1;
}

h2 { 	
  font-family: "Montserrat", sans-serif;
	font-weight: 400; 
	font-size: 3em;
	line-height: 0.5;
}

h3 { 
  font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 2.5em;

}

h4 {
  font-family: "Montserrat", sans-serif;
	font-weight: 700;
	line-height: 1.6em;
	font-size: 2em;

}	

.texto-formulario{
	font-size: 1.4em;
}

/* estilos de color */

.c-blanco{
	color: rgba(255,255,255,1);
}

.c-azul-01{
	color: rgba(3,24,88,1);
}

.c-rojo{
	color: rgba(230,11,29,1);
}

.c-morado-01{
	color: rgba(162,34,229,1);
}

.c-naranja{
	color: rgba(239,118,63,1);
}

.bgm-gris{
	background-color: rgba(242,242,242,1);
	padding: 30px 30px;
}

/* Menu principal */

.menu-principal li a {
  	font-family: "Montserrat", sans-serif;
	color:rgba(255,255,255,1);
	font-size: 1.2em;
	font-weight: 800;
	padding: 10px 10px;
}

.menu-movil li a {
  	font-family: "Montserrat", sans-serif;
	color:rgba(255,255,255,1);
	font-size: 1.8em;
	font-weight: 800;
	padding: 10px 10px;
}


.menu-principal li a:hover {
	color:rgba(239,118,63,1);
}

.menu-movil li {
	list-style: none;
}
.modal-menu-movil  { background-color:rgba(3,24,88,1) !important; }

#menuMovil .modal-content { 
	background:none;
	box-shadow: none;
	border: 0; 
				
}

.close-menu-movil { color: white; opacity: 1;
	font-size: 3em;
}

/* Modales de fichas técnicas: sin header visible y con cierre abajo */
#equipo-diesel-01 .modal-dialog,
#equipo-diesel-02 .modal-dialog,
#equipo-diesel-03 .modal-dialog,
#equipo-diesel-04 .modal-dialog,
#equipo-diesel-05 .modal-dialog,
#equipo-diesel-06 .modal-dialog,
#equipo-diesel-07 .modal-dialog,
#equipo-diesel-08 .modal-dialog,
#equipo-diesel-09 .modal-dialog,
#equipo-diesel-10 .modal-dialog,
#equipo-diesel-11 .modal-dialog,
#equipo-diesel-12 .modal-dialog,
#equipo-diesel-13 .modal-dialog,
#equipo-diesel-14 .modal-dialog,
#equipo-diesel-15 .modal-dialog,
#equipo-diesel-16 .modal-dialog,
#equipo-diesel-17 .modal-dialog,
#control-combustible-01 .modal-dialog,
#control-combustible-02 .modal-dialog,
#control-combustible-03 .modal-dialog,
#control-combustible-04 .modal-dialog,
#control-combustible-05 .modal-dialog,
#control-combustible-06 .modal-dialog,
#control-combustible-07 .modal-dialog,
#control-combustible-08 .modal-dialog,
#control-combustible-09 .modal-dialog,
#servicios-diesel-01 .modal-dialog,
#servicios-diesel-02 .modal-dialog,
#servicios-diesel-03 .modal-dialog {
	margin-bottom: 72px;
}

#equipo-diesel-01 .modal-content,
#equipo-diesel-02 .modal-content,
#equipo-diesel-03 .modal-content,
#equipo-diesel-04 .modal-content,
#equipo-diesel-05 .modal-content,
#equipo-diesel-06 .modal-content,
#equipo-diesel-07 .modal-content,
#equipo-diesel-08 .modal-content,
#equipo-diesel-09 .modal-content,
#equipo-diesel-10 .modal-content,
#equipo-diesel-11 .modal-content,
#equipo-diesel-12 .modal-content,
#equipo-diesel-13 .modal-content,
#equipo-diesel-14 .modal-content,
#equipo-diesel-15 .modal-content,
#equipo-diesel-16 .modal-content,
#equipo-diesel-17 .modal-content,
#control-combustible-01 .modal-content,
#control-combustible-02 .modal-content,
#control-combustible-03 .modal-content,
#control-combustible-04 .modal-content,
#control-combustible-05 .modal-content,
#control-combustible-06 .modal-content,
#control-combustible-07 .modal-content,
#control-combustible-08 .modal-content,
#control-combustible-09 .modal-content,
#servicios-diesel-01 .modal-content,
#servicios-diesel-02 .modal-content,
#servicios-diesel-03 .modal-content {
	position: relative;
	overflow: visible !important;
	background: transparent;
	border: 0;
	box-shadow: none;
}

#equipo-diesel-01 .modal-header,
#equipo-diesel-02 .modal-header,
#equipo-diesel-03 .modal-header,
#equipo-diesel-04 .modal-header,
#equipo-diesel-05 .modal-header,
#equipo-diesel-06 .modal-header,
#equipo-diesel-07 .modal-header,
#equipo-diesel-08 .modal-header,
#equipo-diesel-09 .modal-header,
#equipo-diesel-10 .modal-header,
#equipo-diesel-11 .modal-header,
#equipo-diesel-12 .modal-header,
#equipo-diesel-13 .modal-header,
#equipo-diesel-14 .modal-header,
#equipo-diesel-15 .modal-header,
#equipo-diesel-16 .modal-header,
#equipo-diesel-17 .modal-header,
#control-combustible-01 .modal-header,
#control-combustible-02 .modal-header,
#control-combustible-03 .modal-header,
#control-combustible-04 .modal-header,
#control-combustible-05 .modal-header,
#control-combustible-06 .modal-header,
#control-combustible-07 .modal-header,
#control-combustible-08 .modal-header,
#control-combustible-09 .modal-header,
#servicios-diesel-01 .modal-header,
#servicios-diesel-02 .modal-header,
#servicios-diesel-03 .modal-header {
	padding: 0;
	border: 0;
	min-height: 0;
}

#equipo-diesel-01 .modal-title,
#equipo-diesel-02 .modal-title,
#equipo-diesel-03 .modal-title,
#equipo-diesel-04 .modal-title,
#equipo-diesel-05 .modal-title,
#equipo-diesel-06 .modal-title,
#equipo-diesel-07 .modal-title,
#equipo-diesel-08 .modal-title,
#equipo-diesel-09 .modal-title,
#equipo-diesel-10 .modal-title,
#equipo-diesel-11 .modal-title,
#equipo-diesel-12 .modal-title,
#equipo-diesel-13 .modal-title,
#equipo-diesel-14 .modal-title,
#equipo-diesel-15 .modal-title,
#equipo-diesel-16 .modal-title,
#equipo-diesel-17 .modal-title,
#control-combustible-01 .modal-title,
#control-combustible-02 .modal-title,
#control-combustible-03 .modal-title,
#control-combustible-04 .modal-title,
#control-combustible-05 .modal-title,
#control-combustible-06 .modal-title,
#control-combustible-07 .modal-title,
#control-combustible-08 .modal-title,
#control-combustible-09 .modal-title,
#servicios-diesel-01 .modal-title,
#servicios-diesel-02 .modal-title,
#servicios-diesel-03 .modal-title {
	display: none;
}

#equipo-diesel-01 .modal-body,
#equipo-diesel-02 .modal-body,
#equipo-diesel-03 .modal-body,
#equipo-diesel-04 .modal-body,
#equipo-diesel-05 .modal-body,
#equipo-diesel-06 .modal-body,
#equipo-diesel-07 .modal-body,
#equipo-diesel-08 .modal-body,
#equipo-diesel-09 .modal-body,
#equipo-diesel-10 .modal-body,
#equipo-diesel-11 .modal-body,
#equipo-diesel-12 .modal-body,
#equipo-diesel-13 .modal-body,
#equipo-diesel-14 .modal-body,
#equipo-diesel-15 .modal-body,
#equipo-diesel-16 .modal-body,
#equipo-diesel-17 .modal-body,
#control-combustible-01 .modal-body,
#control-combustible-02 .modal-body,
#control-combustible-03 .modal-body,
#control-combustible-04 .modal-body,
#control-combustible-05 .modal-body,
#control-combustible-06 .modal-body,
#control-combustible-07 .modal-body,
#control-combustible-08 .modal-body,
#control-combustible-09 .modal-body,
#servicios-diesel-01 .modal-body,
#servicios-diesel-02 .modal-body,
#servicios-diesel-03 .modal-body {
	padding: 0 !important;
	overflow: hidden;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 14px 36px rgba(0,0,0,0.18);
}

#equipo-diesel-01 .modal-header .close,
#equipo-diesel-02 .modal-header .close,
#equipo-diesel-03 .modal-header .close,
#equipo-diesel-04 .modal-header .close,
#equipo-diesel-05 .modal-header .close,
#equipo-diesel-06 .modal-header .close,
#equipo-diesel-07 .modal-header .close,
#equipo-diesel-08 .modal-header .close,
#equipo-diesel-09 .modal-header .close,
#equipo-diesel-10 .modal-header .close,
#equipo-diesel-11 .modal-header .close,
#equipo-diesel-12 .modal-header .close,
#equipo-diesel-13 .modal-header .close,
#equipo-diesel-14 .modal-header .close,
#equipo-diesel-15 .modal-header .close,
#equipo-diesel-16 .modal-header .close,
#equipo-diesel-17 .modal-header .close,
#control-combustible-01 .modal-header .close,
#control-combustible-02 .modal-header .close,
#control-combustible-03 .modal-header .close,
#control-combustible-04 .modal-header .close,
#control-combustible-05 .modal-header .close,
#control-combustible-06 .modal-header .close,
#control-combustible-07 .modal-header .close,
#control-combustible-08 .modal-header .close,
#control-combustible-09 .modal-header .close,
#servicios-diesel-01 .modal-header .close,
#servicios-diesel-02 .modal-header .close,
#servicios-diesel-03 .modal-header .close {
	float: none;
	position: absolute;
	right: 16px;
	bottom: -56px;
	margin: 0;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(3,24,88,1);
	color: rgba(255,255,255,1);
	opacity: 1;
	text-shadow: none;
	text-align: center;
	line-height: 38px !important;
	z-index: 10;
}

#equipo-diesel-01 .modal-header .close:hover,
#equipo-diesel-02 .modal-header .close:hover,
#equipo-diesel-03 .modal-header .close:hover,
#equipo-diesel-04 .modal-header .close:hover,
#equipo-diesel-05 .modal-header .close:hover,
#equipo-diesel-06 .modal-header .close:hover,
#equipo-diesel-07 .modal-header .close:hover,
#equipo-diesel-08 .modal-header .close:hover,
#equipo-diesel-09 .modal-header .close:hover,
#equipo-diesel-10 .modal-header .close:hover,
#equipo-diesel-11 .modal-header .close:hover,
#equipo-diesel-12 .modal-header .close:hover,
#equipo-diesel-13 .modal-header .close:hover,
#equipo-diesel-14 .modal-header .close:hover,
#equipo-diesel-15 .modal-header .close:hover,
#equipo-diesel-16 .modal-header .close:hover,
#equipo-diesel-17 .modal-header .close:hover,
#control-combustible-01 .modal-header .close:hover,
#control-combustible-02 .modal-header .close:hover,
#control-combustible-03 .modal-header .close:hover,
#control-combustible-04 .modal-header .close:hover,
#control-combustible-05 .modal-header .close:hover,
#control-combustible-06 .modal-header .close:hover,
#control-combustible-07 .modal-header .close:hover,
#control-combustible-08 .modal-header .close:hover,
#control-combustible-09 .modal-header .close:hover,
#servicios-diesel-01 .modal-header .close:hover,
#servicios-diesel-02 .modal-header .close:hover,
#servicios-diesel-03 .modal-header .close:hover {
	background: rgba(239,118,63,1);
	color: rgba(255,255,255,1);
}

@media (max-width: 767px) {
	[id^="equipo-diesel-"] .modal-dialog,
	[id^="control-combustible-"] .modal-dialog,
	[id^="servicios-diesel-"] .modal-dialog {
		margin-top: 48px !important;
	}

	[id^="equipo-diesel-"] .modal-header .close,
	[id^="control-combustible-"] .modal-header .close,
	[id^="servicios-diesel-"] .modal-header .close {
		top: -42px;
		right: 10px;
		bottom: auto;
	}

	#equipo-diesel-01 .modal-body {
		padding: 10px !important;
		overflow: visible;
	}

	#equipo-diesel-01 .modal-body img {
		border-radius: 12px;
	}
}


.icono-redes li {
	list-style: none;
}

.navbar-top { 	position: fixed;
	z-index: 999;
	width: 100%; 
	background:rgba(3,24,88,1);
	box-shadow:0 0 10px rgba(0,0,0,0);
	}
	
.navbar-top-2 { background:rgba(3,24,88,0.8);
				box-shadow:0 0 10px rgba(0,0,0,1); }






/* Estilos de seccion */


.seccion-banner-contacto{
	background: url(../img/banner-contacto-dingdong.jpg);
	background-size: cover;
	padding: 70px 0 10px;
}

.seccion-footer{
	background-color: rgba(3,24,88,1);
	padding: 50px 0 50px;
}


/* estilos de botón */

.btn { 	border-radius: 0 !important;
border: 0;
padding: 10px 40px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
text-transform: uppercase;}


.btn-enviar { 	
	background: rgba(239,118,63,1); 
	color:rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
}

.btn-enviar:hover { 	
	background: rgba(3,24,88,1); 
	color:rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
}

.contact-form-status {
	display: none;
	margin-top: 20px;
}





/* Estilos de bootstrap */

.mapa-redondo{
	border-radius: 15px !important;
}


/* Portrait and Landscape */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) { 


}


/*Estilo de boton whatssap*/
.whatsapp-float { position: fixed;
	z-index: 99;
	bottom: 20px;
	right:20px;
	 }


.whatsapp-float p { padding: 2px 10px;
	color: rgba(255,255,255,1);
	border-radius:10px;
	margin-top:10px;
	background: rgba(0,192,75,1);
}