GET https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/es/media/554-disolucion-del-nacl-en-el-agua

Response
200 OK
IP
216.73.217.39
Profiled on
Token
de44ce

Components

19 Twig Components
32 Render Count
528 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 39.60ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 59.47ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 3.16ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 1.35ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 97.08ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 23.92ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 22.83ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.63ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 16.97ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 2.25ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 57.61ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 56.75ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 1.40ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.85ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.60ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 39.35ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 1.64ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 303.20ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 21.28ms

Render calls

Store:User App\Twig\Components\Store\User 14.0 MiB 1.35 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3637
  -securityService: App\Service\SecurityService {#116 …}
  -geoService: App\Service\GeoService {#171 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3638 …}
}
Header 
[Anonymous]
 14.0 MiB 97.08 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3668
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 14.0 MiB 23.92 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 {#3694
  -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 22.83 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3750
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 14.0 MiB 0.63 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3774
  -props: []
}
Header:LocalePicker 
[Anonymous]
 14.0 MiB 16.97 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3791
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 14.58 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 {#3816
  +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 2.25 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3808
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 0.98 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/es/login?next=/es/media/554-disolucion-del-nacl-en-el-agua"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/es/login?next=/es/media/554-disolucion-del-nacl-en-el-agua"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#3894
  +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 0.84 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/es/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/es/subscribe/"
]
Component 
App\Twig\Components\Button {#3908
  +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 57.61 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3732
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1494 …}
}
Dialog 
[Anonymous]
 14.0 MiB 56.75 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 {#3945
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.29 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 {#3979
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 1.59 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/554-dissolution-of-nacl-in-water"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/554-dissolution-of-nacl-in-water"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4010
  +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.44 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/554-dissolution-du-nacl-dans-l-eau"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/554-dissolution-du-nacl-dans-l-eau"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4047
  +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 15.59 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/es/media/554-disolucion-del-nacl-en-el-agua"
  "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/554-disolucion-del-nacl-en-el-agua"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4066
  +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.16 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/554-aufloesung-von-nacl-in-wasser"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/554-aufloesung-von-nacl-in-wasser"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4086
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Banner:UserBanners App\Twig\Components\Banner\UserBanners 14.0 MiB 1.40 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3685
  -purchaseRepository: App\Repository\PurchaseRepository {#119 …}
  -securityService: App\Service\SecurityService {#116 …}
}
MediaField 
[Anonymous]
 14.0 MiB 0.85 ms
Input props 
[
  "title" => "Objetivos de aprendizaje"
  "media" => [
    "id" => 554
    "title" => "Disolución del NaCl en el agua"
    "slug" => "disolucion-del-nacl-en-el-agua"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/554-6545f3ad62aad385484084.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/554-6545f3ad62aad385484084.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/554-6545f3ad62aad385484084.webp"
    ]
    "thumbnailBackground" => "#00a751"
    "publishedAt" => DateTimeImmutable @1431302400 {#1386
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Ilustrar las diferentes&nbsp;etapas de disoluci&oacute;n de la sal (cloruro de sodio) en el agua.</li>\r\n
      \t<li>Introducir los fen&oacute;menos electrost&aacute;ticos (cargas i&oacute;nicas Na<sup>+</sup> y Cl<sup>-</sup>, polaridad de mol&eacute;culas de agua).</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Si mezclamos dos substancias y el resultado obtenido es una mezcla homog&eacute;nea, hablamos de soluci&oacute;n. En el caso de la sal de mesa mezclada con el agua, los &aacute;tomos de sodio (Na) y de cloro (Cl) inicialmente ligados en conjunto bajo la forma de un cristal, son disueltos por las mol&eacute;culas de agua. El agua es un solvente.</p>\r\n
      \r\n
      <p>Las razones son de orden electrost&aacute;tico. La cohesi&oacute;n de los &aacute;tomos y de las mol&eacute;culas proviene de los enlaces electrost&aacute;ticos que existen entre part&iacute;culas cargadas y&frasl;o polarizadas. El cloruro de sodio (NaCl) es de hecho la uni&oacute;n de un ion Na<sup>+</sup> y de un ion Cl<sup>-</sup> que se atraen mutuamente bajo el efecto de la atracci&oacute;n electrost&aacute;tica.</p>\r\n
      \r\n
      <p>Las mol&eacute;culas de agua son el&eacute;ctricamente neutras pero su geometr&iacute;a las hace polarizables, es decir, que las cargas positivas y negativas est&aacute;n&nbsp;colocadas una frente a la otra. &Eacute;sta propiedad hace que los iones de&nbsp;&nbsp;Na<sup>+ </sup>y de Cl<sup>- </sup>se separen&nbsp;bajo la atracci&oacute;n m&aacute;s fuerte de las mol&eacute;culas de agua. Notemos que la orientaci&oacute;n de las mol&eacute;culas no es la misma si ellas atraen a un ion de Na<sup>+ </sup>o un ion de Cl<sup>- </sup>.</p>\r\n
      \r\n
      <p>&Eacute;ste proceso se continua hasta que la sal es totalmente disuelta.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3389
        #id: 958
        #title: "Experimento de Lavoisier"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/958-6545f48b77810214145345.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/958-6545f48b77810214145345.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/958-6545f48b77810214145345.webp"
        ]
        #thumbnailBackground: "#f09819"
        #publishedAt: DateTimeImmutable @1625616000 {#2961
          date: 2021-07-07 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "experimento-de-lavoisier"
      }
      App\Entity\vo\MediaCardLight {#3391
        #id: 564
        #title: "Velocidad de reacción"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/564-6545f3b338de7065088506.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/564-6545f3b338de7065088506.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/564-6545f3b338de7065088506.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#2630
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "velocidad-de-reaccion"
      }
      App\Entity\vo\MediaCardLight {#3392
        #id: 651
        #title: "Combustión"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/651-6545f3f0282c6074418794.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/651-6545f3f0282c6074418794.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/651-6545f3f0282c6074418794.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1431302400 {#2913
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "combustion"
      }
      App\Entity\vo\MediaCardLight {#3393
        #id: 600
        #title: "Reacción química"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/600-6545f3cd468b8738306904.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/600-6545f3cd468b8738306904.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/600-6545f3cd468b8738306904.webp"
        ]
        #thumbnailBackground: "#f5e6f2"
        #publishedAt: DateTimeImmutable @1431302400 {#2853
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "reaccion-quimica"
      }
      App\Entity\vo\MediaCardLight {#3394
        #id: 605
        #title: "Test: Combustión"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/605-6545f3d05e645966387737.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/605-6545f3d05e645966387737.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/605-6545f3d05e645966387737.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1431302400 {#2881
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "test-combustion"
      }
    ]
    "tags" => [
      "ion"
      "nacl"
      "polaridad"
      "sal"
      "sodio"
      "solvatación"
      "solvente"
    ]
    "baseNodeName" => "Química"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Objetivos de aprendizaje"
  "media" => [
    "id" => 554
    "title" => "Disolución del NaCl en el agua"
    "slug" => "disolucion-del-nacl-en-el-agua"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/554-6545f3ad62aad385484084.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/554-6545f3ad62aad385484084.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/554-6545f3ad62aad385484084.webp"
    ]
    "thumbnailBackground" => "#00a751"
    "publishedAt" => DateTimeImmutable @1431302400 {#1386
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Ilustrar las diferentes&nbsp;etapas de disoluci&oacute;n de la sal (cloruro de sodio) en el agua.</li>\r\n
      \t<li>Introducir los fen&oacute;menos electrost&aacute;ticos (cargas i&oacute;nicas Na<sup>+</sup> y Cl<sup>-</sup>, polaridad de mol&eacute;culas de agua).</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Si mezclamos dos substancias y el resultado obtenido es una mezcla homog&eacute;nea, hablamos de soluci&oacute;n. En el caso de la sal de mesa mezclada con el agua, los &aacute;tomos de sodio (Na) y de cloro (Cl) inicialmente ligados en conjunto bajo la forma de un cristal, son disueltos por las mol&eacute;culas de agua. El agua es un solvente.</p>\r\n
      \r\n
      <p>Las razones son de orden electrost&aacute;tico. La cohesi&oacute;n de los &aacute;tomos y de las mol&eacute;culas proviene de los enlaces electrost&aacute;ticos que existen entre part&iacute;culas cargadas y&frasl;o polarizadas. El cloruro de sodio (NaCl) es de hecho la uni&oacute;n de un ion Na<sup>+</sup> y de un ion Cl<sup>-</sup> que se atraen mutuamente bajo el efecto de la atracci&oacute;n electrost&aacute;tica.</p>\r\n
      \r\n
      <p>Las mol&eacute;culas de agua son el&eacute;ctricamente neutras pero su geometr&iacute;a las hace polarizables, es decir, que las cargas positivas y negativas est&aacute;n&nbsp;colocadas una frente a la otra. &Eacute;sta propiedad hace que los iones de&nbsp;&nbsp;Na<sup>+ </sup>y de Cl<sup>- </sup>se separen&nbsp;bajo la atracci&oacute;n m&aacute;s fuerte de las mol&eacute;culas de agua. Notemos que la orientaci&oacute;n de las mol&eacute;culas no es la misma si ellas atraen a un ion de Na<sup>+ </sup>o un ion de Cl<sup>- </sup>.</p>\r\n
      \r\n
      <p>&Eacute;ste proceso se continua hasta que la sal es totalmente disuelta.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3389
        #id: 958
        #title: "Experimento de Lavoisier"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/958-6545f48b77810214145345.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/958-6545f48b77810214145345.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/958-6545f48b77810214145345.webp"
        ]
        #thumbnailBackground: "#f09819"
        #publishedAt: DateTimeImmutable @1625616000 {#2961
          date: 2021-07-07 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "experimento-de-lavoisier"
      }
      App\Entity\vo\MediaCardLight {#3391
        #id: 564
        #title: "Velocidad de reacción"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/564-6545f3b338de7065088506.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/564-6545f3b338de7065088506.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/564-6545f3b338de7065088506.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#2630
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "velocidad-de-reaccion"
      }
      App\Entity\vo\MediaCardLight {#3392
        #id: 651
        #title: "Combustión"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/651-6545f3f0282c6074418794.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/651-6545f3f0282c6074418794.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/651-6545f3f0282c6074418794.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1431302400 {#2913
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "combustion"
      }
      App\Entity\vo\MediaCardLight {#3393
        #id: 600
        #title: "Reacción química"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/600-6545f3cd468b8738306904.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/600-6545f3cd468b8738306904.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/600-6545f3cd468b8738306904.webp"
        ]
        #thumbnailBackground: "#f5e6f2"
        #publishedAt: DateTimeImmutable @1431302400 {#2853
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "reaccion-quimica"
      }
      App\Entity\vo\MediaCardLight {#3394
        #id: 605
        #title: "Test: Combustión"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/605-6545f3d05e645966387737.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/605-6545f3d05e645966387737.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/605-6545f3d05e645966387737.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1431302400 {#2881
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "test-combustion"
      }
    ]
    "tags" => [
      "ion"
      "nacl"
      "polaridad"
      "sal"
      "sodio"
      "solvatación"
      "solvente"
    ]
    "baseNodeName" => "Química"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4118
  -props: [
    "title" => "Objetivos de aprendizaje"
    "media" => [
      "id" => 554
      "title" => "Disolución del NaCl en el agua"
      "slug" => "disolucion-del-nacl-en-el-agua"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/554-6545f3ad62aad385484084.webp"
        "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/554-6545f3ad62aad385484084.webp"
        "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/554-6545f3ad62aad385484084.webp"
      ]
      "thumbnailBackground" => "#00a751"
      "publishedAt" => DateTimeImmutable @1431302400 {#1386
        date: 2015-05-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Ilustrar las diferentes&nbsp;etapas de disoluci&oacute;n de la sal (cloruro de sodio) en el agua.</li>\r\n
        \t<li>Introducir los fen&oacute;menos electrost&aacute;ticos (cargas i&oacute;nicas Na<sup>+</sup> y Cl<sup>-</sup>, polaridad de mol&eacute;culas de agua).</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>Si mezclamos dos substancias y el resultado obtenido es una mezcla homog&eacute;nea, hablamos de soluci&oacute;n. En el caso de la sal de mesa mezclada con el agua, los &aacute;tomos de sodio (Na) y de cloro (Cl) inicialmente ligados en conjunto bajo la forma de un cristal, son disueltos por las mol&eacute;culas de agua. El agua es un solvente.</p>\r\n
        \r\n
        <p>Las razones son de orden electrost&aacute;tico. La cohesi&oacute;n de los &aacute;tomos y de las mol&eacute;culas proviene de los enlaces electrost&aacute;ticos que existen entre part&iacute;culas cargadas y&frasl;o polarizadas. El cloruro de sodio (NaCl) es de hecho la uni&oacute;n de un ion Na<sup>+</sup> y de un ion Cl<sup>-</sup> que se atraen mutuamente bajo el efecto de la atracci&oacute;n electrost&aacute;tica.</p>\r\n
        \r\n
        <p>Las mol&eacute;culas de agua son el&eacute;ctricamente neutras pero su geometr&iacute;a las hace polarizables, es decir, que las cargas positivas y negativas est&aacute;n&nbsp;colocadas una frente a la otra. &Eacute;sta propiedad hace que los iones de&nbsp;&nbsp;Na<sup>+ </sup>y de Cl<sup>- </sup>se separen&nbsp;bajo la atracci&oacute;n m&aacute;s fuerte de las mol&eacute;culas de agua. Notemos que la orientaci&oacute;n de las mol&eacute;culas no es la misma si ellas atraen a un ion de Na<sup>+ </sup>o un ion de Cl<sup>- </sup>.</p>\r\n
        \r\n
        <p>&Eacute;ste proceso se continua hasta que la sal es totalmente disuelta.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3389
          #id: 958
          #title: "Experimento de Lavoisier"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/958-6545f48b77810214145345.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/958-6545f48b77810214145345.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/958-6545f48b77810214145345.webp"
          ]
          #thumbnailBackground: "#f09819"
          #publishedAt: DateTimeImmutable @1625616000 {#2961
            date: 2021-07-07 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "experimento-de-lavoisier"
        }
        App\Entity\vo\MediaCardLight {#3391
          #id: 564
          #title: "Velocidad de reacción"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/564-6545f3b338de7065088506.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/564-6545f3b338de7065088506.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/564-6545f3b338de7065088506.webp"
          ]
          #thumbnailBackground: "#f487b9"
          #publishedAt: DateTimeImmutable @1431302400 {#2630
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "velocidad-de-reaccion"
        }
        App\Entity\vo\MediaCardLight {#3392
          #id: 651
          #title: "Combustión"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/651-6545f3f0282c6074418794.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/651-6545f3f0282c6074418794.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/651-6545f3f0282c6074418794.webp"
          ]
          #thumbnailBackground: "#462f92"
          #publishedAt: DateTimeImmutable @1431302400 {#2913
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "combustion"
        }
        App\Entity\vo\MediaCardLight {#3393
          #id: 600
          #title: "Reacción química"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/600-6545f3cd468b8738306904.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/600-6545f3cd468b8738306904.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/600-6545f3cd468b8738306904.webp"
          ]
          #thumbnailBackground: "#f5e6f2"
          #publishedAt: DateTimeImmutable @1431302400 {#2853
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "reaccion-quimica"
        }
        App\Entity\vo\MediaCardLight {#3394
          #id: 605
          #title: "Test: Combustión"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/605-6545f3d05e645966387737.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/605-6545f3d05e645966387737.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/605-6545f3d05e645966387737.webp"
          ]
          #thumbnailBackground: "#f25821"
          #publishedAt: DateTimeImmutable @1431302400 {#2881
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "test-combustion"
        }
      ]
      "tags" => [
        "ion"
        "nacl"
        "polaridad"
        "sal"
        "sodio"
        "solvatación"
        "solvente"
      ]
      "baseNodeName" => "Química"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 14.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 {#4140
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 14.0 MiB 1.73 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4156
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 14.0 MiB 39.35 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4180
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 14.0 MiB 1.64 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4216
    -content: "Más de 1000 recursos"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Más de 1000 recursos"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4218
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4216
      -content: "Más de 1000 recursos"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 14.0 MiB 303.20 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 {#4202
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 2.13 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 {#4462
  +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.43 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4247
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 18.64 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3389
    #id: 958
    #title: "Experimento de Lavoisier"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/958-6545f48b77810214145345.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/958-6545f48b77810214145345.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/958-6545f48b77810214145345.webp"
    ]
    #thumbnailBackground: "#f09819"
    #publishedAt: DateTimeImmutable @1625616000 {#2961
      date: 2021-07-07 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "experimento-de-lavoisier"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4329
  -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 {#3389
    #id: 958
    #title: "Experimento de Lavoisier"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/958-6545f48b77810214145345.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/958-6545f48b77810214145345.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/958-6545f48b77810214145345.webp"
    ]
    #thumbnailBackground: "#f09819"
    #publishedAt: DateTimeImmutable @1625616000 {#2961
      date: 2021-07-07 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "experimento-de-lavoisier"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.64 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3391
    #id: 564
    #title: "Velocidad de reacción"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/564-6545f3b338de7065088506.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/564-6545f3b338de7065088506.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/564-6545f3b338de7065088506.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#2630
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "velocidad-de-reaccion"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4542
  -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 {#3391
    #id: 564
    #title: "Velocidad de reacción"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/564-6545f3b338de7065088506.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/564-6545f3b338de7065088506.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/564-6545f3b338de7065088506.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#2630
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "velocidad-de-reaccion"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 16.56 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3392
    #id: 651
    #title: "Combustión"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/651-6545f3f0282c6074418794.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/651-6545f3f0282c6074418794.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/651-6545f3f0282c6074418794.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1431302400 {#2913
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "combustion"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4570
  -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 {#3392
    #id: 651
    #title: "Combustión"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/651-6545f3f0282c6074418794.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/651-6545f3f0282c6074418794.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/651-6545f3f0282c6074418794.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1431302400 {#2913
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "combustion"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 20.03 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3393
    #id: 600
    #title: "Reacción química"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/600-6545f3cd468b8738306904.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/600-6545f3cd468b8738306904.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/600-6545f3cd468b8738306904.webp"
    ]
    #thumbnailBackground: "#f5e6f2"
    #publishedAt: DateTimeImmutable @1431302400 {#2853
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "reaccion-quimica"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4589
  -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 {#3393
    #id: 600
    #title: "Reacción química"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/600-6545f3cd468b8738306904.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/600-6545f3cd468b8738306904.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/600-6545f3cd468b8738306904.webp"
    ]
    #thumbnailBackground: "#f5e6f2"
    #publishedAt: DateTimeImmutable @1431302400 {#2853
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "reaccion-quimica"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 2.61 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3394
    #id: 605
    #title: "Test: Combustión"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/605-6545f3d05e645966387737.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/605-6545f3d05e645966387737.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/605-6545f3d05e645966387737.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1431302400 {#2881
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "test-combustion"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4608
  -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 {#3394
    #id: 605
    #title: "Test: Combustión"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/605-6545f3d05e645966387737.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/605-6545f3d05e645966387737.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/605-6545f3d05e645966387737.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1431302400 {#2881
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "test-combustion"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 14.0 MiB 21.28 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4165
  -props: []
}