/* ---------------------------------------------------
   LA CASA DE LA LUZ
   CHACÓN CORDÓN
---------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500&family=Inter:wght@300&display=swap');

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    font-size:16px;
}

body{

    background:#F2EEE7;

    color:#2D2A27;

}

.home{

    min-height:100vh;

    display:inline-block;

    align-items:flex-start;

    padding-left:12%;

    padding-top:14vh;

}

.home-content{

    width:470px;

}

.home h1{

    font-family:'EB Garamond', serif;

    font-size:5.8rem;

    font-weight:400;

   line-height: .78;

    letter-spacing:.08em;

}

.home h1 span{

    display:block;

}

.home p{

    margin-top:2rem;

    font-family:'EB Garamond', serif;

    font-style:italic;

    font-size:1.35rem;

    color:#4B4742;

}

.entrar{

    display:block;

    margin-top:7rem;

    text-decoration:none;

    font-family:'Inter', sans-serif;

    font-size:.82rem;

    letter-spacing:.18em;

    text-transform:uppercase;

    color:#4B4742;

    border-bottom:1px solid transparent;

    transition:.3s;

    width:max-content;

}

.entrar:hover{

    border-color:#4B4742;

}/*--------------------------------------------------
EL RECORRIDO
--------------------------------------------------*/

.recorrido{

    min-height:100vh;

    padding-left:12%;

    padding-top:14vh;

}



.recorrido nav{

    display:flex;

    flex-direction:column;

    gap:28px;

}

.recorrido a{

    font-family:'EB Garamond',serif;

    font-size:1.9rem;

    color:#4B4742;

    text-decoration:none;

    transition:.35s;

}

.recorrido a:hover{

    color:#2D2A27;

}/*--------------------------------------
EL RECORRIDO
---------------------------------------*/

.recorrido{

    width:100%;

    min-height:100vh;

    padding-top:12vh;

    padding-left:12%;

}

.recorrido h1{

    font-family:'EB Garamond', serif;

    font-size:2.3rem;

    font-weight:400;

    color:#2D2A27;

    margin-bottom:90px;

}

.indice{

    display:flex;

    flex-direction:column;

    gap:26px;

}

.indice a{

    text-decoration:none;

    font-family:'EB Garamond', serif;

    font-size:1.75rem;

    color:#4B4742;

    transition:.35s;

}

.indice a:hover{

    color:#2D2A27;

}/*---------------------------------------
EL RECORRIDO
----------------------------------------*/

.recorrido{

    max-width:700px;

    padding:170px 0 220px 12%;

}

.recorrido h1{

    font-family:'EB Garamond', serif;

    font-size:2.7rem;

    font-weight:400;

    margin-bottom:90px;

    color:#2D2A27;

}

.salas{

    display:flex;

    flex-direction:column;

    gap:55px;

}

.sala{

    display:flex;

    text-decoration:none;

    color:inherit;

}

.numero{

    width:55px;

    font-family:'Inter', sans-serif;

    font-size:.85rem;

    letter-spacing:.18em;

    color:#8A857F;

    padding-top:8px;

}

.info h2{

    font-family:'EB Garamond', serif;

    font-size:2rem;

    font-weight:400;

    color:#2D2A27;

    margin:0;

}

.info p{

    margin-top:8px;

    font-family:'Inter', sans-serif;

    font-size:.82rem;

    letter-spacing:.12em;

    color:#8A857F;

}

.casa{

    margin-top:170px;

    display:flex;

    flex-direction:column;

    gap:32px;

}

.casa a{

    text-decoration:none;

    font-family:'EB Garamond', serif;

    font-size:2rem;

    color:#2D2A27;

}/*---------------------------------------
HAMADRÍADES
----------------------------------------*/

.galeria{

    max-width:1400px;

    margin:0 auto;

    padding:160px 0 333px;

}

.cabecera-serie{

    width:700px;

    margin-left:12%;

}

.cabecera-serie .numero{

    font-family:'Inter', sans-serif;

    font-size:.85rem;

    letter-spacing:.18em;

    color:#8A857F;

}

.cabecera-serie h1{

    margin-top:18px;

    font-family:'EB Garamond', serif;

    font-size:2.2rem;

    font-weight:400;

    color:#2D2A27;

}

.cabecera-serie p{

    margin-top:10px;

    font-family:'Inter', sans-serif;

    font-size:.82rem;

    letter-spacing:.12em;

    color:#8A857F;

}

.fotografias{

    margin-top:120px;

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:330px;

}

.fotografias img{

    height:auto;

}

.horizontal{

    width:90%;

    max-width:720px;

    height:auto;

}

.vertical{

    width:auto;

    max-height:600px;

}
}.cita{

    max-width:560px;

    margin-top:90px;

    margin-bottom:120px;

    font-family:'EB Garamond', serif;

    font-style:italic;

    color:#6A655F;

    line-height:1.8;

}
.cita span{

    display:block;

    margin-top:20px;

    font-style:normal;

    font-size:.95rem;

}
/* ===========================
   LA MIRADA
=========================== */

.mirada{

    max-width: 900px;

    margin: 0 auto;

}

.cita{

    max-width: 600px;

    margin: 140px auto 180px auto;

    text-align: center;

    font-family: 'EB Garamond', serif;

    font-style: italic;

    font-size: 1.15rem;

    line-height: 2;

    color: #5f5b55;

}

.cita span{

    display: block;

    margin-top: 28px;

    font-style: normal;

    font-size: .9rem;

    letter-spacing: .05em;

}

.mirada-header{

    margin-bottom: 120px;

}

.mirada-header h1{

    margin-bottom: 12px;

}

.mirada-header p{

    letter-spacing: .14em;

    text-transform: uppercase;

}
.texto-mirada{
    max-width:700px;
    margin-left:0;
    margin-right:auto;
}

    font-family:'EB Garamond', serif;

    font-size:1.15rem;

    line-height:2.05;

    color:#47423d;

}

.texto-mirada p{

    margin-bottom:2.8rem;

}
.autorretrato{
    margin-top: 220px;
    text-align: center;
}
.autorretrato img{
    width: 240px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.autorretrato{
    margin-top:220px;
    margin-bottom:220px;
    text-align:center;
}

.conversar{

    max-width:700px;

    margin:0 auto;

    min-height:70vh;

}