{"id":1573,"date":"2025-12-15T22:37:15","date_gmt":"2025-12-15T22:37:15","guid":{"rendered":"https:\/\/animalesypraxis.org\/?page_id=1573"},"modified":"2026-03-14T06:29:31","modified_gmt":"2026-03-14T06:29:31","slug":"mapa-de-juegos-conociendo-a-los-animales","status":"publish","type":"page","link":"https:\/\/animalesypraxis.org\/?page_id=1573","title":{"rendered":"Mapa de juegos"},"content":{"rendered":"\n<style>\n  .mapa-juegos{\n    --bg1:#f4fbff;\n    --bg2:#eef8f0;\n    --text:#1f2937;\n    --muted:#4b5563;\n    --line:#e6edf5;\n\n    background:\n      radial-gradient(1200px 500px at 20% -10%, #dff3ff 0%, transparent 60%),\n      radial-gradient(900px 400px at 90% 0%, #e3fbe8 0%, transparent 60%),\n      linear-gradient(180deg,var(--bg1),var(--bg2));\n    border-radius: 20px;\n    padding: 28px 18px 36px;\n    margin: 20px;\n    color: var(--text);\n  }\n\n  .mapa-juegos .titulo{\n    text-align:center;\n    margin: 0 0 10px;\n    color:#1e3a5f;\n    font-size: clamp(2rem, 4vw, 3rem);\n    line-height: 1.1;\n  }\n\n  .mapa-juegos .intro{\n    max-width: 980px;\n    margin: 0 auto 14px;\n    text-align: center;\n    color: var(--muted);\n    font-size: 1.05rem;\n  }\n\n  .mapa-juegos .h5p-wrap{\n    max-width: 1024px;\n    margin: 18px auto 18px;\n    padding: 14px;\n    border-radius: 18px;\n    background: linear-gradient(145deg, #ffffff, #f3f8ff);\n    border: 1px solid var(--line);\n    box-shadow:\n      0 2px 0 #ffffff inset,\n      0 -2px 0 rgba(0,0,0,.03) inset,\n      0 8px 18px rgba(0,0,0,.08),\n      0 22px 40px rgba(0,0,0,.10);\n    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n  }\n\n  \/* Hover contenedor H5P *\/\n  .mapa-juegos .h5p-wrap:hover{\n    transform: translateY(-4px);\n    border-color:#cfe3ff;\n    box-shadow:\n      0 2px 0 #ffffff inset,\n      0 -2px 0 rgba(0,0,0,.02) inset,\n      0 12px 24px rgba(0,0,0,.10),\n      0 28px 45px rgba(47,128,237,.20);\n  }\n\n  .mapa-juegos .h5p-iframe-wrapper,\n  .mapa-juegos .h5p-content{\n    border-radius: 12px;\n    overflow: hidden;\n  }\n\n  .mapa-juegos .instrucciones{\n    max-width: 1024px;\n    margin: 0 auto;\n    padding: 18px 18px 14px;\n    border-radius: 16px;\n    background: linear-gradient(145deg, #ffffff, #f7fbff);\n    border: 1px solid var(--line);\n    box-shadow:\n      0 1px 0 #ffffff inset,\n      0 -1px 0 rgba(0,0,0,.02) inset,\n      0 8px 18px rgba(0,0,0,.07);\n  }\n\n  .mapa-juegos .instrucciones p{\n    margin: 0 0 8px;\n    color:#1f3f66;\n  }\n\n  .mapa-juegos .instrucciones ul{\n    margin: 0;\n    padding-left: 0;\n    list-style: none;\n  }\n\n  .mapa-juegos .instrucciones li{\n    position: relative;\n    margin: 8px 0;\n    padding: 8px 10px 8px 30px;\n    color:#374151;\n    border-radius: 10px;\n    transition: background-color .2s ease, transform .2s ease;\n  }\n\n  .mapa-juegos .instrucciones li::before{\n    content:\"\ud83d\udc3e\";\n    position:absolute;\n    left:8px;\n    top:8px;\n  }\n\n\/*Oculta el titulo de la pagina*\/\n.page-header {\n    display: none;\n}\n\n  \/* Hover items instrucciones *\/\n  .mapa-juegos .instrucciones li:hover{\n    background:#eef6ff;\n    transform: translateX(4px);\n  }\n\n  @media (max-width: 768px){\n    .mapa-juegos{ padding: 22px 12px 28px; border-radius: 14px; }\n    .mapa-juegos .h5p-wrap{ padding:10px; border-radius:14px; }\n    .mapa-juegos .instrucciones{ padding:14px 12px 10px; border-radius:12px; }\n  }\n<\/style>\n\n\n\n<div class=\"wp-block-group mapa-juegos is-layout-flow wp-block-group-is-layout-flow\">\n\n  \n  <h1 class=\"wp-block-heading titulo\">Mapa de juegos<\/h1>\n  \n\n  \n  <p class=\"intro\">Bienvenido al mapa de juegos interactivo. Explora cada animal, aprende sobre su cuidado y completa los minijuegos para avanzar hasta el reto final.<\/p>\n  \n\n  \n  <div class=\"wp-block-group h5p-wrap is-layout-flow wp-block-group-is-layout-flow\">\n    <div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-1\" class=\"h5p-iframe\" data-content-id=\"1\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Mapa interactivo: Cuidado de los Animales Dom\u00e9sticos\"><\/iframe><\/div>\n\n  <\/div>\n  \n\n  \n  <div class=\"wp-block-group instrucciones is-layout-flow wp-block-group-is-layout-flow\">\n    \n    <p><strong>Instrucciones r\u00e1pidas:<\/strong><\/p>\n    \n\n    \n    <ul class=\"wp-block-list\">\n      <li>Usa pantalla completa para una mejor experiencia.<\/li>\n      <li>Lee con atenci\u00f3n antes de responder.<\/li>\n      <li>Completa los retos en orden.<\/li>\n    <\/ul>\n    \n  <\/div>\n  \n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Mapa de juegos Bienvenido al mapa de juegos interactivo. Explora cada animal, aprende sobre su cuidado y completa los minijuegos para avanzar hasta el reto final. Instrucciones r\u00e1pidas: Usa pantalla completa para una mejor experiencia. Lee con atenci\u00f3n antes de responder. Completa los retos en orden.<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1573","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/animalesypraxis.org\/index.php?rest_route=\/wp\/v2\/pages\/1573","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/animalesypraxis.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/animalesypraxis.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/animalesypraxis.org\/index.php?rest_route=\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/animalesypraxis.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1573"}],"version-history":[{"count":14,"href":"https:\/\/animalesypraxis.org\/index.php?rest_route=\/wp\/v2\/pages\/1573\/revisions"}],"predecessor-version":[{"id":1857,"href":"https:\/\/animalesypraxis.org\/index.php?rest_route=\/wp\/v2\/pages\/1573\/revisions\/1857"}],"wp:attachment":[{"href":"https:\/\/animalesypraxis.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}