/* Estilos basados en la paleta de colores proporcionada */

body {
    font-family: 'Montserrat', 'Roboto', sans-serif;
    background-color: #fff; /* Gris claro */
    color: #333333; /* Negro/gris oscuro */
}

/* Estilos para mejorar la barra de navegación */

/* Cambiar el fondo de la barra de navegación a azul oscuro */

.container{
	position:relative;
}

.navbar {
    /*background-color: #6A0409; /* rojo oscuro */
    padding: 15px 0;
}

.navbar-brand img{
	    min-width: 300px;
    max-width: 300px;
}

.navbar-brand, .nav-link {
    color: #ffffff !important; /* Texto blanco */
    font-weight: bold; /* Texto más destacado */
}

.navbar-nav .nav-link:hover {
    color: #F79D0F !important; /* Rojo oscuro al pasar el cursor por encima */
}


.hero-section {
    padding: 80px 0 180px;
    background-color: #F79D0F; /* Naranja fondo sección principal */
    color: #ffffff; /* Texto blanco */
    background:url("images/bg-GR.jpg");
	/*background:url("images/prom_empleo4.jpg");*/
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	position:relative;
}

.hero-section:before{
	background-color: #000;
    content: "";
    height: 100%;
    opacity: 0.7;
    position: absolute;
    top: 0;
	left:0;
    width: 100%;
    z-index: 0;
}

.hero-section h1 {
    font-size: 2.5rem;
    margin-bottom: 10px;
	font-weight:700;
}

.hero-section p {
    font-size: 1.2rem;
    margin-bottom: 20px;
}

form input {
   /* max-width: 300px;*/
}

form button {
    background-color: #6A0409; /* Rojo oscuro para botones */
    color: #ffffff;
    font-weight: bold;
}

section h2 {
    margin-bottom: 30px;
    font-weight: bold;
    color: #6A0409; /* Negro/gris oscuro */
}

.job-card {
    background-color: #ffffff; /* Fondo blanco para las tarjetas de empleos */
    padding: 28px;
    margin-bottom: 30px;
    border-radius: 10px;
     
	      border: 1px solid #e5e5e5;
		  transition:0.3s all;
}

.job-card:hover {
    box-shadow: 0 0 10px 0 rgba(88, 96, 109, .14);
      -webkit-box-shadow: 0 0 10px 0 rgba(88, 96, 109, .14);
      -moz-box-shadow: 0 0 10px 0 rgba(88, 96, 109, .14);
	  border: 1px solid #F79D0F;
	  
}

.job-card h3 {
    margin-bottom: 10px;
}

.job-card h5 {
    font-weight:700;
}


.job-card p {
    margin-bottom: 5px;
}


.job-card p strong {
    font-weight:600;
}

.job-card .btn-apply {
    background-color: #6A0409;
    color: #ffffff;
    font-weight: 600;
}



.form-buscador{
	padding:12px 12px;
	background:#fff;
	border-radius:50px;
	color:#000;
	position:relative;
}

.form-buscador input{
	border:none;
}

#advancedSearchForm h5{
	font-size:14px;
}

.btn-float{
	position:absolute;
	top: 12px;
    right: 12px;
}

.text-left{
	text-align:left;
}

.form-control, .form-select{
	padding: .775rem 1.5rem;
	border-radius:50px;
}

.btn{
	padding: 12px 24px;
	border-radius:50px;
	font-weight:600;
}

.btn-primary{
	background:#ffc107;
	border-color:#ffc107;
	color:#000;
}

.btn-primary:hover, .btn-primary:active, .btn-outline-primary:hover, .btn-outline-primary:active,.btn-outline-secondary:hover, .btn-outline-secondary:active{
	background:#F79D0F !important;
	border-color:#F79D0F !important;
}

.btn-outline-primary{
	border-color:#fff;
	color:#fff;
}

.btn-outline-secondary{
	border-color:#F79D0F;
	color:#6A0409;
}


.form-control:focus,.form-select:focus {
	border-color:#F79D0F;
	box-shadow:none;
}

.header-area.bg-primary {
    background: #6A0409 !important;
}

.btn-cta{
	    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
	margin-top:12px;
}

.navbar-expand-lg .navbar-nav{
	align-items:center;
}

@media (max-width: 576px){
	.btn-float span{
		display:none;
		
	}
	.btn-float{
		width: 50px;
        /* text-align: center; */
        display: inline-flex;
        height: 50px;
        justify-content: center;
        align-items: center;
	}
	
	.hero-section{
		padding: 60px 0 20px;
	}
	
	.navbar-brand img{
		min-width: 240px;
    	max-width: 240px;
	}
	
}

.navbar-toggler{
	border:none;
}

.navbar-toggler span{
	color:#ffc107;
}

.navbar-toggler:focus{
	box-shadow:none;
}

.navbar-collapse.collapsing, .navbar-collapse.show{
	background:#6A0409;
	padding:12px 0px;
}


.icon-close {
    display: none;
}

.icon-menu {
    display: block;
}

.navbar-toggler.collapsed .icon-menu {
    display: block;
}

.navbar-toggler:not(.collapsed) .icon-menu {
    display: none;
}

.navbar-toggler:not(.collapsed) .icon-close {
    display: block;
}

.footer-area{
	background:#3a080a;
	padding:60px 0px;
}

.info-footer{
	font-size:12px;
	color:#fff;
}

.info-footer a{
	display:block;
	color:#F79D0F;
}

.footer-area h3{
	font-size:20px;
	font-weight:600;
	color:#fff;
}

.msj-info{
	font-size:12px;
}

.modal-title{
	color:#6A0409;
	font-weight:700;
}

label{
	color:#000;
	font-weight: 500;
}

.info-trabajo p strong{
	display:block;
	    font-weight: 600;
}

.info-trabajo h4{
	font-weight: 700;
	font-size: 1.25rem;
}

.info-trabajo p{
	margin-bottom:8px;
}

#imageCarousel {
    margin-top: 60px; /* Ajusta según la altura de la barra de navegación */
}

#imageCarousel img {
    max-height: 300px; /* Limita la altura de las imágenes */
    object-fit: cover;
}