GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/es/media/683-puente-golden-gate

Response
200 OK
IP
216.73.216.102
Profiled on
Token
de11a7

Components

19 Twig Components
32 Render Count
215 ms Render Time
12.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 33.36ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 16.73ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 2.55ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 2.29ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 64.08ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 36.66ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 35.01ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 11.34ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 5.21ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 13.41ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 23.99ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 22.67ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.91ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.84ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.70ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 14.41ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 0.93ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 104.74ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 7.29ms

Render calls

Store:User App\Twig\Components\Store\User 12.0 MiB 2.29 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3735
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3736 …}
}
Header 
[Anonymous]
 12.0 MiB 64.08 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3766
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 12.0 MiB 36.66 ms
Input props 
[
  "data-compo" => "Header"
  "tag" => "header"
  "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
  "data-header-sticky" => "yes"
]
Attributes 
[
  "data-compo" => "Header"
  "tag" => "header"
  "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
  "data-header-sticky" => "yes"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3792
  -props: [
    "data-compo" => "Header"
    "tag" => "header"
    "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
    "data-header-sticky" => "yes"
  ]
}
Header:Anonymous 
[Anonymous]
 12.0 MiB 35.01 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3848
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 12.0 MiB 11.34 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3872
  -props: []
}
Header:LocalePicker 
[Anonymous]
 12.0 MiB 5.21 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3889
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 1.80 ms
Input props 
[
  "data-compo" => "Header/LocalePicker"
  "tag" => "button"
  "hoverScheme" => "none"
  "darkColor" => "domain"
  "class" => "text-center"
  "afterIcon" => "expand_more"
  "command" => "show-modal"
  "commandfor" => "language-picker-dialog"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "Header/LocalePicker"
  "tag" => "button"
  "class" => "text-center"
  "afterIcon" => "expand_more"
  "command" => "show-modal"
  "commandfor" => "language-picker-dialog"
]
Component 
App\Twig\Components\Button {#3914
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 12.0 MiB 13.41 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3906
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 1.30 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/es/login?next=/es/media/683-puente-golden-gate"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/es/login?next=/es/media/683-puente-golden-gate"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#3992
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 12.0 MiB 1.39 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/es/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/es/subscribe/"
]
Component 
App\Twig\Components\Button {#4006
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Dialog:LocalePicker App\Twig\Components\Dialog\LocalePicker 12.0 MiB 23.99 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3830
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1489 …}
}
Dialog 
[Anonymous]
 12.0 MiB 22.67 ms
Input props 
[
  "data-compo" => "Dialog/LocalePicker"
  "id" => "language-picker-dialog"
]
Attributes 
[
  "data-compo" => "Dialog/LocalePicker"
  "id" => "language-picker-dialog"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4043
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 1.62 ms
Input props 
[
  "tag" => "button"
  "size" => "small"
  "afterIcon" => "close"
  "class" => "mb-bento"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "command" => "close"
  "commandfor" => "language-picker-dialog"
]
Attributes 
[
  "tag" => "button"
  "afterIcon" => "close"
  "class" => "mb-bento"
  "command" => "close"
  "commandfor" => "language-picker-dialog"
]
Component 
App\Twig\Components\Button {#4077
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 12.0 MiB 11.09 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/683-golden-gate-bridge"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/683-golden-gate-bridge"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4108
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 12.0 MiB 1.18 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/683-le-golden-gate"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/683-le-golden-gate"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4145
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 12.0 MiB 1.26 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/es/media/683-puente-golden-gate"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => "done"
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/es/media/683-puente-golden-gate"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4164
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 12.0 MiB 1.11 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/683-golden-gate-bridge"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/683-golden-gate-bridge"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4184
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Banner:UserBanners App\Twig\Components\Banner\UserBanners 12.0 MiB 0.91 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3783
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 12.0 MiB 0.84 ms
Input props 
[
  "title" => "Objetivos de aprendizaje"
  "media" => [
    "id" => 683
    "title" => "Puente Golden Gate"
    "slug" => "puente-golden-gate"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
    ]
    "thumbnailBackground" => "#f6adcc"
    "publishedAt" => DateTimeImmutable @1440288000 {#1381
      date: 2015-08-23 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Resumir y simplificar los pasos principales durante la creaci&oacute;n de una obra de arte.</li>\r\n
      \t<li>Dar a conocer una excepcional herencia industrial.</li>\r\n
      \t<li>Promover carreras en ingenier&iacute;a civil .</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>El puente Golden Gate tard&oacute;&nbsp;4 a&ntilde;os en ser construido.</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Lugar: San Francisco (Estados Unidos)</li>\r\n
      \t<li>Ceremonia de inauguraci&oacute;n: 27 de Mayo de 1937</li>\r\n
      \t<li>Vano central: 1,280&nbsp;m</li>\r\n
      \t<li>Largo total: 2,737&nbsp;m</li>\r\n
      \t<li>Altura de las torres: 227&nbsp;m (de los cuales 67&nbsp;m se encuentran debajo del vano)</li>\r\n
      \t<li>Peso del acero: 894,500 toneladas (=&nbsp;2.5&nbsp;<em>Empire State Building</em>)</li>\r\n
      \t<li>N&uacute;mero de roblones: 1,200,000</li>\r\n
      \t<li>N&uacute;mero de alambres de acero: 27,572 en cada cable</li>\r\n
      \t<li>Largo del cable: 2,332&nbsp;m</li>\r\n
      \t<li>Di&aacute;metro del cable: 92,4&nbsp;cm</li>\r\n
      \t<li>Tiempo de construcci&oacute;n: 4&nbsp;a&ntilde;os</li>\r\n
      \t<li>Costo: 27&nbsp;millones de d&oacute;lares</li>\r\n
      \t<li>P&eacute;rdidas humanas: 11&nbsp;muertes (un record en ese tiempo) &ndash; Se salvaron 19 vidas gracias a la red de seguridad (<em>Safety Net</em>)</li>\r\n
      </ul>\r\n
      \r\n
      <p>El Golden Gate es un puente colgante (v&eacute;ase la animaci&oacute;n de EduMedia de los diferentes <a href="/es/media/635-puentes-fuerzas">tipos de&nbsp;puentes</a>).</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3492
        #id: 467
        #title: "Quiz puentes"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431388800 {#2912
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quiz-puentes"
      }
      App\Entity\vo\MediaCardLight {#3494
        #id: 688
        #title: "Puente de la bahía de Sídney"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/688-6545f40965385430382541.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/688-6545f40965385430382541.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/688-6545f40965385430382541.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1440288000 {#3005
          date: 2015-08-23 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "puente-de-la-bahia-de-sidney"
      }
      App\Entity\vo\MediaCardLight {#3495
        #id: 633
        #title: "Puentes"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431388800 {#2959
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "puentes"
      }
      App\Entity\vo\MediaCardLight {#3496
        #id: 687
        #title: "Puente de Quebec (segundo puente)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1440374400 {#2982
          date: 2015-08-24 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "puente-de-quebec-segundo-puente"
      }
      App\Entity\vo\MediaCardLight {#3497
        #id: 759
        #title: "Esclusa"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/759-6545f4367f272039791004.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/759-6545f4367f272039791004.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/759-6545f4367f272039791004.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#3045
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "esclusa"
      }
    ]
    "tags" => [
      "arquitectura"
      "construcción"
      "golden gate"
      "puente colgante"
      "puentes"
      "san francisco"
    ]
    "baseNodeName" => "Tecnología"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Objetivos de aprendizaje"
  "media" => [
    "id" => 683
    "title" => "Puente Golden Gate"
    "slug" => "puente-golden-gate"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
    ]
    "thumbnailBackground" => "#f6adcc"
    "publishedAt" => DateTimeImmutable @1440288000 {#1381
      date: 2015-08-23 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Resumir y simplificar los pasos principales durante la creaci&oacute;n de una obra de arte.</li>\r\n
      \t<li>Dar a conocer una excepcional herencia industrial.</li>\r\n
      \t<li>Promover carreras en ingenier&iacute;a civil .</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>El puente Golden Gate tard&oacute;&nbsp;4 a&ntilde;os en ser construido.</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Lugar: San Francisco (Estados Unidos)</li>\r\n
      \t<li>Ceremonia de inauguraci&oacute;n: 27 de Mayo de 1937</li>\r\n
      \t<li>Vano central: 1,280&nbsp;m</li>\r\n
      \t<li>Largo total: 2,737&nbsp;m</li>\r\n
      \t<li>Altura de las torres: 227&nbsp;m (de los cuales 67&nbsp;m se encuentran debajo del vano)</li>\r\n
      \t<li>Peso del acero: 894,500 toneladas (=&nbsp;2.5&nbsp;<em>Empire State Building</em>)</li>\r\n
      \t<li>N&uacute;mero de roblones: 1,200,000</li>\r\n
      \t<li>N&uacute;mero de alambres de acero: 27,572 en cada cable</li>\r\n
      \t<li>Largo del cable: 2,332&nbsp;m</li>\r\n
      \t<li>Di&aacute;metro del cable: 92,4&nbsp;cm</li>\r\n
      \t<li>Tiempo de construcci&oacute;n: 4&nbsp;a&ntilde;os</li>\r\n
      \t<li>Costo: 27&nbsp;millones de d&oacute;lares</li>\r\n
      \t<li>P&eacute;rdidas humanas: 11&nbsp;muertes (un record en ese tiempo) &ndash; Se salvaron 19 vidas gracias a la red de seguridad (<em>Safety Net</em>)</li>\r\n
      </ul>\r\n
      \r\n
      <p>El Golden Gate es un puente colgante (v&eacute;ase la animaci&oacute;n de EduMedia de los diferentes <a href="/es/media/635-puentes-fuerzas">tipos de&nbsp;puentes</a>).</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3492
        #id: 467
        #title: "Quiz puentes"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431388800 {#2912
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quiz-puentes"
      }
      App\Entity\vo\MediaCardLight {#3494
        #id: 688
        #title: "Puente de la bahía de Sídney"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/688-6545f40965385430382541.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/688-6545f40965385430382541.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/688-6545f40965385430382541.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1440288000 {#3005
          date: 2015-08-23 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "puente-de-la-bahia-de-sidney"
      }
      App\Entity\vo\MediaCardLight {#3495
        #id: 633
        #title: "Puentes"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431388800 {#2959
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "puentes"
      }
      App\Entity\vo\MediaCardLight {#3496
        #id: 687
        #title: "Puente de Quebec (segundo puente)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1440374400 {#2982
          date: 2015-08-24 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "puente-de-quebec-segundo-puente"
      }
      App\Entity\vo\MediaCardLight {#3497
        #id: 759
        #title: "Esclusa"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/759-6545f4367f272039791004.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/759-6545f4367f272039791004.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/759-6545f4367f272039791004.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#3045
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "esclusa"
      }
    ]
    "tags" => [
      "arquitectura"
      "construcción"
      "golden gate"
      "puente colgante"
      "puentes"
      "san francisco"
    ]
    "baseNodeName" => "Tecnología"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4216
  -props: [
    "title" => "Objetivos de aprendizaje"
    "media" => [
      "id" => 683
      "title" => "Puente Golden Gate"
      "slug" => "puente-golden-gate"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
        "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
        "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
      ]
      "thumbnailBackground" => "#f6adcc"
      "publishedAt" => DateTimeImmutable @1440288000 {#1381
        date: 2015-08-23 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Resumir y simplificar los pasos principales durante la creaci&oacute;n de una obra de arte.</li>\r\n
        \t<li>Dar a conocer una excepcional herencia industrial.</li>\r\n
        \t<li>Promover carreras en ingenier&iacute;a civil .</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>El puente Golden Gate tard&oacute;&nbsp;4 a&ntilde;os en ser construido.</p>\r\n
        \r\n
        <ul>\r\n
        \t<li>Lugar: San Francisco (Estados Unidos)</li>\r\n
        \t<li>Ceremonia de inauguraci&oacute;n: 27 de Mayo de 1937</li>\r\n
        \t<li>Vano central: 1,280&nbsp;m</li>\r\n
        \t<li>Largo total: 2,737&nbsp;m</li>\r\n
        \t<li>Altura de las torres: 227&nbsp;m (de los cuales 67&nbsp;m se encuentran debajo del vano)</li>\r\n
        \t<li>Peso del acero: 894,500 toneladas (=&nbsp;2.5&nbsp;<em>Empire State Building</em>)</li>\r\n
        \t<li>N&uacute;mero de roblones: 1,200,000</li>\r\n
        \t<li>N&uacute;mero de alambres de acero: 27,572 en cada cable</li>\r\n
        \t<li>Largo del cable: 2,332&nbsp;m</li>\r\n
        \t<li>Di&aacute;metro del cable: 92,4&nbsp;cm</li>\r\n
        \t<li>Tiempo de construcci&oacute;n: 4&nbsp;a&ntilde;os</li>\r\n
        \t<li>Costo: 27&nbsp;millones de d&oacute;lares</li>\r\n
        \t<li>P&eacute;rdidas humanas: 11&nbsp;muertes (un record en ese tiempo) &ndash; Se salvaron 19 vidas gracias a la red de seguridad (<em>Safety Net</em>)</li>\r\n
        </ul>\r\n
        \r\n
        <p>El Golden Gate es un puente colgante (v&eacute;ase la animaci&oacute;n de EduMedia de los diferentes <a href="/es/media/635-puentes-fuerzas">tipos de&nbsp;puentes</a>).</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3492
          #id: 467
          #title: "Quiz puentes"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431388800 {#2912
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "quiz-puentes"
        }
        App\Entity\vo\MediaCardLight {#3494
          #id: 688
          #title: "Puente de la bahía de Sídney"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/688-6545f40965385430382541.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/688-6545f40965385430382541.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/688-6545f40965385430382541.webp"
          ]
          #thumbnailBackground: "#00a751"
          #publishedAt: DateTimeImmutable @1440288000 {#3005
            date: 2015-08-23 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "puente-de-la-bahia-de-sidney"
        }
        App\Entity\vo\MediaCardLight {#3495
          #id: 633
          #title: "Puentes"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
          ]
          #thumbnailBackground: "#00b7ad"
          #publishedAt: DateTimeImmutable @1431388800 {#2959
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "puentes"
        }
        App\Entity\vo\MediaCardLight {#3496
          #id: 687
          #title: "Puente de Quebec (segundo puente)"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
          ]
          #thumbnailBackground: "#ee1b2e"
          #publishedAt: DateTimeImmutable @1440374400 {#2982
            date: 2015-08-24 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "puente-de-quebec-segundo-puente"
        }
        App\Entity\vo\MediaCardLight {#3497
          #id: 759
          #title: "Esclusa"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/759-6545f4367f272039791004.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/759-6545f4367f272039791004.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/759-6545f4367f272039791004.webp"
          ]
          #thumbnailBackground: "#00a751"
          #publishedAt: DateTimeImmutable @1431302400 {#3045
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "esclusa"
        }
      ]
      "tags" => [
        "arquitectura"
        "construcción"
        "golden gate"
        "puente colgante"
        "puentes"
        "san francisco"
      ]
      "baseNodeName" => "Tecnología"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 12.0 MiB 0.70 ms
Input props 
[
  "width" => "600"
  "height" => "596"
  "class" => "max-w-none absolute"
]
Attributes 
[
  "width" => "600"
  "height" => "596"
  "class" => "max-w-none absolute"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4238
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 12.0 MiB 1.45 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4254
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 12.0 MiB 14.41 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4278
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 12.0 MiB 0.93 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4314
    -content: "Más de 1000 recursos"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Más de 1000 recursos"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4316
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4314
      -content: "Más de 1000 recursos"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 12.0 MiB 104.74 ms
Input props 
[
  "isDemoPage" => false
  "class" => "max-w-prose mx-auto"
]
Attributes 
[
  "isDemoPage" => false
  "class" => "max-w-prose mx-auto"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4300
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 12.62 ms
Input props 
[
  "tag" => "button"
  "type" => "submit"
  "darkColor" => "domain"
  "attributeString" => "id="demo_submit" name="demo[submit]" disabled="disabled""
]
Attributes 
[
  "tag" => "button"
  "type" => "submit"
  "attributeString" => "id="demo_submit" name="demo[submit]" disabled="disabled""
]
Component 
App\Twig\Components\Button {#4560
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 12.0 MiB 1.11 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4345
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 11.35 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3492
    #id: 467
    #title: "Quiz puentes"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431388800 {#2912
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quiz-puentes"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4427
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3492
    #id: 467
    #title: "Quiz puentes"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431388800 {#2912
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quiz-puentes"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 1.75 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3494
    #id: 688
    #title: "Puente de la bahía de Sídney"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/688-6545f40965385430382541.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/688-6545f40965385430382541.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/688-6545f40965385430382541.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1440288000 {#3005
      date: 2015-08-23 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "puente-de-la-bahia-de-sidney"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4640
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3494
    #id: 688
    #title: "Puente de la bahía de Sídney"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/688-6545f40965385430382541.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/688-6545f40965385430382541.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/688-6545f40965385430382541.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1440288000 {#3005
      date: 2015-08-23 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "puente-de-la-bahia-de-sidney"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 1.29 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3495
    #id: 633
    #title: "Puentes"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431388800 {#2959
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "puentes"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4668
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3495
    #id: 633
    #title: "Puentes"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431388800 {#2959
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "puentes"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 1.19 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3496
    #id: 687
    #title: "Puente de Quebec (segundo puente)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1440374400 {#2982
      date: 2015-08-24 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "puente-de-quebec-segundo-puente"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4687
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3496
    #id: 687
    #title: "Puente de Quebec (segundo puente)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1440374400 {#2982
      date: 2015-08-24 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "puente-de-quebec-segundo-puente"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 1.15 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3497
    #id: 759
    #title: "Esclusa"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/759-6545f4367f272039791004.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/759-6545f4367f272039791004.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/759-6545f4367f272039791004.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#3045
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "esclusa"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4706
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3497
    #id: 759
    #title: "Esclusa"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/759-6545f4367f272039791004.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/759-6545f4367f272039791004.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/759-6545f4367f272039791004.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#3045
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "esclusa"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 12.0 MiB 7.29 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4263
  -props: []
}