{"id":1785,"date":"2026-06-16T15:33:13","date_gmt":"2026-06-16T15:33:13","guid":{"rendered":"https:\/\/vfw1.wpenginepowered.com\/control-de-calidad\/crear-componente-hero-dividido-rediseno-del-sitio-web-de-vfw\/"},"modified":"2026-07-07T15:53:31","modified_gmt":"2026-07-07T15:53:31","slug":"crear-componente-hero-dividido-rediseno-del-sitio-web-de-vfw","status":"publish","type":"page","link":"https:\/\/vfwfoundation.org\/es\/control-de-calidad__trashed\/crear-componente-hero-dividido-rediseno-del-sitio-web-de-vfw\/","title":{"rendered":"Crear componente Hero dividido \u2013 Redise\u00f1o del sitio web de VFW"},"content":{"rendered":"\n<section class=\"relative overflow-hidden bg-vfw-ink text-white\" aria-label=\"Split hero\">\n\t<div class=\"w-full\">\n\t\t<div class=\"grid min-h-screen items-stretch lg:grid-cols-[50fr_50fr]\">\n\t\t\t<div class=\"flex flex-col justify-center px-6 pb-14 pt-32 lg:pl-[max(48px,calc(46vw_-_600px)_+_48px)] lg:pr-12 lg:pb-20 lg:pt-40\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<span class=\"kicker kicker-dark\">Compromiso corporativo<\/span>\n\t\t\t\t\t<div class=\"divider-bar bg-vfw-gold my-4\" aria-hidden=\"true\"><\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<h1 class=\"text-display-lg text-white uppercase\">\n\t\t\t\t\t\t<span class=\"text-balance\">La misi\u00f3n nunca se detiene. Nosotros tampoco. <\/span>\n\t\t\t\t\t<\/h1>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"mt-6 max-w-[640px] text-body-lg text-vfw-cream\/85\">\n\t\t\t\t\t\tColabore con la organizaci\u00f3n de veteranos de combate m\u00e1s grande y consolidada del pa\u00eds.<br \/>\r\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"mt-8 flex flex-col gap-4 sm:flex-row\">\n\t\t\t\t\t\t<a class=\"vfw-button inline-flex min-h-[48px] w-full items-center justify-center bg-vfw-red px-8 py-3 font-display text-sm uppercase tracking-[0.05em] text-white transition-opacity hover:opacity-90 sm:w-auto\" href=\"https:\/\/vfwfoundation.org\/es\/\">\n\t\t\t\t\t\t\tExplorar oportunidades\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"ml-2 h-4 w-4\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"vfw-button inline-flex min-h-[48px] w-full items-center justify-center border border-white\/60 bg-transparent px-8 py-3 font-display text-sm uppercase tracking-[0.05em] text-white transition-colors hover:border-white hover:bg-white\/10 sm:w-auto\" href=\"https:\/\/vfwfoundation.org\/es\/\">\n\t\t\t\t\t\t\t\tIniciar una conversaci\u00f3n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<div class=\"relative min-h-[340px] lg:min-h-screen\">\n\t\t\t\t\t\t\t\t\t<img class=\"absolute inset-0 h-full w-full object-cover\" src=\"https:\/\/vfwfoundation.org\/wp-content\/uploads\/2026\/06\/MIKE0655-1.jpg\" alt=\"test\" style=\"object-position: center center;\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" \/>\n\t\t\t\t\t\t\t\t<div class=\"hidden lg:block pointer-events-none absolute inset-y-0 left-0 w-1\/2 bg-gradient-to-r from-vfw-ink via-vfw-ink\/55 to-transparent\" aria-hidden=\"true\"><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n<section class=\"relative overflow-hidden bg-vfw-ink text-white\" aria-label=\"Split hero\">\n\t<div class=\"mx-auto max-w-[1200px] px-6 lg:px-12\">\n\t\t<div class=\"grid items-stretch gap-0 lg:grid-cols-2\">\n\t\t\t<div class=\"flex flex-col justify-center px-3 pb-14 pt-32 lg:px-12 lg:pb-20 lg:pt-40\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<span class=\"kicker kicker-dark\">Compromiso corporativo<\/span>\n\t\t\t\t\t<div class=\"divider-bar bg-vfw-gold my-4\" aria-hidden=\"true\"><\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<h1 class=\"text-display-lg text-white uppercase\">\n\t\t\t\t\t\t<span class=\"text-balance\">formas de donar.<\/span>\n\t\t\t\t\t<\/h1>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"mt-6 max-w-[640px] text-body-lg text-vfw-cream\/85\">\n\t\t\t\t\t\tColabore con la organizaci\u00f3n de veteranos de combate m\u00e1s grande y consolidada del pa\u00eds.<br \/>\r\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"mt-8 flex flex-col gap-4 sm:flex-row\">\n\t\t\t\t\t\t<a class=\"vfw-button inline-flex min-h-[48px] w-full items-center justify-center bg-vfw-red px-8 py-3 font-display text-sm uppercase tracking-[0.05em] text-white transition-opacity hover:opacity-90 sm:w-auto\" href=\"https:\/\/vfwfoundation.org\/es\/\">\n\t\t\t\t\t\t\tExplorar oportunidades\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"ml-2 h-4 w-4\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<div class=\"relative aspect-[3\/4] lg:aspect-auto mt-8 min-h-[320px] overflow-hidden rounded-none lg:mt-0 lg:min-h-[560px]\">\n\t\t\t\t\t\t\t\t\t<img class=\"absolute inset-0 h-full w-full object-cover\" src=\"https:\/\/vfwfoundation.org\/wp-content\/uploads\/2026\/06\/MIKE0655-1.jpg\" alt=\"test\" style=\"object-position: center center;\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" \/>\n\t\t\t\t\t\t\t\t<div class=\"hidden lg:block pointer-events-none absolute inset-y-0 left-0 w-1\/2 bg-gradient-to-r from-vfw-ink via-vfw-ink\/55 to-transparent\" aria-hidden=\"true\"><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":1653,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1785","page","type-page","status-publish","hentry"],"acf":[],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/vfwfoundation.org\/es\/wp-json\/wp\/v2\/pages\/1785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vfwfoundation.org\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vfwfoundation.org\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vfwfoundation.org\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vfwfoundation.org\/es\/wp-json\/wp\/v2\/comments?post=1785"}],"version-history":[{"count":1,"href":"https:\/\/vfwfoundation.org\/es\/wp-json\/wp\/v2\/pages\/1785\/revisions"}],"predecessor-version":[{"id":1787,"href":"https:\/\/vfwfoundation.org\/es\/wp-json\/wp\/v2\/pages\/1785\/revisions\/1787"}],"up":[{"embeddable":true,"href":"https:\/\/vfwfoundation.org\/es\/wp-json\/wp\/v2\/pages\/1653"}],"wp:attachment":[{"href":"https:\/\/vfwfoundation.org\/es\/wp-json\/wp\/v2\/media?parent=1785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}