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

    @keyframes pcart{
      0% { top: 0px;}
      100%{ top: -2258px;}
    }
    
    .contenedorlogo{
    width: 1000px;
    height: 320px;
    }

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

    .cls-2{
    fill:transparent;
    stroke: 10;
    stroke: #335a99;
    }
    

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

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

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


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

    80% {
        stroke-dashoffset:1500;
        fill:#ee8600;
    }
    
    100% {
        stroke-dashoffset:1500;
        fill:transparent;
    }
    }

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


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

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

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

    80% {
        stroke-dashoffset:1000;
        fill:#335a99;
    }
    
    100% {
        stroke-dashoffset:1000;
        fill: transparent;
    }
    }

   

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

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