body.swal2-height-auto {
            height: inherit !important
        }
        
        .navbar-custom {
            display: none;
        }
        
        .header-custom-2 {
            display: flex;
        }
        
        header.active nav a {
            color: #fefefe;
        }
        
        .col-xl,
        .col-xl-auto,
        .col-xl-12,
        .col-xl-11,
        .col-xl-10,
        .col-xl-9,
        .col-xl-8,
        .col-xl-7,
        .col-xl-6,
        .col-xl-5,
        .col-xl-4,
        .col-xl-3,
        .col-xl-2,
        .col-xl-1,
        .col-lg,
        .col-lg-auto,
        .col-lg-12,
        .col-lg-11,
        .col-lg-10,
        .col-lg-9,
        .col-lg-8,
        .col-lg-7,
        .col-lg-6,
        .col-lg-5,
        .col-lg-4,
        .col-lg-3,
        .col-lg-2,
        .col-lg-1,
        .col-md,
        .col-md-auto,
        .col-md-12,
        .col-md-11,
        .col-md-10,
        .col-md-9,
        .col-md-8,
        .col-md-7,
        .col-md-6,
        .col-md-5,
        .col-md-4,
        .col-md-3,
        .col-md-2,
        .col-md-1,
        .col-sm,
        .col-sm-auto,
        .col-sm-12,
        .col-sm-11,
        .col-sm-10,
        .col-sm-9,
        .col-sm-8,
        .col-sm-7,
        .col-sm-6,
        .col-sm-5,
        .col-sm-4,
        .col-sm-3,
        .col-sm-2,
        .col-sm-1,
        .col,
        .col-auto,
        .col-12,
        .col-11,
        .col-10,
        .col-9,
        .col-8,
        .col-7,
        .col-6,
        .col-5,
        .col-4,
        .col-3,
        .col-2,
        .col-1 {
            padding-right: 10px;
            padding-left: 10px;
        }
        
        .col-auto {
            flex: 0 0 auto;
            width: auto;
            max-width: 100%;
        }
        
        .btn-amarrilo {
            background-color: rgb(255, 251, 17);
            border-color: rgb(255, 251, 17);
            color: rgb(39, 39, 39);
            border-radius: 15px;
            font-weight: 510;
            max-width: 130px;
            height: auto;
            white-space: normal;
            text-align: center;
            transition: all .5s ease;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            /* number of lines to show */
            line-clamp: 3;
            -webkit-box-orient: vertical;
        }
        
        .btn-amarrilo:hover {
            background-color: rgb(26, 153, 0);
            border-color: rgb(26, 153, 0);
            color: rgb(39, 39, 39);
        }
        
        .titulo-img {
            position: absolute;
            left: 660px;
            top: 280px;
            width: 40% !important;
            -webkit-animation: entrance 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
            animation: entrance 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
            z-index: 999;
        }
        
        @-webkit-keyframes entrance {
            0% {
                -webkit-transform: translateZ(600px);
                transform: translateZ(600px);
                opacity: 0;
            }
            100% {
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
                opacity: 1;
            }
        }
        
        @keyframes entrance {
            0% {
                -webkit-transform: translateZ(600px);
                transform: translateZ(600px);
                opacity: 0;
            }
            100% {
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
                opacity: 1;
            }
        }
        
        .slide-in-bck-center {
            -webkit-animation: slide-in-bck-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-in-bck-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        }
        
        @-webkit-keyframes slide-in-bck-center {
            0% {
                -webkit-transform: translateZ(600px);
                transform: translateZ(600px);
                opacity: 0;
            }
            100% {
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
                opacity: 1;
            }
        }
        
        @keyframes slide-in-bck-center {
            0% {
                -webkit-transform: translateZ(600px);
                transform: translateZ(600px);
                opacity: 0;
            }
            100% {
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
                opacity: 1;
            }
        }
        
        .escudo {
            position: absolute;
            left: 910px;
            top: 55px;
            width: 10% !important;
            z-index: 99;
            -webkit-animation: entrance 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
            animation: entrance 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
        }
        
        .pajaros {
            position: absolute;
            left: 400px;
            top: -50px;
            width: 75% !important;
        }
        
        .mariposas {
            position: absolute;
            left: 50px;
            top: -30px;
            width: 70% !important;
        }
        
        .cangrejo {
            position: absolute;
            left: 0px;
            top: 470px;
            width: 4% !important;
        }
        
        .rana {
            position: absolute;
            left: 930px;
            top: 675px;
            width: 10% !important;
            animation: myAnim 3s ease 0s infinite normal forwards;
        }
        
        @keyframes myAnim {
            0% {
                transform: translate(0);
            }
            20% {
                transform: translate(-2px, 2px);
            }
            40% {
                transform: translate(-2px, -2px);
            }
            60% {
                transform: translate(2px, 2px);
            }
            80% {
                transform: translate(2px, -2px);
            }
            100% {
                transform: translate(0);
            }
        }
        
        .ballena {
            position: absolute;
            left: 80px;
            top: 517px;
            width: 16% !important;
            animation: ballena 5s ease 1s infinite normal forwards;
            z-index: 99;
        }
        
        @keyframes ballena {
            0%,
            100% {
                transform: translateX(0%);
                transform-origin: 50% 50%;
            }
            15% {
                transform: translateX(-30px) rotate(-6deg);
            }
            30% {
                transform: translateX(15px) rotate(6deg);
            }
            45% {
                transform: translateX(-15px) rotate(-3.6deg);
            }
            60% {
                transform: translateX(9px) rotate(2.4deg);
            }
            75% {
                transform: translateX(-6px) rotate(-1.2deg);
            }
        }
        
        .niño-1 {
            position: absolute;
            left: 194px;
            top: 435px;
            width: 5% !important;
            animation: salto 3s ease 0s infinite normal forwards;
        }
        
        @keyframes salto {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.1);
            }
            100% {
                transform: scale(1);
            }
        }
        
        .niño-2 {
            position: absolute;
            left: 465px;
            top: 522px;
            width: 5% !important;
        }
        
        .niño-3 {
            position: absolute;
            left: 625px;
            top: 525px;
            width: 6% !important;
        }
        
        .niño-4 {
            position: absolute;
            left: 1425px;
            top: 542px;
            width: 7% !important;
        }
        
        .niño-5 {
            position: absolute;
            left: 1560px;
            top: 595px;
            width: 6% !important;
        }
        
        .niño-6 {
            position: absolute;
            left: 1749px;
            top: 560px;
            width: 5% !important;
        }
        
        .niño-7 {
            position: absolute;
            left: 1770px;
            top: 452px;
            width: 4% !important;
        }
        
        .cangrejo-animacion {
            -webkit-animation: leg-animation 3500ms infinite cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation: leg-animation 3500ms infinite cubic-bezier(0.550, 0.055, 0.675, 0.190);
            transform-origin: 0% 0%;
            -webkit-transform-origin: 0% 0%;
        }
        
        @keyframes leg-animation {
            0% {
                transform: rotateZ(0deg);
                left: 46px;
            }
            50% {
                transform: rotateZ(-20deg);
                left: 32px;
            }
            100% {
                transform: rotateZ(0deg);
                left: 46px;
            }
        }
        
        @-webkit-keyframes leg-animation {
            0% {
                -webkit-transform: rotateZ(0deg);
                left: 46px;
            }
            50% {
                -webkit-transform: rotateZ(-20deg);
                left: 32px;
            }
            100% {
                -webkit-transform: rotateZ(0deg);
                left: 46px;
            }
        }
        
        .niño6-animacion {
            -webkit-animation: rotate-vert-left 2s cubic-bezier(0.645, 0.045, 0.355, 1.000) infinite both;
            animation: rotate-vert-left 2s cubic-bezier(0.645, 0.045, 0.355, 1.000) infinite both;
        }
        
        @-webkit-keyframes rotate-vert-left {
            0% {
                -webkit-transform: rotateY(0);
                transform: rotateY(0);
                -webkit-transform-origin: left;
                transform-origin: left;
            }
            100% {
                -webkit-transform: rotateY(360deg);
                transform: rotateY(360deg);
                -webkit-transform-origin: left;
                transform-origin: left;
            }
        }
        
        @keyframes rotate-vert-left {
            0% {
                -webkit-transform: rotateY(0);
                transform: rotateY(0);
                -webkit-transform-origin: left;
                transform-origin: left;
            }
            100% {
                -webkit-transform: rotateY(360deg);
                transform: rotateY(360deg);
                -webkit-transform-origin: left;
                transform-origin: left;
            }
        }
        
        @media only screen and (max-width: 1440px) {
            .pajaros {
                top: 0px !important;
                width: 60% !important;
            }
            .mariposas {
                left: 135px !important;
                top: 25px !important;
                width: 55% !important;
            }
            .rana {
                left: 675px !important;
                top: 547px !important;
                width: 7% !important;
            }
            .cangrejo {
                top: 400px;
                left: 25px;
            }
            .ballena {
                top: 480px !important;
                width: 13% !important;
            }
            .niño-1 {
                left: 145px !important;
                top: 370px !important;
            }
            .escudo {
                left: 620px !important;
                top: 125px !important;
            }
            .titulo-img {
                left: 460px !important;
                width: 36% !important;
            }
            .niño-2 {
                left: 370px !important;
                width: 4% !important;
                top: 450px;
            }
            .niño-3 {
                left: 450px !important;
                width: 4% !important;
                top: 469px;
            }
            .niño-4 {
                left: 1000px;
                top: 480px;
                width: 5% !important;
            }
            .niño-5 {
                left: 1075px;
                top: 475px;
            }
            .niño-6 {
                top: 435px;
                left: 1220px;
            }
            .niño-7 {
                left: 1266px;
                top: 355px;
            }
            .footer-linck {
                display: none !important;
            }
        }
        
        @media only screen and (max-width: 1280px) {
            .btn-amarrilo {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2 !important;
                /* number of lines to show */
                line-clamp: 2 !important;
                -webkit-box-orient: vertical;
            }
            .pajaros {
                top: 0px !important;
                width: 60% !important;
            }
            .mariposas {
                left: 135px !important;
                top: 25px !important;
                width: 55% !important;
            }
            .rana {
                left: 675px !important;
                top: 547px !important;
                width: 7% !important;
            }
            .cangrejo {
                top: 400px;
                left: 25px;
            }
            .ballena {
                top: 480px !important;
                width: 13% !important;
            }
            .niño-1 {
                left: 145px !important;
                top: 370px !important;
            }
            .escudo {
                left: 620px !important;
                top: 125px !important;
            }
            .titulo-img {
                left: 460px !important;
                width: 36% !important;
            }
            .niño-2 {
                left: 370px !important;
                width: 4% !important;
                top: 450px;
            }
            .niño-3 {
                left: 450px !important;
                width: 4% !important;
                top: 469px;
            }
            .niño-4 {
                left: 1000px;
                top: 480px;
                width: 5% !important;
            }
            .niño-5 {
                left: 1075px;
                top: 475px;
            }
            .niño-6 {
                top: 435px;
                left: 1220px;
            }
            .niño-7 {
                left: 1266px;
                top: 355px;
            }
            .footer-linck {
                display: none !important;
            }
        }
        
        @media (max-width: 1024px) {
            .slide-in-bck-center {
                background-position: center !important;
            }
            .pajaros {
                top: 0px !important;
                width: 60% !important;
            }
            .mariposas {
                left: 135px !important;
                top: 25px !important;
                width: 55% !important;
            }
            .rana {
                left: 550px !important;
                top: 565px !important;
            }
            .cangrejo {
                display: none !important;
            }
            .ballena {
                left: 60px;
            }
            .niño-1 {
                left: 20px !important;
                top: 386px !important;
            }
            .escudo {
                left: 475px !important;
                top: 160px !important;
            }
            .titulo-img {
                left: 370px !important;
                width: 36% !important;
            }
            .niño-2 {
                left: 230px !important;
                top: 470px;
            }
            .niño-3 {
                left: 308px !important;
                top: 485px;
            }
            .niño-4 {
                left: 835px;
            }
            .niño-5 {
                left: 915px;
            }
            .niño-6 {
                display: none;
            }
            .niño-7 {
                display: none;
            }
            .footer-linck {
                display: none !important;
            }
        }
        
        @media (max-width: 991px) {
            .footer-linck {
                display: none !important;
            }
            .niño-1 {
                display: none !important;
            }
            .niño-2 {
                display: none !important;
            }
            .niño-3 {
                display: none !important;
            }
            .niño-4 {
                display: none !important;
            }
            .niño-5 {
                display: none !important;
            }
            .niño-6 {
                display: none !important;
            }
            .niño-7 {
                display: none !important;
            }
            .pajaros {
                left: 180px !important;
                width: 100% !important;
            }
            .cangrejo {
                display: none !important;
            }
            .rana {
                display: none !important;
            }
            .ballena {
                top: 620px !important;
                width: 65% !important;
            }
            .titulo-img {
                left: 0px !important;
                top: 365px !important;
                width: 100% !important;
            }
            .navbar-custom {
                display: block !important;
            }
            .header-custom-2 {
                display: none !important;
            }
            .escudo {
                left: 115px !important;
                top: 150px !important;
                width: 40% !important;
            }
        }