/* ==========================================================
   INDEX.CSS
   Página de inicio
========================================================== */


/* ==========================================================
   CONTENIDO
========================================================== */

.home {

    max-width: 900px;

    margin: 0 auto;

}


/* ==========================================================
   TÍTULO
========================================================== */

.home h2 {

    margin-bottom: 30px;

    text-align: center;

}


/* ==========================================================
   ENTRADILLA
========================================================== */

.home .lead {

    font-size: 1.2rem;

    color: var(--muted);

    text-align: center;

    margin-bottom: 35px;

}


/* ==========================================================
   PÁRRAFOS
========================================================== */

.home p {

    text-align: justify;

    margin-bottom: 22px;

}


/* ==========================================================
   FOTO DE PORTADA
========================================================== */

.about-photo2 {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}

.about-photo2 img {

    display: block;

    max-width: 100%;

    max-height: 100%;

    width: auto;

    height: auto;

    object-fit: contain;

}

.photo-credit {

    margin-top: 12px;

    font-size: .85rem;

    color: var(--muted);

}


/* ==========================================================
   SECCIONES
========================================================== */

.home-section {

    margin-top: 50px;

}


/* ==========================================================
   SEPARADOR
========================================================== */

.home hr {

    border: none;

    border-top: 1px solid var(--border);

    margin: 45px 0;

}


/* ==========================================================
   ENLACES
========================================================== */

.home a {

    font-weight: 500;

}

.home a:hover {

    opacity: .7;

}


/* ==========================================================
   CITA
========================================================== */

.home blockquote {

    margin: 40px auto;

    padding-left: 20px;

    border-left: 4px solid var(--border);

    color: var(--muted);

    font-style: italic;

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width:1024px){

    .home{

        max-width:760px;

    }

}


/* ==========================================================
   MÓVIL
========================================================== */

@media (max-width:768px){

    .home h2{

        font-size:1.6rem;

    }

    .home .lead{

        font-size:1.05rem;

    }

}


/* ==========================================================
   MÓVIL HORIZONTAL
========================================================== */

@media (max-width:768px) and (orientation:landscape){

    .home{

        max-width:none;

    }

}