<!-- Fuentes ------------------------>
<link href="https://fonts.googleapis.com/css?family=Titillium+Web:900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Ewert" rel="stylesheet">

<!-- Symbols ------------------------------>
<svg width="0" height="0">
  <!-- Symbol: Chica ------->
  <symbol id="chica-svg" viewBox="0 0 98 286.1">
    <defs>
      <pattern id="patron-vestido" x="0" y="0" width="10" height="10" patternUnits="userSpaceOnUse">
       <rect x="0" y="0" width="10" height="10" fill="#d36a6a" />
        <circle cx="4" cy="4" r="1" fill= "white" />
      </pattern>
      </defs>
      <g id="girl">
      <rect x="48.4" y="248.6" class="st0" width="4.6" height="31.4"/>
      <rect x="59.2" y="248.6" class="st0" width="4.6" height="31.4"/>

        <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-1337.235" y1="531.3163" x2="-1336.125" y2="530.4263" gradientTransform="matrix(-1 0 0 1 -1322.39 -345.89)">
        <stop  offset="3.000000e-02" style="stop-color:#006A38"/>
        <stop  offset="9.000000e-02" style="stop-color:#27843B"/>
        <stop  offset="0.17" style="stop-color:#53A03D"/>
        <stop  offset="0.24" style="stop-color:#73B53F"/>
        <stop  offset="0.3" style="stop-color:#86C141"/>
        <stop  offset="0.34" style="stop-color:#8DC641"/>
      </linearGradient>
      <path class="st1" d="M13.8,185.2l0.7,0.5c0.3-0.2,0.5-0.5,0.6-0.8C14.9,184.7,13.8,185.2,13.8,185.2z"/>

        <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-1331.8075" y1="535.2407" x2="-1331.6176" y2="534.5406" gradientTransform="matrix(-1 0 0 1 -1322.39 -345.89)">
        <stop  offset="3.000000e-02" style="stop-color:#006A38"/>
        <stop  offset="7.000000e-02" style="stop-color:#22803A"/>
        <stop  offset="0.12" style="stop-color:#43963C"/>
        <stop  offset="0.17" style="stop-color:#5EA73E"/>
        <stop  offset="0.22" style="stop-color:#73B53F"/>
        <stop  offset="0.28" style="stop-color:#82BF40"/>
        <stop  offset="0.36" style="stop-color:#8AC441"/>
        <stop  offset="0.47" style="stop-color:#8DC641"/>
      </linearGradient>
      <path class="st2" d="M9.1,189.6l0.7-0.5l-0.3-0.4C9.3,189,9.1,189.3,9.1,189.6z"/>

        <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-1373.0699" y1="543.5182" x2="-1331.1799" y2="543.5182" gradientTransform="matrix(-1 0 0 1 -1322.39 -345.89)">
        <stop  offset="0" style="stop-color:#F5D6CB"/>
        <stop  offset="0.5" style="stop-color:#F1DAD2"/>
        <stop  offset="1" style="stop-color:#F6E9E7"/>
      </linearGradient>

      <path class="st3" d="M8.8,187.9c0,0,15.2,21.8,22.4,23.1s19.5-13.5,19.5-13.5l-4.7-2.6l-13.4,6.7l-19.8-17.5L8.8,187.9z"/>
      <path class="st4" d="M15.1,185c0.3,0.2,0.5,0.5,0.6,0.8c-0.6,1.1-1.5,1.9-2.6,2.5c-1.1,0.8-2.3,1.4-3.5,2c-0.3-0.2-0.4-0.4-0.5-0.7
        c0,0,1.7-1,3.3-2.1C13.4,186.9,14.4,186,15.1,185z"/>
      <path class="st0" d="M62.2,190.8c0,0,31.1,16,31.1,23.3s-19.3,14.6-19.3,14.6l-4.2-5.3l12.4-8.2l-22.1-19L62.2,190.8z"/>
      <path class="st5" d="M44.6,184.2c0,0-9.2,8.7-19.8,6.5c-7.2-1.5-4.4,11.5,4.3,18c4.2,3.1,18.2-13,18.2-13L44.6,184.2z"/>
      <path class="st5" d="M62.4,193.7c0,0,0.8-10.1,9.6-6s17,1.5,14.9,10s-3.3,14.1-10.2,15.8S62.4,193.7,62.4,193.7z"/>
      <path class="st5" d="M10.2,238.6c-8.6,14.3,81.4,27.2,76.8,11.1c-8.1-28.3-22.9-70-22.9-70l-6.4-0.9
        C57.7,178.8,22.7,217.8,10.2,238.6z"/>
      <path id="foot" class="st6" d="M57.3,282.9c0,2.4,2,3.2,4.4,3.2s4.2-0.8,4.2-3.2c0-2.4-1.9-4.3-4.3-4.3S57.3,280.5,57.3,282.9z"/>
      <path id="foot-2" class="st6" d="M46.4,282.9c0,2.4,2,3.2,4.4,3.2s4.1-0.8,4.1-3.2c0-2.4-1.9-4.3-4.3-4.3S46.4,280.5,46.4,282.9
        C46.4,282.8,46.4,282.8,46.4,282.9z"/>
    </g>
    <g id="hair">
      <path class="st6" d="M47.1,189.2c-5.8,4.1-8.5,3.4-14.8,2.9c8.2-1.6,4.8-10.9,4.8-13.3l-20.2,3.5c12.4-5.1,16.6-10,10.7-22.1
        C17.3,139.4,33,110,62.9,110c21.2,0,35,13.8,35,37.7s-36.8,45.5-62.1,57.5C38.6,201.9,47.3,195.2,47.1,189.2z"/>
    </g>
    <path class="st7" d="M9.5,186.8c0.3-2,10.8-62.6,13-74.9c2.3-12.6,6.6-31.8,6.7-31.9l-0.9-0.2c0,0.2-4.4,19.3-6.7,32
      C19.5,124,9,184.7,8.7,186.6L9.5,186.8z"/>
    <path class="st8" d="M48.9,46.4c1,15.3-20.6,35.9-20.6,35.9s-24-17.7-25-33s8.4-28.4,21-29.2S47.9,31.1,48.9,46.4z"/>
    <path class="st8" d="M34,89.4c0.1,1.2-2.4-1.1-5.3-0.9s-5.1,2.8-5.2,1.6s4.7-9.1,4.7-9.1S33.9,88.2,34,89.4z"/>
    <path class="st7" d="M10.5,186.8c0.1-0.4,8.2-38.8,12.1-57.5s16.9-36.8,17-37l-0.7-0.5c-0.1,0.2-13.3,18.5-17.2,37.4
      s-12,57.1-12.1,57.5L10.5,186.8z"/>
    <path class="st9" d="M74.8,67.7C68.7,81.8,40,90.2,40,90.2s-13.3-26.7-7.1-40.8s20.5-21.4,32-16.3S80.9,53.6,74.8,67.7z"/>
    <path class="st9" d="M41.9,99.1c-0.5,1.1-1.7-2.1-4.3-3.2s-5.8,0.2-5.3-0.9s8.3-6,8.3-6S42.4,98,41.9,99.1z"/>
    <path class="st7" d="M9.6,186.7c0.1-0.6,5.7-60.7,9-75.5s24.4-47.7,24.6-48l-0.7-0.5c-0.2,0.3-21.3,33.3-24.7,48.3s-9,75-9.1,75.6
      L9.6,186.7z"/>
    <path class="st10" d="M75.2,34.2c-4.6,14.7-32,26.2-32,26.2S27.1,35.3,31.6,20.6s18-23.5,30-19.8S79.7,19.5,75.2,34.2z"/>
    <path class="st10" d="M45.9,69c-0.3,1.1-1.9-1.9-4.6-2.8s-5.7,0.8-5.4-0.4s7.6-6.8,7.6-6.8S46.3,67.9,45.9,69z"/>
    <path class="st7" d="M2.7,200.9c5-9.7,4.9-13.6,4.9-13.8H6.7c0,0,0,3.9-4.8,13.4"/>
    <path class="st6" d="M6.9,186.5l-0.6-0.6"/>
    <path class="st6" d="M7.4,187.5l-0.5-0.8"/>
    <path class="st6" d="M7.4,187.5l-0.4-0.8"/>
    <path class="st6" d="M6.6,187.9l-0.8-0.4"/>
    <path class="st6" d="M6.8,185.1l-0.5-0.7"/>
    <path class="st6" d="M7,186.1l-0.3-0.8"/>
    <path class="st6" d="M6.9,186.1l-0.3-0.9"/>
    <path class="st6" d="M6.1,186.4l-0.7-0.6"/>
    <path class="st7" d="M0.7,199.4c6.7-8.6,7.4-12.5,7.4-12.6l-0.9-0.1c0,0-0.7,3.8-7.2,12.2"/>
    <path class="st6" d="M7.6,186.1l-0.5-0.7"/>
    <path class="st6" d="M7.8,187.1l-0.3-0.8"/>
    <path class="st6" d="M7.8,187.1l-0.3-0.9"/>
    <path class="st6" d="M7,187.4l-0.7-0.6"/>
    <path class="st7" d="M4.3,201.6c4.2-10.1,3.8-14,3.8-14.1l-0.9,0.1c0,0,0.3,3.9-3.8,13.7"/>
    <path class="st6" d="M7.4,187l-0.6-0.6"/>
    <path class="st6" d="M7.9,187.9l-0.5-0.7"/>
    <path class="st6" d="M7.9,187.9l-0.5-0.8"/>
    <path class="st6" d="M7.2,188.5l-0.8-0.4"/>
    <path class="st6" d="M6.7,186.3l-0.5-0.7"/>
    <path class="st6" d="M6.9,187.4l-0.3-0.8"/>
    <path class="st6" d="M6.9,187.4l-0.3-0.9"/>
    <path class="st6" d="M6.1,187.7l-0.7-0.6"/>
    <linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-1411.1077" y1="566.8552" x2="-1419.5376" y2="573.3351" gradientTransform="matrix(-0.9231 -2.626616e-02 3.176796e-02 0.8481 -1316.3079 -337.8718)">
      <stop  offset="0" style="stop-color:#F6E9E7"/>
      <stop  offset="0.5" style="stop-color:#F1DAD2"/>
      <stop  offset="1" style="stop-color:#F5D6CB"/>
    </linearGradient>
    <path class="st11" d="M3.5,181.1c1-3,4-4.6,6.6-3.7c2.6,0.9,3.9,4.1,2.9,7s-4,4.6-6.6,3.7C3.7,187.2,2.4,184,3.5,181.1z"/>
    </symbol>

  <!-- Symbol: Noria ------->
  <symbol id="noria-svg" viewBox="0 0 1200 700">
  <g id="noria">
    <g id="patas">
      <path class="cls-1" d="M581.09,516.09s67.05-211.66,67.05-211.66l-95.8,211.65C554.53,516.17,581,516.11,581.09,516.09Z"/>
      <path class="cls-1" d="M743.93,516.25L648.18,304.33v0l67.14,211.9C714.49,516.3,737.35,516.37,743.93,516.25Z"/>
      <rect class="cls-2" x="524.4" y="516.13" width="247.24" height="12.44" rx="6.22" ry="6.22"/>
    </g>
    <g id="rueda">
      <circle class="cls-3" cx="648.22" cy="301.55" r="158.88"/>
      <path class="cls-2" d="M648.15,423.09h0.21a121.54,121.54,0,1,0,0-243.08h-0.21V159.66h0.21a141.89,141.89,0,0,1,0,283.79h-0.21V423.09Z"/>
      <path class="cls-2" d="M648.42,423.09h-0.21a121.54,121.54,0,1,1,0-243.08h0.21V159.66h-0.21a141.89,141.89,0,0,0,0,283.79h0.21V423.09Z"/>
      <path class="cls-1" d="M648.14,257.79a43.76,43.76,0,0,1,0,87.52V257.79Z"/>
      <path class="cls-1" d="M648.15,257.79a43.76,43.76,0,0,0,0,87.52V257.79Z"/>
    </g>
    <g id="brazos">
      <line class="cls-3" x1="733.52" y1="435.61" x2="563.03" y2="167.41"/>
      <line class="cls-3" x1="797.24" y1="356.77" x2="499.28" y2="246.11"/>
      <line class="cls-3" x1="797.16" y1="246.11" x2="499.2" y2="356.77"/>
      <line class="cls-3" x1="733.41" y1="167.41" x2="562.92" y2="435.61"/>
      <line class="cls-3" x1="648.22" y1="142.66" x2="648.22" y2="460.43"/>
    </g>
    <g id="cestas">
      <g class="cesta">
        <path class="cls-5" d="M801.41,357.53a24.71,24.71,0,0,0-4.14-.35V361a26.34,26.34,0,0,1,2.79.15c7.3,0.88,12.21,10.6,12.14,17.29h0c0,6.77-5.32,10.87-12.26,10.74q-1.33-.06-2.67-0.06v20.1h3.83c7.51-.25,13.64-6.44,13.56-13.56V377.94C814.64,370.9,809.6,359.08,801.41,357.53Z"/>
        <path class="cls-5" d="M793.13,357.53a24.71,24.71,0,0,1,4.14-.35V361a26.34,26.34,0,0,0-2.79.15c-7.3.88-12.21,10.6-12.14,17.29h0c0,6.77,5.32,10.87,12.26,10.74q1.33-.06,2.67-0.06v20.1h-3.83c-7.51-.25-13.64-6.44-13.56-13.56V377.94C779.89,370.9,784.93,359.08,793.13,357.53Z"/>
      </g>
      <g class="cesta">
        <path class="cls-5" d="M503.08,357.53a24.71,24.71,0,0,0-4.14-.35V361a26.34,26.34,0,0,1,2.79.15c7.3,0.88,12.21,10.6,12.14,17.29h0c0,6.77-5.32,10.87-12.26,10.74q-1.33-.06-2.67-0.06v20.1h3.83c7.51-.25,13.64-6.44,13.56-13.56V377.94C516.32,370.9,511.27,359.08,503.08,357.53Z"/>
        <path class="cls-5" d="M494.8,357.53a24.71,24.71,0,0,1,4.14-.35V361a26.34,26.34,0,0,0-2.79.15c-7.3.88-12.21,10.6-12.14,17.29h0c0,6.77,5.32,10.87,12.26,10.74q1.33-.06,2.67-0.06v20.1h-3.83c-7.51-.25-13.64-6.44-13.56-13.56V377.94C481.56,370.9,486.61,359.08,494.8,357.53Z"/>
      </g>
      <g class="cesta">
        <path class="cls-5" d="M503.34,247.09a24.71,24.71,0,0,0-4.14-.35v3.79a26.34,26.34,0,0,1,2.79.15c7.3,0.88,12.21,10.6,12.14,17.29h0c0,6.77-5.32,10.87-12.26,10.74q-1.33-.06-2.67-0.06v20.1H503c7.51-.25,13.64-6.44,13.56-13.56V267.5C516.58,260.46,511.53,248.64,503.34,247.09Z"/>
        <path class="cls-5" d="M495.06,247.09a24.71,24.71,0,0,1,4.14-.35v3.79a26.34,26.34,0,0,0-2.79.15c-7.3.88-12.21,10.6-12.14,17.29h0c0,6.77,5.32,10.87,12.26,10.74q1.33-.06,2.67-0.06v20.1h-3.83c-7.51-.25-13.64-6.44-13.56-13.56V267.5C481.82,260.46,486.87,248.64,495.06,247.09Z"/>
      </g>
      <g class="cesta">
        <path class="cls-5" d="M567.39,168.41a24.71,24.71,0,0,0-4.14-.35v3.79A26.34,26.34,0,0,1,566,172c7.3,0.88,12.21,10.6,12.14,17.29h0c0,6.77-5.32,10.87-12.26,10.74q-1.33-.06-2.67-0.06v20.1h3.83c7.51-.25,13.64-6.44,13.56-13.56V188.82C580.63,181.78,575.58,170,567.39,168.41Z"/>
        <path class="cls-5" d="M559.11,168.41a24.71,24.71,0,0,1,4.14-.35v3.79a26.34,26.34,0,0,0-2.79.15c-7.3.88-12.21,10.6-12.14,17.29h0c0,6.77,5.32,10.87,12.26,10.74q1.33-.06,2.67-0.06v20.1h-3.83c-7.51-.25-13.64-6.44-13.56-13.56V188.82C545.87,181.78,550.92,170,559.11,168.41Z"/>
      </g>
      <g class="cesta">
        <path class="cls-5" d="M566.81,436.21a24.71,24.71,0,0,0-4.14-.35v3.79a26.34,26.34,0,0,1,2.79.15c7.3,0.88,12.21,10.6,12.14,17.29h0c0,6.77-5.32,10.87-12.26,10.74q-1.33-.06-2.67-0.06v20.1h3.83c7.51-.25,13.64-6.44,13.56-13.56V456.62C580,449.57,575,437.75,566.81,436.21Z"/>
        <path class="cls-5" d="M558.53,436.21a24.71,24.71,0,0,1,4.14-.35v3.79a26.34,26.34,0,0,0-2.79.15c-7.3.88-12.21,10.6-12.14,17.29h0c0,6.77,5.32,10.87,12.26,10.74q1.33-.06,2.67-0.06v20.1h-3.83c-7.51-.25-13.64-6.44-13.56-13.56V456.62C545.29,449.57,550.34,437.75,558.53,436.21Z"/>
      </g>
      <g class="cesta">
        <path class="cls-5" d="M652.17,143a24.71,24.71,0,0,0-4.14-.35v3.79a26.34,26.34,0,0,1,2.79.15c7.3,0.88,12.21,10.6,12.14,17.29h0c0,6.77-5.32,10.87-12.26,10.74q-1.33-.06-2.67-0.06v20.1h3.83c7.51-.25,13.64-6.44,13.56-13.56V163.42C665.4,156.38,660.36,144.55,652.17,143Z"/>
        <path class="cls-5" d="M643.89,143a24.71,24.71,0,0,1,4.14-.35v3.79a26.34,26.34,0,0,0-2.79.15c-7.3.88-12.21,10.6-12.14,17.29h0c0,6.77,5.32,10.87,12.26,10.74q1.33-.06,2.67-0.06v20.1H644.2c-7.51-.25-13.64-6.44-13.56-13.56V163.42C630.65,156.38,635.69,144.55,643.89,143Z"/>
      </g>
      <g class="cesta">
        <path class="cls-5" d="M737.69,167.81a24.71,24.71,0,0,0-4.14-.35v3.79a26.34,26.34,0,0,1,2.79.15c7.3,0.88,12.21,10.6,12.14,17.29h0c0,6.77-5.32,10.87-12.26,10.74q-1.33-.06-2.67-0.06v20.1h3.83c7.51-.25,13.64-6.44,13.56-13.56V188.22C750.93,181.18,745.89,169.36,737.69,167.81Z"/>
        <path class="cls-5" d="M729.42,167.81a24.71,24.71,0,0,1,4.14-.35v3.79a26.34,26.34,0,0,0-2.79.15c-7.3.88-12.21,10.6-12.14,17.29h0c0,6.77,5.32,10.87,12.26,10.74q1.33-.06,2.67-0.06v20.1h-3.83c-7.51-.25-13.64-6.44-13.56-13.56V188.22C716.18,181.18,721.22,169.36,729.42,167.81Z"/>
      </g>
      <g class="cesta">
        <path class="cls-5" d="M801.3,247a24.71,24.71,0,0,0-4.14-.35v3.79a26.34,26.34,0,0,1,2.79.15c7.3,0.88,12.21,10.6,12.14,17.29h0c0,6.77-5.32,10.87-12.26,10.74q-1.33-.06-2.67-0.06v20.1H801c7.51-.25,13.64-6.44,13.56-13.56V267.36C814.53,260.32,809.49,248.49,801.3,247Z"/>
        <path class="cls-5" d="M793,247a24.71,24.71,0,0,1,4.14-.35v3.79a26.34,26.34,0,0,0-2.79.15c-7.3.88-12.21,10.6-12.14,17.29h0c0,6.77,5.32,10.87,12.26,10.74q1.33-.06,2.67-0.06v20.1h-3.83c-7.51-.25-13.64-6.44-13.56-13.56V267.36C779.78,260.32,784.82,248.49,793,247Z"/>
      </g>
      <g class="cesta">
        <path class="cls-5" d="M737.58,436a24.71,24.71,0,0,0-4.14-.35v3.79a26.34,26.34,0,0,1,2.79.15c7.3,0.88,12.21,10.6,12.14,17.29h0c0,6.77-5.32,10.87-12.26,10.74q-1.33-.06-2.67-0.06v20.1h3.83c7.51-.25,13.64-6.44,13.56-13.56V456.39C750.82,449.34,745.78,437.52,737.58,436Z"/>
        <path class="cls-5" d="M729.3,436a24.71,24.71,0,0,1,4.14-.35v3.79a26.34,26.34,0,0,0-2.79.15c-7.3.88-12.21,10.6-12.14,17.29h0c0,6.77,5.32,10.87,12.26,10.74q1.33-.06,2.67-0.06v20.1h-3.83c-7.51-.25-13.64-6.44-13.56-13.56V456.39C716.07,449.34,721.11,437.52,729.3,436Z"/>
      </g>
      <g class="cesta">
        <path class="cls-5" d="M652.28,461a27.42,27.42,0,0,0-4.36-.35v3.79c0.93,0,2.08,0,3,.15,7.3,0.88,12.21,10.6,12.14,17.29h0c0,6.77-5.32,10.87-12.26,10.74-0.89,0-2-.06-2.89-0.06v20.1H652c7.51-.25,13.64-6.44,13.56-13.56V481.42C665.52,474.38,660.47,462.55,652.28,461Z"/>
        <path class="cls-5" d="M643.78,461a24.71,24.71,0,0,1,4.14-.35v3.79a26.34,26.34,0,0,0-2.79.15c-7.3.88-12.21,10.6-12.14,17.29h0c0,6.77,5.32,10.87,12.26,10.74q1.33-.06,2.67-0.06v20.1h-3.83c-7.51-.25-13.64-6.44-13.56-13.56V481.42C630.54,474.38,635.58,462.55,643.78,461Z"/>
      </g>
    </g>
  </symbol>
  <!-- Symbol: Circo ------->
  <symbol id="circo-svg">
    <!--tejado: línea 2 -->
  	<path style="fill:#762748;" d="M223.503,217.88c5.972,20.817,24.016,36.624,29.74,50.88c6.248,15.562,0.126,28.945,5.46,36.69   l-17.65,18.31h-35.1l-17.65-18.31c5.455-7.929-6.471-15.069-0.06-31.19C193.831,260.207,217.682,238.157,223.503,217.88z"/>

    <!--tejado: línea 1 -->
  	<path style="fill:#e3be6e;" d="M223.503,217.88c-12.5,43.54-24.99,72.73-35.2,87.57l-16.05,16.81h-32.08l-26.91-16.81   C145.243,290.61,184.373,261.42,223.503,217.88z"/>

    <!--tejado: línea 3 -->
    <path style="fill:#e3be6e;" d="M333.733,305.45l-26.9,12.31h-32.09l-16.04-12.31c-10.22-14.84-22.71-44.03-35.2-87.57   C262.623,261.42,301.753,290.61,333.733,305.45z"/>

    <!--base: líneas rojas-->
  		<polygon style="fill:#762748;" points="333.733,305.45 306.833,305.45 291.743,319.26 274.743,305.45 258.703,305.45     245.775,305.45 241.053,305.45 205.953,305.45 201.232,305.45 188.303,305.45 172.253,305.45 156.243,319.26 140.173,305.45     113.263,305.45 111.803,305.45 120.493,389.15 146.443,389.15 176.023,389.15 200.033,389.15 246.963,389.15 270.973,389.15     300.563,389.15 326.513,389.15 335.203,305.45   "/>

  	<!--base: línea amarilla-->
  	<polygon style="fill:#e3be6e;" points="306.833,305.45 300.563,389.15 270.973,389.15 274.743,305.45  "/>

    <!--base: línea amarilla-->
  	<path style="fill:#e3be6e;" d="M241.053,305.45l-0.67,45.016l-2.46,0.691c-1.21-0.453-2.49-0.691-3.82-0.691h-21.21   c-2,0-3.89,0.548-5.58,1.514l-0.69-1.514l-0.67-45.016H241.053z"/>

    <!--base: línea amarilla-->
  	<polygon style="fill:#e3be6e;" points="172.253,305.45 176.023,389.15 146.443,389.15 140.173,305.45  "/>

    <!-- entrada -->
  	<path style="fill:#331e30;" d="M246.963,356.07v33.08h-46.93v-33.08c0-5.1,2.98-9.51,7.28-11.59c1.69-0.81,3.58-1.27,5.58-1.27   h21.21c1.33,0,2.61,0.2,3.82,0.58C243.163,345.42,246.963,350.3,246.963,356.07z"/>

    <!--bandera-->
  	<polygon style="fill:#762748;" points="253,202.48 224,211.156 224,193.813  "/>
  </symbol>

  <!-- Symbol: Titulo ------->
  <symbol id="titulo-svg">
    <defs>
      <path id="titulopath" d="M50,260 Q425,100 800,260"/>
      <path id="titulopath2" d="M50,560 Q425,680 800,560"/>
    </defs>

    <text fill="#EF615E" font-size="110" transform="scale(.71)" font-family="Ewert">
      <textPath xlink:href="#titulopath">Gran Circo</textPath>
      <textPath xlink:href="#titulopath2">Magníficus</textPath>
     </text>

  </symbol>
</svg>
  
  
<!-- Estructura compuesta ---------------------------------------->  

<svg class="banner" width="600" height="500" viewbox="0 0 600 500">

  <g class="chica">
      <use xlink:href="#chica-svg" /> 
  </g>
  
  <g class="slide slide1">
  <text x="50%" text-anchor="middle" y="300" font-size="80">
      Trapecistas
    </text>
  </g>

  <g class="slide slide2">
  <text x="50%" text-anchor="middle" y="300" font-size="80">
      Malabaristas
    </text>
  </g>
  <g class="slide slide3">
  <text x="50%" text-anchor="middle" y="300" font-size="80">
      Payasos
    </text>
  </g>
   <g class="slide slide4">
     <use xlink:href="#noria-svg" x="0" y="-50" width="750" transform="translate(-100)" />
    <text x="50%" text-anchor="middle" y="400" font-size="80">
      ¡Y la noria!
    </text>
  </g>
  <g class="circo">
    <g transform="translate(80 -35)">
      <use xlink:href="#circo-svg" />
    </g>
  </g>
  <g class="slide slide-final">
    <use xlink:href="#titulo-svg" />
  </g>

</svg>
/* CSS general ------------------------*/

html,
body{
  height: 100%;
}

body{
  background-color: #762647;
  text-align: center;
  display: flex;
  margin: 0;
}

.banner{
  border: 1px solid rgba(0,0,0,.3);
  margin: auto;
  background-color: #bcd9c6;
}

/* CSS de los symbols -----------------------*/

/* Symbol: noria -------*/

.cls-1 {
  fill: #E4BE68;
}

.cls-2 {
  fill: #F05E59;
}

.cls-3 {
  fill: none;
  stroke: #F05E59;
}

.cls-5 {
  fill: #772548;
  stroke-width: 1px;
  stroke: #772548;
}

#brazos {
  animation: rotate-out 5s linear infinite;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes rotate-out {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(180deg)
  }
}

#cestas {
  animation: cabin-transit 5s linear infinite;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes cabin-transit {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(180deg)
  }
}

.cesta {
  animation: cabin-transform 5s linear infinite;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes cabin-transform {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-180deg)
  }
}


/* Symbol: Chica -------*/
.st5{fill:url(#patron-vestido);}
.st0{fill:#F0DBCA;}
.st1{fill:url(#SVGID_1_);}
.st2{fill:url(#SVGID_2_);}
.st3{fill:url(#SVGID_3_);}
.st4{fill:#62A34D;}
.st6{fill:#221F1F;}
.st7{fill:#AFAFAF;}
.st8{fill:#e3be70;}
.st9{fill:#762647;}
.st10{fill:#ef615f;}
.st11{fill:url(#SVGID_4_);}


/* CSS de la animación ----------------------*/

.slide{
  fill: #ef615e;
  opacity: 0;
  font-family: 'Titillium Web';
}

.chica{
  transform: translate(500px, 0);
  animation: chicazoom 4s 2s forwards;
}

.slide1{
  animation: aparece 2s 4s;
}

.slide2{
  animation: aparece 2s 6s;
}
.slide3{
  animation: aparece 2s 8s;
}

.slide4{
  animation: aparece 6s 10s;
}

.circo{
  opacity: 0;
  transform: scale(4) translate(-198px, -180px);
  animation: circofinal 2s 16s forwards;
}

.slide-final{
  animation: final 2s 16s forwards;
}

@keyframes chicazoom{
  100%{
      transform: translate(-200px, 0);
      opacity: 0;
  }
}


@keyframes aparece{
  50%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}

@keyframes final{
  100%{
    opacity: 1;
  }
}

@keyframes circofinal{
  100%{
    opacity: 1;
    transform: scale(1);
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.