.contenedorlogo{
    width: 650px;
    height: 450px;
    }

    .cls-1{
        fill:transparent;
        stroke: 10;
        stroke:#eb0038;
    }

    .cls-2{
        fill:transparent;
        stroke: 10;
        stroke:#000c47;
    }

    .cls-3{
        fill:transparent;
        stroke: 10;
        stroke:#272d9f;
    }

    .cls-4{
        fill:transparent;
        stroke: 10;
        stroke:#fdeb48;
    }

        

    .cls-11{
    stroke-dasharray: 803;
    stroke-dashoffset:0;
    animation: animate-clsuno 7s linear forwards infinite;
    }

    @keyframes animate-clsuno {
        0% {
            stroke-dashoffset:803;
        }

        40% {
            stroke-dashoffset:0;
            fill:transparent;
        }


        60% {
            stroke-dashoffset:0;
            fill:#EB0038;
        }

        90% {
            stroke-dashoffset:803;
            fill:#EB0038;
        }
        
        100% {
            stroke-dashoffset:803;
            fill:transparent;
        }
    }

    .cls-22{
        stroke-dasharray: 759;
        stroke-dashoffset:0;
        animation: animate-clsdos 7s linear forwards infinite;
    }


    @keyframes animate-clsdos {
        0% {
            stroke-dashoffset:759;
        }

        40% {
            stroke-dashoffset:0;
            fill:transparent;
        }

        60% {
            stroke-dashoffset:0;
            fill:#010C47;
        }

        90% {
            stroke-dashoffset:759;
            fill:#010C47;
        }
        
        100% {
            stroke-dashoffset:759;
            fill: transparent;
        }
    }

    .cls-33{
        stroke-dasharray: 651;
        stroke-dashoffset:0;
        animation: animate-clstres 7s linear forwards infinite;
    }

    @keyframes animate-clstres {
        0% {
            stroke-dashoffset:651;
        }

        40% {
            stroke-dashoffset:0;
            fill:transparent;
        }

        
        60% {
            stroke-dashoffset:0;
            fill:#272D9F;
        }

        90% {
            stroke-dashoffset:651;
            fill:#272D9F;
        }
        
        100% {
            stroke-dashoffset:651;
            fill:transparent;
        }
    }

    .cls-44{
        stroke-dasharray: 490;
        stroke-dashoffset:0;
        animation: animate-clscuatro 7s linear forwards infinite;
    }

    @keyframes animate-clscuatro  {
        0% {
            stroke-dashoffset:490;
        }

        40% {
            stroke-dashoffset:0;
            fill:transparent;
        }

        60% {
            stroke-dashoffset:0;
            fill:#FDEB48;
        }

        
        90% {
            stroke-dashoffset:490;
            fill:#FDEB48;
        }
        
        100% {
            stroke-dashoffset:490;
            fill:transparent;
        }
    }

    .capture{
      width: 100%;
      position: absolute;
      top: -1115px;
      left: 0px;
      animation: pcart  10s alternate infinite ease-in-out;
    }

    @keyframes pcart{
      0% { top: 0px;}
      100%{ top: -1115px;}
    }

    .captureone{
      width: 100%;
      position: absolute;
      top: -450px;
      left: 0px;
      animation: pcartone 10s alternate infinite ease-in-out;
    }

    @keyframes pcartone{
       0% { top: 10px;}
      100%{ top: -450px;}
    }

    .capturetwo{
      width: 100%;
      position: absolute;
      top: -553px;
      left: 0px;
      animation: pcartwo  10s alternate infinite ease-in-out;
    }

    @keyframes pcartwo{
      0% { top: 0px;}
      100%{ top: -553px;}
    }

    .capturetrhee{
      width: 100%;
      position: absolute;
      top: -177px;
      left: 0px;
      animation: pcartrhee  10s alternate infinite ease-in-out;
    }

    @keyframes pcartrhee{
      0% { top: 0px;}
      100%{ top: -177px;}
    }

    .capturefour{
      width: 100%;
      position: absolute;
      top: -966px;
      left: 0px;
      animation: pcarfour  10s alternate infinite ease-in-out;
    }

    @keyframes pcarfour{
      0% { top: 0px;}
      100%{ top: -966px;}
    }

    .capturefive{
      width: 100%;
      position: absolute;
      top: -209px;
      left: 0px;
      animation: pcarfive  10s alternate infinite ease-in-out;
    }

    @keyframes pcarfive{
      0% { top: 0px;}
      100%{ top: -209px;}
    }

    .capturesix{
      width: 100%;
      position: absolute;
      top: -828px;
      left: 0px;
      animation: pcarsix  10s alternate infinite ease-in-out;
    }

    @keyframes pcarsix{
      0% { top: 0px;}
      100%{ top: -828px;}
    }

    .captureseven{
      width: 100%;
      position: absolute;
      top: -117px;
      left: 0px;
      animation: pcarseven  10s alternate infinite ease-in-out;
    }

    @keyframes pcarseven{
      0% { top: 0px;}
      100%{ top: -117px;}
    }

    .capturecel01{
      width: 100%;
      position: absolute;
      top: -2531px;
      left: 0px;
      animation: pcart01  10s alternate infinite ease-in-out;
    }

    @keyframes pcart01{
      0% { top: 0px;}
      100%{ top: -2531px;}
    }

    .capturecel02{
      width: 100%;
      position: absolute;
      top: -425px;
      left: 0px;
      animation: pcart02  7s alternate infinite ease-in-out;
    }

    @keyframes pcart02{
      0% { top: 0px;}
      100%{ top: -425px;}
    }

    .capturecel03{
      width: 100%;
      position: absolute;
      top: -358px;
      left: 0px;
      animation: pcart03  10s alternate infinite ease-in-out;
    }

    @keyframes pcart03{
      0% { top: 0px;}
      100%{ top: -358px;}
    }

    .capturecel04{
      width: 100%;
      position: absolute;
      top: -400px;
      left: 0px;
      animation: pcart04 10s alternate infinite ease-in-out;
    }

    @keyframes pcart04{
      0% { top: 0px;}
      100%{ top: -400px;}
    }

    .capturecel05{
      width: 100%;
      position: absolute;
      top: -4933px;
      left: 0px;
      animation: pcart05 10s alternate infinite ease-in-out;
    }

    @keyframes pcart05{
      0% { top: 0px;}
      100%{ top: -4933px;}
    }

    .capturecel06{
      width: 100%;
      position: absolute;
      top: -1120px;
      left: 0px;
      animation: pcart06 10s alternate infinite ease-in-out;
    }

    @keyframes pcart06{
      0% { top: 0px;}
      100%{ top: -1120px;}
    }

    .capturecel07{
      width: 100%;
      position: absolute;
      top: -2306px;
      left: 0px;
      animation: pcart07 10s alternate infinite ease-in-out;
    }

    @keyframes pcart07{
      0% { top: 0px;}
      100%{ top: -2306px;}
    }

    .capturecel08{
      width: 100%;
      position: absolute;
      top: -272px;
      left: 0px;
      animation: pcart08 10s alternate infinite ease-in-out;
    }

    @keyframes pcart08{
      0% { top: 0px;}
      100%{ top: -272px;}
    }

    .capturecel001{
      width: 100%;
      position: absolute;
      top: -2150px;
      left: 0px;
      animation: pcart001  10s alternate infinite ease-in-out;
    }

    @keyframes pcart001{
      0% { top: 0px;}
      100%{ top: -2150;}
    }

    .capturecel002 {
        width: 100%;
        position: absolute;
        top: -350px;
        left: 0px;
        animation: pcart002 7s alternate infinite ease-in-out;
    }

    @keyframes pcart002{
      0% { top: 0px;}
      100%{ top: -350px;}
    }

    .capturecel003 {
        width: 100%;
        position: absolute;
        top: -298px;
        left: 0px;
        animation: pcart003 10s alternate infinite ease-in-out;
    }

    @keyframes pcart003{
      0% { top: 0px;}
      100%{ top: -298px;}
    }

    .capturecel004{
      width: 100%;
      position: absolute;
      top: -330px;
      left: 0px;
      animation: pcart004 10s alternate infinite ease-in-out;
    }

    @keyframes pcart004{
      0% { top: 0px;}
      100%{ top: -330px;}
    }

    .capturecel005{
      width: 100%;
      position: absolute;
      top: -4195px;
      left: 0px;
      animation: pcart005  10s alternate infinite ease-in-out;
    }

    @keyframes pcart005{
      0% { top: 0px;}
      100%{ top: -4195px;}
    }

    .capturecel006 {
        width: 100%;
        position: absolute;
        top: -952px;
        left: 0px;
        animation: pcart006 7s alternate infinite ease-in-out;
    }

    @keyframes pcart006{
      0% { top: 0px;}
      100%{ top: -952px;}
    }

    .capturecel007 {
        width: 100%;
        position: absolute;
        top: -1963px;
        left: 0px;
        animation: pcart007 10s alternate infinite ease-in-out;
    }

    @keyframes pcart007{
      0% { top: 0px;}
      100%{ top: -1963px;}
    }

    .capturecel008{
      width: 100%;
      position: absolute;
      top: -230px;
      left: 0px;
      animation: pcart008 10s alternate infinite ease-in-out;
    }

    @keyframes pcart008{
      0% { top: 0px;}
      100%{ top: -230px;}
    }

    

    @media (max-width: 768px) {
        .contenedorlogo {
            width: 400px;
            height: 280px;
        }
    }

    @media (max-width: 600px) {
        .contenedorlogo {
            width: 300px;
            height: 180px;
        }
    }