@import url(../css/encabezado.css);
@import url(../css/anuncio.css);
/*@import url(../css/slider.css);
@import url(../css/main.css);
@import url(../css/inicio.css);
/*
@import url(../css/bienvenido.css);
@import url(../css/videos.css);
@import url(../css/mapa.css);
@import url(../css/informacion.css);
@import url(../css/historia.css);
@import url(../css/tradiciones.css);
@import url(../css/contacto.css);*/
/*Footer*/
@import url(../css/footer.css);

/* https://www.youtube.com/watch?v=samof05Dy6A */

/* Para todos los elementos se eliminan o se resetean los margenes */
/* que por defecto agregan los navegadores                         */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Pridi', serif;
}

html{
/*    border: blue 2px solid; /*azul*/
}

/* Body, representa el contenido principal del documento */
/* solo hay un body en un documento                      */
body {
    min-height: 100vh;
    background: #ffffff;
/*border: red 2px solid; /*rojo*/
    /*Paso 1...mandar el footer hacia abajo pero hay que ver el footer*/
    position: relative;
    padding-bottom: 11.5em;
    /*min-height: 100vh;*/
    /*paso 2 .. otra forma de mandar el footer hacia abajo pero hay que ver el footer*/
    /*display: flex;
    flex-direction: column;
    min-height: 100vh; */
    /*paso 3 .. otra forma de mandar el footer hacia abajo pero no hay que hacer nada en footer*/
    /*display: grid;
    min-height: 100vh;
    grid-template-rows: auto 1fr auto;*/    
}

.main-contenedor{
    width: 100%;
    padding: 5px;
/*border: yellow 2px solid; /*amarillo*/
}