@charset "utf-8";


  .container-fluid-slider {
    display: block;
  }

  /* Estilos para la cabecera */
 /* Estilos para el logo */
  .navbar-brand {
	float: left;
	margin-left: -45px; /* Ajusta el margen izquierdo según sea necesario */
  }

  /* Estilos para la barra de navegación */
    .navbar-default .navbar-collapse {
	float: right;
	margin-bottom: 14px;
	margin-right: -17px;
  }

  .container-fluid-cabecera {
	text-align: center;
}

  .navbar-default .navbar-collapse {
	text-align: right;
	float: right;
  }

  .navbar-default .navbar-nav {
	float: none;
	vertical-align: middle;
  }


  .navbar-default .navbar-nav > li {
    display: inline-block;
    float: none;
  }

  /* Estilos para los contenedores de texto e imágenes */
  /*--------------------------- pie - footer */

.container-fluid-pie {
	width: 100%;
	font-size: 0.9em;
}
.container-fluid-pie .container-pie {
	width: 100%;
}
/*--------------------------- cookis */

.container-fluid-politicacookis{
	width: 100%;
	font-size: 0.8em;
	text-align: center;
}
.container-fluid-politicacookis .container-politicacookis {
	width: 100%;
}

/*--------------------------- caja 1*/
.container-fluid-caja1 {
	width: 100%;
}
.container-fluid-caja1 .container-caja1 {
	width: 100%;
	margin-top: 60px;
}
.container-fluid-caja1 .container-caja1 .container-img {
	width: 100%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
}
.container-fluid-caja1 .container-caja1 .container-texto {
	float: left;
	width: 100%;
}


/*--------------------------- caja 2*/
.container-fluid-caja2 .container-caja2 .row-caja1 {
	width: 100%;
	float: left;
	margin-left: 0px;
}
.container-fluid-caja2 .container-caja2 .row-caja2 {
	float: left;
	width: 100%;
}
.container-fluid-caja2 .container-caja2 .row-caja3 {
	width: 100%;
	float: left;
}


/*--------------------------- caja 3*/
.container-fluid-caja3 {
	width: 100%;
	margin-top: -10px;
}
.container-fluid-caja3 .container-caja3 {
	width: 100%;
}
.container-fluid-caja3 .container-caja3 .container-img {
	width: 100%;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	padding-top: 0px;
}
.container-caja3 .container-img img {
	width: 100%;
}

.container-fluid-caja3 .container-caja3 .container-texto {
	float: left;
	width: 100%;
	margin-top: 0px;
}

/*--------------------------- contacto-------------------------------------------*/
.container-fluid-contacto .container-contacto {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: stretch;
}
/* Tablet horizontal: mostrar contacto en dos columnas (imagen + texto) */
.container-fluid-contacto .container-contacto .container-img {
	display: flex;
	width: 50%;
	padding-left: 0;
	margin-right: 20px; /* hueco entre mapa y texto */
}
.container-fluid-contacto .container-contacto .container-texto {
	width: calc(50% - 20px);
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
	margin-left: 0; /* el hueco lo aporta el mapa */
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Asegurar que el mapa (iframe) se adapta al ancho de la columna */
.container-fluid-contacto .container-contacto .container-img iframe {
	width: 100% !important;
	height: 340px; /* altura razonable en horizontal */
	max-width: 100%;
	border: 0;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.06);
}

/* Limitar altura del carrusel en tablet horizontal y adaptar imágenes */
#carousel1 .item img {
	max-height: 420px;
	width: 100%;
	height: auto;
	object-fit: cover;
}

/* UI minimalista: ocultar puntos del carrusel en tablet horizontal */
.carousel-indicators {
	display: none;
}