@charset "utf-8"¨;
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin&display=swap');
                                    /*RESETEADO*/
*{
    margin: 0;
    padding: 0;
    border:0;
    box-sizing: border-box;
	outline: none;
}
body{
	font-family:'Libre Franklin', sans-serif;
}
ul{
    list-style: none;
    padding:0;
}

a{
    text-decoration: none;
}
img{
    width:100%;
	display: block;
}
                                /*REGLAS GENERALES MÓVIL*/
        /*HEADER - MENÚ*/
header {   
    background-color: black;
    color:white;
    padding-top:1em;
    padding-bottom:1em;
}
header h3 a{
    font-size: 1.6em;
    padding-right: .6em;
    color: white;
}
header img{
    height: auto;
    width: 60px;
    margin-left:.5em;   
}
.barra{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.material-icons {
    padding-right: .25em;
}

header nav a {
    display: block;
    color: white;
    padding: 15px 20px;
    font-size: 11pt;
    font-weight: bold;  
}

header nav a:hover {
    color:orangered;
}

#llamamenu {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    cursor: pointer;
    height: 3em;
    width: 3em;
    display: flex;
    position: relative;
    z-index: 9999;
}

#llamamenu:hover {
    background-color: rgba(0, 0, 0, 1);
}

#llamamenu i { 
    padding: 0;
    margin: auto;
}

header nav ul {
    background-color: rgba(0,0,0,1);
    position: fixed;
    left: 100%;
    top: 0;
    height: 100vh;
    width: 50%;
    z-index: 9990;
    padding-top: 5em;
    transition: all .5s ease;
}

.visible {
    left: 50%;
    transition: all .25s ease;
}

/*FOOTER*/
footer{
	background-color: black;
	color:white;
	padding: 2em;
	font-size: .8em;
}
    /*----INDEX-PANTALLA----*/
        /*RECORRIDOS*/
.titulo_barra{
    font-family: 'Montserrat';
	font-weight: 900;
    background-color:#2c2b2b;
    color:white;
    text-transform: uppercase;
    padding:.2em 0 .2em 1em;
}
.recorridos_intro{
	display: flex; 
	flex-direction: column;
	align-content: flex-end;
	min-height: 250px;
	background-image: url(../imagenes/paseos_1_editada_01.jpg);
	background-size: cover;
}
.recorridos_intro h3{
    font-family: 'Montserrat';
	font-weight: 800;
    color:white;
    background-color: hsla(0, 0%, 0%, 0.64);
    padding:.3em .4em .3em .4em;
	align-self: flex-end;
	margin-right: 1em;
	margin-top: .5em;
}
.recorridos_intro span{
	display: block;
	font-size: 1.17em;
}
.recorridos_intro a{ 
	font-family: 'Montserrat';
	font-weight: 600;
    background-color: rgb(255,52,2);
    color:whitesmoke;
	align-self: flex-end;
    margin:.5em 1.6em .2em 0;
    padding:.35em;
}
        /*ACTIVIDADES*/
.actividades_grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-auto-rows: 120px; 
}
.actividades_item{
    position: relative;   
}
.actividades_img{
    height: 100%;
    object-fit: cover;
}

.actividades_titulo{
    position:absolute;
    bottom:3em;
	left:5%;
	text-align: center;
    background-color: rgba(0, 0, 0, 0.54);
	width:90%;
	height:30px;
	padding:.4em;
}

.actividades_titulo a{
    font-family: 'Montserrat', sans-serif;
	font-weight: 600;
    color:white;
	font-size: 1em;
    
}

.actividades_titulo a:hover{
    color:rgb(255,52,2);
}


        /*CRONOGRAMA*/
.fut_actividades_grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-auto-rows: 120px; 
}

.fut_actividades_item{
    position: relative;   
}

.fut_actividades_titulo{
    font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	text-align: center;
	font-size: 2em;
    color: black;
    position:absolute;
    top:1.2em;
	left:20%;
    text-align: center;
}

.fut_actividades_fecha{
    position: absolute;
    color: whitesmoke;
    top: 1.8em;
    left: 5%;
    right: 5%;
    font-weight: 600;
    text-align: center;
}

.fut_actividades_fecha span{
    font-weight: 400;
    padding-top: .5em;
    display: block;
}

.fut_actividades_img{
    width:70px;
	object-fit: contain;
    position: absolute;
    bottom: .1em;
    right: 23%
}

.fut_actividades_flecha{
    position:absolute;
   top: .1em;
	left:5%;
    right: 5%;
	text-align: center;
	width:90%;
    font-weight: 400;
    color:white;
	font-size: .9em;
     font-family: 'Montserrat', sans-serif;
    padding-top: .5em;
}

.fut_actividades_item:nth-child(3){
    background-color: rgba(255,52,2,.7);
}

.fut_actividades_item:nth-child(2){
    background-color: rgba(255,52,2,1);
}

        /*AYUDANOS*/
.index_ayudar div{
    background-color: rgb(255, 52, 2);
    display: flex;
}
.index_ayudar figure{
    width: 190px;
}
.index_ayudar ul{
	display: flex;
	flex-direction: column;
	justify-content: center;
    align-content: center;
    padding: 0 2em 0 2em;
}
.index_ayudar div ul li{
    background-color: black;
    margin:.6em;
    padding:.4em;
    text-align: center;
}
.index_ayudar div ul li a{
    color:white;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}
        /*SEGUINOS*/
.contacto{
    background-color: #2c2b2b;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.contacto h2{
    font-family: 'Montserrat';
    color:white;
    text-transform: uppercase;
    text-align: center;
	border-bottom-style: solid;
	border-bottom-width: .1em;
	border-bottom-color: rgb(255,52,2);
	font-size: 1.2em;    
}
.contacto_info img{
    width:100%;
    height: auto;
    max-width:60px;
    padding:1em;
}
.contacto_info ul{
    display: flex;
}
/*----NOSOTROS-PANTALLA----*/
.nosotros_intro{
	min-height: 205px;
	background-image: url(../imagenes/museo_editada_01.jpg);
	background-size: contain;
}
.nosotros_intro h3{
	font-family: 'Montserrat';
	font-weight: 800;
    color:white;
    font-size: 1.2em;
	padding: .5em .5em 0;
}
.nosotros_intro p{
    color:white;
	padding:.5em;
}
.objetivo{
    padding:1em;
}
/*----AYUDAR-PANTALLA----*/
.ayudar_intro{
    position: relative;
	min-height: 240px;
	background-image: url(../imagenes/350_murales_editada_01.jpg);
	background-size: cover;
}
.ayudar_intro p{
	font-family: 'Montserrat', sans-serif;
	font-weight:800;
    color:#ffffff;
    text-transform: uppercase;
    position:absolute;
    bottom:2em;
	left: 5em;
	
}
.ayudar_opciones{
    background-color: rgb(255,52,2);
    color:whitesmoke;
    padding:.4em 1em 1em;   
}
.ayudar_opciones h3{
	font-family: 'Montserrat';
	font-weight: 800;
    margin:.6em 0;
}
.ayudar_opciones p{
    margin-bottom: 1.3em;
}
.ayudar_opciones ul{
	display: flex;
	justify-content: space-evenly;
}
.ayudar_opciones li{
    background-color: black;
    padding:.4em;
    margin-bottom:.5em;
}
.ayudar_opciones a{
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
    color:white;
    padding:.6em;
}
/*----RECORRIDOS-PANTALLA----*/
.recorrido_intro{
    position: relative;
}
.texto_contenedora{
	min-height: 200px;
	background: url(../imagenes/caminata_1_editada_01.jpg);
	background-size: 100%;
}
.recorrido_intro p{
	font-family: 'Montserrat', sans-serif;
    color:white;
    padding:1em 5em 1em 1em;
    font-size: 1.3em;
}
.titulo_barra_alt{
    font-family: 'Montserrat', sans-serif;
    background-color:rgb(255,52,2);
    color:white;
	padding:.2em 0 .2em 1em;
}
.recorrido_descripcion p{
    padding:.8em .8em 1.5em;
}
.recorrido_descripcion a{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	display: block;
	text-align: center;
    color:white;
	background: black;
    padding:.5em;
    text-transform: uppercase;
	margin: 0 4em 1.5em;
}
.vinculo_foto{
    background-color: rgb(255, 52, 2);
    color:white;
    padding-top: 2em;
	padding-bottom: 2em;
	text-align: center;
}
.vinculo_foto h4{
    font-family: 'Montserrat', sans-serif;
	font-size: 1.3em;
	margin-bottom: 1em;
}
.vinculo_foto h4 span{
	display: block;
}
.vinculo_foto a{
 	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	display: block;
	text-align: center;
    color:white;
	background: black;
    padding:.5em;
    text-transform: uppercase;
	margin: 0 4em;
	
}
/*----COMPARTI TU FOTO-PANTALLA----*/
.compartifoto{
	min-height: 200px;
	background-image: url(../imagenes/Afiches.jpg);
	background-size: cover;
}
.compartifoto p{
	font-family: 'Montserrat';
    color:#ffffff;
    position:absolute;
    top:6em;
	left:4em;
    font-weight: 600;
    font-size: 1.5em;
}
.subirfoto_section{
    background-color: rgb(255, 52, 2);
    color:white;
    padding-top: 2em;
	padding-bottom: 2em;
	text-align: center;
}
.subirfoto_section li{
	font-family: 'Montserrat', sans-serif;
	background-color: black;
    padding:.5em;
    margin: 1em 4em 1.3em;
	text-align: center;
	display: flex;
	flex-direction: column;
}
.subirfoto_section a{
    color:whitesmoke;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	background-color: black;
    padding:.5em;
	
}
.comparti_grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-auto-rows: 120px;
}
  
.comparti_img{
    height: 100%;
    object-fit: cover;
}


/*----GALERÍA----*/
.galeria_grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-auto-rows: 120px;
    padding: 10px;
    grid-gap: 8px;   
}
.galeria_item{
    position: relative;   
}
.galeria_img{
    height: 100%;
    object-fit: cover;
}
.galeria_img iframe{
	position: absolute;
	width:100%;
	height: 100%;
}
.galeria_titulo{
    position: absolute;
    bottom: 0;
    color: white;
    background: linear-gradient(rgba(255,255,255,0.3),rgba(0,0,0,1));
    font-size: .9em;
    font-weight: 400;
    width: 100%;
    margin: 0;
    padding: 5px;   
}
.galeria_item:nth-child(1){
    grid-column-start: span 2;
}
.galeria_item:nth-child(2){
    grid-row-start: span 2;   
}
.galeria_item:nth-child(6){
    grid-column-start: span 2;   
}
.subir_foto{
	background: rgb(255,52,2);
	padding:2em;
}
.subir_foto a{
	font-family: 'Montserrat', sans-serif;
	background-color: black;
	color:white;
	text-transform: uppercase;
	padding:.6em 3em .6em .6em;
}
/*----ACTIVIDADES REALIZADAS-PANTALLA----*/
.actividades_realizadas{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.actividades_realizadas figure {
	background-color: rgba(255,52,2);
	width: 50vmin;
	padding:.5em;
	position:relative;
	overflow: hidden;
	align-items: stretch;
}
.actividades_realizadas figure:nth-child(2){
	background-color: rgba(255,52,2,0.6)
}
.actividades_realizadas figure:nth-child(1){
	background-color: rgb(255, 52, 2,0.4)
}
.actividades_realizadas figure:nth-child(3){
	background-color:rgb(255, 52,2, 0.8)
}
.actividades_realizadas img{
	object-fit: cover;
	height: 50vmin;
}
.actividades_realizadas figcaption {
	line-height: 1em;
	font-weight: 600;
	margin-top: 1em;
}

.actividades_realizadas span{
	font-weight: 400;
	display: block;
	font-size: .9em;
	padding-top: 1em;
}
/*----ACTIVIDADES-PANTALLA----*/
.actividades_futuras {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.actividades_futuras figure {
	background-color: rgba(255,52,2, 0.9);
	width: 50vmin;
	padding:.5em;
	position:relative;
	overflow: hidden;
	align-items: stretch;
}
.actividades_futuras figure:nth-child(2){
	background-color: rgba(255,52,2,0.6)
}
.actividades_futuras figure:nth-child(1){
	background-color: rgb(255, 52, 2,0.4)
}
.actividades_futuras figure:nth-child(3){
	background-color:rgb(255, 52,2, 0.8)
}
.actividades_futuras img {
    object-fit: cover;
	height: 50vmin;
}

.actividades_futuras figcaption {
	line-height: 1em;
	font-weight: 600;
	margin-top: 1em;
    
}

.actividades_futuras span {
    font-weight: 400;
	display: block;
	font-size: .9em;
	padding-top: 1em;
    
}
/*----MATERIALES-PANTALLA----*/
.material_info{
	background-color: rgb(255,52,2);
}
p.material_intro{
	font-family: 'Montserrat', sans-serif;
	color:white;
	text-align: center;
	padding: 1.4em 1.4em .5em;
	font-size: 1.2em;
}
.materiales img{
	width:80px;
	margin-bottom:1em;
	padding: .5em;
}
.materiales {
	display: flex;
	justify-content: center;
}
p.materiales_aclaracion {
	color:white;
	text-align: center;
	padding: 0 .7em 1.4em;
}
.material_entrega{
	padding:1em 1em .4em 1em;
	margin-bottom: 1.4em;
}
.material_entrega h3{
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-size: 1.2em;
}
.material_entrega p{
	margin-top:.4em;
	margin-bottom:1.5em;
	padding-right: 1em;
}
.material_entrega a{
	font-family: 'Montserrat';
	text-transform: uppercase;
	font-weight: 600;
	background-color: black;
	color:white;
	padding: .4em 3em .4em .4em;
}
/*----COMO LLEGAR-PANTALLA----*/
.museo_llegar{
    background-color: rgb(255,52,2);
    padding:1em;
	color:white;
}
.museo_llegar h4{
	font-family: 'Montserrat';
}
.museo_llegar p{
	margin-bottom: .5em;
}
.mapa{
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
}
iframe{
	position: absolute;
	top:0px;
	left: 0px;
	width:100%;
	height: 100%;
	
}
.ver_recorridos{
	padding:1em;
	margin-bottom:1em;
}
.ver_recorridos h3{
	font-family: 'Montserrat';
	font-weight: 900;
	font-size: 1.2em;
	margin-bottom: 1.4em;
}
.ver_recorridos a{
	font-family: 'Montserrat';
	font-weight: 600;
	background-color: black;
	color:white;
	padding:.6em;
	text-transform: uppercase;
}
/*----PANTALLAS DE CONFIRMACIÓN----*/
.confirmacion_contenedora{
   position: relative;
	min-height: 700px;
	background-image: url(../imagenes/puente_editada_01.jpg);
	background-size: cover;
}
.confirmacion_contenedora h1 {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 4em;
	padding-left: .3em;
	padding-top: .3em;
    color:white;
}
.confirmacion_contenedora h2 {
	padding-left: 1.3em;
    color:white;
    font-size: 1em;
}
.confirmacion_redireccion{
    position:absolute;
	bottom:2em;
	left:6em;
}
a.confirmacion_redireccion{
    font-family: 'Montserrat';
	font-weight: 600;
    font-size: 1.4em;
    color:white;
	background-color: black;
	padding: .5em;
	text-transform: uppercase;
}
/*----FORMULARIOS----*/

form label{
    margin:0.4em 0 0.4em 0;
}
form a{
    display: block;
    margin:1em 0 0.6em 0;
    background-color: black;
    color: whitesmoke;
    padding: 10px;
    text-align: center;   
}
.field{
    border: solid 1px;
    border-color: rgb(255, 52, 2);
    background-color: rgba(255, 52, 2, 0.4);
    width: 280px;
    padding: 5px;
}
form a:hover{
    background-color: rgba(0, 0, 0, 0.7);
}
/*----COMPRA TU ENTRADA PANTALLA-----*/
.ventaentradas{
    background-color: rgb(255, 52, 2);
    color:whitesmoke;
    padding:2em;
}
.ventaentradas li{
    background-color: black;
    padding:.4em;
    margin-right:10em;
    margin-bottom:.5em;
    margin-top: .5em;
}
.ventaentradas a{
    color:whitesmoke;
    padding:.6em;
}

.modo a{
	margin:.5em;
}
/*----COMPRA TU ENTRADA EFECTIVO/TARJETA PANTALLA----*/
.subtitulos{
    font-family: 'Montserrat';
    background-color:rgba(0, 0, 0, 0.8);
    color:whitesmoke;
    padding:.3em 0 .3em 0;
    text-align: center;
    width: 300px;
    margin: auto;
    margin-top: 10px;
}
form{
    padding: 10px;
    margin: auto;
    width: 300px;   
}
form label{
	display: block;
    font-family: 'Montserrat';
	font-weight: 800;
    text-transform: uppercase;
    margin:1em 0 0.4em 0;
}
form a{
    font-family: 'Montserrat';
	text-transform: uppercase;
    display: block;
    margin:3em 0 0.6em 0;
    background-color: black;
    color: whitesmoke;
    padding: 10px;
    text-align: center;   
}
.field{
    border: solid 1px;
    border-color: rgb(255, 52, 2);
    background-color: rgba(255, 52, 2, 0.4);
    width: 280px;
    padding: 5px;
}
form a:hover{
    background-color: rgba(0, 0, 0, 0.7);
}



/*OTROS DISPOSITIVOS*/
/*---Index---*/
	/*Dispositivos min 700px*/
@media (min-width:700px){
	.titulo_barra{
		font-size: 2em;
	}
	.recorridos_intro{
		min-height: 400px;
	}
	.recorridos_intro h3{
		font-size: 2.1em;
	}
	
	.recorridos_intro a{
		font-size:1.3em;
		margin-right:6em
	}
	
    
    .actividades_grid{
    grid-auto-rows: 170px; 
}
	
    .fut_actividades_grid{
    grid-auto-rows: 170px; 
}
	.actividades_titulo {
    bottom: 5em;
}
   
	
    .fut_actividades_titulo {
    font-size: 4em;
    top: .7em;
    }
    
    
    .fut_actividades_fecha {
    top: 1.5em;
    font-size: 1.5em;
}
    
    .fut_actividades_flecha {
    left: 5%;
    right: 5%;
    font-size: 1.3em;
}
    
    .fut_actividades_img {
    width: 100px;
    object-fit: contain;
    position: absolute;
    bottom: .1em;
    right: 30%;
}
    
    .index_ayudar img{
		width:280px;
	}
    
	.index_ayudar ul{
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-left: 4.5em;
		font-size:1.4em;
		padding:0;
	}
	
}

/*Dispositivos min 1000px*/

@media (min-width: 1000px){
    
    .recorridos_intro{
		min-height: 600px;
	}
    
    .recorridos_intro h3{
		font-size: 3.5em;
	}
	.recorridos_intro a{
		font-size: 1.7em;
		margin-right: 10.2em;
	}
    
    
    .actividades_grid{
    grid-auto-rows: 250px; 
}
	
    .fut_actividades_grid{
    grid-auto-rows: 250px; 
}
    
    .actividades_titulo {
    bottom: 7em;
}
    
    .fut_actividades_titulo {
    font-size: 5em;
    top: .8em;
    left: 0.9em;
    
    }
    
    .fut_actividades_fecha {
    top: 1em;
    font-size: 2.5em;
}
    
    .fut_actividades_flecha {
    left: 5%;
    right: 5%;
    font-size: 2em;
    padding: 0.3em;
}
    
    .fut_actividades_img {
    width: 150px;
    object-fit: contain;
    position: absolute;
    bottom: .1em;
    right: 25%;
}
    
    .index_ayudar img{
		height: 250px;
        width: auto;
	}
    
    .index_ayudar ul{
		margin-left: 9.7em;
		font-size:1.7em;
	}
    
}

	/*Dispositivos min 1200px*/
@media (min-width: 1200px){
	.titulo_barra{
		font-size: 3em;
		
	}
	.recorridos_intro{
		min-height: 800px;
	}
	.recorridos_intro h3{
		font-size: 5em;
	}
	.recorridos_intro a{
		font-size: 2em;
		margin-right: 14.5em;
	}
    
  .actividades_grid{
    grid-auto-rows: 300px; 
}
	
    .fut_actividades_grid{
    grid-auto-rows: 300px; 
}
	.actividades_titulo {
    bottom: 8em;
}
   
    
    .fut_actividades_titulo {
    font-size: 8em;
    top: .5em;
	left: .4em;
    
    }
    
    .fut_actividades_fecha {
    top: 1em;
    font-size: 3em;
}
    
    .fut_actividades_flecha {
    left: 5%;
    right: 5%;
    font-size: 3em;
    padding: 0.1em;
}
    
    .fut_actividades_img {
    width: 180px;
    object-fit: contain;
    position: absolute;
    bottom: .1em;
    right: 29%;
}
    
    .index_ayudar img{
		height:300px;
        width: auto;
	}
    
	.index_ayudar ul{
		margin-left:11em;
		font-size:2em;
	}
    
}
    
/*---Recorridos----*/
	/*Dispositivos min 700px*/
@media (min-width:700px){
	.texto_contenedora{
     min-height:400px;
	}
	.recorrido_intro p{
		font-size: 2em;
	}
	.recorrido_descripcion h3{
		font-size: 1.6em;
	}
	.recorrido_descripcion p{
		font-size: 1.2em
	}
	.recorrido_descripcion a{
		padding:1em;
		margin:0 18em;
	}
	.recorrido_descripcion a{
		margin:0 10em 2em 10em
	}
	
	.vinculo_foto a{
		padding:1em;
		margin:0 10em;
}
@media (min-width:1000px){
	.texto_contenedora{
		min-height: 500px;
	}
	.recorrido_intro p{
		font-size: 3em;
	}
	.titulo_barra_alt{
		font-size:2em;
	}
	.recorrido_descripcion p{
		margin:0 4em 0 2em;
	}
	.recorrido_descripcion a{
		margin:0 10em 2.3em 10em;
		font-size: 1.5em;
	}
	.vinculo_foto h4{
		font-size: 2em;
	}
	.vinculo_foto a{
		margin:0 10em 0 10em;
		font-size: 1.5em;
	}
}

@media (min-width:1400px){
	.texto_contenedora{
		min-height: 700px;
	}
}
/*----Nosotros----*/
@media (min-width:768px){
    
    .nosotros_intro {
    min-height: 300px;
	background-size:cover;
}
    
	.nosotros_intro h3{
		font-size: 2em;
	}
	.nosotros_intro p{
		font-size: 1.2em;
	}
}
@media (min-width:1000px){
     .nosotros_intro {
    min-height: 551px;
    }
    
	.nosotros_intro h3{
		font-size: 3em;
		top:30px;
	}
	.nosotros_intro p{
		font-size: 2.3em;
		top:160px;
	}
	.objetivo {
		font-size: 1.6em;
	}
}

@media (min-width:1200px){
     .nosotros_intro {
    min-height: 727px;
    }
}
/*---Materiales---*/
	/*Dispositivos min 700px*/
@media (min-width:700px){
	.material_info p{
		font-size: 1.6em;
		padding-bottom: .9em;
	}
	.materiales img{
		width: 13%;
		padding:0 1.3em;
		margin-bottom: .5em;
	}
	p.materiales_aclaracion{
		font-size:1em;
	}
	.material_entrega{
		margin-bottom: 2em;
	}
	.material_entrega h3{
		font-size: 1.9em;
	}
	.material_entrega a{
		font-size: 1.3em;
	}
}
/*---Galería----*/
@media (min-width:768px){
    .galeria_grid{
        grid-template-columns: repeat(4,1fr);   
    }
    .galeria_item:nth-child(1){
    grid-column-start: span 2;
    grid-row-start: span 3;
}
.galeria_item:nth-child(2){
    grid-row-start: span 3;
} 
.galeria_item:nth-child(3){
    grid-row-start: span 2;
}   
.galeria_item:nth-child(7){
    grid-row-start: span 2;
}
    .galeria_item:nth-child(9){
    grid-column-start: span 2;
}   
}


@media (min-width:1024px){
    
    .galeria_grid{
        grid-template-columns: repeat(5,1fr);
        grid-auto-rows: 160px;
    }
    .galeria_item:nth-child(1){
    grid-column-start: span 2;
    grid-row-start: span 3;
}
    .galeria_item:nth-child(3){
    grid-row-start: span 2;
    grid-column-start: span 2;
}    
     .galeria_item:nth-child(4){
    grid-column-start: span 2;
}    
    .galeria_item:nth-child(7){
    grid-row-start: span 2;
    grid-column-start: span 2; 
}  
}

/*----Confirmación----*/
@media (min-width:700px){
    .confirmacion_contenedora{
		background-color: rgb(255,52,2);
		background-image: url(../imagenes/puente_editada_01_1000px.jpg);
	}
    
	.confirmacion_contenedora h1{
		font-size: 6em;
	}
	.confirmacion_contenedora h2{
		font-size: 2em;
		padding-left: .9em
		
	}
	.confirmacion_redireccion a{
		font-size: 3em;
	}
}
@media (min-width:1000px){
	.confirmacion_contenedora{
		background-color: rgb(255,52,2);
		background-image: url(../imagenes/puente_editada_01_1000px.jpg);
	}
}
/*----Comparti tu foto----*/
@media (min-width:768px){
    .comparti_grid{
    grid-auto-rows: 300px;
}
    .compartifoto p {
    top: 6.5em;
    left: 4em;
}
    .compartifoto {
    min-height: 300px;
    }
}
@media (min-width:1000px){
	.compartifoto p{
		top:4em;
		font-size: 3em;
	}
    
    .compartifoto {
    min-height: 500px;
    }
    
	.subirfoto_section ul{
		margin:0 7em;
	}
    
    .comparti_grid{
    grid-auto-rows: 400px;
}
}

/*---Ayudanos----*/
@media (min-width: 768px){
	.ayudar_intro{
		min-height: 500px;
	}
	.ayudar_intro p{
		font-size: 2em;
        left: 4em;
	}
}

@media (min-width: 1000px){
    .ayudar_intro{
		min-height: 700px;
	}
    
}