GET https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/es/media/681-sacacorchos

Response
200 OK
IP
216.73.216.102
Profiled on
Token
319e4b

Components

19 Twig Components
32 Render Count
163 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 23.72ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 3.60ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 9.71ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 10.05ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 61.98ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 25.42ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 23.65ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.81ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 14.90ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 3.28ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 24.05ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 22.94ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.53ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.38ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.42ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 11.13ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 0.70ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 49.88ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 14.91ms

Render calls

Store:User App\Twig\Components\Store\User 16.0 MiB 10.05 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3809
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3810 …}
}
Header 
[Anonymous]
 16.0 MiB 61.98 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3840
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 16.0 MiB 25.42 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 {#3866
  -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 23.65 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3922
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 16.0 MiB 0.81 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3946
  -props: []
}
Header:LocalePicker 
[Anonymous]
 16.0 MiB 14.90 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3963
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.55 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 {#3988
  +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 3.28 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3980
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.51 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/es/login?next=/es/media/681-sacacorchos"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/es/login?next=/es/media/681-sacacorchos"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4066
  +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.49 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/es/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/es/subscribe/"
]
Component 
App\Twig\Components\Button {#4080
  +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 24.05 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3904
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1489 …}
}
Dialog 
[Anonymous]
 16.0 MiB 22.94 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 {#4117
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.11 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 {#4151
  +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 14.78 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/681-corkscrew"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/681-corkscrew"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4182
  +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 0.72 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/681-tire-bouchon"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/681-tire-bouchon"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4219
  +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 0.70 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/es/media/681-sacacorchos"
  "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/681-sacacorchos"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4238
  +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 0.73 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/681-korkenzieher"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/681-korkenzieher"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4258
  +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 0.53 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3857
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 16.0 MiB 0.38 ms
Input props 
[
  "title" => "Objetivos de aprendizaje"
  "media" => [
    "id" => 681
    "title" => "Sacacorchos"
    "slug" => "sacacorchos"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
    ]
    "thumbnailBackground" => "#f6951d"
    "publishedAt" => DateTimeImmutable @1431302400 {#1385
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Comprender el funcionamiento de un objeto t&eacute;cnico simple a partir de su diagrama de flujo.</li>\r\n
      \t<li>Identificar las m&aacute;quinas simples que intervienen en el funcionamiento de un objeto t&eacute;cnico (palanca, engrane, cremallera).</li>\r\n
      \t<li>Identificar los enlaces y las gu&iacute;as de un objeto t&eacute;cnico.</li>\r\n
      </ul>\r\n
      \r\n
      <p>&nbsp;</p>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Un <strong>objeto t&eacute;cnico</strong> (o m&aacute;quina) es un objeto dise&ntilde;ado por el hombre para satisfacer una o m&aacute;s <strong>necesidades.</strong></p>\r\n
      \r\n
      <p>La lista de necesidades y limitaciones a cumplir constituye las <strong>especificaciones</strong>. Las especificaciones son la primera etapa que conduce a la fabricaci&oacute;n de un objeto t&eacute;cnico. El <strong>diagrama de flujo</strong> es la imagen simplificada que representa las diferentes partes del objeto y su funcionamiento.</p>\r\n
      \r\n
      <p>Las diferentes partes de un objeto (piezas) est&aacute;n conectados mediante <strong>enlaces</strong> que puede ser fijos o m&oacute;viles, permanentes o no.</p>\r\n
      \r\n
      <p>Los principales tipos de movimientos son <strong>translaci&oacute;n, rotaci&oacute;n</strong> y <strong>movimiento helicoidal</strong> (que es una combinaci&oacute;n de los dos primeros). El movimiento de una pieza m&oacute;vil a menudo se ve limitado por una <strong>gu&iacute;a</strong>.</p>\r\n
      \r\n
      <p>Un dispositivo de <strong>transmisi&oacute;n de movimiento</strong> permite transformar un tipo de movimiento en otro. Este es el caso del sistema de cremallera que transforma un movimiento de rotaci&oacute;n en uno de translaci&oacute;n.</p>\r\n
      \r\n
      <p>Para cumplir su funci&oacute;n, un objeto t&eacute;cnico a menudo est&aacute; constituido por <strong>m&aacute;quinas simples</strong>: plano inclinado, palanca, polea, etc.</p>\r\n
      \r\n
      <p>&nbsp;</p>\r\n
      \r\n
      <p>&nbsp;</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3566
        #id: 833
        #title: "Video: El plano inclinado"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1441843200 {#3121
          date: 2015-09-10 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-el-plano-inclinado"
      }
      App\Entity\vo\MediaCardLight {#3568
        #id: 391
        #title: "Engranajes"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#3011
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "engranajes"
      }
      App\Entity\vo\MediaCardLight {#3569
        #id: 251
        #title: "Teoría del plano inclinado"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/251-6545f2f67443b213631408.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/251-6545f2f67443b213631408.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/251-6545f2f67443b213631408.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1440201600 {#2678
          date: 2015-08-22 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "teoria-del-plano-inclinado"
      }
      App\Entity\vo\MediaCardLight {#3570
        #id: 915
        #title: "Bosquejo de engranajes"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1566432000 {#3140
          date: 2019-08-22 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "bosquejo-de-engranajes"
      }
      App\Entity\vo\MediaCardLight {#3571
        #id: 500
        #title: "Test: Palancas"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/500-6545f3897b77f371955687.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/500-6545f3897b77f371955687.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/500-6545f3897b77f371955687.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#3055
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "test-palancas"
      }
    ]
    "tags" => [
      "cremallera"
      "palanca"
      "rotación"
      "sacacorchos"
      "tecnología"
      "translación"
    ]
    "baseNodeName" => "Tecnología"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Objetivos de aprendizaje"
  "media" => [
    "id" => 681
    "title" => "Sacacorchos"
    "slug" => "sacacorchos"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
    ]
    "thumbnailBackground" => "#f6951d"
    "publishedAt" => DateTimeImmutable @1431302400 {#1385
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Comprender el funcionamiento de un objeto t&eacute;cnico simple a partir de su diagrama de flujo.</li>\r\n
      \t<li>Identificar las m&aacute;quinas simples que intervienen en el funcionamiento de un objeto t&eacute;cnico (palanca, engrane, cremallera).</li>\r\n
      \t<li>Identificar los enlaces y las gu&iacute;as de un objeto t&eacute;cnico.</li>\r\n
      </ul>\r\n
      \r\n
      <p>&nbsp;</p>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Un <strong>objeto t&eacute;cnico</strong> (o m&aacute;quina) es un objeto dise&ntilde;ado por el hombre para satisfacer una o m&aacute;s <strong>necesidades.</strong></p>\r\n
      \r\n
      <p>La lista de necesidades y limitaciones a cumplir constituye las <strong>especificaciones</strong>. Las especificaciones son la primera etapa que conduce a la fabricaci&oacute;n de un objeto t&eacute;cnico. El <strong>diagrama de flujo</strong> es la imagen simplificada que representa las diferentes partes del objeto y su funcionamiento.</p>\r\n
      \r\n
      <p>Las diferentes partes de un objeto (piezas) est&aacute;n conectados mediante <strong>enlaces</strong> que puede ser fijos o m&oacute;viles, permanentes o no.</p>\r\n
      \r\n
      <p>Los principales tipos de movimientos son <strong>translaci&oacute;n, rotaci&oacute;n</strong> y <strong>movimiento helicoidal</strong> (que es una combinaci&oacute;n de los dos primeros). El movimiento de una pieza m&oacute;vil a menudo se ve limitado por una <strong>gu&iacute;a</strong>.</p>\r\n
      \r\n
      <p>Un dispositivo de <strong>transmisi&oacute;n de movimiento</strong> permite transformar un tipo de movimiento en otro. Este es el caso del sistema de cremallera que transforma un movimiento de rotaci&oacute;n en uno de translaci&oacute;n.</p>\r\n
      \r\n
      <p>Para cumplir su funci&oacute;n, un objeto t&eacute;cnico a menudo est&aacute; constituido por <strong>m&aacute;quinas simples</strong>: plano inclinado, palanca, polea, etc.</p>\r\n
      \r\n
      <p>&nbsp;</p>\r\n
      \r\n
      <p>&nbsp;</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3566
        #id: 833
        #title: "Video: El plano inclinado"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1441843200 {#3121
          date: 2015-09-10 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-el-plano-inclinado"
      }
      App\Entity\vo\MediaCardLight {#3568
        #id: 391
        #title: "Engranajes"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#3011
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "engranajes"
      }
      App\Entity\vo\MediaCardLight {#3569
        #id: 251
        #title: "Teoría del plano inclinado"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/251-6545f2f67443b213631408.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/251-6545f2f67443b213631408.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/251-6545f2f67443b213631408.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1440201600 {#2678
          date: 2015-08-22 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "teoria-del-plano-inclinado"
      }
      App\Entity\vo\MediaCardLight {#3570
        #id: 915
        #title: "Bosquejo de engranajes"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1566432000 {#3140
          date: 2019-08-22 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "bosquejo-de-engranajes"
      }
      App\Entity\vo\MediaCardLight {#3571
        #id: 500
        #title: "Test: Palancas"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/500-6545f3897b77f371955687.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/500-6545f3897b77f371955687.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/500-6545f3897b77f371955687.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#3055
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "test-palancas"
      }
    ]
    "tags" => [
      "cremallera"
      "palanca"
      "rotación"
      "sacacorchos"
      "tecnología"
      "translación"
    ]
    "baseNodeName" => "Tecnología"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4290
  -props: [
    "title" => "Objetivos de aprendizaje"
    "media" => [
      "id" => 681
      "title" => "Sacacorchos"
      "slug" => "sacacorchos"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
        "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
        "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      ]
      "thumbnailBackground" => "#f6951d"
      "publishedAt" => DateTimeImmutable @1431302400 {#1385
        date: 2015-05-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Comprender el funcionamiento de un objeto t&eacute;cnico simple a partir de su diagrama de flujo.</li>\r\n
        \t<li>Identificar las m&aacute;quinas simples que intervienen en el funcionamiento de un objeto t&eacute;cnico (palanca, engrane, cremallera).</li>\r\n
        \t<li>Identificar los enlaces y las gu&iacute;as de un objeto t&eacute;cnico.</li>\r\n
        </ul>\r\n
        \r\n
        <p>&nbsp;</p>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>Un <strong>objeto t&eacute;cnico</strong> (o m&aacute;quina) es un objeto dise&ntilde;ado por el hombre para satisfacer una o m&aacute;s <strong>necesidades.</strong></p>\r\n
        \r\n
        <p>La lista de necesidades y limitaciones a cumplir constituye las <strong>especificaciones</strong>. Las especificaciones son la primera etapa que conduce a la fabricaci&oacute;n de un objeto t&eacute;cnico. El <strong>diagrama de flujo</strong> es la imagen simplificada que representa las diferentes partes del objeto y su funcionamiento.</p>\r\n
        \r\n
        <p>Las diferentes partes de un objeto (piezas) est&aacute;n conectados mediante <strong>enlaces</strong> que puede ser fijos o m&oacute;viles, permanentes o no.</p>\r\n
        \r\n
        <p>Los principales tipos de movimientos son <strong>translaci&oacute;n, rotaci&oacute;n</strong> y <strong>movimiento helicoidal</strong> (que es una combinaci&oacute;n de los dos primeros). El movimiento de una pieza m&oacute;vil a menudo se ve limitado por una <strong>gu&iacute;a</strong>.</p>\r\n
        \r\n
        <p>Un dispositivo de <strong>transmisi&oacute;n de movimiento</strong> permite transformar un tipo de movimiento en otro. Este es el caso del sistema de cremallera que transforma un movimiento de rotaci&oacute;n en uno de translaci&oacute;n.</p>\r\n
        \r\n
        <p>Para cumplir su funci&oacute;n, un objeto t&eacute;cnico a menudo est&aacute; constituido por <strong>m&aacute;quinas simples</strong>: plano inclinado, palanca, polea, etc.</p>\r\n
        \r\n
        <p>&nbsp;</p>\r\n
        \r\n
        <p>&nbsp;</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3566
          #id: 833
          #title: "Video: El plano inclinado"
          #mediaType: "video"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
          ]
          #thumbnailBackground: "#00b7ad"
          #publishedAt: DateTimeImmutable @1441843200 {#3121
            date: 2015-09-10 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "video-el-plano-inclinado"
        }
        App\Entity\vo\MediaCardLight {#3568
          #id: 391
          #title: "Engranajes"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
          ]
          #thumbnailBackground: "#00a751"
          #publishedAt: DateTimeImmutable @1431302400 {#3011
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "engranajes"
        }
        App\Entity\vo\MediaCardLight {#3569
          #id: 251
          #title: "Teoría del plano inclinado"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/251-6545f2f67443b213631408.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/251-6545f2f67443b213631408.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/251-6545f2f67443b213631408.webp"
          ]
          #thumbnailBackground: "#004387"
          #publishedAt: DateTimeImmutable @1440201600 {#2678
            date: 2015-08-22 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "teoria-del-plano-inclinado"
        }
        App\Entity\vo\MediaCardLight {#3570
          #id: 915
          #title: "Bosquejo de engranajes"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1566432000 {#3140
            date: 2019-08-22 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "bosquejo-de-engranajes"
        }
        App\Entity\vo\MediaCardLight {#3571
          #id: 500
          #title: "Test: Palancas"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/500-6545f3897b77f371955687.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/500-6545f3897b77f371955687.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/500-6545f3897b77f371955687.webp"
          ]
          #thumbnailBackground: "#f487b9"
          #publishedAt: DateTimeImmutable @1431302400 {#3055
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "test-palancas"
        }
      ]
      "tags" => [
        "cremallera"
        "palanca"
        "rotación"
        "sacacorchos"
        "tecnología"
        "translación"
      ]
      "baseNodeName" => "Tecnología"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 16.0 MiB 0.42 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 {#4312
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 16.0 MiB 0.74 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4328
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 16.0 MiB 11.13 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4352
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 16.0 MiB 0.70 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4388
    -content: "Más de 1000 recursos"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Más de 1000 recursos"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4390
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4388
      -content: "Más de 1000 recursos"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 16.0 MiB 49.88 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 {#4374
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.14 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 {#4634
  +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 8.98 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4419
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 1.01 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3566
    #id: 833
    #title: "Video: El plano inclinado"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1441843200 {#3121
      date: 2015-09-10 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-el-plano-inclinado"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4501
  -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 {#3566
    #id: 833
    #title: "Video: El plano inclinado"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1441843200 {#3121
      date: 2015-09-10 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-el-plano-inclinado"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 0.72 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3568
    #id: 391
    #title: "Engranajes"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#3011
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "engranajes"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4714
  -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 {#3568
    #id: 391
    #title: "Engranajes"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#3011
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "engranajes"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 0.62 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3569
    #id: 251
    #title: "Teoría del plano inclinado"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/251-6545f2f67443b213631408.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/251-6545f2f67443b213631408.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/251-6545f2f67443b213631408.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1440201600 {#2678
      date: 2015-08-22 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "teoria-del-plano-inclinado"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4742
  -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 {#3569
    #id: 251
    #title: "Teoría del plano inclinado"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/251-6545f2f67443b213631408.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/251-6545f2f67443b213631408.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/251-6545f2f67443b213631408.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1440201600 {#2678
      date: 2015-08-22 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "teoria-del-plano-inclinado"
  }
  +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 {#3570
    #id: 915
    #title: "Bosquejo de engranajes"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1566432000 {#3140
      date: 2019-08-22 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "bosquejo-de-engranajes"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4762
  -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 {#3570
    #id: 915
    #title: "Bosquejo de engranajes"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1566432000 {#3140
      date: 2019-08-22 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "bosquejo-de-engranajes"
  }
  +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 {#3571
    #id: 500
    #title: "Test: Palancas"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/500-6545f3897b77f371955687.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/500-6545f3897b77f371955687.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/500-6545f3897b77f371955687.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#3055
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "test-palancas"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4781
  -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 {#3571
    #id: 500
    #title: "Test: Palancas"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/500-6545f3897b77f371955687.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/500-6545f3897b77f371955687.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/500-6545f3897b77f371955687.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#3055
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "test-palancas"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 16.0 MiB 14.91 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4337
  -props: []
}