@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
}

.plantilla{
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 20em 3em 45em 50em 25em 10em auto;
	grid-template-areas:  "cab"
                          "mn_sp"
						  "principal"
						  "tarjetas"
                          "contacto"
						  "pre_ft"
						  "pie_pag";
}

.cab{
    display: grid;
	grid-template-columns: 25% 75%;
    grid-template-rows: auto;
    grid-template-areas: "logo  slogan";

}

.principal{
    display: grid;
    grid-template-columns: 27em auto;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "sidebar enmedio";
}

.tarjetas{
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 3em 23em 15em;
    grid-template-areas: "id_generos id_generos id_generos"
                         "card1 card2 card3"
                         "card4 card5 card6";
}
.contacto{
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "datos propa";
}

.pre_ft{
    grid-template-columns: 10em auto;
    grid-template-rows: 5em;
    grid-template-areas: "log_mne  red_mne";
}


.pie_pag{
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "redes_soc mn_inf acerca_de";
}