.about_section {
    position: relative;
    display: grid;
    grid-template-columns: 50% 50%;
    justify-content: center;
    align-items: center;
    padding: 12%;
    position: relative;
    background-color: var(--yellow);
    overflow: hidden;
}

.about_section .fondo {
    position: absolute;
    top: 50%;
    left: 0;
    width: 94%;
    object-fit: cover;
    object-position: center;
    transform: translate(-1%, -65%) scaleX(-1);
    opacity: 62%;
}

.bottomwave2 {
    transform: translateY(-3%)
}


/*header*/

header .menu a {
    color: var(--white)!important;
    font-weight: 600;
    transition: all 0.3s ease;
    cursor: pointer;
}

.menu a::after {
    content: "";
    display: block;
    width: 0;
    height: .3vh;
    background-color: var(--white)!important;
    transition: width 0.3s ease;
}

.menu a:hover::after {
    width: 100%;
}


/*-------------------------------------------------------*/

.about_cont {
    display: flex;
    justify-content: center;
    align-items: center;
}

.about_cont h1 {
    font-size: 6vw;
    text-align: center;
    color: var(--white);
    line-height: .7;
    z-index: 1;
}

.about_cont h1 span {
    font-size: 8vw;
}

.about_image {
    z-index: 1;
    position: relative;
    transform: translate(6%, 18%);
}

.about_image .light_sheet {
    position: absolute;
    width: 74%;
    right: 0;
    top: 0;
}

.about_image .light_sheet .right_sheet {
    transform: translate(-75%, 37%) rotate(-73deg);
    position: absolute;
    z-index: -1;
    animation: moverHoja 15s ease infinite;
}

@keyframes moverHoja {
    0% {
        transform: translate(-75%, 37%) rotate(-73deg);
    }
    25% {
        transform: translate(-75%, 37%) rotate(-69deg);
    }
    50% {
        transform: translate(-75%, 37%) rotate(-73deg);
    }
    75% {
        transform: translate(-75%, 37%) rotate(-79deg);
    }
    100% {
        transform: translate(-75%, 37%) rotate(-73deg);
    }
}

.about_image .light_sheet .left_sheet {
    position: absolute;
    transform: translate(21%, -29%) rotate(108deg);
    z-index: -1;
    animation: moverHoja2 15s ease infinite;
}

@keyframes moverHoja2 {
    0% {
        transform: translate(21%, -29%) rotate(108deg);
    }
    25% {
        transform: translate(21%, -29%) rotate(113deg);
    }
    50% {
        transform: translate(21%, -29%) rotate(108deg);
    }
    75% {
        transform: translate(21%, -29%) rotate(103deg);
    }
    100% {
        transform: translate(21%, -29%) rotate(108deg);
    }
}

.about_image .right_sheetDark {
    position: absolute;
    width: 52%;
    right: 0;
    bottom: 0;
    transform: rotate(109deg) translate(38%, -6%);
    z-index: -1;
}

.about_image .left_sheetDark {
    position: absolute;
    width: 52%;
    left: 0;
    top: 0;
    transform: rotate(-77deg) translate(48%, 9%);
    z-index: -1;
}

@media (max-width: 996px) {
    .about_section {
        grid-template-columns: 1fr;
        padding: 20% 10%;
        gap: 14vw;
    }
    .about_section .fondo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        object-fit: cover;
        object-position: center;
        transform: translate(-4%, 0%) scaleX(-1);
        opacity: 62%;
    }
    .about_image {
        transform: inherit;
    }
    .about_section .vector01 {
        width: 100%;
        transform: rotate(90deg) translate(20%, 114%);
    }
    .about_section .vector02 {
        width: 100%;
        transform: translate(29%, -9%);
    }
    .about_cont {
        padding: 20% 10%;
        padding-top: 0;
    }
    .about_cont h1 {
        font-size: 10vw;
        line-height: .9;
    }
    .about_cont h1 span {
        font-size: 15vw;
    }
    .about_image .light_sheet {
        position: absolute;
        width: 72%;
        right: -5%;
        top: 10%;
    }
}

.section_information {
    padding: 10% 24%;
    position: relative;
    overflow: hidden;
}

.section_information .about_object {
    position: absolute;
    width: 20%;
    left: 0;
    transform: translate(-30%, 3%);
}

.section_information .about_object2 {
    position: absolute;
    width: 34%;
    right: 0;
    top: 0;
    transform: translate(64%, 90%);
}

.section_information .info_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.section_information .info_box p {
    font-weight: 500;
}

.section_information span {
    font-weight: 500;
    color: #8b8b8b;
    font-size: 1vw;
}

.section_information .image_box {
    display: flex;
    align-items: center;
    position: relative;
    margin: 10%;
    margin-bottom: 15%;
}

.section_information .image_box .sheet {
    position: absolute;
    width: 34%;
    bottom: 0;
    left: 50%;
    transform: translate(-74%, 40%) rotate(182deg);
    animation: moverHojas 15s ease infinite;
}

@keyframes moverHojas {
    0% {
        transform: translate(-74%, 40%) rotate(182deg);
    }
    25% {
        transform: translate(-74%, 40%) rotate(188deg);
    }
    50% {
        transform: translate(-74%, 40%) rotate(182deg);
    }
    75% {
        transform: translate(-74%, 40%) rotate(176deg);
    }
    100% {
        transform: translate(-74%, 40%) rotate(182deg);
    }
}

.section_information .image_box .restaurant {
    width: 95%;
}

.section_information .image_box .object_image {
    width: 21%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0%, -54%) rotate(89deg);
}

.section_information .image_box .object_image2 {
    width: 21%;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(64%, 25%) rotate(180deg);
}

.object_about {
    position: absolute;
    width: 22%;
    right: 0;
    top: 40%;
    transform: translate(45%, -114%) rotate(20deg);
}

@media (max-width: 996px) {
    .section_information {
        padding: 20% 10%;
    }
    .section_information .info_box {
        flex-direction: column;
    }
    .section_information .info_box p {
        text-align: justify;
    }
    .section_information span {
        text-align: justify;
        font-size: 3.5vw;
    }
    .section_information .image_box {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .section_information .image_box .restaurant {
        width: 100%;
    }
    .section_information .about_object {
        position: absolute;
        width: 36%;
        left: 0;
        bottom: 50%;
        transform: translate(-76%, -57%);
    }
    .section_information .about_object2 {
        display: none;
    }
}

.vector_decorative_about {
    position: absolute;
    width: 35%;
    left: 0;
    transform: translate(-60%, -54%);
}

.box_image {
    padding-bottom: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box_image .section_image {
    width: 60%;
}

@media (max-width: 996px) {
    .box_image .section_image {
        width: 90%;
    }
    .object_about {
        position: absolute;
        width: 27%;
        right: 0;
        top: 10%;
        transform: translate(52%, -114%) rotate(20deg);
    }
}