/* ----------------------------------------------------------------
	Colores

	Naraja del logo: 		#FD6A2A		rgb(253,106,042)
	Azul complementario: 	#2ABDFD		rgb(042,189,253)
	Violeta tercer color: 	#6C6CAA		rgb(108,108,170)
-----------------------------------------------------------------*/


:root {
	--principal: #2ABDFD;  /* Complementario al color del logotipo: #FD6A2A */
	--resaltado: #FD6A2A;
	--contraste: #6C6CAA;
	--radioBorde: 12px;
}

body {
	background-color: #ffdccd;
}

p {
	text-align: justify;
}

li {
	margin-bottom: 0.6em;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 1000;
}

.col-fotos img {
	display: block;
	margin: 0 auto;
	margin-bottom: 1em;
}

.img-fullwidth {
	min-width: 100%;
}
.img-fluid-50 {
	max-width: 50%;
}
.img-fluid-100 {
	max-width: 100%;
}

.titulo-seccion {
	margin: 1em;
	text-align: center;
	font-weight: 1000;
}
	.titulo-seccion em {
		color: var(--resaltado);
		font-style: normal;
	}
	.titulo-seccion > h1,
	.titulo-seccion > h2
	{
		font-weight: 1000;
	}

.txt-importante {
	font-size: 150%;
	line-height: 130%;
}

.img-marco {
	border: 6px solid var(--resaltado);
	border-radius: var(--radioBorde);
}

.todo{
	width: 100%;
	height: auto;
}

.cabecera{
	background:#3b3b3b;
}

.logo {
	margin-top: 10px;
}

.principal {
	margin-bottom: 0;
	padding-left: 0;
}

.principal li{
	list-style:  none;
	list-style-image: none;
	margin-bottom: 0;
	color: #E3E3E3;
}
.principal li a {
	color: #E3E3E3;
	text-decoration: none;
}
.text_descar{
	list-style: none;
	list-style-image: none;
	font-family: sans-serif,Courier;
	font-size: 16pt;
	color: #E3E3E3;

}
.principal li a:hover{
	color: #fd6b2a;
	}

.intermedio{
	background:#E3E3E3;
	float:left;
	width: 100%;
	margin-right: 90px;
}

.pseudoboton {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border:	1px solid var(--principal);
	border-radius: 8px;
	text-align: center;
}
	.pseudoboton:hover {
		background-color: var(--principal);
	}



#historia {
	background: #f1a37e center/cover no-repeat url(../campa-2025-imagenes/sherpa-campamentos-00-fondo.webp);
}

#campamento {
	background: url(../campa-2025-imagenes/nnnoise.svg) center/cover;
}
#campamento .claros {
	padding: 14vh 0 2vh 0;
	border-radius: var(--radioBorde);
}
	#campamento .claros > p {
		margin: 0 10%;
		text-align: inherit;
		font-size: x-large;
		border-radius: var(--radioBorde);
		background-color: rgba(255,255,255,0.6);
	}

	#claroCachitos {
		background: url(../campa-2025-imagenes/sherpa-campamentos-01-campamento-03.webp) center/cover;
	}
	#claroNavegantes {
		background: url(../campa-2025-imagenes/sherpa-campamento-verano-dibujo-claros.webp) center 30%/cover;
	}
	#claroRobinHood {
		background: url(../campa-2025-imagenes/sherpa-campamento-verano-tiendas-campania-5.webp) center/cover;
	}
	#claroPioneros {
		background: url(../campa-2025-imagenes/sherpa-campamento-verano-pioneros-tiendas.jpg) center/cover;
	}
	 


#tradiciones {
	background: fixed url(../campa-2025-imagenes/sherpa-campamento-verano-bbblurry.svg) center/cover;
}
#tradiciones img {
	width: 80%;
}
	#tradiciones .foto1 {
		float: left;
	}
	#tradiciones .foto2 {
		width: 70%;
		float: right;
	}	
	#tradiciones .foto3 {
		float: right;
	}
	
#actividades {
	background: url(../campa-2025-imagenes/sherpa-campamento-verano-gggyrate.svg) center/cover;
}

#presentacion-campa {
	background: url(../campa-2025-imagenes/old-brick-wall-crop.webp);
	background-size: contain;
}
	@media (min-width: 992px) {
		#presentacion-campa {
			background-size: 50%;
		}
	}
#presentacion-campa .resaltado {
	text-align: center;
	font-size: 300%;
	font-weight: bold;
}
	#presentacion-campa .linea-tiempo {
		position: sticky;
		top: 20px;
		align-self: flex-start;
	}
		#presentacion-campa .linea-tiempo > p {
			margin-bottom: 0;
			text-align: inherit;
		}

#actividades-todo {
	background: url(../campa-2025-imagenes/sherpa-campamento-verano-sssurf.svg) 84%/300%;
}


#actividades-ciudades {
	background: url(../campa-2025-imagenes/marco-mapa-rosa-vientos.webp);
	background-size: 100% 100%;
}
	#actividades-ciudades .blk-tarjeta .resaltado {
		text-align: center;
		font-weight: bold;
		font-size: 1.1rem;
		color: var(--principal);
		text-shadow: 2px 2px 5px black;
	}

#equipo-personal .blk-equipo {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border:	1px solid var(--principal);
	border-radius: 8px;
	text-align: center;
}
	#equipo-personal .blk-equipo:hover {
		background-color: var(--principal);
	}
	
#a-padres,
#incorporacion {
	background-blend-mode: soft-light;
	background-image: url(../campa-2025-imagenes/full-frame-wooden-textured-surface.jpg);
	background-color: wheat;
}


.intermedio img{
	margin-right: 50px;
	border-radius: 1em;
	border: none;
	-webkit-box-shadow: 2px 2px 5px #3b3b3b;
    -moz-box-shadow: 2px 2px 5px #3b3b3b;
}

.intermedio img:hover{
  -webkit-box-shadow: 3px 3px 7px #3b3b3b;
    -moz-box-shadow: 3px 3px 7px #3b3b3b;
}

.intermedio img:active{
  -webkit-box-shadow: 3px 3px 5px #424242;
  -moz-box-shadow: 3px 3px 5px #424242;
}

.cuerpo{
	background:#3b3b3b;
	float: left;
	width: 100%;
	padding: 1px;
	margin-top: 0px;
}

.foto{
  vertical-align: middle;
  width: 96%;
  margin-left: -50px;
   margin-bottom: 50px;
 
  
}

.foto2{
	background:#3b3b3b;
  vertical-align: middle;
  width: 100%;
  margin-left: center;
  margin-top: 1px;
  margin-bottom: 1px;
  position:relative;
}

.foto3{
background:#3b3b3b;
  width: 100%;
  margin-top: 0px;
  margin-left: center;
  margin-bottom: auto;
  float:left;
}

#horas-telefono {
	color: var(--resaltado);
}

.precio {
	padding: 1em;
}