{"id":8423,"date":"2026-06-02T16:04:08","date_gmt":"2026-06-02T16:04:08","guid":{"rendered":"https:\/\/iberotecno.com\/?p=8423"},"modified":"2026-06-02T16:04:08","modified_gmt":"2026-06-02T16:04:08","slug":"centrar-div-flexbox-html-css","status":"publish","type":"post","link":"https:\/\/iberotecno.com\/staging\/centrar-div-flexbox-html-css\/","title":{"rendered":"C\u00f3mo centrar un div con Flexbox en HTML y CSS"},"content":{"rendered":"<p>Centrar un div parece una tonter\u00eda hasta que te toca hacerlo y no queda como esperabas. Durante a\u00f1os se han usado muchos m\u00e9todos para centrar elementos en una p\u00e1gina web, como por ejemplo tablas, pero hoy en d\u00eda una de las formas m\u00e1s limpias y sencillas es utilizar <strong>Flexbox<\/strong>.<\/p>\n<p>Flexbox permite alinear elementos de forma muy c\u00f3moda, tanto horizontal como verticalmente, sin recurrir a trucos raros ni estructuras complicadas.<\/p>\n<h2>Qu\u00e9 es Flexbox<\/h2>\n<p>Flexbox es un sistema de CSS pensado para distribuir y alinear elementos dentro de un contenedor.<\/p>\n<p>En lugar de colocar cada bloque manualmente, convertimos el contenedor en flexible y le indicamos c\u00f3mo debe organizar sus elementos interiores.<\/p>\n<p>Esto resulta muy \u00fatil para crear dise\u00f1os responsive, alinear botones, centrar cajas, organizar tarjetas o construir secciones modernas de una p\u00e1gina web.<\/p>\n<h2>C\u00f3mo centrar un div con Flexbox<\/h2>\n<p>La forma m\u00e1s sencilla de centrar un div horizontal y verticalmente es usar estas tres propiedades:<\/p>\n<pre>.contenedor {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n<\/pre>\n<p><strong>display: flex;<\/strong> activa Flexbox en el contenedor.<\/p>\n<p><strong>justify-content: center;<\/strong> centra el contenido horizontalmente.<\/p>\n<p><strong>align-items: center;<\/strong> centra el contenido verticalmente.<\/p>\n<p>Con esto, el elemento interior quedar\u00e1 centrado dentro del contenedor.<\/p>\n<h2>Ejemplo completo para copiar y pegar<\/h2>\n<p>Simplemente debes crear un archivo nuevo presionando el bot\u00f3n derecho del rat\u00f3n en cualquier parte vac\u00eda del escritorio. Selecciona \u00abNuevo &gt; Documento de texto\u00bb. Ponle un nombre tal como \u00abprueba.html\u00bb borrando la extensi\u00f3n \u00ab.txt\u00bb y diciendo que si al aviso. Luego, presiona con el bot\u00f3n secundario del rat\u00f3n sobre el nuevo archivo creado y selecciona \u00abeditar con el bloc de notas\u00bb. Luego pegas este c\u00f3digo, lo guardas y le haces doble clic al archivo. Se abrir\u00e1 en tu navegador como una p\u00e1gina web.<\/p>\n<p>Este ejemplo crea una caja centrada horizontal y verticalmente en toda la pantalla.<\/p>\n<pre>&lt;!DOCTYPE html&gt;\n&lt;html lang=\"es\"&gt;\n&lt;head&gt;\n&lt;meta charset=\"UTF-8\"&gt;\n&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n&lt;title&gt;Centrar un div con Flexbox&lt;\/title&gt;\n\n&lt;style&gt;\n.contenedor {\n    min-height: 100vh;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.caja {\n    padding: 30px;\n    background: #f2f2f2;\n    border-radius: 12px;\n}\n&lt;\/style&gt;\n\n&lt;\/head&gt;\n&lt;body&gt;\n\n&lt;div class=\"contenedor\"&gt;\n    &lt;div class=\"caja\"&gt;\n        Texto centrado\n    &lt;\/div&gt;\n&lt;\/div&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre>\n<p>La propiedad <strong>min-height: 100vh;<\/strong> hace que el contenedor ocupe toda la altura visible de la pantalla. Lo cual es genial.<\/p>\n<p>Por eso este ejemplo es perfecto para centrar un mensaje, una imagen, un logotipo o una secci\u00f3n sencilla.<\/p>\n<h2>Ejemplo pr\u00e1ctico: p\u00e1gina en construcci\u00f3n<\/h2>\n<p>Uno de los usos m\u00e1s habituales de este tipo de centrado es crear una p\u00e1gina sencilla de \u201cweb en construcci\u00f3n\u201d.<\/p>\n<p>Por ejemplo, una pantalla con el logotipo, un peque\u00f1o mensaje y todo centrado en la p\u00e1gina. Puedes ver los resultados tal como hemos hecho con el anterior ejemplo.<\/p>\n<pre>&lt;!DOCTYPE html&gt;\n&lt;html lang=\"es\"&gt;\n&lt;head&gt;\n&lt;meta charset=\"UTF-8\"&gt;\n&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n&lt;title&gt;Web en construcci\u00f3n&lt;\/title&gt;\n\n&lt;style&gt;\nbody {\n    margin: 0;\n    font-family: Arial, sans-serif;\n}\n\n.under-construction {\n    min-height: 100vh;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    padding: 30px;\n}\n\n.under-construction img {\n    max-width: 180px;\n    margin-bottom: 25px;\n}\n\n.under-construction h1 {\n    font-size: 32px;\n    margin-bottom: 10px;\n}\n\n.under-construction p {\n    font-size: 18px;\n    color: #666;\n}\n&lt;\/style&gt;\n\n&lt;\/head&gt;\n&lt;body&gt;\n\n&lt;div class=\"under-construction\"&gt;\n\n    &lt;img src=\"logo.png\" alt=\"Logo\"&gt;\n\n    &lt;h1&gt;Estamos preparando nuestra nueva web&lt;\/h1&gt;\n\n    &lt;p&gt;Muy pronto volveremos con novedades.&lt;\/p&gt;\n\n&lt;\/div&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre>\n<p>Aqu\u00ed a\u00f1adimos <strong>flex-direction: column;<\/strong> para que los elementos se coloquen uno debajo de otro en lugar de en una fila.<\/p>\n<p>Tambi\u00e9n usamos <strong>text-align: center;<\/strong> para centrar el texto dentro de cada bloque.<\/p>\n<p>Recuerda poner una ruta v\u00e1lida a la imagen del logo de tu web. En el ejemplo hemos puesto tan solo \u00ablogo.png\u00bb.<\/p>\n<h2>Centrar solo horizontalmente<\/h2>\n<p>Si solo quieres centrar un elemento de izquierda a derecha, puedes usar \u00fanicamente <strong>justify-content<\/strong>.<\/p>\n<pre>.contenedor {\n    display: flex;\n    justify-content: center;\n}\n<\/pre>\n<p>Esto resulta \u00fatil para botones, men\u00fas, tarjetas o peque\u00f1os bloques dentro de una secci\u00f3n.<\/p>\n<h2>Centrar solo verticalmente<\/h2>\n<p>Si lo que necesitas es centrar verticalmente un elemento dentro de un contenedor, puedes utilizar <strong>align-items<\/strong>.<\/p>\n<pre>.contenedor {\n    height: 300px;\n    display: flex;\n    align-items: center;\n}\n<\/pre>\n<p>En este caso es importante que el contenedor tenga una altura definida. Si no hay altura, no habr\u00e1 espacio real donde centrar verticalmente.<\/p>\n<h2>\u00bfEs mejor Flexbox que otros m\u00e9todos?<\/h2>\n<p>Para la mayor\u00eda de casos actuales, s\u00ed.<\/p>\n<p>Antes se utilizaban m\u00e1rgenes autom\u00e1ticos, posiciones absolutas o incluso etiquetas antiguas como <strong>&lt;center&gt;<\/strong>, pero hoy lo m\u00e1s recomendable es usar CSS moderno.<\/p>\n<p>La etiqueta <strong>&lt;center&gt;<\/strong> est\u00e1 obsoleta y no deber\u00eda utilizarse en proyectos actuales.<\/p>\n<p>Flexbox es m\u00e1s limpio, flexible y f\u00e1cil de mantener.<\/p>\n<h2>Errores habituales al centrar un div<\/h2>\n<p>Uno de los errores m\u00e1s comunes es aplicar Flexbox al elemento equivocado.<\/p>\n<p>Recuerda que <strong>display: flex;<\/strong> debe aplicarse al contenedor padre, no necesariamente al elemento que quieres centrar.<\/p>\n<p>Otro error habitual es intentar centrar verticalmente un elemento dentro de un contenedor que no tiene altura definida. Si quieres centrar algo en toda la pantalla, lo m\u00e1s sencillo suele ser usar <strong>min-height: 100vh;<\/strong>.<\/p>\n<h2>Conclusi\u00f3n<\/h2>\n<p>Flexbox es una de las formas m\u00e1s sencillas y efectivas de centrar elementos en HTML y CSS. Con unas pocas l\u00edneas puedes centrar un div horizontalmente, verticalmente o en ambas direcciones. Adem\u00e1s, es perfecto para crear secciones modernas, p\u00e1ginas en construcci\u00f3n, bloques centrados, tarjetas o llamadas a la acci\u00f3n.<\/p>\n<p>En iberotecno <a href=\"https:\/\/iberotecno.com\/staging\/diseno-web-profesional\/\">utilizamos HTML, CSS, y CMS como WordPress para crear p\u00e1ginas web profesionales,<\/a> bien estructuradas y adaptadas a todo tipo de dispositivos. Si necesitas una p\u00e1gina web profesional para tu negocio, <a href=\"https:\/\/iberotecno.com\/staging\/contacto\">puedes contactar con nosotros.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprende c\u00f3mo centrar un div horizontal y verticalmente usando Flexbox. Ejemplos completos en HTML y CSS listos para copiar y pegar.<\/p>\n","protected":false},"author":1,"featured_media":8776,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[59,64],"tags":[],"class_list":["post-8423","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-tutoriales-paso-a-paso"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo centrar un div con Flexbox en HTML y CSS - iberotecno new<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo centrar un div con Flexbox en HTML y CSS - iberotecno new\" \/>\n<meta property=\"og:description\" content=\"Aprende c\u00f3mo centrar un div horizontal y verticalmente usando Flexbox. Ejemplos completos en HTML y CSS listos para copiar y pegar.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/iberotecno.com\/staging\/centrar-div-flexbox-html-css\/\" \/>\n<meta property=\"og:site_name\" content=\"iberotecno new\" \/>\n<meta property=\"article:published_time\" content=\"2026-06-02T16:04:08+00:00\" \/>\n<meta name=\"author\" content=\"supraimperio\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"supraimperio\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/centrar-div-flexbox-html-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/centrar-div-flexbox-html-css\\\/\"},\"author\":{\"name\":\"supraimperio\",\"@id\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/#\\\/schema\\\/person\\\/2c44a6070b52a0ce4ef1e08522e3a866\"},\"headline\":\"C\u00f3mo centrar un div con Flexbox en HTML y CSS\",\"datePublished\":\"2026-06-02T16:04:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/centrar-div-flexbox-html-css\\\/\"},\"wordCount\":782,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/centrar-div-flexbox-html-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/centrar-un-div-flexbox.jpg\",\"articleSection\":[\"Dise\u00f1o Web\",\"Tutoriales paso a paso\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/iberotecno.com\\\/staging\\\/centrar-div-flexbox-html-css\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/centrar-div-flexbox-html-css\\\/\",\"url\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/centrar-div-flexbox-html-css\\\/\",\"name\":\"C\u00f3mo centrar un div con Flexbox en HTML y CSS - iberotecno new\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/centrar-div-flexbox-html-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/centrar-div-flexbox-html-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/centrar-un-div-flexbox.jpg\",\"datePublished\":\"2026-06-02T16:04:08+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/#\\\/schema\\\/person\\\/2c44a6070b52a0ce4ef1e08522e3a866\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/centrar-div-flexbox-html-css\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/iberotecno.com\\\/staging\\\/centrar-div-flexbox-html-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/centrar-div-flexbox-html-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/centrar-un-div-flexbox.jpg\",\"contentUrl\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/centrar-un-div-flexbox.jpg\",\"width\":1023,\"height\":680,\"caption\":\"centrar un div flexbox\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/centrar-div-flexbox-html-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo centrar un div con Flexbox en HTML y CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/#website\",\"url\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/\",\"name\":\"iberotecno new\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/#\\\/schema\\\/person\\\/2c44a6070b52a0ce4ef1e08522e3a866\",\"name\":\"supraimperio\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/935bde5987dec471aff84225fed14e5622eddc8864d8b02a1428ec425b71ef02?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/935bde5987dec471aff84225fed14e5622eddc8864d8b02a1428ec425b71ef02?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/935bde5987dec471aff84225fed14e5622eddc8864d8b02a1428ec425b71ef02?s=96&d=mm&r=g\",\"caption\":\"supraimperio\"},\"sameAs\":[\"https:\\\/\\\/iberotecno.com\\\/staging\"],\"url\":\"https:\\\/\\\/iberotecno.com\\\/staging\\\/author\\\/supraimperio\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo centrar un div con Flexbox en HTML y CSS - iberotecno new","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo centrar un div con Flexbox en HTML y CSS - iberotecno new","og_description":"Aprende c\u00f3mo centrar un div horizontal y verticalmente usando Flexbox. Ejemplos completos en HTML y CSS listos para copiar y pegar.","og_url":"https:\/\/iberotecno.com\/staging\/centrar-div-flexbox-html-css\/","og_site_name":"iberotecno new","article_published_time":"2026-06-02T16:04:08+00:00","author":"supraimperio","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"supraimperio","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/iberotecno.com\/staging\/centrar-div-flexbox-html-css\/#article","isPartOf":{"@id":"https:\/\/iberotecno.com\/staging\/centrar-div-flexbox-html-css\/"},"author":{"name":"supraimperio","@id":"https:\/\/iberotecno.com\/staging\/#\/schema\/person\/2c44a6070b52a0ce4ef1e08522e3a866"},"headline":"C\u00f3mo centrar un div con Flexbox en HTML y CSS","datePublished":"2026-06-02T16:04:08+00:00","mainEntityOfPage":{"@id":"https:\/\/iberotecno.com\/staging\/centrar-div-flexbox-html-css\/"},"wordCount":782,"commentCount":0,"image":{"@id":"https:\/\/iberotecno.com\/staging\/centrar-div-flexbox-html-css\/#primaryimage"},"thumbnailUrl":"https:\/\/iberotecno.com\/staging\/wp-content\/uploads\/2026\/06\/centrar-un-div-flexbox.jpg","articleSection":["Dise\u00f1o Web","Tutoriales paso a paso"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/iberotecno.com\/staging\/centrar-div-flexbox-html-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/iberotecno.com\/staging\/centrar-div-flexbox-html-css\/","url":"https:\/\/iberotecno.com\/staging\/centrar-div-flexbox-html-css\/","name":"C\u00f3mo centrar un div con Flexbox en HTML y CSS - iberotecno new","isPartOf":{"@id":"https:\/\/iberotecno.com\/staging\/#website"},"primaryImageOfPage":{"@id":"https:\/\/iberotecno.com\/staging\/centrar-div-flexbox-html-css\/#primaryimage"},"image":{"@id":"https:\/\/iberotecno.com\/staging\/centrar-div-flexbox-html-css\/#primaryimage"},"thumbnailUrl":"https:\/\/iberotecno.com\/staging\/wp-content\/uploads\/2026\/06\/centrar-un-div-flexbox.jpg","datePublished":"2026-06-02T16:04:08+00:00","author":{"@id":"https:\/\/iberotecno.com\/staging\/#\/schema\/person\/2c44a6070b52a0ce4ef1e08522e3a866"},"breadcrumb":{"@id":"https:\/\/iberotecno.com\/staging\/centrar-div-flexbox-html-css\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/iberotecno.com\/staging\/centrar-div-flexbox-html-css\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/iberotecno.com\/staging\/centrar-div-flexbox-html-css\/#primaryimage","url":"https:\/\/iberotecno.com\/staging\/wp-content\/uploads\/2026\/06\/centrar-un-div-flexbox.jpg","contentUrl":"https:\/\/iberotecno.com\/staging\/wp-content\/uploads\/2026\/06\/centrar-un-div-flexbox.jpg","width":1023,"height":680,"caption":"centrar un div flexbox"},{"@type":"BreadcrumbList","@id":"https:\/\/iberotecno.com\/staging\/centrar-div-flexbox-html-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/iberotecno.com\/staging\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo centrar un div con Flexbox en HTML y CSS"}]},{"@type":"WebSite","@id":"https:\/\/iberotecno.com\/staging\/#website","url":"https:\/\/iberotecno.com\/staging\/","name":"iberotecno new","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/iberotecno.com\/staging\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/iberotecno.com\/staging\/#\/schema\/person\/2c44a6070b52a0ce4ef1e08522e3a866","name":"supraimperio","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/935bde5987dec471aff84225fed14e5622eddc8864d8b02a1428ec425b71ef02?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/935bde5987dec471aff84225fed14e5622eddc8864d8b02a1428ec425b71ef02?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/935bde5987dec471aff84225fed14e5622eddc8864d8b02a1428ec425b71ef02?s=96&d=mm&r=g","caption":"supraimperio"},"sameAs":["https:\/\/iberotecno.com\/staging"],"url":"https:\/\/iberotecno.com\/staging\/author\/supraimperio\/"}]}},"_links":{"self":[{"href":"https:\/\/iberotecno.com\/staging\/wp-json\/wp\/v2\/posts\/8423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iberotecno.com\/staging\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iberotecno.com\/staging\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iberotecno.com\/staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iberotecno.com\/staging\/wp-json\/wp\/v2\/comments?post=8423"}],"version-history":[{"count":0,"href":"https:\/\/iberotecno.com\/staging\/wp-json\/wp\/v2\/posts\/8423\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iberotecno.com\/staging\/wp-json\/wp\/v2\/media\/8776"}],"wp:attachment":[{"href":"https:\/\/iberotecno.com\/staging\/wp-json\/wp\/v2\/media?parent=8423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iberotecno.com\/staging\/wp-json\/wp\/v2\/categories?post=8423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iberotecno.com\/staging\/wp-json\/wp\/v2\/tags?post=8423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}