GET https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/es/media/381-locomotora-de-vapor

Response
200 OK
IP
216.73.216.102
Profiled on
Token
c18106

Components

19 Twig Components
32 Render Count
144 ms Render Time
16.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 12.66ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 3.08ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 1.73ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 10.65ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 81.58ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 40.71ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 38.11ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.93ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 7.41ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 4.19ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 35.14ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 33.11ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 1.11ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.81ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.72ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 2.08ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 0.63ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 39.19ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 2.90ms

Render calls

Store:User App\Twig\Components\Store\User 16.0 MiB 10.65 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3991
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3992 …}
}
Header 
[Anonymous]
 16.0 MiB 81.58 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4022
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 16.0 MiB 40.71 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 {#4048
  -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]
 16.0 MiB 38.11 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4104
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 16.0 MiB 0.93 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4128
  -props: []
}
Header:LocalePicker 
[Anonymous]
 16.0 MiB 7.41 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4145
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.70 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 {#4170
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 16.0 MiB 4.19 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4162
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.71 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/es/login?next=/es/media/381-locomotora-de-vapor"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/es/login?next=/es/media/381-locomotora-de-vapor"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4248
  +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 16.0 MiB 1.44 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/es/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/es/subscribe/"
]
Component 
App\Twig\Components\Button {#4262
  +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 16.0 MiB 35.14 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#4086
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1498 …}
}
Dialog 
[Anonymous]
 16.0 MiB 33.11 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 {#4299
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.14 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 {#4333
  +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 16.0 MiB 1.08 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/381-steam-locomotive"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/381-steam-locomotive"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4364
  +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 16.0 MiB 1.17 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/381-locomotive-a-vapeur"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/381-locomotive-a-vapeur"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4401
  +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 16.0 MiB 1.89 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/es/media/381-locomotora-de-vapor"
  "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/381-locomotora-de-vapor"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4420
  +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 16.0 MiB 1.47 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/381-dampflokomotive"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/381-dampflokomotive"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4440
  +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 16.0 MiB 1.11 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#4039
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 16.0 MiB 0.81 ms
Input props 
[
  "title" => "Objetivos de aprendizaje"
  "media" => [
    "id" => 381
    "title" => "Locomotora de vapor"
    "slug" => "locomotora-de-vapor"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
    ]
    "thumbnailBackground" => "#00b7ad"
    "publishedAt" => DateTimeImmutable @1431388800 {#1406
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Representar la famosa aplicaci&oacute;n de la m&aacute;quina de vapor.</li>\r\n
      \t<li>Explicar la forma en que operan las locomotoras de vapor.&nbsp;</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Una m&aacute;quina de vapor convierte la energ&iacute;a t&eacute;rmica (calor) en energ&iacute;a m&eacute;canica (trabajo) a traves de los siguientes procesos:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Se quema carb&oacute;n en una caldera (combusti&oacute;n).</li>\r\n
      \t<li>Se recupera calor para calentar agua y convertirla en vapor.</li>\r\n
      \t<li>Se calienta y se guarda el vapor obtenido para obtener vapor a alta presi&oacute;n (vapor activo).</li>\r\n
      \t<li>La presi&oacute;n generada se usa para empujar un pist&oacute;n dentro de un cil&iacute;ndro.&nbsp;</li>\r\n
      \t<li>Se transforma el movimiento de traslaci&oacute;n del pist&oacute;n en movimiento de rotaci&oacute;n con un sistema de manivela.&nbsp;</li>\r\n
      \t<li>La combusti&oacute;n de gases y el vapor expandido son expulsados.</li>\r\n
      </ul>\r\n
      \r\n
      <p>Las primeras locomotoras de v&aacute;por se crearon a principios de 1800 despu&eacute;s de la invenci&oacute;n de la m&aacute;quina vapor. Se mejor&oacute; de manera importante la eficiencia con el principio de la maquina de doble acc&oacute;n en la cual una v&aacute;lvula deslizable distribuye la presi&oacute;n tanto en la derecha como en la izquierda para que el pist&oacute;n se mueva en ambas direcciones.</p>\r\n
      \r\n
      <p>El pist&oacute;n se conecta a un eje (eje motor) y unas varillas sujetas al eje mueven los otros ejes. Las locomotoras m&aacute;s largas tienen 5 ejes motores (10 ruedas para los locomotoras tipo &quot;Santa Fe&quot;).</p>\r\n
      \r\n
      <p>La baja potencia del vapor explica que hayan desaparecido en 1960 para abrir paso &nbsp;al diesel y los motores el&eacute;ctricos. Sin embargo, su uso durante 150 a&ntilde;os acompa&ntilde;&oacute; a uno de los cambios m&aacute;s importantes de nuestra historia: la revoluci&oacute;n industrial</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3748
        #id: 549
        #title: "Fahrenheit Celsius Kelvin"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/549-6545f3aa310f4025273341.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/549-6545f3aa310f4025273341.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/549-6545f3aa310f4025273341.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#3205
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "fahrenheit-celsius-kelvin"
      }
      App\Entity\vo\MediaCardLight {#3750
        #id: 944
        #title: "Cuerpo negro"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/944-6545f4847db17640270219.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/944-6545f4847db17640270219.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/944-6545f4847db17640270219.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1748736000 {#3325
          date: 2025-06-01 00:00:00.0 UTC (+00:00)
        }
        #isExpert: true
        #slug: "cuerpo-negro"
      }
      App\Entity\vo\MediaCardLight {#3751
        #id: 678
        #title: "Celdas de convección"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/678-6545f4022ee72822610556.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/678-6545f4022ee72822610556.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/678-6545f4022ee72822610556.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1431302400 {#3273
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "celdas-de-conveccion"
      }
      App\Entity\vo\MediaCardLight {#3752
        #id: 132
        #title: "Quiz Bicicleta"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
        ]
        #thumbnailBackground: "#b51d8e"
        #publishedAt: DateTimeImmutable @1440201600 {#3175
          date: 2015-08-22 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quiz-bicicleta"
      }
      App\Entity\vo\MediaCardLight {#3753
        #id: 826
        #title: "Video: Ecomovilidad"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1434499200 {#3298
          date: 2015-06-17 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-ecomovilidad"
      }
    ]
    "tags" => [
      "energía"
      "infrarrojo"
      "locomotora"
      "motor"
      "máquina"
      "piston"
      "revolución industrial"
      "tren"
      "vapor"
      "walschaerts"
      "watt"
    ]
    "baseNodeName" => "Física"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Objetivos de aprendizaje"
  "media" => [
    "id" => 381
    "title" => "Locomotora de vapor"
    "slug" => "locomotora-de-vapor"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
    ]
    "thumbnailBackground" => "#00b7ad"
    "publishedAt" => DateTimeImmutable @1431388800 {#1406
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Representar la famosa aplicaci&oacute;n de la m&aacute;quina de vapor.</li>\r\n
      \t<li>Explicar la forma en que operan las locomotoras de vapor.&nbsp;</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Una m&aacute;quina de vapor convierte la energ&iacute;a t&eacute;rmica (calor) en energ&iacute;a m&eacute;canica (trabajo) a traves de los siguientes procesos:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Se quema carb&oacute;n en una caldera (combusti&oacute;n).</li>\r\n
      \t<li>Se recupera calor para calentar agua y convertirla en vapor.</li>\r\n
      \t<li>Se calienta y se guarda el vapor obtenido para obtener vapor a alta presi&oacute;n (vapor activo).</li>\r\n
      \t<li>La presi&oacute;n generada se usa para empujar un pist&oacute;n dentro de un cil&iacute;ndro.&nbsp;</li>\r\n
      \t<li>Se transforma el movimiento de traslaci&oacute;n del pist&oacute;n en movimiento de rotaci&oacute;n con un sistema de manivela.&nbsp;</li>\r\n
      \t<li>La combusti&oacute;n de gases y el vapor expandido son expulsados.</li>\r\n
      </ul>\r\n
      \r\n
      <p>Las primeras locomotoras de v&aacute;por se crearon a principios de 1800 despu&eacute;s de la invenci&oacute;n de la m&aacute;quina vapor. Se mejor&oacute; de manera importante la eficiencia con el principio de la maquina de doble acc&oacute;n en la cual una v&aacute;lvula deslizable distribuye la presi&oacute;n tanto en la derecha como en la izquierda para que el pist&oacute;n se mueva en ambas direcciones.</p>\r\n
      \r\n
      <p>El pist&oacute;n se conecta a un eje (eje motor) y unas varillas sujetas al eje mueven los otros ejes. Las locomotoras m&aacute;s largas tienen 5 ejes motores (10 ruedas para los locomotoras tipo &quot;Santa Fe&quot;).</p>\r\n
      \r\n
      <p>La baja potencia del vapor explica que hayan desaparecido en 1960 para abrir paso &nbsp;al diesel y los motores el&eacute;ctricos. Sin embargo, su uso durante 150 a&ntilde;os acompa&ntilde;&oacute; a uno de los cambios m&aacute;s importantes de nuestra historia: la revoluci&oacute;n industrial</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3748
        #id: 549
        #title: "Fahrenheit Celsius Kelvin"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/549-6545f3aa310f4025273341.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/549-6545f3aa310f4025273341.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/549-6545f3aa310f4025273341.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#3205
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "fahrenheit-celsius-kelvin"
      }
      App\Entity\vo\MediaCardLight {#3750
        #id: 944
        #title: "Cuerpo negro"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/944-6545f4847db17640270219.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/944-6545f4847db17640270219.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/944-6545f4847db17640270219.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1748736000 {#3325
          date: 2025-06-01 00:00:00.0 UTC (+00:00)
        }
        #isExpert: true
        #slug: "cuerpo-negro"
      }
      App\Entity\vo\MediaCardLight {#3751
        #id: 678
        #title: "Celdas de convección"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/678-6545f4022ee72822610556.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/678-6545f4022ee72822610556.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/678-6545f4022ee72822610556.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1431302400 {#3273
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "celdas-de-conveccion"
      }
      App\Entity\vo\MediaCardLight {#3752
        #id: 132
        #title: "Quiz Bicicleta"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
        ]
        #thumbnailBackground: "#b51d8e"
        #publishedAt: DateTimeImmutable @1440201600 {#3175
          date: 2015-08-22 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quiz-bicicleta"
      }
      App\Entity\vo\MediaCardLight {#3753
        #id: 826
        #title: "Video: Ecomovilidad"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1434499200 {#3298
          date: 2015-06-17 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-ecomovilidad"
      }
    ]
    "tags" => [
      "energía"
      "infrarrojo"
      "locomotora"
      "motor"
      "máquina"
      "piston"
      "revolución industrial"
      "tren"
      "vapor"
      "walschaerts"
      "watt"
    ]
    "baseNodeName" => "Física"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4472
  -props: [
    "title" => "Objetivos de aprendizaje"
    "media" => [
      "id" => 381
      "title" => "Locomotora de vapor"
      "slug" => "locomotora-de-vapor"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
        "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
        "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
      ]
      "thumbnailBackground" => "#00b7ad"
      "publishedAt" => DateTimeImmutable @1431388800 {#1406
        date: 2015-05-12 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Representar la famosa aplicaci&oacute;n de la m&aacute;quina de vapor.</li>\r\n
        \t<li>Explicar la forma en que operan las locomotoras de vapor.&nbsp;</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>Una m&aacute;quina de vapor convierte la energ&iacute;a t&eacute;rmica (calor) en energ&iacute;a m&eacute;canica (trabajo) a traves de los siguientes procesos:</p>\r\n
        \r\n
        <ul>\r\n
        \t<li>Se quema carb&oacute;n en una caldera (combusti&oacute;n).</li>\r\n
        \t<li>Se recupera calor para calentar agua y convertirla en vapor.</li>\r\n
        \t<li>Se calienta y se guarda el vapor obtenido para obtener vapor a alta presi&oacute;n (vapor activo).</li>\r\n
        \t<li>La presi&oacute;n generada se usa para empujar un pist&oacute;n dentro de un cil&iacute;ndro.&nbsp;</li>\r\n
        \t<li>Se transforma el movimiento de traslaci&oacute;n del pist&oacute;n en movimiento de rotaci&oacute;n con un sistema de manivela.&nbsp;</li>\r\n
        \t<li>La combusti&oacute;n de gases y el vapor expandido son expulsados.</li>\r\n
        </ul>\r\n
        \r\n
        <p>Las primeras locomotoras de v&aacute;por se crearon a principios de 1800 despu&eacute;s de la invenci&oacute;n de la m&aacute;quina vapor. Se mejor&oacute; de manera importante la eficiencia con el principio de la maquina de doble acc&oacute;n en la cual una v&aacute;lvula deslizable distribuye la presi&oacute;n tanto en la derecha como en la izquierda para que el pist&oacute;n se mueva en ambas direcciones.</p>\r\n
        \r\n
        <p>El pist&oacute;n se conecta a un eje (eje motor) y unas varillas sujetas al eje mueven los otros ejes. Las locomotoras m&aacute;s largas tienen 5 ejes motores (10 ruedas para los locomotoras tipo &quot;Santa Fe&quot;).</p>\r\n
        \r\n
        <p>La baja potencia del vapor explica que hayan desaparecido en 1960 para abrir paso &nbsp;al diesel y los motores el&eacute;ctricos. Sin embargo, su uso durante 150 a&ntilde;os acompa&ntilde;&oacute; a uno de los cambios m&aacute;s importantes de nuestra historia: la revoluci&oacute;n industrial</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3748
          #id: 549
          #title: "Fahrenheit Celsius Kelvin"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/549-6545f3aa310f4025273341.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/549-6545f3aa310f4025273341.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/549-6545f3aa310f4025273341.webp"
          ]
          #thumbnailBackground: "#00a751"
          #publishedAt: DateTimeImmutable @1431302400 {#3205
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "fahrenheit-celsius-kelvin"
        }
        App\Entity\vo\MediaCardLight {#3750
          #id: 944
          #title: "Cuerpo negro"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/944-6545f4847db17640270219.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/944-6545f4847db17640270219.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/944-6545f4847db17640270219.webp"
          ]
          #thumbnailBackground: "#462f92"
          #publishedAt: DateTimeImmutable @1748736000 {#3325
            date: 2025-06-01 00:00:00.0 UTC (+00:00)
          }
          #isExpert: true
          #slug: "cuerpo-negro"
        }
        App\Entity\vo\MediaCardLight {#3751
          #id: 678
          #title: "Celdas de convección"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/678-6545f4022ee72822610556.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/678-6545f4022ee72822610556.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/678-6545f4022ee72822610556.webp"
          ]
          #thumbnailBackground: "#ee1b2e"
          #publishedAt: DateTimeImmutable @1431302400 {#3273
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "celdas-de-conveccion"
        }
        App\Entity\vo\MediaCardLight {#3752
          #id: 132
          #title: "Quiz Bicicleta"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
          ]
          #thumbnailBackground: "#b51d8e"
          #publishedAt: DateTimeImmutable @1440201600 {#3175
            date: 2015-08-22 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "quiz-bicicleta"
        }
        App\Entity\vo\MediaCardLight {#3753
          #id: 826
          #title: "Video: Ecomovilidad"
          #mediaType: "video"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
          ]
          #thumbnailBackground: "#f25821"
          #publishedAt: DateTimeImmutable @1434499200 {#3298
            date: 2015-06-17 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "video-ecomovilidad"
        }
      ]
      "tags" => [
        "energía"
        "infrarrojo"
        "locomotora"
        "motor"
        "máquina"
        "piston"
        "revolución industrial"
        "tren"
        "vapor"
        "walschaerts"
        "watt"
      ]
      "baseNodeName" => "Física"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 16.0 MiB 0.72 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 {#4494
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 16.0 MiB 1.22 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4510
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 16.0 MiB 2.08 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4534
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 16.0 MiB 0.63 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4570
    -content: "Más de 1000 recursos"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Más de 1000 recursos"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4572
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4570
      -content: "Más de 1000 recursos"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 16.0 MiB 39.19 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 {#4556
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.06 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 {#4816
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 16.0 MiB 0.51 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4601
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 0.84 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3748
    #id: 549
    #title: "Fahrenheit Celsius Kelvin"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/549-6545f3aa310f4025273341.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/549-6545f3aa310f4025273341.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/549-6545f3aa310f4025273341.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#3205
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "fahrenheit-celsius-kelvin"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4683
  -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 {#3748
    #id: 549
    #title: "Fahrenheit Celsius Kelvin"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/549-6545f3aa310f4025273341.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/549-6545f3aa310f4025273341.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/549-6545f3aa310f4025273341.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#3205
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "fahrenheit-celsius-kelvin"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 0.56 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3750
    #id: 944
    #title: "Cuerpo negro"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/944-6545f4847db17640270219.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/944-6545f4847db17640270219.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/944-6545f4847db17640270219.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1748736000 {#3325
      date: 2025-06-01 00:00:00.0 UTC (+00:00)
    }
    #isExpert: true
    #slug: "cuerpo-negro"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4896
  -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 {#3750
    #id: 944
    #title: "Cuerpo negro"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/944-6545f4847db17640270219.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/944-6545f4847db17640270219.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/944-6545f4847db17640270219.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1748736000 {#3325
      date: 2025-06-01 00:00:00.0 UTC (+00:00)
    }
    #isExpert: true
    #slug: "cuerpo-negro"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 0.56 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3751
    #id: 678
    #title: "Celdas de convección"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/678-6545f4022ee72822610556.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/678-6545f4022ee72822610556.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/678-6545f4022ee72822610556.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1431302400 {#3273
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "celdas-de-conveccion"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4924
  -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 {#3751
    #id: 678
    #title: "Celdas de convección"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/678-6545f4022ee72822610556.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/678-6545f4022ee72822610556.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/678-6545f4022ee72822610556.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1431302400 {#3273
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "celdas-de-conveccion"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 0.49 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3752
    #id: 132
    #title: "Quiz Bicicleta"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
    ]
    #thumbnailBackground: "#b51d8e"
    #publishedAt: DateTimeImmutable @1440201600 {#3175
      date: 2015-08-22 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quiz-bicicleta"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4944
  -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 {#3752
    #id: 132
    #title: "Quiz Bicicleta"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
    ]
    #thumbnailBackground: "#b51d8e"
    #publishedAt: DateTimeImmutable @1440201600 {#3175
      date: 2015-08-22 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quiz-bicicleta"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 0.63 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3753
    #id: 826
    #title: "Video: Ecomovilidad"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1434499200 {#3298
      date: 2015-06-17 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-ecomovilidad"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4963
  -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 {#3753
    #id: 826
    #title: "Video: Ecomovilidad"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1434499200 {#3298
      date: 2015-06-17 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-ecomovilidad"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 16.0 MiB 2.90 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4519
  -props: []
}