Components

19 Twig Components
32 Render Count
258 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 24.20ms
MediaCard
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig
5 17.71ms
Heading:Large
[Anonymous]
components/Heading/Large.html.twig
2 2.76ms
Store:User
"App\Twig\Components\Store\User"
components/Store/User.html.twig
1 1.73ms
Header
[Anonymous]
components/Header/index.html.twig
1 78.16ms
Layout:Stack
[Anonymous]
components/Layout/Stack.html.twig
1 38.33ms
Header:Anonymous
[Anonymous]
components/Header/Anonymous.html.twig
1 36.97ms
Header:Logo
[Anonymous]
components/Header/Logo.html.twig
1 1.26ms
Header:LocalePicker
[Anonymous]
components/Header/LocalePicker.html.twig
1 5.74ms
LoginLink
[Anonymous]
components/LoginLink.html.twig
1 3.64ms
Dialog:LocalePicker
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig
1 37.03ms
Dialog
[Anonymous]
components/Dialog/index.html.twig
1 35.82ms
Banner:UserBanners
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig
1 0.91ms
MediaField
[Anonymous]
components/MediaField.html.twig
1 0.63ms
Demo:Video
[Anonymous]
components/Demo/Video.html.twig
1 0.60ms
Showcase:RevealPill
[Anonymous]
components/Showcase/RevealPill.html.twig
1 3.43ms
Showcase:Reveal
[Anonymous]
components/Showcase/Reveal.html.twig
1 1.01ms
DemoForm
[Anonymous]
components/DemoForm.html.twig
1 135.96ms
Footer
[Anonymous]
components/Footer/index.html.twig
1 16.39ms

Render calls

Store:User App\Twig\Components\Store\User 16.0 MiB 1.73 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Store\User {#3921
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3922 …}
}
Header
[Anonymous]
16.0 MiB 78.16 ms
Input props
[
  "notSticky" => false
]
Attributes
[
  "notSticky" => false
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3952
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack
[Anonymous]
16.0 MiB 38.33 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 {#3978
  -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 36.97 ms
Input props
[
  "minimal" => false
]
Attributes
[
  "minimal" => false
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4034
  -props: [
    "minimal" => false
  ]
}
Header:Logo
[Anonymous]
16.0 MiB 1.26 ms
Input props
[]
Attributes
[]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4058
  -props: []
}
Header:LocalePicker
[Anonymous]
16.0 MiB 5.74 ms
Input props
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4075
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 2.07 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 {#4100
  +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.64 ms
Input props
[
  "class" => "grow"
  "size" => "small"
]
Attributes
[
  "class" => "grow"
  "size" => "small"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4092
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.52 ms
Input props
[
  "data-compo" => "LoginLink"
  "href" => "/es/login?next=/es/media/679-movimiento-aparente-del-sol-norte"
  "class" => "grow"
  "size" => "small"
]
Attributes
[
  "data-compo" => "LoginLink"
  "href" => "/es/login?next=/es/media/679-movimiento-aparente-del-sol-norte"
  "class" => "grow"
]
Component
App\Twig\Components\Button {#4178
  +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.32 ms
Input props
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/es/subscribe/"
]
Attributes
[
  "class" => "grow"
  "href" => "/es/subscribe/"
]
Component
App\Twig\Components\Button {#4192
  +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 37.03 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Dialog\LocalePicker {#4016
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1494 …}
}
Dialog
[Anonymous]
16.0 MiB 35.82 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 {#4229
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.62 ms
Input props
[
  "tag" => "button"
  "size" => "small"
  "afterIcon" => "close"
  "class" => "mb-bento"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "command" => "close"
  "commandfor" => "language-picker-dialog"
]
Attributes
[
  "tag" => "button"
  "afterIcon" => "close"
  "class" => "mb-bento"
  "command" => "close"
  "commandfor" => "language-picker-dialog"
]
Component
App\Twig\Components\Button {#4263
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 16.0 MiB 1.44 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/679-sun-s-apparent-path-north"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/679-sun-s-apparent-path-north"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component
App\Twig\Components\Button {#4294
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 16.0 MiB 1.09 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/679-mouvement-apparent-du-soleil-nord"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/679-mouvement-apparent-du-soleil-nord"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component
App\Twig\Components\Button {#4331
  +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 12.03 ms
Input props
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/es/media/679-movimiento-aparente-del-sol-norte"
  "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/679-movimiento-aparente-del-sol-norte"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "es"
]
Component
App\Twig\Components\Button {#4350
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 16.0 MiB 1.40 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/679-scheinbare-sonnenbahn"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/679-scheinbare-sonnenbahn"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component
App\Twig\Components\Button {#4370
  +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.91 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Banner\UserBanners {#3969
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField
[Anonymous]
16.0 MiB 0.63 ms
Input props
[
  "title" => "Objetivos de aprendizaje"
  "media" => [
    "id" => 679
    "title" => "Movimiento aparente del Sol (Norte)"
    "slug" => "movimiento-aparente-del-sol-norte"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
    ]
    "thumbnailBackground" => "#004387"
    "publishedAt" => DateTimeImmutable @1431302400 {#1398
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Definir el d&iacute;a y la noche.</li>\r\n
      \t<li>Mostrar que la duraci&oacute;n del d&iacute;a cambia de acuerdo a las estaciones.</li>\r\n
      \t<li>Mostrar que la distancia del Sol por encima del horizonte a la misma hora del d&iacute;a, var&iacute;a con las estaciones.</li>\r\n
      \t<li>Estudiar las variaciones en la longitud de las sombras durante el transcuso del d&iacute;a e introducir el reloj solar.</li>\r\n
      \t<li>Recordar la etimolog&iacute;a de la palabra &quot;equinoccio&quot;.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Todos sabemos que la Tierra se mueve alrededor del Sol, pero para nosotros en la Tierra, es el Sol quien parece moverse alrededor de la Tierra, del Este al Oeste. Esto es lo que llamamos <strong>movimiento aparente del Sol. </strong>Var&iacute;a de estaci&oacute;n a estaci&oacute;n. Var&iacute;a a&uacute;n m&aacute;s cuando el lugar de observaci&oacute;n est&aacute; a una latitud alta.</p>\r\n
      \r\n
      <p><em>Observaci&oacute;n:</em></p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Esta animaci&oacute;n ilustra el movimiento aparente del Sol para un observador en el Hemisferio Norte, entre 40&deg;&nbsp;y 50&deg; de latitud. Alguien viviendo en el Hemisferio Sur ve el Sol hacia el Norte, pero se sigue moviendo de Este a Oeste.</li>\r\n
      \t<li>Las horas est&aacute;n&nbsp;expresadas en tiempo solar: el mediod&iacute;a (12:00) es el momento en el cual el Sol presenta su m&aacute;xima elevaci&oacute;n.</li>\r\n
      </ul>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3678
        #id: 811
        #title: "Video: Blanqueamiento de los Corales"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#3221
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-blanqueamiento-de-los-corales"
      }
      App\Entity\vo\MediaCardLight {#3680
        #id: 806
        #title: "Trayectoria Aparente del Sol"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/806-6545f44cce8c0184516843.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/806-6545f44cce8c0184516843.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/806-6545f44cce8c0184516843.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431302400 {#3191
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "trayectoria-aparente-del-sol"
      }
      App\Entity\vo\MediaCardLight {#3681
        #id: 473
        #title: "4 estaciones #2"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/473-6545f376de432399483983.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/473-6545f376de432399483983.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/473-6545f376de432399483983.webp"
        ]
        #thumbnailBackground: "#215b97"
        #publishedAt: DateTimeImmutable @1431302400 {#3110
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "4-estaciones-2"
      }
      App\Entity\vo\MediaCardLight {#3682
        #id: 1003
        #title: "Trayectoria aparente del Sol"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/course-apparente-du-soleil-3d-67252d56bc5aa693860973.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/course-apparente-du-soleil-3d-67252d56bc5aa693860973.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/course-apparente-du-soleil-3d-67252d56bc5aa693860973.webp"
        ]
        #thumbnailBackground: null
        #publishedAt: DateTimeImmutable @1734474334 {#3235
          date: 2024-12-17 22:25:34.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "trayectoria-aparente-del-sol"
      }
      App\Entity\vo\MediaCardLight {#3683
        #id: 648
        #title: "Test: Husos horarios"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/648-6545f3edce44b736447593.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/648-6545f3edce44b736447593.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/648-6545f3edce44b736447593.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#3134
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "test-husos-horarios"
      }
    ]
    "tags" => [
      "día"
      "equinoccio"
      "hora"
      "invierno"
      "noche"
      "otoño"
      "primavera"
      "reloj de sol"
      "sol"
      "solsticio"
      "sombra"
      "temporada"
      "verano"
    ]
    "baseNodeName" => "El cielo y la Tierra"
  ]
  "key" => "goals"
]
Attributes
[
  "title" => "Objetivos de aprendizaje"
  "media" => [
    "id" => 679
    "title" => "Movimiento aparente del Sol (Norte)"
    "slug" => "movimiento-aparente-del-sol-norte"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
    ]
    "thumbnailBackground" => "#004387"
    "publishedAt" => DateTimeImmutable @1431302400 {#1398
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Definir el d&iacute;a y la noche.</li>\r\n
      \t<li>Mostrar que la duraci&oacute;n del d&iacute;a cambia de acuerdo a las estaciones.</li>\r\n
      \t<li>Mostrar que la distancia del Sol por encima del horizonte a la misma hora del d&iacute;a, var&iacute;a con las estaciones.</li>\r\n
      \t<li>Estudiar las variaciones en la longitud de las sombras durante el transcuso del d&iacute;a e introducir el reloj solar.</li>\r\n
      \t<li>Recordar la etimolog&iacute;a de la palabra &quot;equinoccio&quot;.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Todos sabemos que la Tierra se mueve alrededor del Sol, pero para nosotros en la Tierra, es el Sol quien parece moverse alrededor de la Tierra, del Este al Oeste. Esto es lo que llamamos <strong>movimiento aparente del Sol. </strong>Var&iacute;a de estaci&oacute;n a estaci&oacute;n. Var&iacute;a a&uacute;n m&aacute;s cuando el lugar de observaci&oacute;n est&aacute; a una latitud alta.</p>\r\n
      \r\n
      <p><em>Observaci&oacute;n:</em></p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Esta animaci&oacute;n ilustra el movimiento aparente del Sol para un observador en el Hemisferio Norte, entre 40&deg;&nbsp;y 50&deg; de latitud. Alguien viviendo en el Hemisferio Sur ve el Sol hacia el Norte, pero se sigue moviendo de Este a Oeste.</li>\r\n
      \t<li>Las horas est&aacute;n&nbsp;expresadas en tiempo solar: el mediod&iacute;a (12:00) es el momento en el cual el Sol presenta su m&aacute;xima elevaci&oacute;n.</li>\r\n
      </ul>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3678
        #id: 811
        #title: "Video: Blanqueamiento de los Corales"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#3221
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-blanqueamiento-de-los-corales"
      }
      App\Entity\vo\MediaCardLight {#3680
        #id: 806
        #title: "Trayectoria Aparente del Sol"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/806-6545f44cce8c0184516843.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/806-6545f44cce8c0184516843.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/806-6545f44cce8c0184516843.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431302400 {#3191
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "trayectoria-aparente-del-sol"
      }
      App\Entity\vo\MediaCardLight {#3681
        #id: 473
        #title: "4 estaciones #2"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/473-6545f376de432399483983.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/473-6545f376de432399483983.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/473-6545f376de432399483983.webp"
        ]
        #thumbnailBackground: "#215b97"
        #publishedAt: DateTimeImmutable @1431302400 {#3110
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "4-estaciones-2"
      }
      App\Entity\vo\MediaCardLight {#3682
        #id: 1003
        #title: "Trayectoria aparente del Sol"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/course-apparente-du-soleil-3d-67252d56bc5aa693860973.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/course-apparente-du-soleil-3d-67252d56bc5aa693860973.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/course-apparente-du-soleil-3d-67252d56bc5aa693860973.webp"
        ]
        #thumbnailBackground: null
        #publishedAt: DateTimeImmutable @1734474334 {#3235
          date: 2024-12-17 22:25:34.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "trayectoria-aparente-del-sol"
      }
      App\Entity\vo\MediaCardLight {#3683
        #id: 648
        #title: "Test: Husos horarios"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/648-6545f3edce44b736447593.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/648-6545f3edce44b736447593.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/648-6545f3edce44b736447593.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#3134
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "test-husos-horarios"
      }
    ]
    "tags" => [
      "día"
      "equinoccio"
      "hora"
      "invierno"
      "noche"
      "otoño"
      "primavera"
      "reloj de sol"
      "sol"
      "solsticio"
      "sombra"
      "temporada"
      "verano"
    ]
    "baseNodeName" => "El cielo y la Tierra"
  ]
  "key" => "goals"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4402
  -props: [
    "title" => "Objetivos de aprendizaje"
    "media" => [
      "id" => 679
      "title" => "Movimiento aparente del Sol (Norte)"
      "slug" => "movimiento-aparente-del-sol-norte"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
        "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
        "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
      ]
      "thumbnailBackground" => "#004387"
      "publishedAt" => DateTimeImmutable @1431302400 {#1398
        date: 2015-05-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Definir el d&iacute;a y la noche.</li>\r\n
        \t<li>Mostrar que la duraci&oacute;n del d&iacute;a cambia de acuerdo a las estaciones.</li>\r\n
        \t<li>Mostrar que la distancia del Sol por encima del horizonte a la misma hora del d&iacute;a, var&iacute;a con las estaciones.</li>\r\n
        \t<li>Estudiar las variaciones en la longitud de las sombras durante el transcuso del d&iacute;a e introducir el reloj solar.</li>\r\n
        \t<li>Recordar la etimolog&iacute;a de la palabra &quot;equinoccio&quot;.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>Todos sabemos que la Tierra se mueve alrededor del Sol, pero para nosotros en la Tierra, es el Sol quien parece moverse alrededor de la Tierra, del Este al Oeste. Esto es lo que llamamos <strong>movimiento aparente del Sol. </strong>Var&iacute;a de estaci&oacute;n a estaci&oacute;n. Var&iacute;a a&uacute;n m&aacute;s cuando el lugar de observaci&oacute;n est&aacute; a una latitud alta.</p>\r\n
        \r\n
        <p><em>Observaci&oacute;n:</em></p>\r\n
        \r\n
        <ul>\r\n
        \t<li>Esta animaci&oacute;n ilustra el movimiento aparente del Sol para un observador en el Hemisferio Norte, entre 40&deg;&nbsp;y 50&deg; de latitud. Alguien viviendo en el Hemisferio Sur ve el Sol hacia el Norte, pero se sigue moviendo de Este a Oeste.</li>\r\n
        \t<li>Las horas est&aacute;n&nbsp;expresadas en tiempo solar: el mediod&iacute;a (12:00) es el momento en el cual el Sol presenta su m&aacute;xima elevaci&oacute;n.</li>\r\n
        </ul>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3678
          #id: 811
          #title: "Video: Blanqueamiento de los Corales"
          #mediaType: "video"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
          ]
          #thumbnailBackground: "#ec008d"
          #publishedAt: DateTimeImmutable @1431302400 {#3221
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "video-blanqueamiento-de-los-corales"
        }
        App\Entity\vo\MediaCardLight {#3680
          #id: 806
          #title: "Trayectoria Aparente del Sol"
          #mediaType: "video"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/806-6545f44cce8c0184516843.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/806-6545f44cce8c0184516843.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/806-6545f44cce8c0184516843.webp"
          ]
          #thumbnailBackground: "#f6adcc"
          #publishedAt: DateTimeImmutable @1431302400 {#3191
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "trayectoria-aparente-del-sol"
        }
        App\Entity\vo\MediaCardLight {#3681
          #id: 473
          #title: "4 estaciones #2"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/473-6545f376de432399483983.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/473-6545f376de432399483983.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/473-6545f376de432399483983.webp"
          ]
          #thumbnailBackground: "#215b97"
          #publishedAt: DateTimeImmutable @1431302400 {#3110
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "4-estaciones-2"
        }
        App\Entity\vo\MediaCardLight {#3682
          #id: 1003
          #title: "Trayectoria aparente del Sol"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/course-apparente-du-soleil-3d-67252d56bc5aa693860973.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/course-apparente-du-soleil-3d-67252d56bc5aa693860973.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/course-apparente-du-soleil-3d-67252d56bc5aa693860973.webp"
          ]
          #thumbnailBackground: null
          #publishedAt: DateTimeImmutable @1734474334 {#3235
            date: 2024-12-17 22:25:34.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "trayectoria-aparente-del-sol"
        }
        App\Entity\vo\MediaCardLight {#3683
          #id: 648
          #title: "Test: Husos horarios"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/648-6545f3edce44b736447593.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/648-6545f3edce44b736447593.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/648-6545f3edce44b736447593.webp"
          ]
          #thumbnailBackground: "#00a751"
          #publishedAt: DateTimeImmutable @1431302400 {#3134
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "test-husos-horarios"
        }
      ]
      "tags" => [
        "día"
        "equinoccio"
        "hora"
        "invierno"
        "noche"
        "otoño"
        "primavera"
        "reloj de sol"
        "sol"
        "solsticio"
        "sombra"
        "temporada"
        "verano"
      ]
      "baseNodeName" => "El cielo y la Tierra"
    ]
    "key" => "goals"
  ]
}
Demo:Video
[Anonymous]
16.0 MiB 0.60 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 {#4424
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large
[Anonymous]
16.0 MiB 1.54 ms
Input props
[
  "tag" => "h2"
]
Attributes
[
  "tag" => "h2"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4440
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill
[Anonymous]
16.0 MiB 3.43 ms
Input props
[
  "icon" => "source"
]
Attributes
[
  "icon" => "source"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4464
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal
[Anonymous]
16.0 MiB 1.01 ms
Input props
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4500
    -content: "Más de 1000 recursos"
    -charset: "UTF-8"
  }
]
Attributes
[
  "class" => "-mt-1"
  "text" => "Más de 1000 recursos"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4502
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4500
      -content: "Más de 1000 recursos"
      -charset: "UTF-8"
    }
  ]
}
DemoForm
[Anonymous]
16.0 MiB 135.96 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 {#4486
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.70 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 {#4746
  +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 1.22 ms
Input props
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes
[
  "class" => "text-white"
  "tag" => "h1"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4531
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 1.77 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3678
    #id: 811
    #title: "Video: Blanqueamiento de los Corales"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#3221
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-blanqueamiento-de-los-corales"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes
[
  "class" => "w-1/2 "
]
Component
App\Twig\Components\MediaCard {#4613
  -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 {#3678
    #id: 811
    #title: "Video: Blanqueamiento de los Corales"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#3221
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-blanqueamiento-de-los-corales"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 11.84 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3680
    #id: 806
    #title: "Trayectoria Aparente del Sol"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/806-6545f44cce8c0184516843.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/806-6545f44cce8c0184516843.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/806-6545f44cce8c0184516843.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431302400 {#3191
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "trayectoria-aparente-del-sol"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes
[
  "class" => "w-1/2 hidden md:block"
]
Component
App\Twig\Components\MediaCard {#4826
  -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 {#3680
    #id: 806
    #title: "Trayectoria Aparente del Sol"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/806-6545f44cce8c0184516843.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/806-6545f44cce8c0184516843.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/806-6545f44cce8c0184516843.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431302400 {#3191
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "trayectoria-aparente-del-sol"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 1.45 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3681
    #id: 473
    #title: "4 estaciones #2"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/473-6545f376de432399483983.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/473-6545f376de432399483983.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/473-6545f376de432399483983.webp"
    ]
    #thumbnailBackground: "#215b97"
    #publishedAt: DateTimeImmutable @1431302400 {#3110
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "4-estaciones-2"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes
[
  "class" => "w-1/2 hidden lg:block"
]
Component
App\Twig\Components\MediaCard {#4854
  -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 {#3681
    #id: 473
    #title: "4 estaciones #2"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/473-6545f376de432399483983.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/473-6545f376de432399483983.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/473-6545f376de432399483983.webp"
    ]
    #thumbnailBackground: "#215b97"
    #publishedAt: DateTimeImmutable @1431302400 {#3110
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "4-estaciones-2"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 1.45 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3682
    #id: 1003
    #title: "Trayectoria aparente del Sol"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/course-apparente-du-soleil-3d-67252d56bc5aa693860973.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/course-apparente-du-soleil-3d-67252d56bc5aa693860973.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/course-apparente-du-soleil-3d-67252d56bc5aa693860973.webp"
    ]
    #thumbnailBackground: null
    #publishedAt: DateTimeImmutable @1734474334 {#3235
      date: 2024-12-17 22:25:34.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "trayectoria-aparente-del-sol"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes
[
  "class" => "w-1/2 hidden lg:block"
]
Component
App\Twig\Components\MediaCard {#4873
  -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 {#3682
    #id: 1003
    #title: "Trayectoria aparente del Sol"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/course-apparente-du-soleil-3d-67252d56bc5aa693860973.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/course-apparente-du-soleil-3d-67252d56bc5aa693860973.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/course-apparente-du-soleil-3d-67252d56bc5aa693860973.webp"
    ]
    #thumbnailBackground: null
    #publishedAt: DateTimeImmutable @1734474334 {#3235
      date: 2024-12-17 22:25:34.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "trayectoria-aparente-del-sol"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 1.21 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3683
    #id: 648
    #title: "Test: Husos horarios"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/648-6545f3edce44b736447593.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/648-6545f3edce44b736447593.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/648-6545f3edce44b736447593.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#3134
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "test-husos-horarios"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes
[
  "class" => "w-1/2 hidden lg:block"
]
Component
App\Twig\Components\MediaCard {#4893
  -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 {#3683
    #id: 648
    #title: "Test: Husos horarios"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/648-6545f3edce44b736447593.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/648-6545f3edce44b736447593.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/648-6545f3edce44b736447593.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#3134
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "test-husos-horarios"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer
[Anonymous]
16.0 MiB 16.39 ms
Input props
[]
Attributes
[]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4449
  -props: []
}