{"id":2210,"date":"2020-02-18T23:38:40","date_gmt":"2020-02-19T02:38:40","guid":{"rendered":"https:\/\/wp.cronometrajeinstantaneo.com\/blog\/?p=2210"},"modified":"2023-05-13T11:20:38","modified_gmt":"2023-05-13T14:20:38","slug":"disenos-de-resultados-personalizados","status":"publish","type":"post","link":"https:\/\/wp.cronometrajeinstantaneo.com\/blog\/academia\/disenos-de-resultados-personalizados\/","title":{"rendered":"Dise\u00f1os de resultados personalizados"},"content":{"rendered":"\n<p>El sistema cuenta con una funcionalidad para poder modificar el dise\u00f1o de los resultados personalizados, de los tickets digitales, informes y mucho m\u00e1s para adaptar todo completamente a la identidad digital del evento. Para eso se escribe en c\u00f3digo CSS los cambios en la configuraci\u00f3n de textos (Configuraci\u00f3n > Inscripciones > Textos).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"que-se-puede-modificar\">\u00bfQu\u00e9 se puede modificar?<\/h2>\n\n\n\n<p>Se puede editar completamente el dise\u00f1o y gran parte del contenido de:<\/p>\n\n\n\n<ul><li>Formulario de inscripciones<\/li><li>Informes de participantes y estad\u00edsticas<\/li><li>Todos los Resultados (generales, por categor\u00eda, por etapas, etc.)<\/li><li>Ticket Digital y Ticket Impreso<\/li><li>Dise\u00f1o de los mails a participantes<\/li><\/ul>\n\n\n\n<p>Si bien esta nota est\u00e1 orientada a explicar como modificar el dise\u00f1o, queremos contarles que vamos a mostrar como ocultar algunas columnas y que el sistema tambi\u00e9n cuenta con formas para cambiar las palabras y el contenido de los resultados por ejemplo agregando columnas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"estos-son-algunos-ejemplos\">Estos son algunos ejemplos<\/h2>\n\n\n\n<p>En algunas ocasiones las organizaciones o los eventos no tienen sitios web por lo que aprovechan el formulario de inscripci\u00f3n para informar todos los detalles del evento.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"268\" height=\"1024\" src=\"https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Inscripcion-268x1024.png\" alt=\"Formulario de inscripci\u00f3n Super Completo\" class=\"wp-image-3051\" srcset=\"https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Inscripcion.png 268w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Inscripcion-768x2932.png 768w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Inscripcion-402x1536.png 402w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Inscripcion-536x2048.png 536w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Inscripcion-29x110.png 29w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Inscripcion-110x420.png 110w\" sizes=\"(max-width: 268px) 100vw, 268px\" \/><figcaption>Formulario de inscripci\u00f3n Super Completo<\/figcaption><\/figure>\n\n\n\n<p>Siempre es bueno insertar logos del evento y de los sponsors:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"886\" src=\"https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Screenshot_2021-03-20-V-Rally-Colima-Resultados-generales-1024x886.png\" alt=\"\" class=\"wp-image-3052\" srcset=\"https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Screenshot_2021-03-20-V-Rally-Colima-Resultados-generales-1024x886.png 1024w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Screenshot_2021-03-20-V-Rally-Colima-Resultados-generales-300x260.png 300w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Screenshot_2021-03-20-V-Rally-Colima-Resultados-generales-768x664.png 768w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Screenshot_2021-03-20-V-Rally-Colima-Resultados-generales-110x95.png 110w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Screenshot_2021-03-20-V-Rally-Colima-Resultados-generales-420x363.png 420w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Screenshot_2021-03-20-V-Rally-Colima-Resultados-generales-497x430.png 497w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Screenshot_2021-03-20-V-Rally-Colima-Resultados-generales.png 1349w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Rally con varias etapas en pleno cronometraje de la segunda<\/figcaption><\/figure>\n\n\n\n<p>Y no nos olvidemos del ticket digital que tanto le gusta a los participantes<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"617\" height=\"1024\" src=\"https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Ticket-Ecuador-617x1024.png\" alt=\"\" class=\"wp-image-3053\" srcset=\"https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Ticket-Ecuador.png 617w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Ticket-Ecuador-181x300.png 181w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Ticket-Ecuador-768x1274.png 768w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Ticket-Ecuador-926x1536.png 926w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Ticket-Ecuador-66x110.png 66w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Ticket-Ecuador-253x420.png 253w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2021\/03\/Ticket-Ecuador-259x430.png 259w\" sizes=\"(max-width: 617px) 100vw, 617px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"como-lo-podemos-hacer\">\u00bfC\u00f3mo lo podemos hacer?<\/h2>\n\n\n\n<p>Las p\u00e1ginas y todo el contenido en Internet est\u00e1 constru\u00eddo con 3 &#8220;lenguajes&#8221; o tecnolog\u00edas: HTML, CSS y JS. En el HTML se encuentra el contenido a mostrar, como los textos, las im\u00e1genes, encabezados, etc. En el CSS se encuentra el dise\u00f1o de la p\u00e1gina, incluyendo fuentes, colores, tama\u00f1os, fondos, etc. Y por \u00faltimo en el JS (Javascript) se encuentra la parte de la programaci\u00f3n que se ejecuta en el navegador.<\/p>\n\n\n\n<p>Pero queremos que conozca un poco m\u00e1s del dise\u00f1o, entonces nos toca aprender CSS, as\u00ed que podemos empezar leyendo un poco la documentaci\u00f3n: <a rel=\"noreferrer noopener\" href=\"https:\/\/developer.mozilla.org\/es\/docs\/Learn\/Getting_started_with_the_web\/CSS_basics\" target=\"_blank\">https:\/\/developer.mozilla.org\/es\/docs\/Learn\/Getting_started_with_the_web\/CSS_basics<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"como-seguimos\">\u00bfC\u00f3mo seguimos?<\/h2>\n\n\n\n<p>Una vez que comprendemos un poco lo b\u00e1sico de CSS, podemos empezar a probar cambios en el sistema. Para que veamos los cambios, vamos a tener que grabarlos haciendo un clic en Siguiente o Anterior. Generalmente se hacen las pruebas en el navegador y luego se guardan los cambios que ya comprobamos que nos gustan. Si quieres aprender esto tambi\u00e9n \ud83d\udcaa puedes ver <a rel=\"noreferrer noopener\" href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\/inspect-styles\/edit-styles?hl=es\" target=\"_blank\">https:\/\/developers.google.com\/web\/tools\/chrome-devtools\/inspect-styles\/edit-styles?hl=es<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"950\" height=\"538\" src=\"https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2020\/02\/Config-Dise\u00f1a.jpg\" alt=\"Dise\u00f1o de resultados personalizados\" class=\"wp-image-2212\" srcset=\"https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2020\/02\/Config-Dise\u00f1a.jpg 950w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2020\/02\/Config-Dise\u00f1a-300x170.jpg 300w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2020\/02\/Config-Dise\u00f1a-768x435.jpg 768w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2020\/02\/Config-Dise\u00f1a-110x62.jpg 110w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2020\/02\/Config-Dise\u00f1a-420x238.jpg 420w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2020\/02\/Config-Dise\u00f1a-759x430.jpg 759w\" sizes=\"(max-width: 950px) 100vw, 950px\" \/><\/figure>\n\n\n\n<p>Al mostrarse un informe, estos c\u00f3digos se muestran luego de los CSSs b\u00e1sicos del sistema. En Configuraci\u00f3n &gt; Cronometraje se puede activar un dise\u00f1o base o elegir que los informes arranquen con el dise\u00f1o en blanco.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"767\" height=\"321\" src=\"https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2020\/02\/Estilo-base.jpg\" alt=\"\" class=\"wp-image-2211\" srcset=\"https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2020\/02\/Estilo-base.jpg 767w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2020\/02\/Estilo-base-300x126.jpg 300w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2020\/02\/Estilo-base-110x46.jpg 110w, https:\/\/wp.cronometrajeinstantaneo.com\/wp-content\/uploads\/2020\/02\/Estilo-base-420x176.jpg 420w\" sizes=\"(max-width: 767px) 100vw, 767px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"analicemos-el-css-de-un-evento-real\">Analicemos el CSS de un evento real<\/h2>\n\n\n\n<p>Veamos un caso real para que puedas comprender mejor. En este caso vamos a ver las modificaciones que hicimos en el evento SARR 2020. Pueden ver como quedaron en los siguientes enlaces<\/p>\n\n\n\n<p>Resultados Generales: <a href=\"http:\/\/cronometrajeinstantaneo.com\/resultados\/south-american-rally-race\/generales?idcarrera=-1\">cronometrajeinstantaneo.com\/resultados\/south-american-rally-race\/generales?idcarrera=-1<\/a><\/p>\n\n\n\n<p>Resultados de parciales para la etapa 4 de Motos y Quads: <a href=\"https:\/\/wp.cronometrajeinstantaneo.com\/resultados\/south-american-rally-race\/seguimiento?idetapa=1501&amp;xcategorias=1\">https:\/\/wp.cronometrajeinstantaneo.com\/resultados\/south-american-rally-race\/seguimiento?idetapa=1501&amp;xcategorias=1<\/a><\/p>\n\n\n\n<p>Ticket digital para el participante 1: <a href=\"https:\/\/wp.cronometrajeinstantaneo.com\/resultados\/south-american-rally-race\/ticket?idparticipante=1\">https:\/\/wp.cronometrajeinstantaneo.com\/resultados\/south-american-rally-race\/ticket?idparticipante=1<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><em>Le recomendamos ir despacio, y tambi\u00e9n ir haciendo pruebas a medida que vaya entendiendo conceptos<\/em><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"empecemos-con-los-cambios-generales\">EMPECEMOS CON LOS CAMBIOS GENERALES<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* En el body se puede especificar el tipo de letra (font-family) y el tama\u00f1o (font-size) de todo el documento.\nAdem\u00e1s podemos cambiar el fondo (background) pudiendo dejar una im\u00e1gen en svg como la predeterminada, un color RGB, una im\u00e1gen especificando la url o simplemente sin fondo como en este ejemplo para despu\u00e9s ponerle s\u00f3lo al header y al footer *\/\nbody {\n    font-family: \"Days One\",sans-serif,\"google\";\n    font-size: 18px;\n    background: none;\n}\n\n\/* Al encabezado le pusimos el mismo fondo que a los tickets y le especificamos una altura m\u00ednima para que se pueda apreciar. Como el ticket no tiene encabezado, hay que especificarlo en ambos lados *\/\nheader {\n    min-height: 150px;\n    background: url(https:\/\/storage.googleapis.com\/cronometrajeinstantaneo-eventos\/380\/imagen_1.jpg);\n}\n\n\/* A los informes tambi\u00e9n le pusimos una im\u00e1gen de fondo al footer, en este caso no queremos que se repita (no-repeat), que se ajuste al ancho de la p\u00e1gina (background-size: contain) y tambi\u00e9n con un m\u00ednimo de altura para que se muestre (min-height) *\/\nfooter {\n    background: url(https:\/\/storage.googleapis.com\/cronometrajeinstantaneo-eventos\/380\/imagen_2.jpg);\n    background-repeat: no-repeat;\n    background-size: contain;\n    min-height: 167px;\n}\n\n\/* Ocultamos el enlace a cronometrajeinstantaneo.com para que no tape el footer *\/\nfooter a {\n    display: none;\n}\n\n\/* Ahora se pueden agregar varios logos del evento. En este caso el segundo era m\u00e1s chico y tuvimos que subirlo un poco para que quede mejor *\/\n.logo:nth-child(2) {\n    margin-bottom: 15px;\n}\n\n\/* Le pusimos a todas las l\u00edneas impares un fondo blanco sin transparencia (el estilo predeterminado tiene transparencia) *\/\n.tabla_interna tbody tr:nth-child(odd) td {\n    background-color: rgb(255, 255, 255, 1);\n}\n\n\/* Le pusimos a todas las lineas pares un color gris sin transparencia *\/\n.tabla_interna tbody tr:nth-child(even) td {\n    background-color: rgb(209, 200, 183, 1);\n    border-radius: 0;\n}\n\n\/* Le sacamos todos los bordes a las tablas *\/\n.tabla_interna, .tabla_interna tr, .tabla_interna td {\n    border: none;\n    border-radius: 0;\n}\n\n\/* Le cambiamos el color de fondo y de las letras cuando se pone el mouse sobre una l\u00ednea *\/\n.tabla_interna tbody tr:hover td,\n.tabla_interna tbody tr:hover td a {\n    background-color: #670000;\n    color: #fff;\n}\n\n\/* Los t\u00edtulos de las tablas, donde aparece el nombre de la carrera o de la categor\u00eda, van con color de texto negro *\/\n.tabla_interna thead {\n    color: black;\n}\n\n\/* La primer l\u00ednea de t\u00edtulos de las tablas, tienen otra letra (font-family), otro fondo (background-color) y forzamos las may\u00fasculas (text-transform: uppercase) *\/\n.tabla_interna thead tr:nth-child(1) {\n    font-family: \"PT Sans Narrow\",sans-serif,\"google\";\n    font-weight: normal;\n    font-style: normal;\n    color: #fff;\n    background-color: #670000;\n    border-radius: 6px;\n    text-transform: uppercase;\n}\n\n\/* S\u00f3lo para el informe de generales, ocultamos la 2\u00b0 columna de posici\u00f3n por sexo, ya que no hab\u00eda esta discriminaci\u00f3n en el evento, y adem\u00e1s la columna de localidad porque usamos la de Nacionalidad *\/\n#informe_generales .tabla_interna th:nth-child(2),\n#informe_generales .tabla_interna td:nth-child(2),\n#informe_generales .tabla_interna th:nth-child(7),\n#informe_generales .tabla_interna td:nth-child(7) {\n    display: none;\n}\n\n\/* S\u00f3lo en el informe de etapas, ocultamos la localidad *\/\n#informe_etapas .tabla_interna th:nth-child(5),\n#informe_etapas .tabla_interna td:nth-child(5) {\n    display: none;\n}\n\n\/* En el informe de generales, nos quedaba mejor especificar un ancho m\u00ednimo para la columna del nombre y otro para la columna 4*\/\n#informe_generales .tabla_interna th:nth-child(5) {\n    min-width: 200px;\n}\n#informe_generales .tabla_interna th:nth-child(4) {\n    min-width: 40px;\n}\n\n\/* En el informe de generales, centramos las columnas 6 y 8 *\/\n#informe_generales .tabla_interna tr td:nth-child(6),\n#informe_generales .tabla_interna tr td:nth-child(8) {\n    text-align: center;\n}\n\n\/* Ocultamos columna 5 en el informe de etapas *\/\n#informe_etapas .tabla_interna th:nth-child(5),\n#informe_etapas .tabla_interna td:nth-child(5) {\n    display: none;\n}\n\n\/* En el informe de etapas, centramos las columnas 4 y 6 *\/\n#informe_etapas .tabla_interna tr td:nth-child(4),\n#informe_etapas .tabla_interna tr td:nth-child(6) {\n    text-align: center;\n}\n\n\/* En el infomre de seguimiento (todav\u00eda no p\u00fablico para el resto de eventos), ocultamos la columna 5 *\/\n#informe_seguimiento .tabla_interna th:nth-child(5),\n#informe_seguimiento .tabla_interna td:nth-child(5) {\n    display: none;\n}\n\n\/* En el infomre de seguimiento (todav\u00eda no p\u00fablico para el resto de eventos), centramos columnas 4 y 6 *\/\n#informe_seguimiento .tabla_interna tr td:nth-child(4),\n#informe_seguimiento .tabla_interna tr td:nth-child(6) {\n    text-align: center;\n}<\/code><\/pre>\n\n\n\n<p>AHORA SIGAMOS POR LOS BOTONES DE FILTROS<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/ * Le cambiamos las fuentes, colores, may\u00fasculas, bordes y fondo para que sean iguales a los que utilizan en su p\u00e1gina web www.sarr2020.com *\/\n.contenedor_filtro .filtros a {\n    font-family: \"PT Sans Narrow\",sans-serif,\"google\";\n    font-weight: normal;\n    font-style: normal;\n    color: #fff;\n    background-color: #670000;\n    border-radius: 6px;\n    text-transform: uppercase;\n}<\/code><\/pre>\n\n\n\n<p>Y AHORA VAYAMOS CON LOS TICKETS DIGITALES<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* Para los tickets, usamos un fondo subido en la nueva funcionalidad para subir logos, afiches e im\u00e1genes  especificando que se repita tanto en el eje x como en el y *\/\n#informe_ticket {\n    background: url(https:\/\/storage.googleapis.com\/cronometrajeinstantaneo-eventos\/380\/imagen_1.jpg);\n    background-repeat: repeat;\n}\n\n\/* Ocultamos el footer porque no queremos que se vea *\/\n#informe_ticket footer {\n    display: none;\n}\n\n\/* La informaci\u00f3n de etapas se imprime como oculta, en caso de querer mostrarla tenemos que poner el display como block *\/\n.ticket_etapas {\n    display: block;\n}\n\n\/* Ahora se pueden agregar varios logos del evento. En este caso el segundo era m\u00e1s chico y tuvimos que subirlo un poco para que quede mejor *\/\n.ticket_logo .logo:nth-child(2)\n    margin-bottom: 55px;\n}\n\n\/* Ocultamos la posici\u00f3n por sexo que no la necesitamos y ocultamos el salto de l\u00ednea que le sigue *\/\n.contenedor_ticket .pos_sexo,\n.contenedor_ticket br:nth-child(9) {\n    display: none;\n}\n\n\/* Cambiamos el color de varios textos dentro del ticket *\/\n.contenedor_ticket .tiempo_nro,\n.contenedor_ticket .pos_general_nro,\n.contenedor_ticket .pos_sexo_nro,\n.contenedor_ticket .pos_categoria_nro,\n.ticket_etapas .pena_nro {\n    color: #670000;\n}\n\n\/* Cambiamos el color de las l\u00edneas separadoras *\/\n.contenedor_ticket hr {\n    border-color: #670000;\n}\n\n\/* Ocultamos la l\u00ednea que separa las etapas *\/\n.ticket_etapas hr {\n    opacity: 0;\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"como-seguimos\">\u00bfC\u00f3mo seguimos?<\/h2>\n\n\n\n<p>Si le gust\u00f3 modificar dise\u00f1os con CSS, hay mucho m\u00e1s que se puede hacer, le recomendamos leer m\u00e1s de CSS. Un buen lugar es:<\/p>\n\n\n\n<p><a href=\"https:\/\/developer.mozilla.org\/es\/docs\/Web\/CSS\" target=\"_blank\" rel=\"noopener\">https:\/\/developer.mozilla.org\/es\/docs\/Web\/CSS<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>El sistema cuenta con una funcionalidad para poder modificar el dise\u00f1o de los informes completamente. Para eso se escribe en c\u00f3digo CSS los cambios en la configuraci\u00f3n de textos (Configuraci\u00f3n > Inscripciones > Textos).<\/p>\n","protected":false},"author":12,"featured_media":3049,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"categories":[270],"tags":[],"_links":{"self":[{"href":"https:\/\/wp.cronometrajeinstantaneo.com\/wp-json\/wp\/v2\/posts\/2210"}],"collection":[{"href":"https:\/\/wp.cronometrajeinstantaneo.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.cronometrajeinstantaneo.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.cronometrajeinstantaneo.com\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.cronometrajeinstantaneo.com\/wp-json\/wp\/v2\/comments?post=2210"}],"version-history":[{"count":1,"href":"https:\/\/wp.cronometrajeinstantaneo.com\/wp-json\/wp\/v2\/posts\/2210\/revisions"}],"predecessor-version":[{"id":5479,"href":"https:\/\/wp.cronometrajeinstantaneo.com\/wp-json\/wp\/v2\/posts\/2210\/revisions\/5479"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp.cronometrajeinstantaneo.com\/wp-json\/wp\/v2\/media\/3049"}],"wp:attachment":[{"href":"https:\/\/wp.cronometrajeinstantaneo.com\/wp-json\/wp\/v2\/media?parent=2210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.cronometrajeinstantaneo.com\/wp-json\/wp\/v2\/categories?post=2210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.cronometrajeinstantaneo.com\/wp-json\/wp\/v2\/tags?post=2210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}