* {
            margin: 0;
            padding: 0;
        }

        body {
            font-family: 'Rowdies', cursive;
            background-image: url(./img/fondo2.svg);
            background-size: cover;
            background-repeat: no-repeat;
            background-attachment: fixed;

        }

        body p {
            font-family: 'Times New Roman', Times, serif;
            color: black;
            font-size: 25px;
        }

        .BarraLateral {
            position: fixed;
            left: 0;
            top: 15%;
            z-index: 1000;

        }

        .BarraLateral ul {
            list-style: none;
        }

        .BarraLateral ul li a {
            display: inline-block;
            color: #fff;
            background: #000;
            width: 30%;
            text-decoration: none;

        }

        .BarraLateral ul li a img {
            width: 100%;
        }

        .BarraLateral ul li .icon-akademik {
            background: green;
        }

        .BarraLateral ul li .icon-notisaber {
            background: darkblue;
        }

        .BarraLateral ul li .icon-facebook {
            background: rgb(244, 244, 247);
        }

        .BarraLateral ul li .icon-circulares {
            background: red;
        }

        .BarraLateral ul li .icon-galeria {
            background: wheat;
        }

        .BarraLateral ul li .icon-cronograma {
            background: rgb(73, 4, 63);
        }


        .BarraLateral ul li a:hover {
            width: 35%;
            background: #4c4242;
            -webkit-transition: all 500ms ease;
            -o-transition: all 500ms ease;
            transition: all 500ms ease;
        }

        .pse {
            position: fixed;
            right: 0;
            top: 65%;
            width: 15%;

        }

        .pse img {
            width: 65%;
        }

        .holayo {
            padding-top: 9%;
            width: 100%;
            overflow: hidden;
            position: relative;
            height: auto;
        }

        .holayo ul {
            display: flex;
            padding: 0;
            margin: 0;
            width: calc(100% * 14);
            list-style: none;
            animation: cambio 70s infinite;
            animation-timing-function: linear;
            will-change: margin-left;
        }

        .holayo ul.slider {
            position: relative;
        }

        .tituloGrados {
            width: 110%;
        }

        .ceremonia a img {

            width: 15%;
            margin-left: 6%;
        }

        .holayo li {
            list-style: none;
            width: calc(100% / 14);
            min-width: calc(100% / 14);
            max-width: calc(100% / 14);
            flex-shrink: 0;
            flex-grow: 0;
            opacity: 1;
            position: relative;
        }

        .holayo img {
            width: 100%;
            height: auto;
            min-height: 300px;
            max-height: 600px;
            display: block;
            object-fit: cover;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;

        }

        @keyframes cambio {
            0% {
                margin-left: 0;
            }

            6.4% {
                margin-left: 0;
            }

            7.1% {
                margin-left: -100%;
            }

            13.5% {
                margin-left: -100%;
            }

            14.2% {
                margin-left: -200%;
            }

            20.6% {
                margin-left: -200%;
            }

            21.3% {
                margin-left: -300%;
            }

            27.7% {
                margin-left: -300%;
            }

            28.4% {
                margin-left: -400%;
            }

            34.8% {
                margin-left: -400%;
            }

            35.5% {
                margin-left: -500%;
            }

            41.9% {
                margin-left: -500%;
            }

            42.6% {
                margin-left: -600%;
            }

            49% {
                margin-left: -600%;
            }

            49.7% {
                margin-left: -700%;
            }

            56.1% {
                margin-left: -700%;
            }

            56.8% {
                margin-left: -800%;
            }

            63.2% {
                margin-left: -800%;
            }

            63.9% {
                margin-left: -900%;
            }

            70.3% {
                margin-left: -900%;
            }

            71% {
                margin-left: -1000%;
            }

            77.4% {
                margin-left: -1000%;
            }

            78.1% {
                margin-left: -1100%;
            }

            84.5% {
                margin-left: -1100%;
            }

            85.2% {
                margin-left: -1200%;
            }

            91.6% {
                margin-left: -1200%;
            }

            92.3% {
                margin-left: -1300%;
            }

            98.7% {
                margin-left: -1300%;
            }

            100% {
                margin-left: 0;
            }
        }

        .container {
            padding: 60px;
            width: 90%;
            max-width: 1000px;
            margin: auto;
            overflow: hidden;
        }

        .title {
            color: white;
            font-size: 5vw;
            text-align: center;
            margin-bottom: 3%;
        }

        .barra-menu {
            background-color: rgba(17, 5, 68, 0.455);
            position: fixed;
            width: 100%;
            top: 0;
        }

        .barra-menu .header-text img {

            width: 7%;
            float: left;
            display: flex;
            margin-left: 6%;
            margin-top: 2%;
            margin-right: 5%;
        }

        .slogan p {
            margin-top: 3%;
            font-family: 'Rowdies', cursive;
            font-size: 2vw;
            text-align: center;
            color: wheat;
            -webkit-text-stroke: 0.5px;
            -webkit-text-stroke-color: darkblue;

        }


        .menu {
            margin-top: 5%;
            margin-left: 25%;


        }

        ul,
        ol {
            list-style: none;
        }

        .object li a {
            background-color: rgba(1, 1, 22, 0.904);
            color: white;
            width: 100%;
            text-decoration: none;
            text-align: center;
            padding: 0.7vw 1.6vw;
            font-size: 1.7vw;
            display: block;
            margin-left: 5px;
            border-radius: 10px;

        }

        .object li a:hover {
            background-color: rgb(81, 188, 250);
        }

        .principal {
            float: left;
        }

        .object li ul {
            display: none;
            position: absolute;
            min-width: 100px;
        }

        .object li:hover>ul {
            display: block;
        }

        .object li ul li {
            position: relative;
        }

        .object li ul li ul {
            right: -140px;
            top: 0;
        }



        .desafios {
            width: 99%;
            text-align: center;
            margin-top: -30%;
            margin-bottom: 3%;
        }

        .destacado {
            text-align: center;
        }

        .destacado img {
            width: 25%;
        }

        .n1 {
            width: 60%;
            padding-top: 18%;

        }

        .n2 {
            width: 40%;
            padding-bottom: 15%;

        }

        .avisos {
            width: 99%;
            background-image: url(./img/tablero.png);
            background-repeat: no-repeat;
            background-size: cover;
            background-position-x: center;
            text-align: center;
            padding-top: 5%;


        }

        .position .links_grados a img {

            width: 15%;


        }

        .bienvenute {
            width: 100%;
        }

        .bienvenute img {
            width: 90%;
            padding-left: 60px;
            padding-top: 30px;
        }

        .container-crono .marzo {

            margin-top: 20%;
        }

        /*PUBLICIDAD*/
        .image-published1-top {

            width: 80%;
            height: 600px;
            margin: 75px 0 30px 10%;
            background-size: 100% 100%;
            animation: banner 12s infinite;
            animation-direction: normal;
            border-radius: 10px;
            border: 2px double darkblue;
        }

        .image-published1-top>a {
            color: darkgoldenrod;
            padding-left: 600px;
            padding-right: 600px;
            padding-bottom: 270px;

        }

        /*gallery*/


        .gallery {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            padding: 20px;
            gap: 15px;
        }

        .column {
            flex-basis: calc(25% - 15px);
            min-width: 200px;
            margin: 0;
            overflow: hidden;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            background: #fff;
        }

        .column:hover {
            transform: translateY(-5px) scale(1.02);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
        }

        .column img {
            width: 100%;
            height: 250px;
            object-fit: cover;
            cursor: pointer;
            transition: opacity 0.3s ease, transform 0.3s ease;
            display: block;
        }

        .column img:hover {
            opacity: 0.9;
            transform: scale(1.05);
        }

        .modal {
            display: none;
            position: fixed;
            z-index: 9999;
            padding-top: 60px;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.95);
            animation: fadeIn 0.3s ease;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        .modal-content {
            margin: auto;
            display: block;
            max-width: 90%;
            max-height: 85vh;
            object-fit: contain;
            border-radius: 10px;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
            animation: zoomIn 0.3s ease;
            transition: opacity 0.3s ease, transform 0.3s ease;
            opacity: 1;
        }

        @keyframes zoomIn {
            from {
                transform: scale(0.8);
                opacity: 0;
            }

            to {
                transform: scale(1);
                opacity: 1;
            }
        }

        .modal.fade-out .modal-content {
            animation: zoomOut 0.3s ease;
        }

        @keyframes zoomOut {
            from {
                transform: scale(1);
                opacity: 1;
            }

            to {
                transform: scale(0.8);
                opacity: 0;
            }
        }

        .close {
            position: absolute;
            top: 15px;
            right: 35px;
            color: #f1f1f1;
            font-size: 50px;
            font-weight: bold;
            cursor: pointer;
            transition: color 0.3s ease, transform 0.3s ease;
            z-index: 10000;
            background: rgba(0, 0, 0, 0.5);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
        }

        .close:hover,
        .close:focus {
            color: #fff;
            transform: rotate(90deg);
            background: rgba(255, 0, 0, 0.7);
        }

        .prev,
        .next {
            position: absolute;
            top: 50%;
            font-size: 50px;
            font-weight: bold;
            padding: 16px 20px;
            color: white;
            cursor: pointer;
            user-select: none;
            background-color: rgba(0, 0, 0, 0.6);
            border-radius: 5px;
            transition: background-color 0.3s ease, transform 0.3s ease;
            z-index: 10000;
        }

        .prev:hover,
        .next:hover {
            background-color: rgba(0, 0, 0, 0.9);
            transform: scale(1.1);
        }

        .prev {
            left: 20px;
        }

        .next {
            right: 20px;
        }

        @media (max-width: 768px) {
            .column {
                flex-basis: calc(50% - 10px);
                min-width: 150px;
            }

            .column img {
                height: 200px;
            }

            .modal-content {
                max-width: 95%;
                max-height: 80vh;
            }

            .prev,
            .next {
                font-size: 30px;
                padding: 10px 15px;
            }

            .close {
                font-size: 40px;
                top: 10px;
                right: 20px;
            }
        }




        .cards {
            display: flex;
            justify-content: space-evenly;

        }

        .cards .card {
            width: 100%;
            align-items: center;
            border-radius: 1%;
            margin-left: 10%;
            margin-right: 5%;

        }

        .cards .card img {
            width: 35%;
            object-fit: cover;
            border: 3px solid white;
            border-radius: 50%;
            display: block;
            margin-left: 35%;
        }

        .cards .card>.container-text-card {
            width: 100%;
            color: rgb(53, 130, 230);

        }

        .cards .card>.container-text-card p {
            font-size: 1vw;
            padding-top: 5px;
            background: #f2f2f252;
        }

        .container-text-card h2 {
            background: darkblue;
            color: white;
            border-style: solid red;
            text-align: center;
            font-size: 1.5vw;
        }

        .container-text-card p {
            color: black;
            font-size: 70%;

        }

        .abount-service {
            background: #f2f2f265;
            padding-bottom: 30px;
        }

        .service-cont {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .service-ind {
            width: 28%;
            text-align: center;
        }

        .service-ind img {
            width: 60%;

        }

        .service-ind h3 {
            margin: 10px 0;
            color: darkblue;
            font-size: 1vw;
        }

        footer {
            background: #424242;
            padding: 2% 0;
            margin: auto;
            overflow: hidden;

        }

        .container-footer {
            display: flex;
            width: 90%;
            justify-content: space-evenly;
            margin: auto;
            padding-bottom: 50px;
            border-bottom: 1px solid gray;
        }

        .content-foo {
            text-align: center;
        }

        .content-foo h4 {
            color: #ffff;
            border-bottom: 3px solid #2320d363;
            padding-bottom: 5px;
            margin-bottom: 5px;
            font-size: 2vw;
        }

        .content-foo p {
            color: silver;
            font-size: 1.5vw;

        }

        .final-title {
            text-align: center;
            font-size: 1vw;
            margin: 20px 0 0 0;
            color: silver;
        }

        /*estilos cronograma*/

        .cronograma2023 iframe {
            width: 80%;
            height: 500px;
            margin-left: 10%;
        }

        /*Nosotros style*/
        .container-nosotros {
            width: 100%;
            max-width: 1000px;
            margin: auto;
            padding: 60px;
            background: rgba(255, 255, 255, 0.66);
            margin-top: 50px;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4 green, blue, alpha);
        }

        .title-nosotros {
            font-size: 60px;
            width: 80%;
            padding: 60px;
            background: rgba(255, 255, 255, 0.66);
            margin-top: -10px;
            margin-left: 150px;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4 green, blue, alpha);
            text-align: center;
            color: darkblue;
        }

        .sub-title-nosotros {
            text-align: center;
            font-size: 40px;
            margin-top: 50px;
            margin-bottom: 40px;
            color: darkblue;
        }

        .container-nosotros img {
            width: 300px;
            height: 200px;
            float: left;
            padding: 10px;
        }

        .container-nosotros p {
            text-align: justify;
            font-weight: 100;
            margin-top: 20px;
            margin-left: 20px;


        }

        .container-nosotros2 {
            width: 100%;
            max-width: 1000px;
            margin: auto;
            padding: 60px;
            background: rgba(255, 255, 255, 0.66);
            margin-top: 50px;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4 green, blue, alpha);
        }

        .container-nosotros2 {
            text-align: center;
            font-size: 40px;
            margin-top: 50px;
            margin-bottom: 40px;
        }

        .container-nosotros2 img {
            width: 300px;
            height: 200px;
            float: right;
            padding: 10px;
        }

        .container-nosotros2 p {
            text-align: justify;
            font-weight: 100;
            margin-top: 20px;
            margin-left: 20px;
        }

        .container-nosotros3 {
            width: 100%;
            max-width: 1000px;
            margin: auto;
            padding: 60px;
            background: rgba(255, 255, 255, 0.66);
            margin-top: 50px;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4 green, blue, alpha);
        }

        .container-nosotros3 {
            text-align: center;
            font-size: 40px;
            margin-top: 50px;
            margin-bottom: 40px;
        }

        .container-nosotros3 img {
            width: 300px;
            height: 200px;
            float: left;
            padding: 10px;
        }

        .container-nosotros3 p {
            text-align: justify;
            font-weight: 100;
            margin-top: 20px;
            margin-left: 20px;
        }

        .container-nosotros4 {
            width: 100%;
            max-width: 1000px;
            margin: auto;
            padding: 60px;
            background: rgba(255, 255, 255, 0.66);
            margin-top: 50px;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4 green, blue, alpha);
        }

        .container-nosotros4 {
            text-align: center;
            font-size: 40px;
            margin-top: 50px;
            margin-bottom: 40px;
        }

        .container-nosotros4 img {
            width: 300px;
            height: 200px;
            float: right;
            padding: 10px;
        }

        .container-nosotros4 p {
            text-align: justify;
            font-weight: 100;
            margin-top: 20px;
            margin-left: 20px;
            color: black;

        }

        .container-nosotros6 {
            width: 100%;
            max-width: 1000px;
            margin: auto;
            padding: 60px;
            background: rgba(255, 255, 255, 0.66);
            margin-top: 50px;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4 green, blue, alpha);
        }

        .container-nosotros6 {
            text-align: center;
            font-size: 40px;
            margin-top: 50px;
            margin-bottom: 40px;
        }

        .container-nosotros6 img {
            width: 200px;
            height: 270px;
            float: left;
            padding: 10px;
        }

        .container-nosotros6 p {
            text-align: justify;
            font-weight: 100;
            margin-top: 20px;
            margin-left: 20px;
        }

        .container-nosotros7 {
            width: 100%;
            max-width: 1000px;
            margin: auto;
            padding: 60px;
            background: rgba(255, 255, 255, 0.66);
            margin-top: 50px;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4 green, blue, alpha);
        }

        .container-nosotros7 {
            text-align: center;
            font-size: 40px;
            margin-top: 50px;
            margin-bottom: 40px;
        }

        .container-nosotros7 img {
            width: 130px;
            height: 150px;
            float: right;
            padding-bottom: 30px;
        }

        .container-nosotros7 p {
            text-align: justify;
            font-weight: 100;
            margin-top: 20px;
            margin-left: 20px;
        }

        .manual a {
            text-decoration: none;
            color: darkblue;
        }

        .manual a:hover {
            color: rgb(97, 97, 150);
        }

        .container-nosotros8 {
            width: 100%;
            max-width: 1000px;
            margin: auto;
            padding: 60px;
            background: rgba(255, 255, 255, 0.66);
            margin-top: 50px;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4 green, blue, alpha);
        }

        .container-nosotros8 {
            text-align: center;
            font-size: 40px;
            margin-top: 50px;
            margin-bottom: 40px;
        }

        .container-nosotros8 img {
            width: 200px;
            height: 270px;
            float: left;
            padding: 10px;
        }

        .container-nosotros8 ul {
            text-align: justify;
            font-size: 18px;
            font-weight: 100;
            margin-top: 20px;
            margin-left: 20px;
            color: black;
            font-family: 'Times New Roman', Times, serif;
        }

        .container-nosotros9 {
            width: 100%;
            max-width: 1000px;
            margin: auto;
            padding: 60px;
            background: rgba(255, 255, 255, 0.66);
            margin-top: 50px;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4 green, blue, alpha);
        }

        .container-nosotros9 {
            text-align: center;
            font-size: 30px;
            margin-top: 50px;
            margin-bottom: 40px;
            color: darkblue;
        }

        .container-nosotros9 img {
            width: 80%;
            transition: transform 0.3s ease-out;
        }

        .container-nosotros9 img:hover {
            transform: scale(110%);
        }

        .container-nosotros10 {
            text-align: center;
            font-size: 30px;
            margin-top: 50px;
            margin-bottom: 40px;
            color: darkblue;
        }

        .container-nosotros10 img {
            width: 10%;
            transition: transform 0.3s ease-out;
        }

        .container-nosotros10 img:hover {
            width: 12%;
            transform: scale(110%);
        }

        .teacher img {
            width: 10%;
            border-radius: 10px;
        }

        .school_parents {
            width: 99%;
            text-align: center;
        }

        .school_parents img {
            width: 45%;
            padding: .5% 1%;
            transition: transform 0.8s ease-out;
        }

        .school_parents img:hover {
            transform: scale(2.7);
        }

        /*project style*/

        .container-project {
            width: 100%;
            max-width: 1000px;
            margin: auto;
            padding: 20px;
            background: rgba(255, 255, 255, 0.6);
            margin-top: 50px;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4 green, blue, alpha);
        }

        .title-project {
            font-size: 60px;
            width: 80%;
            padding: 60px;
            background: rgba(255, 255, 255, 0.6);
            margin-top: -10px;
            margin-left: 150px;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4 green, blue, alpha);
            text-align: center;
            color: darkblue;

        }

        .container-project h2 {
            text-align: center;
            font-size: 40px;
            margin-top: 50px;
            margin-bottom: 40px;
            color: darkblue;
        }

        .container-project p {
            text-align: justify;
            font-weight: 100;
            margin-top: 20px;
            margin-left: 20px;

        }

        .image-project {
            width: 300px;
            height: 100%;

        }

        .image-project2 img {
            width: 50%;
            height: auto;
            border-radius: 15px;
            border: 4px solid #0a80ee;
            margin-top: 15px;
            display: block;
            align-self: center;
        }

        .image-project3 img {
            width: 40%;
            height: auto;
            border-radius: 15px;
            border: 4px solid #0a80ee;
            margin-top: 15px;
            display: inline-block;
            align-self: center;
        }

        .image-project img {
            width: 50%;
            height: 50%;
            float: left;
            margin-right: 20px;

        }

        /*cronograma*/
        .container-crono {
            font-size: 30px;
            width: 99%;
            padding: 60px;
            background: rgba(255, 255, 255, 0.26);
            margin-top: 15%;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4 green, blue, alpha);
            text-align: center;
            color: darkblue;

        }

        .container-crono img {
            margin-top: 30px;
            width: 90%;
        }

        .container-protocol {
            font-size: 30px;
            width: 80%;
            padding: 60px;
            background: rgba(255, 255, 255, 0.26);
            margin-top: -10px;
            margin-left: 150px;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4 green, blue, alpha);
            text-align: center;
            color: darkblue;
        }

        .container-protocol img {
            width: 80%;
        }

        .title-protocol {
            padding: 80px;

        }

        .pdf-protocol a {
            text-decoration: none;
            font-size: 60px;
            color: rgb(206, 41, 41);
            padding-bottom: 35px;
            background: rgba(231, 79, 79, 0.479);
        }

        .container-circular {
            font-size: 30px;
            width: 80%;
            padding: 60px;
            background: rgba(255, 255, 255, 0.26);
            margin-top: -10px;
            margin-left: 150px;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4 green, blue, alpha);
            text-align: center;
            color: darkblue;
        }

        .title-circular {
            padding: 80px;
            font-size: 50px;
            width: 80%;
            margin-top: -10px;
            margin-left: 150px;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4 green, blue, alpha);
            text-align: center;
            color: darkblue;
        }

        .container-circular img {
            width: 12%;
        }

        .container-circular img:hover {
            width: 18%;
        }

        form {
            width: 50%;
            margin: auto;
            background: rgba(83, 83, 97, 0.425);
            padding: 80px 20px;
            box-sizing: border-box;
            margin-top: -10px;
            border-radius: 10px;
        }

        .title-contact {
            color: darkblue;
            text-align: center;
            margin: 0;
            font-size: 30px;
            margin-bottom: 30px;
        }

        input,
        textarea {
            width: 100%;
            margin-bottom: 20px;
            padding: 10px;
            font-size: 20px;
            border: none;
        }

        textarea {
            min-height: 100px;
            max-height: 300px;
            max-width: 100%;
        }

        #boton {
            background: darkblue;
            color: white;
        }

        #boton:hover {
            cursor: pointer;

        }

        .thanks {
            background-size: 400px;
            height: 300px;
            background-image: url(../img/gracias.jpg);
            background-repeat: no-repeat;
            margin-left: 420px;
            margin-top: 120px;
        }

        .thanks p {
            text-align: center;
            margin-right: 690px;
            margin-top: 200px;
            font-size: 60px;
        }

        .aniversary {
            width: 200px;
            height: 200px;
            padding-left: 780px;


        }

        .aniversary img {
            height: 80%;

        }

        .patrocinio img {
            width: 90%;
            height: 600px;
            padding: 50px 250px;

        }

        .emprendedorh2 {
            width: 60%;
            color: white;
            text-align: center;
            padding: 5%;
            margin-left: 20%;
        }

        .science_week {
            width: 99%;
            text-align: center;
        }

        .science_week h1 {
            color: white;
            font-size: 50px;
            text-align: center;
            margin-bottom: 60PX;
        }

        .science_week img {
            width: 20%;
            padding: .5% 1%;
            transition: transform 0.8s ease-out;
        }

        .science_week img:hover {
            transform: scale(2);
        }

        .english_day {
            width: 99%;
            text-align: center;
        }

        .english_day h1 {
            color: white;
            font-size: 50px;
            text-align: center;
            margin-bottom: 60PX;
        }

        .english_day img {
            width: 20%;
            padding: .5% 1%;
            transition: transform 0.8s ease-out;
        }

        .english_day img:hover {
            transform: scale(2);
        }

        .video-english {
            width: 100%;
            padding: 20px 20px;
            text-align: center;

        }

        .animation {
            margin-left: 60%;
            transition: transform 0.1s ease-in;
        }

        .animacion img {
            width: 3%;

        }

        /* elecciones2021*/

        .candidates {
            width: 99%;
            text-align: center;
        }

        .candidates h1 {
            color: white;
            font-size: 50px;
            text-align: center;
            margin-bottom: 60PX;
        }

        .candidates img {
            width: 50%;
            padding: .5% 1%;
            transition: transform 0.8s ease-out;
        }

        .candidates img:hover {
            transform: scale(2);
        }

        .interes img {
            width: 15%;
        }

        .title_interes {
            padding: 80px;
            font-size: 50px;
            width: 80%;
            margin-top: -10px;
            margin-left: 150px;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4 green, blue, alpha);
            text-align: center;
            color: darkblue;
        }

        .video_ciencia_2021 video {
            width: 30%;

        }

        .video_PERSONER2022 video {
            width: 40%;
            margin-left: 7%;
            margin-top: 3%;
            float: left;
        }

        .video_salida video {
            width: 40%;
            margin-left: 7%;
            margin-top: 3%;
        }

        .contain_review {
            width: 70%;
            text-align: center;
            color: darkblue;
            background: white;
            margin: 2% 15%;
        }

        /*tabla ohana*/
        .table_ohana {
            width: 95%;
            overflow: scroll;
            margin-left: 2%;
        }

        table {
            border: darkblue double 5px;
            width: 99%;


            background-image: url(./img/fondo_ciencia.png);
            background-repeat: no-repeat;
            background-size: cover;
            border-collapse: collapse;
        }

        td {
            text-align: center;
            border: solid darkblue 4px;
            background: rgba(223, 216, 216, 0.911);


        }

        th {
            text-align: center;
            border: solid darkblue 4px;
            background: rgba(3, 11, 122, 0.801);
            color: white;

        }

        .contain_week {
            margin-top: 2%;
        }

        .contain_week h1 {
            background: white;
            width: 80%;
            margin-left: 10%;
            text-align: center;
            color: darkblue;


        }

        .contain_week h2 {
            background: white;
            width: 80%;
            margin-left: 10%;
            text-align: center;
            color: darkblue;


        }

        .links_grados a img {
            width: 20%;
            margin: 2%;
        }

        .galery_one {
            color: white;
        }

        .ohana_hour {
            color: darkblue;
        }

        .avisos img {
            width: 25%;
            margin-right: 10%;
            margin-top: 3%;
        }

        .box_flip {
            width: 80%;
            height: 20%;
            margin-left: 10%;
            overflow: scroll;
        }

        .box_flip iframe {
            width: 100%;
            height: 1000px;
            margin-top: 25%;

        }

        .schoolParents {
            width: 30%;
            margin-left: 2.5%;
            margin-top: 3%;
            float: left;
            color: white;
        }

        .reunion img {
            width: 50%;
        }

        .avisos a p {
            color: #f1f1f1;
            text-decoration: none;
            padding-top: 2%;

        }

        .avisos h2 {
            color: #f1f1f1;
            text-decoration: none;
            padding-top: 2%;

        }

        /* Animación de Copos de Nieve Navideños */
        .snowflakes {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1000;
            overflow: hidden;
        }

        .snowflake {
            position: absolute;
            top: -50px;
            color: #fff;
            text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
            font-size: 1.5em;
            font-family: Arial, sans-serif;
            animation: fall linear infinite;
            opacity: 0.8;
        }

        /* Diferentes tamaños de copos */
        .snowflake:nth-child(1) {
            font-size: 1em;
            left: 10%;
            animation-duration: 10s;
            animation-delay: 0s;
        }

        .snowflake:nth-child(2) {
            font-size: 1.5em;
            left: 20%;
            animation-duration: 12s;
            animation-delay: 1s;
        }

        .snowflake:nth-child(3) {
            font-size: 0.8em;
            left: 30%;
            animation-duration: 14s;
            animation-delay: 0.5s;
        }

        .snowflake:nth-child(4) {
            font-size: 1.2em;
            left: 40%;
            animation-duration: 11s;
            animation-delay: 1.5s;
        }

        .snowflake:nth-child(5) {
            font-size: 1.8em;
            left: 50%;
            animation-duration: 13s;
            animation-delay: 0.3s;
        }

        .snowflake:nth-child(6) {
            font-size: 1em;
            left: 60%;
            animation-duration: 15s;
            animation-delay: 2s;
        }

        .snowflake:nth-child(7) {
            font-size: 1.3em;
            left: 70%;
            animation-duration: 10s;
            animation-delay: 0.8s;
        }

        .snowflake:nth-child(8) {
            font-size: 0.9em;
            left: 80%;
            animation-duration: 12s;
            animation-delay: 1.2s;
        }

        .snowflake:nth-child(9) {
            font-size: 1.6em;
            left: 90%;
            animation-duration: 14s;
            animation-delay: 0.6s;
        }

        .snowflake:nth-child(10) {
            font-size: 1.1em;
            left: 15%;
            animation-duration: 11s;
            animation-delay: 1.8s;
        }

        .snowflake:nth-child(11) {
            font-size: 1.4em;
            left: 25%;
            animation-duration: 13s;
            animation-delay: 0.4s;
        }

        .snowflake:nth-child(12) {
            font-size: 0.7em;
            left: 35%;
            animation-duration: 16s;
            animation-delay: 2.2s;
        }

        .snowflake:nth-child(13) {
            font-size: 1.7em;
            left: 45%;
            animation-duration: 10s;
            animation-delay: 0.9s;
        }

        .snowflake:nth-child(14) {
            font-size: 1em;
            left: 55%;
            animation-duration: 12s;
            animation-delay: 1.4s;
        }

        .snowflake:nth-child(15) {
            font-size: 1.3em;
            left: 65%;
            animation-duration: 14s;
            animation-delay: 0.7s;
        }

        .snowflake:nth-child(16) {
            font-size: 0.8em;
            left: 75%;
            animation-duration: 11s;
            animation-delay: 1.6s;
        }

        .snowflake:nth-child(17) {
            font-size: 1.5em;
            left: 85%;
            animation-duration: 13s;
            animation-delay: 0.5s;
        }

        .snowflake:nth-child(18) {
            font-size: 1.2em;
            left: 95%;
            animation-duration: 15s;
            animation-delay: 1.9s;
        }

        .snowflake:nth-child(19) {
            font-size: 0.9em;
            left: 5%;
            animation-duration: 10s;
            animation-delay: 0.2s;
        }

        .snowflake:nth-child(20) {
            font-size: 1.6em;
            left: 12%;
            animation-duration: 12s;
            animation-delay: 1.1s;
        }

        .snowflake:nth-child(21) {
            font-size: 1.1em;
            left: 22%;
            animation-duration: 14s;
            animation-delay: 0.8s;
        }

        .snowflake:nth-child(22) {
            font-size: 1.4em;
            left: 32%;
            animation-duration: 11s;
            animation-delay: 1.3s;
        }

        .snowflake:nth-child(23) {
            font-size: 0.7em;
            left: 42%;
            animation-duration: 13s;
            animation-delay: 0.4s;
        }

        .snowflake:nth-child(24) {
            font-size: 1.8em;
            left: 52%;
            animation-duration: 15s;
            animation-delay: 1.7s;
        }

        .snowflake:nth-child(25) {
            font-size: 1em;
            left: 62%;
            animation-duration: 10s;
            animation-delay: 0.6s;
        }

        .snowflake:nth-child(26) {
            font-size: 1.3em;
            left: 72%;
            animation-duration: 12s;
            animation-delay: 1.2s;
        }

        .snowflake:nth-child(27) {
            font-size: 0.8em;
            left: 82%;
            animation-duration: 14s;
            animation-delay: 0.9s;
        }

        .snowflake:nth-child(28) {
            font-size: 1.5em;
            left: 92%;
            animation-duration: 11s;
            animation-delay: 1.5s;
        }

        .snowflake:nth-child(29) {
            font-size: 1.2em;
            left: 8%;
            animation-duration: 13s;
            animation-delay: 0.3s;
        }

        .snowflake:nth-child(30) {
            font-size: 0.9em;
            left: 18%;
            animation-duration: 15s;
            animation-delay: 1.8s;
        }

        .snowflake:nth-child(31) {
            font-size: 1.6em;
            left: 28%;
            animation-duration: 10s;
            animation-delay: 0.7s;
        }

        .snowflake:nth-child(32) {
            font-size: 1.1em;
            left: 38%;
            animation-duration: 12s;
            animation-delay: 1.1s;
        }

        .snowflake:nth-child(33) {
            font-size: 1.4em;
            left: 48%;
            animation-duration: 14s;
            animation-delay: 0.5s;
        }

        .snowflake:nth-child(34) {
            font-size: 0.7em;
            left: 58%;
            animation-duration: 11s;
            animation-delay: 1.4s;
        }

        .snowflake:nth-child(35) {
            font-size: 1.7em;
            left: 68%;
            animation-duration: 13s;
            animation-delay: 0.8s;
        }

        .snowflake:nth-child(36) {
            font-size: 1em;
            left: 78%;
            animation-duration: 15s;
            animation-delay: 1.6s;
        }

        .snowflake:nth-child(37) {
            font-size: 1.3em;
            left: 88%;
            animation-duration: 10s;
            animation-delay: 0.4s;
        }

        .snowflake:nth-child(38) {
            font-size: 0.8em;
            left: 3%;
            animation-duration: 12s;
            animation-delay: 1.3s;
        }

        .snowflake:nth-child(39) {
            font-size: 1.5em;
            left: 13%;
            animation-duration: 14s;
            animation-delay: 0.6s;
        }

        .snowflake:nth-child(40) {
            font-size: 1.2em;
            left: 23%;
            animation-duration: 11s;
            animation-delay: 1.7s;
        }

        .snowflake:nth-child(41) {
            font-size: 0.9em;
            left: 33%;
            animation-duration: 13s;
            animation-delay: 0.9s;
        }

        .snowflake:nth-child(42) {
            font-size: 1.6em;
            left: 43%;
            animation-duration: 15s;
            animation-delay: 1.2s;
        }

        .snowflake:nth-child(43) {
            font-size: 1.1em;
            left: 53%;
            animation-duration: 10s;
            animation-delay: 0.5s;
        }

        .snowflake:nth-child(44) {
            font-size: 1.4em;
            left: 63%;
            animation-duration: 12s;
            animation-delay: 1.4s;
        }

        .snowflake:nth-child(45) {
            font-size: 0.7em;
            left: 73%;
            animation-duration: 14s;
            animation-delay: 0.8s;
        }

        .snowflake:nth-child(46) {
            font-size: 1.8em;
            left: 83%;
            animation-duration: 11s;
            animation-delay: 1.6s;
        }

        .snowflake:nth-child(47) {
            font-size: 1em;
            left: 93%;
            animation-duration: 13s;
            animation-delay: 0.3s;
        }

        .snowflake:nth-child(48) {
            font-size: 1.3em;
            left: 7%;
            animation-duration: 15s;
            animation-delay: 1.1s;
        }

        /* Animación de caída con movimiento horizontal y rotación */
        @keyframes fall {
            0% {
                transform: translateY(-100px) translateX(0) rotate(0deg);
                opacity: 0;
            }

            10% {
                opacity: 0.8;
            }

            90% {
                opacity: 0.8;
            }

            100% {
                transform: translateY(100vh) translateX(50px) rotate(360deg);
                opacity: 0;
            }
        }

        /* Variaciones en el movimiento horizontal para cada copo */
        .snowflake:nth-child(odd) {
            animation-name: fall, sway;
            animation-timing-function: linear, ease-in-out;
        }

        @keyframes sway {

            0%,
            100% {
                transform: translateX(0);
            }

            50% {
                transform: translateX(30px);
            }
        }

        /* Efecto de brillo adicional para algunos copos */
        .snowflake:nth-child(3n) {
            filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.9));
        }

        .snowflake:nth-child(5n) {
            filter: drop-shadow(0 0 5px rgba(200, 220, 255, 0.8));
        }

        /* Responsive - reducir cantidad de copos en móviles */
        @media (max-width: 768px) {
            .snowflake:nth-child(n+25) {
                display: none;
            }
        }

        /* Estilos para el contenedor de inscripción */
        .inscripcion-container {
            width: 100%;
            background: linear-gradient(135deg, rgba(17, 5, 68, 0.9) 0%, rgba(3, 11, 122, 0.9) 100%);
            padding: 60px 20px;
            margin-top: 20px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        }

        .inscripcion-content {
            max-width: 1200px;
            margin: 0 auto;
            background: rgba(255, 255, 255, 0.95);
            padding: 40px;
            border-radius: 15px;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
        }

        .inscripcion-title {
            text-align: center;
            color: darkblue;
            font-size: 3.5vw;
            margin-bottom: 40px;
            font-family: 'Rowdies', cursive;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
            letter-spacing: 0.5px;
            text-transform: uppercase;
        }

        .inscripcion-lead {
            margin: 0 auto 28px;
            max-width: 1100px;
            font-family: 'Chelsea Market', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
            color: #111827;
            font-size: 1.25vw;
            line-height: 1.8;
        }

        .inscripcion-lead strong {
            color: #0b1b52;
        }

        .inscripcion-info {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
            margin-bottom: 30px;
        }

        .info-item {
            background: rgba(17, 5, 68, 0.05);
            padding: 25px;
            border-radius: 10px;
            border-left: 5px solid darkblue;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            color: #111827;
        }

        .info-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }

        .info-item h3 {
            color: darkblue;
            font-size: 1.8vw;
            margin-bottom: 15px;
            font-family: 'Rowdies', cursive;
        }

        .info-item p {
            color: #111827;
            font-size: 1.2vw;
            line-height: 1.6;
            margin: 10px 0;
            font-family: 'Chelsea Market', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
        }

        .info-item ul {
            list-style: none;
            padding-left: 0;
        }

        .info-item ul li {
            color: #111827;
            font-size: 1.2vw;
            line-height: 1.8;
            padding: 5px 0;
            padding-left: 25px;
            position: relative;
            font-family: 'Chelsea Market', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
        }

        .info-item ul li:before {
            content: "✓";
            position: absolute;
            left: 0;
            color: darkblue;
            font-weight: bold;
        }

        .inscripcion-button {
            text-align: center;
            margin-top: 30px;
        }

        .btn-inscripcion {
            display: inline-block;
            background: linear-gradient(135deg, darkblue 0%, rgba(3, 11, 122, 0.9) 100%);
            color: white;
            padding: 15px 40px;
            font-size: 1.5vw;
            text-decoration: none;
            border-radius: 50px;
            font-family: 'Rowdies', cursive;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        }

        .btn-inscripcion:hover {
            background: linear-gradient(135deg, rgba(3, 11, 122, 0.9) 0%, darkblue 100%);
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
        }

        @media (max-width: 768px) {
            .inscripcion-title {
                font-size: 5vw;
            }

            .inscripcion-lead {
                font-size: 3.2vw;
            }

            .info-item h3 {
                font-size: 3vw;
            }

            .info-item p,
            .info-item ul li {
                font-size: 2.5vw;
            }

            .btn-inscripcion {
                font-size: 3vw;
                padding: 12px 30px;
            }

            .inscripcion-info {
                grid-template-columns: 1fr;
            }
        }

        /* Banner Año Nuevo (slide del carrusel) */
        .christmas-slide {
            background:
                radial-gradient(circle at 15% 20%, rgba(255, 215, 0, 0.28), transparent 38%),
                radial-gradient(circle at 85% 25%, rgba(0, 242, 255, 0.22), transparent 42%),
                radial-gradient(circle at 50% 80%, rgba(147, 51, 234, 0.22), transparent 45%),
                linear-gradient(135deg, #070B2E 0%, #0B1B52 45%, #1B0B3A 100%);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
            min-height: 300px;
            max-height: 600px;
            height: 100%;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .christmas-slide::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.55) 100%);
            pointer-events: none;
        }

        /* Confetti sutil (solo CSS) */
        .christmas-slide::after {
            content: '';
            position: absolute;
            inset: -30px;
            pointer-events: none;
            opacity: 0.7;
            background-image:
                radial-gradient(circle, rgba(255, 215, 0, 0.95) 0 2px, transparent 3px),
                radial-gradient(circle, rgba(0, 242, 255, 0.95) 0 2px, transparent 3px),
                radial-gradient(circle, rgba(255, 255, 255, 0.9) 0 1.5px, transparent 2.5px),
                radial-gradient(circle, rgba(147, 51, 234, 0.9) 0 2px, transparent 3px);
            background-size: 120px 120px, 150px 150px, 90px 90px, 180px 180px;
            background-position: 0 0, 40px 20px, 10px 60px, 80px 90px;
            animation: confettiMove 8s linear infinite;
            filter: blur(0.2px);
        }

        @keyframes confettiMove {
            0% {
                transform: translateY(-18px);
                background-position: 0 0, 40px 20px, 10px 60px, 80px 90px;
            }
            100% {
                transform: translateY(18px);
                background-position: 0 120px, 40px 170px, 10px 150px, 80px 210px;
            }
        }

        .christmas-content {
            position: relative;
            z-index: 2;
            text-align: center;
            padding: 40px 20px;
            width: 100%;
        }

        .newyear-icons {
            display: flex;
            gap: 14px;
            justify-content: center;
            align-items: center;
            margin-bottom: 10px;
        }

        .newyear-icon {
            font-size: 4vw;
            line-height: 1;
            opacity: 0.95;
            display: inline-block;
            animation: float 3.2s ease-in-out infinite;
            filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.35));
        }

        .newyear-icon:nth-child(2) {
            animation-delay: 0.35s;
        }

        .newyear-icon:nth-child(3) {
            animation-delay: 0.7s;
        }

        .christmas-title {
            font-family: 'Rowdies', cursive;
            font-size: 4.5vw;
            color: #FFD700;
            text-shadow:
                3px 3px 0px #1D4ED8,
                6px 6px 10px rgba(0, 0, 0, 0.5);
            margin-bottom: 20px;
            animation: glow 2s ease-in-out infinite alternate;
            line-height: 1.2;
        }

        @keyframes glow {
            from {
                text-shadow:
                    3px 3px 0px #1D4ED8,
                    6px 6px 10px rgba(0, 0, 0, 0.5),
                    0 0 20px rgba(255, 215, 0, 0.5);
            }

            to {
                text-shadow:
                    3px 3px 0px #1D4ED8,
                    6px 6px 10px rgba(0, 0, 0, 0.5),
                    0 0 30px rgba(255, 215, 0, 0.8),
                    0 0 40px rgba(255, 215, 0, 0.6);
            }
        }

        .christmas-subtitle {
            font-family: 'Rowdies', cursive;
            font-size: 2.5vw;
            color: #FFFFFF;
            text-shadow:
                2px 2px 4px rgba(0, 0, 0, 0.7),
                0 0 10px rgba(255, 255, 255, 0.3);
            margin-top: 15px;
            line-height: 1.4;
        }

        .christmas-decoration {
            font-size: 4vw;
            margin: 15px 0;
            opacity: 0.9;
            display: inline-block;
            animation: float 3s ease-in-out infinite;
        }

        @keyframes float {

            0%,
            100% {
                transform: translateY(0px);
            }

            50% {
                transform: translateY(-15px);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .christmas-title,
            .christmas-decoration,
            .newyear-icon,
            .christmas-slide::after {
                animation: none !important;
            }
        }

        @media (max-width: 768px) {
            .christmas-title {
                font-size: 6vw;
            }

            .christmas-subtitle {
                font-size: 3.5vw;
            }

            .christmas-decoration {
                font-size: 5vw;
            }

            /* Menú de navegación */
            .barra-menu {
                height: auto;
                min-height: 80px;
            }

            .barra-menu .header-text img {
                width: 15%;
                margin-left: 3%;
                margin-top: 1%;
            }

            .menu {
                margin-top: 2%;
                margin-left: 0;
                width: 100%;
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
            }

            .object li a {
                font-size: 2.5vw;
                padding: 0.5vw 1vw;
                margin: 2px;
            }

            .slogan p {
                font-size: 3vw;
                margin-top: 1%;
            }

            /* Slider */
            .holayo {
                padding-top: 15%;
            }

            .holayo img {
                min-height: 200px;
                max-height: 400px;
            }

            /* Barra lateral */
            .BarraLateral {
                top: 10%;
                width: 12%;
            }

            .BarraLateral ul li a {
                width: 100%;
            }

            .BarraLateral ul li a:hover {
                width: 110%;
            }

            /* PSE */
            .pse {
                width: 12%;
                top: 60%;
            }

            .pse img {
                width: 80%;
            }

            /* Títulos */
            .title {
                font-size: 6vw;
            }

            /* Container */
            .container {
                padding: 20px;
                width: 95%;
            }

            /* Cards */
            .cards {
                flex-direction: column;
                align-items: center;
            }

            .cards .card {
                width: 90%;
                margin: 20px auto;
            }

            .cards .card img {
                width: 50%;
                margin-left: 25%;
            }

            .container-text-card h2 {
                font-size: 3vw;
            }

            .container-text-card p {
                font-size: 2.5vw;
            }

            /* Servicios */
            .service-cont {
                flex-direction: column;
                align-items: center;
            }

            .service-ind {
                width: 80%;
                margin-bottom: 30px;
            }

            .service-ind h3 {
                font-size: 3vw;
            }

            /* Footer */
            .container-footer {
                flex-direction: column;
                text-align: center;
            }

            .content-foo {
                margin-bottom: 20px;
            }

            .content-foo h4 {
                font-size: 4vw;
            }

            .content-foo p {
                font-size: 3vw;
            }

            .final-title {
                font-size: 2.5vw;
            }

            /* Avisos */
            .avisos {
                padding-top: 3%;
            }

            .ceremonia a img {
                width: 25%;
                margin-left: 3%;
            }

            /* Inscripción */
            .inscripcion-container {
                padding: 30px 10px;
            }

            .inscripcion-content {
                padding: 20px;
            }

            .inscripcion-title {
                font-size: 5vw;
                margin-bottom: 20px;
            }

            .inscripcion-info {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .info-item {
                padding: 15px;
            }

            .info-item h3 {
                font-size: 3vw;
            }

            .info-item p,
            .info-item ul li {
                font-size: 2.5vw;
            }

            .btn-inscripcion {
                font-size: 3vw;
                padding: 12px 30px;
            }
        }

        @keyframes pulse {
            0% {
                transform: scale(1.03);
                box-shadow: 0 10px 25px rgba(220, 53, 69, 0.4);
            }
            50% {
                transform: scale(1.06);
                box-shadow: 0 15px 35px rgba(220, 53, 69, 0.6);
            }
            100% {
                transform: scale(1.03);
                box-shadow: 0 10px 25px rgba(220, 53, 69, 0.4);
            }
        }

        @media (max-width: 480px) {
            .barra-menu .header-text img {
                width: 20%;
            }

            .object li a {
                font-size: 3vw;
            }

            .holayo {
                padding-top: 20%;
            }

            .BarraLateral {
                width: 15%;
            }

            .pse {
                width: 15%;
            }

            .title {
                font-size: 7vw;
            }

            .christmas-title {
                font-size: 7vw;
            }

            .christmas-subtitle {
                font-size: 4vw;
            }
        }