*{
    font-family: "Merriweather", serif;
    margin:0;
    padding: 0;
}



li{
    list-style: none;
    color:#361f12;
    margin:2vh 2vw;
    font-weight:100;
}

body{
    background-color:#fff5e4;
}

h1{
    color: #fff5e4;
}

h2{
    font-size :1.5rem;
    padding:2vh 0;
    font-weight:900;
    color:#a6372d;
}

span{
    font-size: 1.75rem;
    font-weight: 800;
}

.encabezado{
    background-color: #59341e;
    height: 40vh;
    padding-bottom: 50px;
    padding-top: 190px;
    text-align:center;
}

.titulo-encabezado{
    font-size: 4rem;
    word-spacing:4vw;
    letter-spacing: 1vw;
}

.datos-encabezado{
    display: flex;
    flex-direction: column;
    color: #fff5e4;

    font-size: 1.5rem;

    position: relative;
    
    bottom: -58%;
    right: 2vh;

    text-align: right;
    font-weight: 100;
}

.catalogo{
    display:flex;
    justify-content:center;
    align-items:center;
    column-gap: 5vw;
    padding: 10vh 0;
}


.listado{
    max-width:500px;
    display:flex;
    flex-wrap:wrap;
    font-size:2rem;
}


img{
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 5px;
}

.imagen-catalogo{
    width: 30vw; 
}


.seccion-telefono{
    min-height: 25vh;
    padding: 10vh 0;
    
    background-color: #a6372d;
    color: #fff5e4;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;

    font-size: 2rem;
}

.numero-telefono{
    padding: 2vh 2vw;
    border: solid 3px #fff5e4;
}


.sobre-mi{
    min-height: 40vh;
    padding: 10vh 20vw;

    background-color: #59341e;
    color: #fff5e4;

    font-size: 1.5rem;
    word-spacing: .5rem;
    line-height: 2.75rem;
}



.parrafo-sobre-mi{
    padding: 2vh 0;
}


.seccion-clases{
    padding: 10vh 0;
}

.titulo-seccion-clases{
    color: #a6372d;
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
}

.clases{
    display: flex;
    flex-direction: column;
}

.item-clase{
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 5vh 10vw;
}
.titulo-clase{
    color: #361f12;
    font-size: 1.75rem;
    font-weight: 300;
}

.imagen-clases{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    margin-top: 5vh;
    column-gap: 5vw;
    row-gap: 5vh;
}

.imagen{
    height: 100%;
    width: auto;
    object-fit: contain;
}
.imagen-dos-agujas{
    height: 25vh;
}