*{
    padding: 0px 1px 1px 1px;
    margin: 0;
}

:root {
	--Negro: #232323;
    --Gris:#666;
	--Blanco: #F9F9F9;
	--Rojo: #FF1E00;
    --Naranja:#FFC000;
    --Amarillo:#fcf8c3;
    --Amarillo-claro:#fdfbe3;
	--Azul:#2263be;
	--Verde: #7DCE13;
	--Verde-oscuro:#008800;
}

body {
    display: flex;
    flex-direction: column;
    background: var(--Amarillo-claro);
    font-family: 'Montserrat', sans-serif;
    font-family: 'Open Sans', sans-serif;
    /* font-family: 'Space Mono', monospace; */
    font-size: 19px;
    gap: 1rem;
}

.contenedorHN{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 85%;
    height: 55px;
    margin: 0 auto;
}

.encabezado{
    display: flex; 
    flex-direction: column;
    align-items: center;
    background: var(--Amarillo-claro);
}
.encabezado__h1{
    font-size: 2rem;
}
.encabezado__h1 a{
    text-decoration: none;
    color: var(--Negro);
}
.encabezado__h1 a:hover{
    color: var(--Naranja);
    cursor: pointer;
}

.navegacion{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.navegacion__a{
    text-decoration: none;
    color: var(--Negro);
    padding: 10px;
    border-radius: 3px;
}
.navegacion__a:hover{
    color: var(--Azul);
}

.principal{
    display: flex;
    flex-direction: column;
    width: 85%;
    margin: 0 auto;
    gap: 2rem;
}
.principal__section--historia{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    height: auto;
}
.principal__section--historia img{
    width: 100%;
    object-fit: cover;
}

.principal__section--caracteristicas{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.principal__section--caracteristicas h2{
    text-align: center;
    font-size: 1.5rem;
}
.principal__section--caracteristicas div{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.caracteristicas__table tbody{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 600px;
}
.table__tr{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
.principal__section--caracteristicas img{
    object-fit: cover;
    height: 400px;
    width: 260px;
}

footer{
    display: flex;
    justify-content: center;
    width: 85%;
    margin: 0 auto;
}
.footer__a{
    font-size: 1.5rem;
    padding: 10px 0;
    text-decoration: none;
    color:var(--Gris);
    transition: .1s;
    transition-delay: .2s;
}
.footer__a:hover{
    color:var(--Negro);
}

/* PAGINA IMAGENES */

.section__araguaney{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 85%;
    margin: 0 auto;
    gap: 1rem;
}

.araguaney__img{
    width: 20.7rem; 
    height: 25.7rem;
    object-fit: cover;
}

/* SMARTPHONE */

@media (max-width: 740px) {

    body{
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .contenedorHN{
        flex-direction: column;
    }

    .navegacion{
        gap: 1rem;
    }
    .navegacion__a{
        padding: 10px 0;
    }

    .principal__section--caracteristicas div{
        flex-direction: column;
        gap: 1rem;
    }

    .caracteristicas__table tbody{
        width: 100%;
    }

    .table__tr{
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    /* PAGINA IMAGENES */

    .section__araguaney{
        flex-direction: column;
    }

    .araguaney__img{
        width: 100%; 
        height: 25.7rem;
        object-fit: cover;
    }
}