body {
    background: linear-gradient(180deg, rgb(255, 255, 255), rgb(187, 187, 187));
    background-repeat: no-repeat;
    background-attachment: fixed;
}

body::-webkit-scrollbar {
    width: 5px;               /* width of the entire scrollbar */
  }
  
  body::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);        /* color of the tracking area */
  }
  
  body::-webkit-scrollbar-thumb {
    background-color: orange;    /* color of the scroll thumb */
    border-radius: 20px;       /* roundness of the scroll thumb */
    border: 3px solid orange;  /* creates padding around scroll thumb */
  }



.tituloContent{
    position: absolute;
    font-family: 'BebasNeue-Bold';
    color: black;
    font-size: 4em;
    opacity: 0;
    z-index: 1;
    animation: 1.2s ease-out 0s 1 slideInFromTop forwards;
}

.subtitle{
    font-family: 'BebasNeue-Bold';
    color: black;
    font-size: 2em;
}

#videoPresentacion {
    position: relative;
    top: 1em;
    transform: perspective(500px) rotateY(-15deg);
    border: 5px solid orange;
    border-radius: 8px;

}

/* Arrow & Hover Animation */
#more-arrows, #subirHome {
    width: 75px;
    height: 65px;
    bottom: 1cm;
    opacity: 0;
    transform: rotate(180deg);

    animation: 1.2s ease-out 0s 1 slideInFromTop forwards;


    &:hover {

        polygon {
            fill: #FF6201;
            transition: all .2s ease-out;

            &.arrow-bottom {
                transform: translateY(-18px);
            }

            &.arrow-top {
                transform: translateY(18px);
            }

        }

    }

}

polygon {
    fill: #FF6201;
    transition: all .2s ease-out;

    &.arrow-middle {
        opacity: 0.75;
    }

    &.arrow-top {
        opacity: 0.5
    }

}

section{
    padding: 1rem;
}

#subirHome {
    position: fixed;
    display: none; /* Oculto inicialmente */
}