.lineBio {
            display: none;
        }

        .carouselLeft {
            height: auto;
            aspect-ratio: 4/2.5;
            /* aspect-ratio: 4/3; */
        }


        .timer {
            height: 100%;
            width: 0px;
            padding: 0 !important;
            background-color: black;
            opacity: .2;
            top: 0;
            left: 0;
            z-index: 1;
            position: absolute;
        }

        .fullImages {
            height: 100% !important;
            width: 100% !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            margin-top: 0;
        }

        .fullCarousel {
            max-width: none !important;
            position: fixed;
            height: calc(100% - var(--space)*var(--value)*2);
            width: calc(100% - var(--space)*var(--value)*1);
            top: calc(var(--space)*var(--value)*2);
            left: calc(var(--space)*var(--value)*1);
            z-index: 999 !important;
        }

        .play {
            position: absolute;
            z-index: 999;
            opacity: 1;
            transition: var(--slow);
            font-size: var(--text-s) !important;
            margin: var(--space);
            padding: calc(var(--space) * 0) calc(var(--space) * 1);
            height: 40px;
        }

        .hiddenPlay {
            transition: var(--slow);
            -webkit-animation: hidePlay 1s forwards;
            animation: hidePlay 1s forwards;
        }


        @-webkit-keyframes hidePlay {
            0% {
                opacity: 1;
            }

            99% {
                opacity: 0;
                visibility: visible;
            }

            100% {
                visibility: hidden;
            }
        }


        @keyframes hidePlay {
            0% {
                opacity: 1;
            }

            99% {
                opacity: 0;
                visibility: visible;
            }

            100% {
                visibility: hidden;
            }
        }

        .playAnim {
            -webkit-animation: playAnim .3s forwards;
            animation: playAnim .3s forwards;
        }


        @-webkit-keyframes playAnim {
            0% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.02);
            }

            100% {
                transform: scale(1);
            }
        }


        @keyframes playAnim {
            0% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.02);
            }

            100% {
                transform: scale(1);
            }
        }

        @media only screen and (min-width: 900px) {
            .controls {
                right: 0;
                bottom: 8%;
                height: 45px;
            }

            .controlsOn {
                top: calc(var(--space) * 2);
                transform: none;
                right: calc(var(--space) * 2);
            }

            .fullCarousel {
                max-width: none !important;
                position: fixed;
                height: calc(100% - var(--space)*6) !important;
                width: calc(100% - var(--space)*3) !important;
                left: calc(var(--space)*3);
                top: calc(var(--space)*6);
            }



            .lineTerapia2 {
                top: calc(var(--space) * 3);
                width: 50vw;
                height: calc(var(--space) * 3);
            }

            .lineAsistencia2 {
                width: 50vw;
                height: calc(var(--space) * 3);
                top: calc(var(--space) * 3);

            }

            .lineBio2 {
                display: none;
            }

            .lineProjectes2,
            .lineBio2 {
                height: calc(100vh - calc(var(--space) * 6));
                width: calc(var(--space) * 3);

            }

            .imagesCarousel {
                max-width: none;
            }
        }