@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&display=swap');




*{padding: 0; margin: 0; box-sizing: border-box; transition: 1s all;}

/* Estilos generales */

body{ font-family: 'Cinzel', serif; }

header { color: #fffefb; background: #acc2eb; padding: 1rem;  }


nav { background: #8fade5; padding: 1rem; }

nav ul li { display: inline-block; }
nav ul li a { color: #fff; text-decoration: none;  padding: 0.7rem }
.link-activo {background: #5670f8; }

main section article { padding: 1rem; 
        text-align: justify;}
}}
img { padding: 5rem; }
main img { width:100%}
main section aside { background: #e8f0fd; padding: 1rem; }

h1{font-family: 'Cinzel', serif; font-size: 2.5rem; font-weight: 900}
h3{font-family: 'Cinzel', serif; font-size: 1rem; font-weight: 700}

.inicio {}
.columna-1 {background: #f5f5e6; width: 100%; }
.columna-2 {background: #f7f6d7; width: 100%;font-family: 'Cinzel', serif; font-size: 0.8rem; font-weight: 400 }
.columna-3 {width: 100%; background: #f5f5e6;font-family: 'Cinzel', serif; font-size: 0.8rem; font-weight: 400}


footer { background: #a6c5ff; padding: 1rem;}
footer p{ font-size: 0.6rem; font-family: 'Cinzel', serif; font-weight: 400; text-align: center; } 

/* página video */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;700&display=swap');

.video-container{
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background-color: #f00;
    position: relative;
}
.video-container iframe{
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;}

.video {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    background: #3850a0; 
    padding: 1rem;}


.figma
{position: relative; padding: 1rem ; width: 20rem; margin-top: 2rem; margin-bottom: 2rem; left: 2rem; background-color: #3850a0; display:flex; justify-content: center; border-radius: 9px; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));}

.textofigma {font-family: 'Archivo'; font-size: 1rem; font-weight: 700; text-decoration: none; color: white; }

/* cuando es mayor a 768px */
@media screen and (min-width:48rem){
    
    nav { background: #3850a0; }
    
    .inicio {display: flex; justify-content: space-between}
.columna-1 {background: #f5f5e6; width: 33%; }
.columna-2 {background: #f7f6d7; width: 33%;font-family: 'Cinzel', serif; font-size: 0.8rem; font-weight: 400 }
.columna-3 {width: 33%; background: #f5f5e6;font-family: 'Cinzel', serif; font-size: 0.8rem; font-weight: 400}
    

}