@font-face {
    font-family: 'NormalidadCompact-Thin';
    src: url('./NormalidadCompact-Thin.ttf') format('truetype');
}

body {
    margin: 0;
    font-family: 'NormalidadCompact-Thin';
    height: 100%;
}

header {
    display: flex;
    justify-content: center;
    background-color: #D3D0C7;
    height: 18.75%;
    position: relative;
}

.header__logo {
    margin: auto;
    height: 75%;
}

.header__search-container {
    position: absolute;
    top: 50%;
    left: 85%;
    width: 11%;
    height: 20%;
    border: solid 1px white;
    border-radius: 50vh;
    display: flex;
    transform: translate(0%, -50%);
}

.header__search-icon {
    margin: 0 5px;
    color: white;
}

.header__search-input {
    width: 100%;
    border: none;
    background-color: transparent;
    font-family: 'NormalidadCompact-Thin';
    color: white;
}

.index__main-img-container {
    width: 100%;
    position: absolute;
    transform: translate(0%, -34%);
    background-color: #0c0c09;
    z-index: -1;
}

.index__main-img {
    width: 100%;
    opacity: 0.4;
}

.index__main-img-text {
    width: 100%;
    position: absolute;
    top: 67%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 1.9vw;
    text-align: center;
}

.index__menu {
    position: absolute;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5.25%;
    background-color: rgba(255, 255, 255, 0.05);
}

.index__menu-item {
    margin: 0 15px;
    font-size: 1.2vw;
    color: white;
    cursor: pointer;
    text-decoration: none;
    width: 7%;
}


/* Corrección de ultimo elemento del menu */

.index__menu-item:last-child {
    width: 8.6%;
}

.index__menu-item:hover {
    text-decoration: underline;
}