{"id":442,"date":"2026-07-16T20:53:52","date_gmt":"2026-07-16T20:53:52","guid":{"rendered":"https:\/\/courageousheartnonprofit.org\/?page_id=442"},"modified":"2026-07-18T01:22:58","modified_gmt":"2026-07-18T01:22:58","slug":"shop","status":"publish","type":"page","link":"https:\/\/courageousheartnonprofit.org\/es\/shop\/","title":{"rendered":"Tienda"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"442\" class=\"elementor elementor-442\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9ae96b e-con-full e-flex e-con e-parent\" data-id=\"f9ae96b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71da903 elementor-widget elementor-widget-html\" data-id=\"71da903\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n==================================================================\r\nTIENDA \u2014 Hero + estilo del grid de productos, todo en un archivo.\r\n\r\nC\u00d3MO USARLO:\r\n1. Pega este archivo completo en un widget \"HTML\" de Elementor,\r\n   ARRIBA de donde WooCommerce muestra tus productos.\r\n2. Selecciona el contenedor\/widget donde est\u00e1n tus productos\r\n   (el shortcode [products] o el widget \"Productos\" de WooCommerce\/\r\n   Elementor) \u2192 pesta\u00f1a \"Avanzado\" \u2192 \"Clases CSS\" \u2192 escribe:\r\n\r\n     ch-shop-products\r\n\r\n   Eso activa el estilo de grid de abajo autom\u00e1ticamente.\r\n==================================================================\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;500;600;700&family=Inter+Tight:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  :root{\r\n    --ink:#000000;\r\n    --white:#ffffff;\r\n    --line: rgba(255,255,255,.18);\r\n    --line-dark: rgba(0,0,0,.18);\r\n    --max: 1180px;\r\n  }\r\n\r\n  \/* ocultar el t\u00edtulo nativo \"Shop\" del tema (franja blanca antes del hero) *\/\r\n  body.page-id-442 .page-header{\r\n    display:none !important;\r\n  }\r\n\r\n  \/* ---------- hero ---------- *\/\r\n  .ch-shop-hero *{box-sizing:border-box;}\r\n  .ch-shop-hero{ font-family:'Inter', sans-serif; }\r\n  .ch-shop-hero a{text-decoration:none; color:inherit;}\r\n  .ch-shop-hero .wrap{max-width:var(--max); margin:0 auto; padding:0 40px;}\r\n  .ch-shop-hero h1{\r\n    font-family:'DM Serif Display', serif;\r\n    font-weight:400;\r\n    letter-spacing:-0.012em;\r\n    font-feature-settings:\"onum\" 1, \"liga\" 1, \"dlig\" 1, \"kern\" 1;\r\n    font-variant-numeric:oldstyle-nums;\r\n    text-rendering:optimizeLegibility;\r\n    -webkit-font-smoothing:antialiased;\r\n    line-height:1.15;\r\n  }\r\n  .ch-shop-hero .eyebrow{\r\n    display:inline-flex; align-items:center; gap:10px;\r\n    font-family:'Inter Tight', sans-serif; font-size:13px; letter-spacing:1px; text-transform:uppercase; font-weight:700;\r\n    margin-bottom:22px;\r\n  }\r\n\r\n  .ch-shop-hero .ch-hero-band{\r\n    position:relative;\r\n    padding:190px 0 100px;\r\n    background:\r\n      linear-gradient(180deg, rgba(0,0,0,.6), rgba(0,0,0,.92)),\r\n      url('https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/IMG_3130-1536x1152-1.jpg') center\/cover no-repeat;\r\n    color:var(--white);\r\n    overflow:hidden;\r\n    text-align:center;\r\n  }\r\n  .ch-shop-hero .ch-hero-band .eyebrow{ color:var(--white); justify-content:center; position:relative; z-index:2; }\r\n  .ch-shop-hero .ch-hero-band h1{ font-size:clamp(40px, 6vw, 68px); max-width:820px; margin:0 auto; position:relative; z-index:2; }\r\n  .ch-shop-hero .ch-hero-band p{ margin:22px auto 0; max-width:600px; color:var(--white); font-size:17px; line-height:1.75; position:relative; z-index:2; }\r\n  .ch-shop-hero .ch-hero-band .note{\r\n    margin-top:34px; position:relative; z-index:2;\r\n    display:inline-block; border-top:1px solid var(--line); padding-top:18px;\r\n    font-family:'Inter Tight', sans-serif; font-size:12.5px; letter-spacing:1px; text-transform:uppercase; font-weight:600;\r\n  }\r\n\r\n  @media (max-width:768px){\r\n    .ch-shop-hero .wrap{padding:0 28px;}\r\n    .ch-shop-hero .ch-hero-band{padding:170px 0 80px;}\r\n  }\r\n\r\n  \/* ==================================================================\r\n     GRID DE PRODUCTOS \u2014 WooCommerce\r\n     Aplica poniendo la clase \"ch-shop-products\" en el contenedor\r\n     de productos (ver instrucciones arriba).\r\n     ================================================================== *\/\r\n  .ch-shop-products ul.products,\r\n  .ch-shop-products ul.products.columns-4,\r\n  .ch-shop-products ul.products.columns-2{\r\n    display:grid !important;\r\n    grid-template-columns:repeat(3, 1fr) !important;\r\n    gap:20px !important;\r\n    background:transparent !important;\r\n    margin:0 !important;\r\n  }\r\n  .ch-shop-products ul.products li.product,\r\n  .ch-shop-products ul.products.columns-4 li.product{\r\n    width:100% !important;\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n    background:var(--white);\r\n    border:1px solid var(--ink);\r\n    text-align:left !important;\r\n    float:none !important;\r\n  }\r\n  .ch-shop-products ul.products li.product a img,\r\n  .ch-shop-products ul.products li.product img.woocommerce-placeholder{\r\n    width:100% !important;\r\n    height:280px !important;\r\n    object-fit:cover !important;\r\n    object-position:center;\r\n    border-radius:0 !important;\r\n    margin:0 !important;\r\n    background:var(--white) !important;\r\n    transition:opacity .3s ease;\r\n  }\r\n  .ch-shop-products ul.products li.product a:hover img{ opacity:.85; }\r\n  .ch-shop-products ul.products li.product .woocommerce-loop-product__title{\r\n    font-family:'Inter', sans-serif !important;\r\n    font-weight:700 !important;\r\n    font-size:16px !important;\r\n    color:var(--ink) !important;\r\n    padding:20px 22px 4px !important;\r\n    margin:0 !important;\r\n  }\r\n  .ch-shop-products ul.products li.product .price{\r\n    font-family:'Inter Tight', sans-serif !important;\r\n    font-size:14px !important;\r\n    font-weight:600 !important;\r\n    color:var(--ink) !important;\r\n    padding:0 22px !important;\r\n    display:block !important;\r\n  }\r\n  .ch-shop-products{\r\n    max-width:1180px !important;\r\n    margin:0 auto !important;\r\n    padding:80px 40px !important;\r\n  }\r\n  .ch-shop-products ul.products::before,\r\n  .ch-shop-products ul.products::after{\r\n    display:none !important;\r\n    content:none !important;\r\n  }\r\n  .ch-shop-products > *{\r\n    width:100% !important;\r\n    flex:1 1 100% !important;\r\n    max-width:100% !important;\r\n  }\r\n  .ch-shop-products ul.products li.product .price del{ opacity:1; }\r\n  .ch-shop-products ul.products li.product .price ins{ text-decoration:none; }\r\n  .ch-shop-products ul.products li.product .button,\r\n  .ch-shop-products ul.products li.product a.add_to_cart_button{\r\n    font-family:'Inter Tight', sans-serif !important;\r\n    font-size:12.5px !important;\r\n    letter-spacing:1px !important;\r\n    text-transform:uppercase !important;\r\n    font-weight:700 !important;\r\n    color:var(--white) !important;\r\n    background:var(--ink) !important;\r\n    border-radius:0 !important;\r\n    padding:13px 0 !important;\r\n    margin:16px 22px 22px !important;\r\n    width:calc(100% - 44px) !important;\r\n    text-align:center !important;\r\n    display:block !important;\r\n    transition:opacity .25s ease !important;\r\n  }\r\n  .ch-shop-products ul.products li.product .button:hover,\r\n  .ch-shop-products ul.products li.product a.add_to_cart_button:hover{\r\n    opacity:.85 !important;\r\n  }\r\n  .ch-shop-products span.onsale{\r\n    font-family:'Inter Tight', sans-serif !important;\r\n    font-size:11px !important;\r\n    letter-spacing:1px !important;\r\n    text-transform:uppercase !important;\r\n    font-weight:700 !important;\r\n    background:var(--ink) !important;\r\n    color:var(--white) !important;\r\n    border-radius:0 !important;\r\n    min-height:auto !important;\r\n    min-width:auto !important;\r\n    padding:6px 10px !important;\r\n    top:14px !important; left:14px !important;\r\n  }\r\n\r\n  @media (max-width:1024px){\r\n    .ch-shop-products ul.products{ grid-template-columns:repeat(2, 1fr) !important; }\r\n  }\r\n  @media (max-width:600px){\r\n    .ch-shop-products ul.products{ grid-template-columns:1fr !important; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"ch-shop-hero\">\r\n  <section class=\"ch-hero-band\">\r\n    <div class=\"wrap\">\r\n      <div class=\"eyebrow\">Shop With Purpose<\/div>\r\n      <h1>Every purchase is a donation.<\/h1>\r\n      <p>This isn't just a store \u2014 it's another way to stand with Courageous Heart. When you buy something here, you're not just getting a product. You're helping a foster child, a family, a community break free from fear.<\/p>\r\n      <div class=\"note\">100% of proceeds support our programs<\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<!-- \u2b07\u2b07\u2b07 AQU\u00cd VA TU CONTENEDOR DE PRODUCTOS. Ponle la clase CSS \"ch-shop-products\" \u2b07\u2b07\u2b07 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a62c8e6 e-con-full ch-shop-products e-flex e-con e-parent\" data-id=\"a62c8e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-001cca6 elementor-widget elementor-widget-shortcode\" data-id=\"001cca6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-3 \"><ul class=\"products columns-3\">\n<li class=\"product type-product post-482 status-publish first instock product_cat-donation has-post-thumbnail shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/courageousheartnonprofit.org\/es\/producto\/i\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_wlfl16wlfl16wlfl-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Courageous Heart\u2122 Classic Cap\" srcset=\"https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_wlfl16wlfl16wlfl-300x300.png 300w, https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_wlfl16wlfl16wlfl-150x150.png 150w, https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_wlfl16wlfl16wlfl-768x769.png 768w, https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_wlfl16wlfl16wlfl-12x12.png 12w, https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_wlfl16wlfl16wlfl-600x601.png 600w, https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_wlfl16wlfl16wlfl-100x100.png 100w, https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_wlfl16wlfl16wlfl.png 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Courageous Heart\u2122 Classic Cap<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#36;<\/span>15.00<\/bdi><\/span><\/span>\n<\/a><a href=\"\/es\/wp-json\/wp\/v2\/pages\/442?add-to-cart=482\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_482\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"482\" data-product_sku=\"\" aria-label=\"A\u00f1adir al carrito: &ldquo;Courageous Heart\u2122 Classic Cap&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Courageous Heart\u2122 Classic Cap&rdquo; has been added to your cart\" role=\"button\">A\u00f1adir al carrito<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_482\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-452 status-publish instock product_cat-donation has-post-thumbnail shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/courageousheartnonprofit.org\/es\/producto\/e\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_6z9k2s6z9k2s6z9k-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Courageous Heart\u2122 Insulated Tumbler\" srcset=\"https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_6z9k2s6z9k2s6z9k-300x300.png 300w, https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_6z9k2s6z9k2s6z9k-150x150.png 150w, https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_6z9k2s6z9k2s6z9k-768x769.png 768w, https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_6z9k2s6z9k2s6z9k-12x12.png 12w, https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_6z9k2s6z9k2s6z9k-600x601.png 600w, https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_6z9k2s6z9k2s6z9k-100x100.png 100w, https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_6z9k2s6z9k2s6z9k.png 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Courageous Heart\u2122 Insulated Tumbler<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#36;<\/span>7.00<\/bdi><\/span><\/span>\n<\/a><a href=\"\/es\/wp-json\/wp\/v2\/pages\/442?add-to-cart=452\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_452\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"452\" data-product_sku=\"\" aria-label=\"A\u00f1adir al carrito: &ldquo;Courageous Heart\u2122 Insulated Tumbler&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Courageous Heart\u2122 Insulated Tumbler&rdquo; has been added to your cart\" role=\"button\">A\u00f1adir al carrito<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_452\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-451 status-publish last instock product_cat-donation has-post-thumbnail shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/courageousheartnonprofit.org\/es\/producto\/a\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_hz8rl3hz8rl3hz8r-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Courageous Heart\u2122 Premium T-Shirt\" srcset=\"https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_hz8rl3hz8rl3hz8r-300x300.png 300w, https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_hz8rl3hz8rl3hz8r-150x150.png 150w, https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_hz8rl3hz8rl3hz8r-768x769.png 768w, https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_hz8rl3hz8rl3hz8r-12x12.png 12w, https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_hz8rl3hz8rl3hz8r-600x601.png 600w, https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_hz8rl3hz8rl3hz8r-100x100.png 100w, https:\/\/courageousheartnonprofit.org\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_hz8rl3hz8rl3hz8r.png 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Courageous Heart\u2122 Premium T-Shirt<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#36;<\/span>20.00<\/bdi><\/span><\/span>\n<\/a><a href=\"\/es\/wp-json\/wp\/v2\/pages\/442?add-to-cart=451\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_451\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"451\" data-product_sku=\"\" aria-label=\"A\u00f1adir al carrito: &ldquo;Courageous Heart\u2122 Premium T-Shirt&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Courageous Heart\u2122 Premium T-Shirt&rdquo; has been added to your cart\" role=\"button\">A\u00f1adir al carrito<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_451\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<\/ul>\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Shop With Purpose Every purchase is a donation. This isn&#8217;t just a store \u2014 it&#8217;s another way to stand with Courageous Heart. When you buy something here, you&#8217;re not just getting a product. You&#8217;re helping a foster child, a family, a community break free from fear. 100% of proceeds support our programs<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-442","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/courageousheartnonprofit.org\/es\/wp-json\/wp\/v2\/pages\/442","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/courageousheartnonprofit.org\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/courageousheartnonprofit.org\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/courageousheartnonprofit.org\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/courageousheartnonprofit.org\/es\/wp-json\/wp\/v2\/comments?post=442"}],"version-history":[{"count":82,"href":"https:\/\/courageousheartnonprofit.org\/es\/wp-json\/wp\/v2\/pages\/442\/revisions"}],"predecessor-version":[{"id":697,"href":"https:\/\/courageousheartnonprofit.org\/es\/wp-json\/wp\/v2\/pages\/442\/revisions\/697"}],"wp:attachment":[{"href":"https:\/\/courageousheartnonprofit.org\/es\/wp-json\/wp\/v2\/media?parent=442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}