@charset "iso-8806-1";
/* CSS Document */
:root {
	--primary-color: #E10600;
	--secondary-color: #4E4B48;
	--secondary-color-light: #EEEEEE;
	--secondary-color-light2: #CCCCCC;
	--primary: #E10600;
    --secondary: #4E4B48;
	--bs-primary-rgb: 255,6,0;
    --bs-secondary-rgb: 78,75,72;
	--color-blue: #183a74;

}

body {
	font-family: Lato;
	margin: 0 !important;
    padding: 0 !important;
	color: var(--secondary-color);
	overflow-x: hidden; 
}

h1, h2, h3, h4, h5, h6 {
	font-family: Montserrat;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: Montserrat;
}

p{ 
	font-size:1.2em;
}
a{
	text-decoration:none;
	color:var(--secondary-color);
}
a:hover{
	color:var(--primary-color);
}
.primary{
	color:#E10600 !important;
	
}
.no-padding{
	 padding: 0px !important;
}
.no-border{
	border:none;
}

.top-nav{
	background-color:var(--secondary-color);
	color:#FFF;
	font-size:0.8125rem;
	height:1.8rem;
	display: flex;
    align-items: center;
}

.top-nav a {
	color:#FFF;
	padding-right: 2em;
}

.navbar-nav{
	background:#FFF !important;
}


.menu-principal{
	box-shadow: 0px 0px 7px rgba(0,0,0,.7);
	width:100%;
	z-index:1020;
	background-color:#FFF;
	height:3.75rem;
	display:flex;
	padding-top: 0px;
	padding-bottom:0px;
}

.logo{
	height:2.6rem;
	max-height:2.6rem;
}

.nav-link {
	color: var(--primary-color) !important;
	font-weight:bold;
}
.navbar-light .navbar-nav .nav-link {
	color: var(--primary-color) !important;
	font-weight:bold;
}

.nav-btn{
	background-color:var(--primary-color);
	border:none;
	color:#fff;
	font-weight:bold;
	
}
.nav-btn:hover{
	background-color:var(--secondary-color);
}


.nav-item{
	padding-left:1em;
	padding-right:1em;
}
.header-completo{
	display:flex;
}
.redes-header{
	display:flex;
}
.navbar-toggler {
	padding:0px;
}
.logo-red{
	height:1.6rem;
	max-height:1.6rem;
	padding-left:0.5em;
}


.footer-whatsapp{
	background: var(--secondary-color-light);
	color: var(--secondary-color);
	padding-top:4rem;
	padding-bottom:4rem;
	padding-left:2rem;
	padding-right:2rem;
	font-size:1.5rem;
	text-align:center;
	
}
.footer-watsapp-logo{
	
}
.btn-whatsapp{
	border:solid 2px #00BB2D !important;
	color: var(--secondary-color);
	text-align:left;
	vertical-align: middle;
	min-width:30%;
	
}
.icon-whatsapp{
	max-height:2rem;
	margin-right:2rem;
}

.footer-rojo{
	background: var(--primary-color);
	color: #FFF;;
	padding-left:2rem;
	padding-right:2rem;
	padding-top:2rem;
	padding-bottom:2rem;
	text-align:left;
	font-size:0.7rem;
	text-decoration:none;
	line-height:1.2rem;
}
.logo-footer{
	height:40px;
	max-height:40px;
}
.enlace-pie-bold{
	font-weight:bold;
}
.enlace-pie{
	color: #FFF;
}
.enlace-pie a {
	color: #FFF;
}
.domicilios-pie{
	margin-top:1rem;
	
}
.domicilios-pie p{
	margin-block-start: 0px;
    margin-block-end: 0px;
	font-size: 0.7rem;
}


.footer-ssn{
	background: var(--secondary-color-light2);
	color:#333;
	padding-top:1rem;
	padding-bottom:1rem;
	padding-left:2rem;
	padding-right:2rem;
	font-size:0.75rem;
	text-align:left;
	font-weight:bold;
	overflow-wrap: anywere !important;
	
}
.footer-redes{
	text-align:right;
}
.seguinos{
	margin-right:1rem;
}

.ilustracion-page{
	 border-radius:0px !important;
	 border:none !important;
}
.velo-rojo{
	background-color: rgba(160,4,0,0.7) !important;
}
.velo-gris{
	background-color: rgba(0,0,0,0.3) !important;
}

.separador-rojo{
	width:100%;
	height:0.5rem;
	border:none;
	background:var(--primary-color);
}
.contenedor-blanco{
	height:100%; 
	width:100%; 
	color:#FFF;
	opacity: 1;
	vertical-align:bottom !important;
	border-radius:0px;
}
.decorador-flecha{
	height: 3em;
	width: 3em;
	background-color: #FFF;
	border-radius: 50%;
	display: inline-block;
	opacity:0.7;
	background-image: url("../img/ilustraciones/main/arrow-down-short.svg");
	background-size: cover;
	margin-bottom: 0.5rem;

}
.rojo-top-blanco{
	height:75%;
	padding-right:4rem;
}
.btn-blanco{
	color:#FFF;
	border-bottom-color:#FFF;
	border:solid 1px;
}
.btn-blanco: hover{
	color:#FFF !important;
	background-color:var(--primary-color) !important;
}

.titulo-blanco{
	color:#FFF;
	
	
}
.titulo-rojo{
	color:var(--primary-color) !important;
	max-width:60%;
	font-weight:bold;
	margin-bottom:1em;
}
.fondo-gris{
	background-color: var(--secondary-color-light);
	overflow:auto;
	text-align:center;
	color: var(--secondary-color);
}

.linea-blanca{
	margin-left:35%;
	margin-right:35%;
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
	border:none;
	background-color:#FFF;
	height: 2px;
}
.linea-azul{
	margin-left:35%;
	margin-right:35%;
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
	border:none;
	background-color:var(--color-blue);
	height: 2px;
}


.linea-roja{
	margin-left:35%;
	margin-right:35%;
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
	border:none;
	background-color: var(--primary-color);
	height: 2px;
}

.contenedor-gris{
	background-color: var(--secondary-color-light);
	overflow:auto;
	text-align:left;
	color: var(--secondary-color);
	padding:3rem;
	padding-left:7%;
	padding-right:7%;
	min-height:10rem;
	
}

.formulario{
	padding-top:3rem;
}



@media (max-width: 1002px) {
	.icon-whatsapp{
		margin-right:1rem;
	}
	
}

@media (max-width: 991px) {
	.titulo-rojo{
		max-width:100%;
	}
	.footer-redes{
		display:none;
		visibility:hidden;
	}
	.footer-ssn{
		font-size:1rem;
		
	}
	.btn-whatsapp{
		text-align:left;
		vertical-align: middle;
	}
	.logo-footer-container{
		text-align:center;
		margin-bottom:2rem;
	}
	.enlace-pie-bold{
		display:none;
		visibility:hidden;
	}
	.enlace-pie{
		display:none;
		visibility:hidden;
	}
	.f-trabaja{
		visibility:visible;
		display:block;
		font-weight:bold;
		padding-bottom: 2em;
		padding-top: 2rem;
	}
	.f-contacto{
		visibility:visible;
		display:block;
		padding-bottom: 2rem;
	}
	.footer-blanco{
		font-size:1rem;
		line-height:1.2rem;
		text-align:center;
	}
	.domicilios-pie p{
		margin-block-start: 1em;
		margin-block-end: 1em;
	}
	
	.navbar-nav{
		padding-bottom:1rem;
		
	}

	
}


/* Ilustracion general de las paginas */

.ilustracion-container{
	margin:0 auto;
	overflow::auto;
	border-radius:0px !important;
	border:none !important;
	margin-top:0 px !important
}


.ilustracion-margin-left{
	padding-left:7%;
}
.ilustracion-title{
	font-weight:bold;
}

.ui-dialog .ui-dialog-titlebar-close {
	visibility:hidden;
	display: none;
}

.ui-widget-header{
	background-color:var(--primary-color);
}

.ui-widget-header {
    border: 1px solid var(--primary-color) !important;
    background: var(--primary-color) !important;
    color: #FFF  !important;
    font-weight: bold;
}