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

Response
200 OK
IP
216.73.216.102
Profiled on
Token
d847a4

Components

19 Twig Components
32 Render Count
210 ms Render Time
14.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 31.45ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 8.80ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 11.92ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 1.80ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 76.30ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 38.28ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 26.92ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.82ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 4.62ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 5.10ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 34.76ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 33.47ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 1.27ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.64ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.76ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 3.56ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 1.31ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 100.33ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 5.12ms

Render calls

Store:User App\Twig\Components\Store\User 14.0 MiB 1.80 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3759
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3760 …}
}
Header 
[Anonymous]
 14.0 MiB 76.30 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3790
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 14.0 MiB 38.28 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 {#3816
  -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]
 14.0 MiB 26.92 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3872
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 14.0 MiB 0.82 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3896
  -props: []
}
Header:LocalePicker 
[Anonymous]
 14.0 MiB 4.62 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3913
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.62 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 {#3938
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 14.0 MiB 5.10 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3930
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 2.18 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 {#4016
  +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 14.0 MiB 1.15 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/es/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/es/subscribe/"
]
Component 
App\Twig\Components\Button {#4030
  +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 14.0 MiB 34.76 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3854
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1489 …}
}
Dialog 
[Anonymous]
 14.0 MiB 33.47 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 {#4067
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.53 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 {#4101
  +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 14.0 MiB 1.25 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 {#4132
  +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 14.0 MiB 1.04 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 {#4169
  +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 14.0 MiB 12.20 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 {#4188
  +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 14.0 MiB 1.25 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 {#4208
  +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 14.0 MiB 1.27 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3807
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 14.0 MiB 0.64 ms
Input props 
[
  "title" => "Objetivos de aprendizaje"
  "media" => [
    "id" => 681
    "title" => "Sacacorchos"
    "slug" => "sacacorchos"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      "title" => "https://junior.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 {#3516
        #id: 366
        #title: "Balanza"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431302400 {#2943
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "balanza"
      }
      App\Entity\vo\MediaCardLight {#3518
        #id: 513
        #title: "Bomba hidráulica"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/513-6545f39233284727889716.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/513-6545f39233284727889716.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/513-6545f39233284727889716.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1431302400 {#2995
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "bomba-hidraulica"
      }
      App\Entity\vo\MediaCardLight {#3519
        #id: 132
        #title: "Quiz Bicicleta"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
        ]
        #thumbnailBackground: "#b51d8e"
        #publishedAt: DateTimeImmutable @1440201600 {#2909
          date: 2015-08-22 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quiz-bicicleta"
      }
      App\Entity\vo\MediaCardLight {#3520
        #id: 914
        #title: "Tornillo de Arquímedes"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1580947200 {#3091
          date: 2020-02-06 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "tornillo-de-arquimedes"
      }
      App\Entity\vo\MediaCardLight {#3521
        #id: 550
        #title: "Relación de marchas de la bicicleta"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1431388800 {#3031
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "relacion-de-marchas-de-la-bicicleta"
      }
    ]
    "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://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      "title" => "https://junior.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 {#3516
        #id: 366
        #title: "Balanza"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431302400 {#2943
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "balanza"
      }
      App\Entity\vo\MediaCardLight {#3518
        #id: 513
        #title: "Bomba hidráulica"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/513-6545f39233284727889716.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/513-6545f39233284727889716.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/513-6545f39233284727889716.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1431302400 {#2995
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "bomba-hidraulica"
      }
      App\Entity\vo\MediaCardLight {#3519
        #id: 132
        #title: "Quiz Bicicleta"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
        ]
        #thumbnailBackground: "#b51d8e"
        #publishedAt: DateTimeImmutable @1440201600 {#2909
          date: 2015-08-22 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quiz-bicicleta"
      }
      App\Entity\vo\MediaCardLight {#3520
        #id: 914
        #title: "Tornillo de Arquímedes"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1580947200 {#3091
          date: 2020-02-06 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "tornillo-de-arquimedes"
      }
      App\Entity\vo\MediaCardLight {#3521
        #id: 550
        #title: "Relación de marchas de la bicicleta"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1431388800 {#3031
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "relacion-de-marchas-de-la-bicicleta"
      }
    ]
    "tags" => [
      "cremallera"
      "palanca"
      "rotación"
      "sacacorchos"
      "tecnología"
      "translación"
    ]
    "baseNodeName" => "Tecnología"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4240
  -props: [
    "title" => "Objetivos de aprendizaje"
    "media" => [
      "id" => 681
      "title" => "Sacacorchos"
      "slug" => "sacacorchos"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
        "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
        "title" => "https://junior.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 {#3516
          #id: 366
          #title: "Balanza"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
          ]
          #thumbnailBackground: "#f6adcc"
          #publishedAt: DateTimeImmutable @1431302400 {#2943
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "balanza"
        }
        App\Entity\vo\MediaCardLight {#3518
          #id: 513
          #title: "Bomba hidráulica"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/513-6545f39233284727889716.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/513-6545f39233284727889716.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/513-6545f39233284727889716.webp"
          ]
          #thumbnailBackground: "#462f92"
          #publishedAt: DateTimeImmutable @1431302400 {#2995
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "bomba-hidraulica"
        }
        App\Entity\vo\MediaCardLight {#3519
          #id: 132
          #title: "Quiz Bicicleta"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
          ]
          #thumbnailBackground: "#b51d8e"
          #publishedAt: DateTimeImmutable @1440201600 {#2909
            date: 2015-08-22 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "quiz-bicicleta"
        }
        App\Entity\vo\MediaCardLight {#3520
          #id: 914
          #title: "Tornillo de Arquímedes"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
          ]
          #thumbnailBackground: "#004387"
          #publishedAt: DateTimeImmutable @1580947200 {#3091
            date: 2020-02-06 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "tornillo-de-arquimedes"
        }
        App\Entity\vo\MediaCardLight {#3521
          #id: 550
          #title: "Relación de marchas de la bicicleta"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
          ]
          #thumbnailBackground: "#f25821"
          #publishedAt: DateTimeImmutable @1431388800 {#3031
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "relacion-de-marchas-de-la-bicicleta"
        }
      ]
      "tags" => [
        "cremallera"
        "palanca"
        "rotación"
        "sacacorchos"
        "tecnología"
        "translación"
      ]
      "baseNodeName" => "Tecnología"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 14.0 MiB 0.76 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 {#4262
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 14.0 MiB 10.97 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4278
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 14.0 MiB 3.56 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4302
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 14.0 MiB 1.31 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4338
    -content: "Más de 1000 recursos"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Más de 1000 recursos"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4340
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4338
      -content: "Más de 1000 recursos"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 14.0 MiB 100.33 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 {#4324
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 9.22 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 {#4584
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 14.0 MiB 0.95 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4369
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 2.04 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3516
    #id: 366
    #title: "Balanza"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431302400 {#2943
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "balanza"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4451
  -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 {#3516
    #id: 366
    #title: "Balanza"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431302400 {#2943
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "balanza"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 0.97 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3518
    #id: 513
    #title: "Bomba hidráulica"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/513-6545f39233284727889716.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/513-6545f39233284727889716.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/513-6545f39233284727889716.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1431302400 {#2995
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "bomba-hidraulica"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4664
  -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 {#3518
    #id: 513
    #title: "Bomba hidráulica"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/513-6545f39233284727889716.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/513-6545f39233284727889716.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/513-6545f39233284727889716.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1431302400 {#2995
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "bomba-hidraulica"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 0.48 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3519
    #id: 132
    #title: "Quiz Bicicleta"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
    ]
    #thumbnailBackground: "#b51d8e"
    #publishedAt: DateTimeImmutable @1440201600 {#2909
      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 {#4692
  -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 {#3519
    #id: 132
    #title: "Quiz Bicicleta"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
    ]
    #thumbnailBackground: "#b51d8e"
    #publishedAt: DateTimeImmutable @1440201600 {#2909
      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 14.0 MiB 0.52 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3520
    #id: 914
    #title: "Tornillo de Arquímedes"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1580947200 {#3091
      date: 2020-02-06 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "tornillo-de-arquimedes"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4711
  -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 {#3520
    #id: 914
    #title: "Tornillo de Arquímedes"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1580947200 {#3091
      date: 2020-02-06 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "tornillo-de-arquimedes"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 4.78 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3521
    #id: 550
    #title: "Relación de marchas de la bicicleta"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1431388800 {#3031
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "relacion-de-marchas-de-la-bicicleta"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4730
  -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 {#3521
    #id: 550
    #title: "Relación de marchas de la bicicleta"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1431388800 {#3031
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "relacion-de-marchas-de-la-bicicleta"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 14.0 MiB 5.12 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4287
  -props: []
}