header
{
    background-color: var(--verde); display: flex; gap: 10px;
    align-items: center; overflow: hidden;
    padding: 5px 10px; width: 100%; height: max-content; position: relative;
    /* animation: header_intro 10s ease-out 0s 1 normal forwards; */
}

header > a    /* Logo - link: home */
{
    width: max-content; position: relative; display: flex;
    left: 0;
    /* animation: link_logo 10s ease-out 0s 1 normal forwards; */
}

header > a svg
{
    height: 70px;
    /* animation: logo_img 10s ease-out 0s 1 normal forwards; */
}

h1
{
    color: var(--blanco); width: 151px; margin-top: 0px;
    border-left: solid 1px var(--blanco); padding-left: 10px; position: static;
    top: calc(50% + 85px); /* left: calc(50% - 151.51px); */
    transform: scale(1); visibility: visible; text-align: left;
    /* animation: h1_intro 10s ease-out 0s 1 normal forwards; */
}

.navegador
{
    position: absolute; left: calc(50% - 279.025px); top: calc(50% - 8.5px);
    /* animation: navegador 10s ease-out 0s 1 normal forwards; */
}
.btn_nav
{
    background-color: transparent; border: none; width: 28px;
    border-radius: 2px; height: 28px; display: none;
}
.btn_nav:hover
{
    background-color: rgba(255,255,255,0.1);
}
.navegador ul
{
    display: flex; gap: 15px;
}
.navegador ul li
{
    list-style: none;
}
.navegador ul li a
{
    text-decoration: none; color: var(--blanco); padding: 3px 5px;
    border-radius: 2px;
}
.navegador ul li a:hover
{
    background-color: rgba(255,255,255,0.1); color: #fff;
}
.nav_a_seleccionado {background-color: var(--rosado);}
.link-social {display: none;}
.link-social p {color: #fff;}

.contenedor_redes_sociales
{
    display: flex; gap: 15px; margin-top: 0; visibility: visible;
    justify-content: flex-end; margin-left: auto;
    /* animation: cont_reds_soc 10s ease-out 0s 1 normal forwards; */
}
.contenedor_redes_sociales > a img
{
    width: 24px;
}


@media screen and (max-width: 1164px) {
    header
    {
        overflow: visible; z-index: 1000000;
    }

    .navegador
    {
        position: relative; margin-top: 0px; margin-left: auto;
        margin-right: 15px; left: 0; top: 0;
    }
    .btn_nav
    {
        display: block;
    }
    .navegador ul
    {
        display: flex; gap: 10px; flex-direction: column; padding: 3px;
        position: absolute; right: 0px; background-color: rgba(0,0,0,0.8);
        border-radius: 2px; top: 40px;
    }
    .navegador ul li
    {
        list-style: none;
    }
    .navegador ul li a
    {
        text-decoration: none; color: var(--blanco); padding: 3px 5px;
        border-radius: 2px; display: flex; align-items: center; gap: 5px; width: 150px;
    }
    .navegador ul li a:hover
    {
        background-color: rgba(20, 171, 155, 0.6); color: #fff;
    }

    .contenedor_redes_sociales
    {
        display: none;
    }
}