/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article {  
    display: block;  
}  

body {
	
	margin:0 auto;
	background-color:var(--blanco);
	margin-top: 8rem;
}

header{
	margin:0 auto;
}

#encabezado{
	margin:0 auto;
	background: var(--azul-profundo);
	z-index:1000;
	position: fixed;
	width: 100%;
	top: 0;
}

.logotipo {
	margin: 1rem 0;
}

/*.logo {
	max-height: 4rem;

}*/
.logo {
  max-height: 4rem;
  filter: brightness(0) invert(1); /* Si querés que el logo blanco se vea mejor sobre fondo oscuro */
}

/*
footer{
	background: var(--primario);
}*/


/*Firma*/
/*.firma {
	font-size:1.2rem;
	bottom:0;
	min-height:4rem;
	padding:1rem 0;
	background-color:var(--negro);
	color: var(--blanco);
}*/

footer {
  background: var(--azul-profundo);
  color: var(--blanco);
}

.firma {
  background-color: var(--azul-profundo);
  padding: 2rem;
  font-size: 1.4rem;
  text-align: center;
	color: var(--blanco);
}

.firma .derechos {
	line-height:2;
}

.firma .link {
	text-align:right;
}


#mapa_sanfco {
	background-image: url("/imagenes/estructura/img-mapa-sanfrancisco.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 35rem;
}

#mapa_rafaela {
	background-image: url("/imagenes/estructura/img-mapa-rafaela.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 35rem;
}

.contenedor-ubicacion {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 35rem;
}

.contenedor-ubicacion-movil {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.contenedor-info-ubicacion{
	color: var(--blanco);
	background: var(--azul-profundo);
	padding: 4rem;
	font-size: 1.5rem;
	min-width: 38rem;
}

@media (max-width:990px){
.contenedor-info-ubicacion{
	padding: 4rem 4rem 4rem 0;
	min-width: auto;

}	
}

.contenedor-info-ubicacion p{
	font-size: 1.5rem;

}

#footer .divider-footer {
	border-bottom: var(--negro) solid 0.5rem;
	 width: 100%;
    text-align: center;
	
}

@media (max-width:575px) {
.firma .derechos, .firma .link {
	text-align:center;
}
}

.info-footer{
	display: flex;
	align-items: center;
	justify-content:space-between;
	padding-top: 2rem;
}

.divisor{
	border-bottom: 1px var(--gris) solid;
	width: 100%;
	text-align: center;
	padding:1rem 0rem;
}

.navegador_menu{
	display: flex;
  justify-content: space-between;
	padding: 1rem 0rem;
	align-items: center;
	font-size: 1.5rem;
	font-weight: 400;
}

.navegador_menu .nav-item .nav-link {
  color: var(--blanco);
  transition: color 0.3s ease;
}

.navegador_menu .nav-item .nav-link:hover {
  color: var(--secundario);
	 text-decoration: underline;
}


.redes {
	display: flex;
	justify-content: flex-end;
	align-items: center
}

.redes_item{
	display: inline-block;
	padding: 0rem 1rem; 
	font-size: 1.8rem;
}

.redes_item a {
  color: var(--blanco);
  transition: color 0.3s ease;
}
.redes_item a:hover {
  color: var(--secundario);
}

/*Footer movil*/
.contenedor-footer-movil{
	display: flex; align-items: center; border-bottom: 0.5rem solid var(--negro);
}
.contenedor-info-ubicacion-movil{
	color: var(--blanco); min-width: 26rem; padding-left:2rem;
}
.img-mapa-movil{
	display: flex; align-items: center; justify-content: center;
}
/*Fin footer movil*/
.boton_seccion {
  background: transparent;
  border: 2px solid var(--secundario);
  color: var(--secundario);
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
	text-align: center;
  padding: 0.6rem 8rem; /* ← margen ajustado al texto */
  border-radius: 3rem;
  transition: all 0.3s ease-in-out;
  white-space: nowrap; /* ← evita que se corte si es una sola palabra */
}

.boton_seccion a {
  text-decoration: none;
  color: inherit;
	text-transform: uppercase;
}

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

.boton_seccion:hover {
  background: var(--secundario);
  color: var(--blanco);
  box-shadow: 0 4px 12px rgba(65, 183, 235, 0.3);
  cursor: pointer;
}

.seccion_contacto input.form-control {
	min-height: 4rem;
}

.seccion_contacto textarea {
	height: 10rem;
}