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

Components

19 Twig Components
32 Render Count
943 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 104.47ms
MediaCard
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig
5 167.11ms
Heading:Large
[Anonymous]
components/Heading/Large.html.twig
2 2.79ms
Store:User
"App\Twig\Components\Store\User"
components/Store/User.html.twig
1 1.16ms
Header
[Anonymous]
components/Header/index.html.twig
1 200.13ms
Layout:Stack
[Anonymous]
components/Layout/Stack.html.twig
1 45.28ms
Header:Anonymous
[Anonymous]
components/Header/Anonymous.html.twig
1 44.22ms
Header:Logo
[Anonymous]
components/Header/Logo.html.twig
1 0.58ms
Header:LocalePicker
[Anonymous]
components/Header/LocalePicker.html.twig
1 33.27ms
LoginLink
[Anonymous]
components/LoginLink.html.twig
1 1.59ms
Dialog:LocalePicker
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig
1 138.50ms
Dialog
[Anonymous]
components/Dialog/index.html.twig
1 137.66ms
Banner:UserBanners
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig
1 30.57ms
MediaField
[Anonymous]
components/MediaField.html.twig
1 1.08ms
Demo:Video
[Anonymous]
components/Demo/Video.html.twig
1 6.49ms
Showcase:RevealPill
[Anonymous]
components/Showcase/RevealPill.html.twig
1 1.94ms
Showcase:Reveal
[Anonymous]
components/Showcase/Reveal.html.twig
1 0.65ms
DemoForm
[Anonymous]
components/DemoForm.html.twig
1 420.79ms
Footer
[Anonymous]
components/Footer/index.html.twig
1 110.94ms

Render calls

Store:User App\Twig\Components\Store\User 14.0 MiB 1.16 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Store\User {#3843
  -securityService: App\Service\SecurityService {#114 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3844 …}
}
Header
[Anonymous]
14.0 MiB 200.13 ms
Input props
[
  "notSticky" => false
]
Attributes
[
  "notSticky" => false
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3874
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack
[Anonymous]
14.0 MiB 45.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 {#3900
  -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 44.22 ms
Input props
[
  "minimal" => false
]
Attributes
[
  "minimal" => false
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3956
  -props: [
    "minimal" => false
  ]
}
Header:Logo
[Anonymous]
14.0 MiB 0.58 ms
Input props
[]
Attributes
[]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3980
  -props: []
}
Header:LocalePicker
[Anonymous]
14.0 MiB 33.27 ms
Input props
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3997
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 19.81 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 {#4022
  +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 1.59 ms
Input props
[
  "class" => "grow"
  "size" => "small"
]
Attributes
[
  "class" => "grow"
  "size" => "small"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4014
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 0.64 ms
Input props
[
  "data-compo" => "LoginLink"
  "href" => "/es/login?next=/es/media/970-iceberg"
  "class" => "grow"
  "size" => "small"
]
Attributes
[
  "data-compo" => "LoginLink"
  "href" => "/es/login?next=/es/media/970-iceberg"
  "class" => "grow"
]
Component
App\Twig\Components\Button {#4100
  +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 3.79 ms
Input props
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/es/subscribe/"
]
Attributes
[
  "class" => "grow"
  "href" => "/es/subscribe/"
]
Component
App\Twig\Components\Button {#4114
  +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 138.50 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Dialog\LocalePicker {#3938
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1481 …}
}
Dialog
[Anonymous]
14.0 MiB 137.66 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 {#4151
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 40.42 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 {#4185
  +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 0.79 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/970-iceberg"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/970-iceberg"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component
App\Twig\Components\Button {#4216
  +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.55 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/970-iceberg"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/970-iceberg"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component
App\Twig\Components\Button {#4253
  +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 2.23 ms
Input props
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/es/media/970-iceberg"
  "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/970-iceberg"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "es"
]
Component
App\Twig\Components\Button {#4272
  +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.83 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/970-eisberg"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/970-eisberg"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component
App\Twig\Components\Button {#4292
  +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 30.57 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Banner\UserBanners {#3891
  -purchaseRepository: App\Repository\PurchaseRepository {#117 …}
  -securityService: App\Service\SecurityService {#114 …}
}
MediaField
[Anonymous]
14.0 MiB 1.08 ms
Input props
[
  "title" => "Objetivos de aprendizaje"
  "media" => [
    "id" => 970
    "title" => "Iceberg"
    "slug" => "iceberg"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/970-6545f49099ef1313326972.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/970-6545f49099ef1313326972.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/970-6545f49099ef1313326972.webp"
    ]
    "thumbnailBackground" => "#00b7ad"
    "publishedAt" => DateTimeImmutable @1649635200 {#1393
      date: 2022-04-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Entender por qu&eacute; flota un iceberg.</li>\r\n
      \t<li>Jugar con el centro de masa de un s&oacute;lido.</li>\r\n
      \t<li>Introducir el concepto de acoplamiento de fuerzas.</li>\r\n
      \t<li>Definir las condiciones de equilibrio estable.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>Un iceberg (&quot;monta&ntilde;a de hielo&quot;) es un bloque de hielo que se ha desprendido de un glaciar o casquete polar en un proceso llamado desprendimiento.</p>\r\n
      \r\n
      <p>Un iceberg pesa varios millones de toneladas y, sin embargo, flota. Recuerda que el agua dulce tiene una densidad ligeramente menor que el agua salada del oc&eacute;ano, pero la raz&oacute;n principal es la siguiente.</p>\r\n
      \r\n
      <p>Todos los l&iacute;quidos tienen la propiedad de reducir su volumen cuando se solidifican en hielo. Todos excepto el agua. Al convertirse en hielo, el agua gana volumen y, como resultado, el hielo de agua es menos denso que el agua l&iacute;quida. Esta es una propiedad notable que explica por qu&eacute; la fuerza de Arqu&iacute;medes de un cubo de hielo totalmente sumergido supera la fuerza de su peso, por lo que el cubo de hielo sube a la superficie.</p>\r\n
      \r\n
      <p>La flotaci&oacute;n de un iceberg es una hermosa ilustraci&oacute;n del principio de Arqu&iacute;medes y esta animaci&oacute;n permite jugar con las formas y observar c&oacute;mo interact&uacute;an las dos fuerzas. Dado que la densidad del hielo es un poco m&aacute;s baja que la del agua que lo rodea, alrededor del 10% del volumen del iceberg emerge cuando la fuerza de Arqu&iacute;medes F<sub>A</sub> y el peso F<sub>g</sub> se equilibran.</p>\r\n
      \r\n
      <p>Citas:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li><a href="https://scipython.com/blog/iceberg-dynamics/">https://scipython.com/blog/iceberg-dynamics/</a></li>\r\n
      \t<li><a href="https://joshdata.me/iceberger.html">https://joshdata.me/iceberger.html</a> de Joshua Tauberer</li>\r\n
      </ul>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3600
        #id: 152
        #title: "Test: El ciclo del agua"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/152-6545f2be7e2e2942593436.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/152-6545f2be7e2e2942593436.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/152-6545f2be7e2e2942593436.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#3055
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "test-el-ciclo-del-agua"
      }
      App\Entity\vo\MediaCardLight {#3602
        #id: 245
        #title: "Potabilización"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1431302400 {#3099
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "potabilizacion"
      }
      App\Entity\vo\MediaCardLight {#3603
        #id: 973
        #title: "Buque portacontenedores"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1649684990 {#3180
          date: 2022-04-11 13:49:50.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "buque-portacontenedores"
      }
      App\Entity\vo\MediaCardLight {#3604
        #id: 441
        #title: "¿Flota o se hunde?"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/441-6545f3641819d973230049.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/441-6545f3641819d973230049.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/441-6545f3641819d973230049.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#3135
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "flota-o-se-hunde"
      }
      App\Entity\vo\MediaCardLight {#3605
        #id: 106
        #title: "Velocidad angular"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/106-6545f2a4ab20c841670809.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/106-6545f2a4ab20c841670809.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/106-6545f2a4ab20c841670809.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#3035
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "velocidad-angular"
      }
    ]
    "tags" => [
      "arquímedes"
      "centro de masa"
      "equilibrio"
      "iceberg"
    ]
    "baseNodeName" => "Medio ambiente y Ecología"
  ]
  "key" => "goals"
]
Attributes
[
  "title" => "Objetivos de aprendizaje"
  "media" => [
    "id" => 970
    "title" => "Iceberg"
    "slug" => "iceberg"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/970-6545f49099ef1313326972.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/970-6545f49099ef1313326972.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/970-6545f49099ef1313326972.webp"
    ]
    "thumbnailBackground" => "#00b7ad"
    "publishedAt" => DateTimeImmutable @1649635200 {#1393
      date: 2022-04-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Entender por qu&eacute; flota un iceberg.</li>\r\n
      \t<li>Jugar con el centro de masa de un s&oacute;lido.</li>\r\n
      \t<li>Introducir el concepto de acoplamiento de fuerzas.</li>\r\n
      \t<li>Definir las condiciones de equilibrio estable.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>Un iceberg (&quot;monta&ntilde;a de hielo&quot;) es un bloque de hielo que se ha desprendido de un glaciar o casquete polar en un proceso llamado desprendimiento.</p>\r\n
      \r\n
      <p>Un iceberg pesa varios millones de toneladas y, sin embargo, flota. Recuerda que el agua dulce tiene una densidad ligeramente menor que el agua salada del oc&eacute;ano, pero la raz&oacute;n principal es la siguiente.</p>\r\n
      \r\n
      <p>Todos los l&iacute;quidos tienen la propiedad de reducir su volumen cuando se solidifican en hielo. Todos excepto el agua. Al convertirse en hielo, el agua gana volumen y, como resultado, el hielo de agua es menos denso que el agua l&iacute;quida. Esta es una propiedad notable que explica por qu&eacute; la fuerza de Arqu&iacute;medes de un cubo de hielo totalmente sumergido supera la fuerza de su peso, por lo que el cubo de hielo sube a la superficie.</p>\r\n
      \r\n
      <p>La flotaci&oacute;n de un iceberg es una hermosa ilustraci&oacute;n del principio de Arqu&iacute;medes y esta animaci&oacute;n permite jugar con las formas y observar c&oacute;mo interact&uacute;an las dos fuerzas. Dado que la densidad del hielo es un poco m&aacute;s baja que la del agua que lo rodea, alrededor del 10% del volumen del iceberg emerge cuando la fuerza de Arqu&iacute;medes F<sub>A</sub> y el peso F<sub>g</sub> se equilibran.</p>\r\n
      \r\n
      <p>Citas:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li><a href="https://scipython.com/blog/iceberg-dynamics/">https://scipython.com/blog/iceberg-dynamics/</a></li>\r\n
      \t<li><a href="https://joshdata.me/iceberger.html">https://joshdata.me/iceberger.html</a> de Joshua Tauberer</li>\r\n
      </ul>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3600
        #id: 152
        #title: "Test: El ciclo del agua"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/152-6545f2be7e2e2942593436.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/152-6545f2be7e2e2942593436.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/152-6545f2be7e2e2942593436.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#3055
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "test-el-ciclo-del-agua"
      }
      App\Entity\vo\MediaCardLight {#3602
        #id: 245
        #title: "Potabilización"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1431302400 {#3099
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "potabilizacion"
      }
      App\Entity\vo\MediaCardLight {#3603
        #id: 973
        #title: "Buque portacontenedores"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1649684990 {#3180
          date: 2022-04-11 13:49:50.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "buque-portacontenedores"
      }
      App\Entity\vo\MediaCardLight {#3604
        #id: 441
        #title: "¿Flota o se hunde?"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/441-6545f3641819d973230049.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/441-6545f3641819d973230049.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/441-6545f3641819d973230049.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#3135
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "flota-o-se-hunde"
      }
      App\Entity\vo\MediaCardLight {#3605
        #id: 106
        #title: "Velocidad angular"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/106-6545f2a4ab20c841670809.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/106-6545f2a4ab20c841670809.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/106-6545f2a4ab20c841670809.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#3035
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "velocidad-angular"
      }
    ]
    "tags" => [
      "arquímedes"
      "centro de masa"
      "equilibrio"
      "iceberg"
    ]
    "baseNodeName" => "Medio ambiente y Ecología"
  ]
  "key" => "goals"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4324
  -props: [
    "title" => "Objetivos de aprendizaje"
    "media" => [
      "id" => 970
      "title" => "Iceberg"
      "slug" => "iceberg"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/970-6545f49099ef1313326972.webp"
        "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/970-6545f49099ef1313326972.webp"
        "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/970-6545f49099ef1313326972.webp"
      ]
      "thumbnailBackground" => "#00b7ad"
      "publishedAt" => DateTimeImmutable @1649635200 {#1393
        date: 2022-04-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Entender por qu&eacute; flota un iceberg.</li>\r\n
        \t<li>Jugar con el centro de masa de un s&oacute;lido.</li>\r\n
        \t<li>Introducir el concepto de acoplamiento de fuerzas.</li>\r\n
        \t<li>Definir las condiciones de equilibrio estable.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 350
      "description" => """
        <p>Un iceberg (&quot;monta&ntilde;a de hielo&quot;) es un bloque de hielo que se ha desprendido de un glaciar o casquete polar en un proceso llamado desprendimiento.</p>\r\n
        \r\n
        <p>Un iceberg pesa varios millones de toneladas y, sin embargo, flota. Recuerda que el agua dulce tiene una densidad ligeramente menor que el agua salada del oc&eacute;ano, pero la raz&oacute;n principal es la siguiente.</p>\r\n
        \r\n
        <p>Todos los l&iacute;quidos tienen la propiedad de reducir su volumen cuando se solidifican en hielo. Todos excepto el agua. Al convertirse en hielo, el agua gana volumen y, como resultado, el hielo de agua es menos denso que el agua l&iacute;quida. Esta es una propiedad notable que explica por qu&eacute; la fuerza de Arqu&iacute;medes de un cubo de hielo totalmente sumergido supera la fuerza de su peso, por lo que el cubo de hielo sube a la superficie.</p>\r\n
        \r\n
        <p>La flotaci&oacute;n de un iceberg es una hermosa ilustraci&oacute;n del principio de Arqu&iacute;medes y esta animaci&oacute;n permite jugar con las formas y observar c&oacute;mo interact&uacute;an las dos fuerzas. Dado que la densidad del hielo es un poco m&aacute;s baja que la del agua que lo rodea, alrededor del 10% del volumen del iceberg emerge cuando la fuerza de Arqu&iacute;medes F<sub>A</sub> y el peso F<sub>g</sub> se equilibran.</p>\r\n
        \r\n
        <p>Citas:</p>\r\n
        \r\n
        <ul>\r\n
        \t<li><a href="https://scipython.com/blog/iceberg-dynamics/">https://scipython.com/blog/iceberg-dynamics/</a></li>\r\n
        \t<li><a href="https://joshdata.me/iceberger.html">https://joshdata.me/iceberger.html</a> de Joshua Tauberer</li>\r\n
        </ul>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3600
          #id: 152
          #title: "Test: El ciclo del agua"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/152-6545f2be7e2e2942593436.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/152-6545f2be7e2e2942593436.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/152-6545f2be7e2e2942593436.webp"
          ]
          #thumbnailBackground: "#00b7ad"
          #publishedAt: DateTimeImmutable @1431302400 {#3055
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "test-el-ciclo-del-agua"
        }
        App\Entity\vo\MediaCardLight {#3602
          #id: 245
          #title: "Potabilización"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
          ]
          #thumbnailBackground: "#f25821"
          #publishedAt: DateTimeImmutable @1431302400 {#3099
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "potabilizacion"
        }
        App\Entity\vo\MediaCardLight {#3603
          #id: 973
          #title: "Buque portacontenedores"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
          ]
          #thumbnailBackground: "#f487b9"
          #publishedAt: DateTimeImmutable @1649684990 {#3180
            date: 2022-04-11 13:49:50.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "buque-portacontenedores"
        }
        App\Entity\vo\MediaCardLight {#3604
          #id: 441
          #title: "¿Flota o se hunde?"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/441-6545f3641819d973230049.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/441-6545f3641819d973230049.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/441-6545f3641819d973230049.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431302400 {#3135
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "flota-o-se-hunde"
        }
        App\Entity\vo\MediaCardLight {#3605
          #id: 106
          #title: "Velocidad angular"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/106-6545f2a4ab20c841670809.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/106-6545f2a4ab20c841670809.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/106-6545f2a4ab20c841670809.webp"
          ]
          #thumbnailBackground: "#00b7ad"
          #publishedAt: DateTimeImmutable @1431302400 {#3035
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "velocidad-angular"
        }
      ]
      "tags" => [
        "arquímedes"
        "centro de masa"
        "equilibrio"
        "iceberg"
      ]
      "baseNodeName" => "Medio ambiente y Ecología"
    ]
    "key" => "goals"
  ]
}
Demo:Video
[Anonymous]
14.0 MiB 6.49 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 {#4346
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large
[Anonymous]
14.0 MiB 1.40 ms
Input props
[
  "tag" => "h2"
]
Attributes
[
  "tag" => "h2"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4362
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill
[Anonymous]
14.0 MiB 1.94 ms
Input props
[
  "icon" => "source"
]
Attributes
[
  "icon" => "source"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4386
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal
[Anonymous]
14.0 MiB 0.65 ms
Input props
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4422
    -content: "Más de 1000 recursos"
    -charset: "UTF-8"
  }
]
Attributes
[
  "class" => "-mt-1"
  "text" => "Más de 1000 recursos"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4424
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4422
      -content: "Más de 1000 recursos"
      -charset: "UTF-8"
    }
  ]
}
DemoForm
[Anonymous]
14.0 MiB 420.79 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 {#4408
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 33.41 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 {#4668
  +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 1.39 ms
Input props
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes
[
  "class" => "text-white"
  "tag" => "h1"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4453
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 22.69 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3600
    #id: 152
    #title: "Test: El ciclo del agua"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/152-6545f2be7e2e2942593436.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/152-6545f2be7e2e2942593436.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/152-6545f2be7e2e2942593436.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#3055
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "test-el-ciclo-del-agua"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes
[
  "class" => "w-1/2 "
]
Component
App\Twig\Components\MediaCard {#4535
  -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 {#3600
    #id: 152
    #title: "Test: El ciclo del agua"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/152-6545f2be7e2e2942593436.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/152-6545f2be7e2e2942593436.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/152-6545f2be7e2e2942593436.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#3055
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "test-el-ciclo-del-agua"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.45 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3602
    #id: 245
    #title: "Potabilización"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1431302400 {#3099
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "potabilizacion"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes
[
  "class" => "w-1/2 hidden md:block"
]
Component
App\Twig\Components\MediaCard {#4748
  -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 {#3602
    #id: 245
    #title: "Potabilización"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1431302400 {#3099
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "potabilizacion"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 82.01 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3603
    #id: 973
    #title: "Buque portacontenedores"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1649684990 {#3180
      date: 2022-04-11 13:49:50.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "buque-portacontenedores"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes
[
  "class" => "w-1/2 hidden lg:block"
]
Component
App\Twig\Components\MediaCard {#4776
  -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 {#3603
    #id: 973
    #title: "Buque portacontenedores"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1649684990 {#3180
      date: 2022-04-11 13:49:50.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "buque-portacontenedores"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 2.00 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3604
    #id: 441
    #title: "¿Flota o se hunde?"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/441-6545f3641819d973230049.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/441-6545f3641819d973230049.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/441-6545f3641819d973230049.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#3135
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "flota-o-se-hunde"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes
[
  "class" => "w-1/2 hidden lg:block"
]
Component
App\Twig\Components\MediaCard {#4795
  -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 {#3604
    #id: 441
    #title: "¿Flota o se hunde?"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/441-6545f3641819d973230049.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/441-6545f3641819d973230049.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/441-6545f3641819d973230049.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#3135
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "flota-o-se-hunde"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 58.97 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3605
    #id: 106
    #title: "Velocidad angular"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/106-6545f2a4ab20c841670809.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/106-6545f2a4ab20c841670809.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/106-6545f2a4ab20c841670809.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#3035
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "velocidad-angular"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes
[
  "class" => "w-1/2 hidden lg:block"
]
Component
App\Twig\Components\MediaCard {#4814
  -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 {#3605
    #id: 106
    #title: "Velocidad angular"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/106-6545f2a4ab20c841670809.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/106-6545f2a4ab20c841670809.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/106-6545f2a4ab20c841670809.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#3035
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "velocidad-angular"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer
[Anonymous]
14.0 MiB 110.94 ms
Input props
[]
Attributes
[]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4371
  -props: []
}