{"id":11,"date":"2026-05-12T18:42:35","date_gmt":"2026-05-12T18:42:35","guid":{"rendered":"https:\/\/cementeriodigitalhispano.com\/?page_id=11"},"modified":"2026-09-09T08:17:32","modified_gmt":"2026-09-09T08:17:32","slug":"inicio","status":"publish","type":"page","link":"https:\/\/cementeriodigitalhispano.com\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f11b63a e-flex e-con-boxed e-con e-parent\" data-id=\"f11b63a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-479a71c elementor-widget__width-inherit elementor-widget-tablet__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"479a71c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     CDH \u00b7 CABECERA \u00b7 BLOQUE 1 de 4  (cabecera.html)  v8\n     Portada.png en escritorio\/tablet + portada Movil.png en m\u00f3vil + los dos accesos.\n     \u00b7 En escritorio y tablet los botones van SOBRE la foto,\n       colocados en porcentaje, as\u00ed que se mantienen en el mismo\n       punto de la imagen sea cual sea el ancho de pantalla.\n     \u00b7 Por debajo de 1024 px la foto es tan baja que un bot\u00f3n\n       encima resultar\u00eda ilegible: bajan solos a una franja\n       crema justo debajo, a tama\u00f1o normal.\n     Ajustes r\u00e1pidos: --cdh-botones-abajo y --cdh-botones-centro.\n     NOTA: las variables :root se definen SOLO aqu\u00ed; los bloques\n     cabecera3 \/ cabecerafinal las reutilizan.\n     ============================================================ -->\n\n<style>\n:root{\n  --cdh-marron:#563923;\n  --cdh-marron-osc:#3a281a;\n  --cdh-cobre:#9c4a2b;\n  --cdh-naranja:#f26522;\n  --cdh-verde:#2e7d32;\n  --cdh-verde-osc:#22622a;\n  --cdh-oro:#c9a227;\n  --cdh-crema:#f6efe4;\n  --cdh-serif:Georgia,\"Times New Roman\",serif;\n  --cdh-sans:\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n  --cdh-botones-abajo:4%;            \/* separaci\u00f3n al borde inferior de la foto *\/\n  --cdh-botones-centro:28%;          \/* eje horizontal: 50% = centro de la foto *\/\n}\n\n\/* evita la barra de scroll horizontal que provoca el ancho a sangre *\/\nhtml{overflow-x:hidden;}\n\n\/* ---------- hero ---------- *\/\n.cdh-hero{\n  box-sizing:border-box;\n  position:relative;\n  width:100vw;max-width:100vw;\n  margin-left:calc(50% - 50vw);      \/* rompe el contenedor de Elementor *\/\n  margin-right:calc(50% - 50vw);\n  font-family:var(--cdh-sans);\n  line-height:0;                     \/* sin hueco fantasma bajo la imagen *\/\n  background:#2b2018;\n}\n.cdh-hero *,\n.cdh-hero *::before,\n.cdh-hero *::after{box-sizing:border-box;}\n\n\/* la foto entera, sin recortes: el texto que lleva dentro siempre se ve *\/\n.cdh-hero__picture{\n  display:block;\n  width:100%;\n}\n\n.cdh-hero__foto{\n  display:block;\n  width:100%;height:auto;\n}\n\n\/* hilo dorado inferior: cose el hero con el bloque siguiente *\/\n.cdh-hero::after{\n  content:\"\";position:absolute;left:0;right:0;bottom:0;height:4px;\n  background:linear-gradient(90deg,var(--cdh-marron) 0%,var(--cdh-oro) 35%,var(--cdh-naranja) 65%,var(--cdh-marron-osc) 100%);\n  z-index:2;\n}\n\n\/* ---------- accesos SOBRE la foto (escritorio y tablet grande) ---------- *\/\n.cdh-hero__botones{\n  position:absolute;\n  left:0;\n  width:calc(var(--cdh-botones-centro) * 2);   \/* el centro del grupo cae en --cdh-botones-centro *\/\n  bottom:var(--cdh-botones-abajo);\n  z-index:3;\n  display:flex;align-items:center;justify-content:center;\n  gap:1.2vw;\n  flex-wrap:wrap;\n  padding:0 14px;\n  line-height:normal;\n  animation:cdhSube .8s .25s ease-out both;\n}\n.cdh-btn{\n  display:inline-block;\n  padding:clamp(10px,.95vw,17px) clamp(20px,2.6vw,44px);\n  border-radius:7px;\n  font-family:var(--cdh-sans);\n  font-size:clamp(11.5px,.85vw,15.5px);\n  font-weight:700;letter-spacing:.07em;text-transform:uppercase;\n  text-decoration:none;white-space:nowrap;\n  border:1.5px solid transparent;\n  transition:background-color .22s,color .22s,border-color .22s,transform .18s,box-shadow .22s;\n}\n.cdh-btn:focus-visible{outline:3px solid var(--cdh-oro);outline-offset:3px;}\n\n.cdh-btn--principal{\n  color:#fff;\n  background:var(--cdh-verde);\n  border-color:var(--cdh-verde);\n  box-shadow:0 6px 20px rgba(0,0,0,.4);\n}\n.cdh-btn--principal:hover{\n  background:var(--cdh-verde-osc);border-color:var(--cdh-verde-osc);\n  transform:translateY(-2px);\n  box-shadow:0 10px 26px rgba(0,0,0,.48);\n}\n\n.cdh-btn--secundario{\n  color:#fff;\n  background:rgba(255,255,255,.12);\n  border-color:rgba(255,255,255,.75);\n  -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);\n  box-shadow:0 6px 20px rgba(0,0,0,.3);\n}\n.cdh-btn--secundario:hover{\n  color:var(--cdh-marron-osc);\n  background:var(--cdh-crema);\n  border-color:var(--cdh-crema);\n  transform:translateY(-2px);\n  box-shadow:0 10px 26px rgba(0,0,0,.38);\n}\n\n@keyframes cdhSube{\n  from{opacity:0;transform:translateY(14px);}\n  to{opacity:1;transform:none;}\n}\n\n\/* ---------- m\u00f3vil y tablet peque\u00f1a: los accesos bajan bajo la foto ---------- *\/\n@media (max-width:1024px){\n  .cdh-hero__botones{\n    position:static;\n    width:auto;\n    padding:clamp(20px,4vw,30px) 18px;\n    gap:14px;\n    background:linear-gradient(180deg,#fbf7f0 0%,#f4ece0 100%);\n    animation:none;\n  }\n  .cdh-btn{\n    padding:14px 26px;\n    font-size:14px;\n    box-shadow:none;\n  }\n  .cdh-btn--principal{box-shadow:0 4px 14px rgba(46,125,50,.3);}\n  .cdh-btn--secundario{\n    color:var(--cdh-marron);\n    background:#fff;\n    border-color:rgba(86,57,35,.5);\n    -webkit-backdrop-filter:none;backdrop-filter:none;\n    box-shadow:0 3px 10px rgba(58,40,26,.12);\n  }\n  .cdh-btn--secundario:hover{color:#fff;background:var(--cdh-marron);border-color:var(--cdh-marron);}\n}\n@media (max-width:420px){\n  .cdh-hero__botones{flex-direction:column;gap:12px;}\n  .cdh-btn{width:100%;max-width:300px;text-align:center;}\n}\n\n@media (prefers-reduced-motion:reduce){\n  .cdh-hero *{animation:none !important;transition:none !important;}\n}\n<\/style>\n\n<header class=\"cdh-hero\">\n\n  <picture class=\"cdh-hero__picture\">\n    <!-- Imagen espec\u00edfica para m\u00f3vil -->\n    <source media=\"(max-width:767px)\"\n            srcset=\"https:\/\/cementeriodigitalhispano.com\/images\/Portada\/portada%20Movil.png\">\n\n    <!-- Imagen normal para tablet y escritorio -->\n    <img class=\"cdh-hero__foto\"\n         src=\"https:\/\/cementeriodigitalhispano.com\/images\/Portada\/Portada.png\"\n         alt=\"Cementerio Digital Hispano \u2014 plataforma gratuita para guardar el legado digital de toda la comunidad hispana\"\n         loading=\"eager\" decoding=\"async\">\n  <\/picture>\n\n  <nav class=\"cdh-hero__botones\" aria-label=\"Acceso de usuarios\">\n    <a class=\"cdh-btn cdh-btn--principal\"\n       href=\"https:\/\/cementeriodigitalhispano.com\/wp-content\/uploads\/cdh\/registro.html\">Registrarse<\/a>\n    <a class=\"cdh-btn cdh-btn--secundario\"\n       href=\"https:\/\/cementeriodigitalhispano.com\/index.php\/login-2\/\">Entrar<\/a>\n  <\/nav>\n\n<\/header>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f9b2242 e-flex e-con-boxed e-con e-parent\" data-id=\"f9b2242\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-461dcc2 elementor-widget elementor-widget-html\" data-id=\"461dcc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     CDH \u00b7 PORTADA \u00b7 BLOQUE 2 \u00b7 v16  \u00b7  \"Qu\u00e9 se puede hacer en CDH\"\r\n     Reemplaza TODO el contenido del widget HTML del bloque 2.\r\n     Im\u00e1genes: \/images\/Portada\/  (ra\u00edz del dominio)\r\n     ========================================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700&family=Lora:ital,wght@0,400;0,500;1,400&display=swap');\r\n\r\n#cdh-b2, #cdh-b2 *{ box-sizing:border-box; }\r\n\r\n#cdh-b2{\r\n  \/* ---- Paleta CDH ---- *\/\r\n  --b2-marron:#563923;\r\n  --b2-marron-osc:#3a281a;\r\n  --b2-naranja:#f26522;\r\n  --b2-verde:#1f4f29;\r\n  --b2-verde-osc:#0f2e16;\r\n  --b2-nata:#fffdf8;\r\n  --b2-nata2:#f3e9d9;\r\n  --b2-crema:#f4e6c4;\r\n  --b2-texto:#4a3527;\r\n  --b2-suave:#7a5a36;\r\n\r\n  --b2-serif:'Cormorant Garamond', Georgia, 'Times New Roman', serif;\r\n  --b2-serif2:'Lora', Georgia, 'Times New Roman', serif;\r\n  --b2-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n\r\n  position:relative;\r\n  width:100%;\r\n  padding:88px 24px 96px;\r\n  background:linear-gradient(180deg,#ffffff 0%, var(--b2-nata) 45%, var(--b2-nata2) 100%);\r\n  font-family:var(--b2-sans);\r\n  color:var(--b2-texto);\r\n  overflow:hidden;\r\n}\r\n\r\n#cdh-b2 .b2-wrap{ max-width:1180px; margin:0 auto; }\r\n\r\n\/* ---------- Encabezado ---------- *\/\r\n#cdh-b2 .b2-eyebrow{\r\n  display:block;\r\n  text-align:center;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:.22em;\r\n  text-transform:uppercase;\r\n  color:var(--b2-naranja);\r\n  margin:0 0 14px;\r\n}\r\n#cdh-b2 .b2-h2{\r\n  font-family:var(--b2-serif);\r\n  font-weight:600;\r\n  font-size:clamp(30px, 4.6vw, 52px);\r\n  line-height:1.14;\r\n  text-align:center;\r\n  color:var(--b2-marron);\r\n  margin:0 0 18px;\r\n}\r\n#cdh-b2 .b2-lead{\r\n  max-width:780px;\r\n  margin:0 auto;\r\n  text-align:center;\r\n  font-size:17px;\r\n  line-height:1.7;\r\n  color:var(--b2-suave);\r\n}\r\n#cdh-b2 .b2-lead-fuerte{\r\n  max-width:720px;\r\n  margin:0 auto 4px;\r\n  font-family:var(--b2-serif);\r\n  font-size:clamp(21px,2.5vw,28px);\r\n  line-height:1.4;\r\n  color:var(--b2-marron);\r\n}\r\n#cdh-b2 .b2-lead-fuerte em{\r\n  font-style:normal;\r\n  font-weight:700;\r\n  color:var(--b2-naranja);\r\n}\r\n#cdh-b2 .b2-lead-nota{\r\n  max-width:820px;\r\n  margin:6px auto 0;\r\n  padding:26px 32px 28px;\r\n  background:#fff;\r\n  border-radius:12px;\r\n  font-family:var(--b2-serif2);\r\n  font-weight:400;\r\n  font-size:17px;\r\n  line-height:1.78;\r\n  color:var(--b2-suave);\r\n  box-shadow:\r\n    16px 18px 30px -18px rgba(86,57,35,.55),\r\n    6px 7px 14px -10px rgba(86,57,35,.30);\r\n}\r\n\/* ---------- Ornamentos separadores (olivo e infinito) ---------- *\/\r\n#cdh-b2 .b2-orn{\r\n  display:block;\r\n  width:clamp(190px, 24vw, 250px);\r\n  height:auto;\r\n  margin:30px auto 26px;\r\n  color:var(--b2-suave);\r\n  overflow:visible;\r\n}\r\n#cdh-b2 .b2-orn-tallo{\r\n  fill:none;\r\n  stroke:currentColor;\r\n  stroke-width:1.3;\r\n  stroke-linecap:round;\r\n  opacity:.75;\r\n}\r\n#cdh-b2 .b2-orn-hoja{ fill:currentColor; opacity:.62; }\r\n#cdh-b2 .b2-orn-oliva{ fill:var(--b2-naranja); opacity:.85; }\r\n#cdh-b2 .b2-orn-inf{\r\n  fill:none;\r\n  stroke:var(--b2-naranja);\r\n  stroke-width:1.55;\r\n  stroke-linecap:round;\r\n  opacity:.82;\r\n}\r\n#cdh-b2 .b2-orn-punto{ fill:currentColor; opacity:.5; }\r\n#cdh-b2 .b2-orn-infinito{ margin:28px auto 22px; }\r\n\r\n#cdh-b2 .b2-remate{\r\n  max-width:660px;\r\n  margin:4px auto 0;\r\n  text-align:center;\r\n  font-family:var(--b2-serif);\r\n  font-style:italic;\r\n  font-size:clamp(19px,2.1vw,24px);\r\n  line-height:1.42;\r\n  color:var(--b2-marron);\r\n}\r\n#cdh-b2 .b2-sep{\r\n  width:64px; height:2px;\r\n  margin:30px auto 62px;\r\n  background:var(--b2-naranja);\r\n  border-radius:2px;\r\n}\r\n\r\n\/* ---------- Destacado: La Cripta ---------- *\/\r\n#cdh-b2 .b2-hero{\r\n  display:grid;\r\n  grid-template-columns:1.12fr .88fr;\r\n  gap:52px;\r\n  align-items:center;\r\n  margin-bottom:76px;\r\n}\r\n#cdh-b2 .b2-marco{ position:relative; padding-top:34px; }\r\n#cdh-b2 .b2-marco::before{\r\n  content:'';\r\n  position:absolute; left:6%; right:6%; top:0; height:56px;\r\n  background:linear-gradient(180deg, var(--b2-marron) 0%, var(--b2-marron-osc) 100%);\r\n  border-radius:50% 50% 0 0 \/ 100% 100% 0 0;\r\n}\r\n#cdh-b2 .b2-marco-img{\r\n  position:relative;\r\n  border:1px solid rgba(86,57,35,.22);\r\n  border-radius:6px;\r\n  overflow:hidden;\r\n  background:#fff;\r\n  box-shadow:0 22px 48px -26px rgba(58,40,26,.55);\r\n}\r\n#cdh-b2 .b2-marco-img img{\r\n  display:block;\r\n  width:100%;\r\n  aspect-ratio:16\/10;\r\n  \/* Si alguna captura queda mal recortada, cambia cover por contain *\/\r\n  object-fit:cover;\r\n  object-position:center;\r\n  transition:transform .8s cubic-bezier(.2,.7,.2,1);\r\n}\r\n#cdh-b2 .b2-marco-img:hover img{ transform:scale(1.035); }\r\n\r\n#cdh-b2 .b2-hero-txt h3{\r\n  font-family:var(--b2-serif);\r\n  font-size:clamp(28px,3.4vw,40px);\r\n  font-weight:600;\r\n  line-height:1.15;\r\n  color:var(--b2-verde-osc);\r\n  margin:0 0 16px;\r\n}\r\n#cdh-b2 .b2-hero-txt p{\r\n  font-size:16.5px;\r\n  line-height:1.75;\r\n  color:var(--b2-suave);\r\n  margin:0 0 22px;\r\n}\r\n#cdh-b2 .b2-lista{ list-style:none; margin:0; padding:0; }\r\n#cdh-b2 .b2-lista li{\r\n  position:relative;\r\n  padding-left:24px;\r\n  margin-bottom:11px;\r\n  font-size:15.5px;\r\n  line-height:1.55;\r\n  color:var(--b2-texto);\r\n}\r\n#cdh-b2 .b2-lista li::before{\r\n  content:'';\r\n  position:absolute; left:0; top:9px;\r\n  width:9px; height:9px;\r\n  border:2px solid var(--b2-naranja);\r\n  border-radius:50%;\r\n}\r\n\r\n\/* ---------- Rejilla de m\u00f3dulos ---------- *\/\r\n#cdh-b2 .b2-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,1fr);\r\n  gap:30px;\r\n}\r\n#cdh-b2 .b2-card{\r\n  background:#fff;\r\n  border:1px solid rgba(86,57,35,.14);\r\n  border-radius:8px;\r\n  overflow:hidden;\r\n  box-shadow:0 14px 34px -24px rgba(58,40,26,.5);\r\n  transition:transform .45s ease, box-shadow .45s ease, border-color .45s ease;\r\n}\r\n#cdh-b2 .b2-card:hover{\r\n  transform:translateY(-6px);\r\n  border-color:rgba(242,101,34,.42);\r\n  box-shadow:0 26px 46px -26px rgba(58,40,26,.55);\r\n}\r\n#cdh-b2 .b2-card-img{ overflow:hidden; background:var(--b2-nata2); }\r\n#cdh-b2 .b2-card-img img{\r\n  display:block;\r\n  width:100%;\r\n  aspect-ratio:16\/10;\r\n  object-fit:cover;\r\n  object-position:center;\r\n  transition:transform .8s cubic-bezier(.2,.7,.2,1);\r\n}\r\n#cdh-b2 .b2-card:hover .b2-card-img img{ transform:scale(1.05); }\r\n\r\n#cdh-b2 .b2-card-body{ padding:26px 28px 30px; }\r\n#cdh-b2 .b2-placa{\r\n  display:inline-block;\r\n  padding:7px 16px 7px 14px;\r\n  margin-bottom:14px;\r\n  background:linear-gradient(180deg,var(--b2-nata) 0%, var(--b2-nata2) 100%);\r\n  border:1px solid rgba(86,57,35,.2);\r\n  border-left:3px solid var(--b2-naranja);\r\n  border-radius:3px;\r\n  font-family:var(--b2-serif);\r\n  font-size:20px;\r\n  font-weight:600;\r\n  letter-spacing:.02em;\r\n  color:var(--b2-verde-osc);\r\n}\r\n#cdh-b2 .b2-card-body p{\r\n  margin:0;\r\n  font-size:15.5px;\r\n  line-height:1.72;\r\n  color:var(--b2-suave);\r\n}\r\n\r\n\/* ---------- Texto arriba y foto debajo ----------\r\n   Afecta a Sepultura Web, Sepultura QR, Biografia y Arbol.\r\n   Monumentos (.b2-ancha) se queda como esta, con la foto al lado.\r\n   No hay que tocar el HTML: solo se invierte el orden de pintado. *\/\r\n#cdh-b2 .b2-card:not(.b2-ancha){\r\n  display:flex;\r\n  flex-direction:column-reverse;\r\n}\r\n#cdh-b2 .b2-card:not(.b2-ancha) .b2-card-img{ flex:0 0 auto; }\r\n#cdh-b2 .b2-card:not(.b2-ancha) .b2-card-body{\r\n  flex:1 1 auto;            \/* el texto crece y las fotos quedan alineadas abajo *\/\r\n  padding:28px 28px 22px;\r\n}\r\n@media (max-width:640px){\r\n  #cdh-b2 .b2-card:not(.b2-ancha) .b2-card-body{ padding:22px 22px 18px; }\r\n}\r\n\r\n\/* ---------- Tarjeta QR: imagen vertical entera sobre su propio fondo ---------- *\/\r\n#cdh-b2 .b2-qr{\r\n  position:relative;\r\n  aspect-ratio:16\/10;\r\n  background:var(--b2-marron-osc);\r\n}\r\n#cdh-b2 .b2-qr .b2-qr-fondo{\r\n  position:absolute; inset:0;\r\n  width:100%; height:100%;\r\n  aspect-ratio:auto;\r\n  object-fit:cover;\r\n  transform:scale(1.2);\r\n  filter:blur(26px) saturate(1.15) brightness(.7);\r\n}\r\n#cdh-b2 .b2-qr-fila{\r\n  position:absolute; inset:0;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:24px;\r\n  padding:18px 24px;\r\n  background:linear-gradient(90deg, rgba(58,40,26,.22) 0%, rgba(58,40,26,.74) 60%);\r\n}\r\n#cdh-b2 .b2-qr-movil{\r\n  flex:0 0 auto;\r\n  height:88%;\r\n  display:flex;\r\n  border:5px solid #241608;\r\n  border-radius:20px;\r\n  overflow:hidden;\r\n  background:#000;\r\n  box-shadow:0 18px 34px -14px rgba(0,0,0,.7);\r\n  transition:transform .45s ease;\r\n}\r\n#cdh-b2 .b2-qr .b2-qr-movil img{\r\n  display:block;\r\n  height:100%;\r\n  width:auto;\r\n  max-width:none;\r\n  aspect-ratio:auto;\r\n  object-fit:contain;\r\n  transform:none;\r\n}\r\n#cdh-b2 .b2-qr-txt{ min-width:0; }\r\n#cdh-b2 .b2-qr-kicker{\r\n  display:block;\r\n  font-size:11px;\r\n  font-weight:700;\r\n  letter-spacing:.2em;\r\n  text-transform:uppercase;\r\n  color:var(--b2-naranja);\r\n  margin-bottom:10px;\r\n}\r\n#cdh-b2 .b2-qr-txt p{\r\n  margin:0;\r\n  font-family:var(--b2-serif);\r\n  font-size:clamp(18px,2vw,27px);\r\n  line-height:1.28;\r\n  color:var(--b2-crema);\r\n  text-shadow:0 2px 12px rgba(0,0,0,.45);\r\n}\r\n#cdh-b2 .b2-card:hover .b2-qr .b2-qr-fondo{ transform:scale(1.2); }\r\n#cdh-b2 .b2-card:hover .b2-qr .b2-qr-movil{ transform:translateY(-4px); }\r\n\r\n\/* La foto de la Sepultura QR, un 20% mayor: menos aire arriba y abajo y\r\n   el m\u00f3vil a todo el alto del hueco. La tarjeta conserva su proporci\u00f3n. *\/\r\n#cdh-b2 .b2-qr:not(.b2-bio) .b2-qr-fila{ padding:10px 20px; gap:20px; }\r\n#cdh-b2 .b2-qr:not(.b2-bio) .b2-qr-movil{ height:100%; }\r\n\r\n\/* ---------- Tarjeta Biograf\u00eda: mismo recurso, pero con marco de hoja ---------- *\/\r\n#cdh-b2 .b2-bio .b2-qr-movil{\r\n  border:1px solid rgba(86,57,35,.4);\r\n  border-radius:3px;\r\n  padding:7px;\r\n  background:var(--b2-nata);\r\n  box-shadow:0 18px 34px -14px rgba(0,0,0,.6);\r\n}\r\n#cdh-b2 .b2-bio .b2-qr-fila{\r\n  background:linear-gradient(90deg, rgba(58,40,26,.3) 0%, rgba(58,40,26,.8) 60%);\r\n}\r\n#cdh-b2 .b2-bio .b2-qr-fondo{ filter:blur(28px) saturate(1.05) brightness(.62); }\r\n\r\n\/* ---------- Tarjeta ancha: Monumentos ---------- *\/\r\n#cdh-b2 .b2-ancha{\r\n  grid-column:1 \/ -1;\r\n  display:grid;\r\n  grid-template-columns:1.06fr .94fr;\r\n  align-items:stretch;\r\n}\r\n#cdh-b2 .b2-ancha .b2-card-img{ height:100%; min-height:320px; }\r\n#cdh-b2 .b2-ancha .b2-card-img img{\r\n  height:100%;\r\n  aspect-ratio:auto;\r\n  object-fit:cover;\r\n}\r\n#cdh-b2 .b2-ancha .b2-card-body{\r\n  align-self:center;\r\n  padding:36px 40px;\r\n}\r\n#cdh-b2 .b2-ancha .b2-card-body p{ font-size:16px; }\r\n#cdh-b2 .b2-ancha .b2-placa{ font-size:22px; }\r\n@media (max-width:1023px){\r\n  #cdh-b2 .b2-ancha{ grid-template-columns:1fr; }\r\n  #cdh-b2 .b2-ancha .b2-card-img{ min-height:0; }\r\n  #cdh-b2 .b2-ancha .b2-card-img img{ aspect-ratio:16\/10; }\r\n  #cdh-b2 .b2-ancha .b2-card-body{ padding:26px 28px 30px; }\r\n  #cdh-b2 .b2-ancha .b2-placa{ font-size:20px; }\r\n}\r\n\r\n\/* ---------- Cierre (v12: chica y texto sobre un mismo velo blanco) ----------\r\n   La foto y el cuadro comparten un unico fondo blanco cuyo contorno entero\r\n   se desvanece contra el fondo de la pagina: no hay bordes ni recuadros. *\/\r\n#cdh-b2 .b2-final{\r\n  position:relative;\r\n  isolation:isolate;\r\n  display:grid;\r\n  grid-template-columns:minmax(190px,300px) minmax(0,1fr);\r\n  align-items:end;\r\n  gap:0;\r\n  max-width:1040px;\r\n  margin:104px auto 0;\r\n}\r\n\/* El velo blanco compartido *\/\r\n#cdh-b2 .b2-final::before{\r\n  content:'';\r\n  position:absolute;\r\n  inset:-34px -70px -44px;\r\n  z-index:-1;\r\n  background:#fff;\r\n  border-radius:70px;\r\n  -webkit-mask-image:\r\n    linear-gradient(to right,  rgba(0,0,0,0) 0, #000 104px, #000 calc(100% - 104px), rgba(0,0,0,0) 100%),\r\n    linear-gradient(to bottom, rgba(0,0,0,0) 0, #000 78px,  #000 calc(100% - 86px),  rgba(0,0,0,0) 100%);\r\n  -webkit-mask-composite:source-in;\r\n  mask-image:\r\n    linear-gradient(to right,  rgba(0,0,0,0) 0, #000 104px, #000 calc(100% - 104px), rgba(0,0,0,0) 100%),\r\n    linear-gradient(to bottom, rgba(0,0,0,0) 0, #000 78px,  #000 calc(100% - 86px),  rgba(0,0,0,0) 100%);\r\n  mask-composite:intersect;\r\n  pointer-events:none;\r\n}\r\n#cdh-b2 .b2-chica{\r\n  margin:0 -12px 0 0;\r\n  align-self:end;\r\n}\r\n\/* La foto tambien pierde su rectangulo: sus cuatro bordes se funden en el velo *\/\r\n#cdh-b2 .b2-chica img{\r\n  display:block;\r\n  width:100%;\r\n  height:auto;\r\n  -webkit-mask-image:\r\n    linear-gradient(to right,  rgba(0,0,0,0) 0, #000 40px, #000 calc(100% - 66px), rgba(0,0,0,0) 100%),\r\n    linear-gradient(to bottom, rgba(0,0,0,0) 0, #000 52px, #000 calc(100% - 52px), rgba(0,0,0,0) 100%);\r\n  -webkit-mask-composite:source-in;\r\n  mask-image:\r\n    linear-gradient(to right,  rgba(0,0,0,0) 0, #000 40px, #000 calc(100% - 66px), rgba(0,0,0,0) 100%),\r\n    linear-gradient(to bottom, rgba(0,0,0,0) 0, #000 52px, #000 calc(100% - 52px), rgba(0,0,0,0) 100%);\r\n  mask-composite:intersect;\r\n}\r\n#cdh-b2 .b2-cierre{\r\n  position:relative;\r\n  max-width:700px;\r\n  margin:0;\r\n  padding:44px 40px 54px;\r\n  text-align:center;\r\n  background:transparent;\r\n  border:0;\r\n  border-radius:0;\r\n  overflow:visible;\r\n  box-shadow:none;\r\n}\r\n#cdh-b2 .b2-logo{\r\n  display:block;\r\n  width:auto;\r\n  height:132px;\r\n  margin:0 auto 40px;\r\n}\r\n#cdh-b2 .b2-cierre p{\r\n  max-width:520px;\r\n  margin:0 auto 30px;\r\n  font-family:var(--b2-serif);\r\n  font-size:clamp(22px,2.7vw,31px);\r\n  line-height:1.3;\r\n  color:var(--b2-marron);\r\n  text-shadow:none;\r\n}\r\n#cdh-b2 .b2-cta{\r\n  display:inline-block;\r\n  padding:16px 42px;\r\n  background:linear-gradient(135deg, #f7863a 0%, var(--b2-naranja) 55%, #d4551a 100%);\r\n  color:#fff !important;\r\n  font-size:16.5px;\r\n  font-weight:600;\r\n  letter-spacing:.01em;\r\n  text-decoration:none !important;\r\n  border-radius:999px;\r\n  box-shadow:0 14px 30px -12px rgba(242,101,34,.75), inset 0 1px 0 rgba(255,255,255,.3);\r\n  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;\r\n}\r\n#cdh-b2 .b2-cta:hover{\r\n  filter:brightness(1.06);\r\n  transform:translateY(-2px);\r\n  box-shadow:0 18px 36px -12px rgba(242,101,34,.85), inset 0 1px 0 rgba(255,255,255,.35);\r\n}\r\n#cdh-b2 .b2-cta:focus-visible{ outline:3px solid var(--b2-crema); outline-offset:3px; }\r\n\r\n\/* ---------- Aparici\u00f3n al hacer scroll ---------- *\/\r\n#cdh-b2 .b2-rev{ opacity:0; transform:translateY(16px); transition:opacity .7s ease, transform .7s ease; }\r\n#cdh-b2 .b2-rev.b2-on{ opacity:1; transform:none; }\r\n\r\n\/* ---------- Tablet ---------- *\/\r\n@media (max-width:1023px){\r\n  #cdh-b2{ padding:70px 20px 78px; }\r\n  #cdh-b2 .b2-hero{ grid-template-columns:1fr; gap:34px; margin-bottom:58px; }\r\n  #cdh-b2 .b2-hero-txt{ text-align:center; }\r\n  #cdh-b2 .b2-lista{ display:inline-block; text-align:left; }\r\n  #cdh-b2 .b2-sep{ margin-bottom:48px; }\r\n  #cdh-b2 .b2-grid{ gap:24px; }\r\n  #cdh-b2 .b2-final{ grid-template-columns:1fr; max-width:640px; margin-top:82px; }\r\n  #cdh-b2 .b2-final::before{ inset:-26px -46px -34px; border-radius:56px; }\r\n  #cdh-b2 .b2-cierre{ order:1; max-width:none; padding:38px 30px 40px; }\r\n  #cdh-b2 .b2-chica{ order:2; width:min(290px,66%); margin:0 auto; }\r\n}\r\n\r\n\/* ---------- M\u00f3vil ---------- *\/\r\n@media (max-width:640px){\r\n  #cdh-b2{ padding:56px 16px 64px; }\r\n  #cdh-b2 .b2-lead{ font-size:16px; }\r\n  #cdh-b2 .b2-sep{ margin:24px auto 40px; }\r\n  #cdh-b2 .b2-marco{ padding-top:26px; }\r\n  #cdh-b2 .b2-marco::before{ height:42px; }\r\n  #cdh-b2 .b2-grid{ grid-template-columns:1fr; gap:22px; }\r\n  #cdh-b2 .b2-card-body{ padding:22px 22px 26px; }\r\n  #cdh-b2 .b2-placa{ font-size:19px; }\r\n  #cdh-b2 .b2-qr{ aspect-ratio:4\/3; }\r\n  #cdh-b2 .b2-qr-fila{ gap:16px; padding:14px 16px; }\r\n  #cdh-b2 .b2-qr-movil{ border-width:4px; border-radius:16px; }\r\n  #cdh-b2 .b2-qr:not(.b2-bio) .b2-qr-fila{ padding:10px 14px; gap:14px; }\r\n  #cdh-b2 .b2-qr-txt p{ font-size:17px; }\r\n  #cdh-b2 .b2-qr-kicker{ font-size:10.5px; letter-spacing:.14em; margin-bottom:8px; }\r\n  #cdh-b2 .b2-orn{ width:min(180px,58%); margin:22px auto 18px; }\r\n  #cdh-b2 .b2-orn-infinito{ margin:20px auto 16px; }\r\n  #cdh-b2 .b2-lead-nota{ padding:20px 20px 22px; font-size:16px; line-height:1.7; border-radius:10px; }\r\n  #cdh-b2 .b2-final{ margin-top:64px; }\r\n  #cdh-b2 .b2-final::before{\r\n    inset:-20px -26px -26px;\r\n    border-radius:42px;\r\n    -webkit-mask-image:\r\n      linear-gradient(to right,  rgba(0,0,0,0) 0, #000 56px, #000 calc(100% - 56px), rgba(0,0,0,0) 100%),\r\n      linear-gradient(to bottom, rgba(0,0,0,0) 0, #000 48px, #000 calc(100% - 54px), rgba(0,0,0,0) 100%);\r\n    mask-image:\r\n      linear-gradient(to right,  rgba(0,0,0,0) 0, #000 56px, #000 calc(100% - 56px), rgba(0,0,0,0) 100%),\r\n      linear-gradient(to bottom, rgba(0,0,0,0) 0, #000 48px, #000 calc(100% - 54px), rgba(0,0,0,0) 100%);\r\n  }\r\n  #cdh-b2 .b2-cierre{\r\n    margin:0;\r\n    padding:30px 18px 34px;\r\n  }\r\n  \/* En movil la chica no aparece: el velo queda solo con el cuadro *\/\r\n  #cdh-b2 .b2-chica{ display:none; }\r\n  #cdh-b2 .b2-logo{ height:112px; margin-bottom:38px; }\r\n  #cdh-b2 .b2-cta{ display:block; padding:15px 20px; border-radius:999px; }\r\n}\r\n\r\n\/* ---------- Movil en horizontal (telefono girado) ----------\r\n   La pantalla es ancha pero muy baja: la chica vuelve, mas pequena\r\n   y a la izquierda del cuadro, senalando el texto. Se queda fuera de\r\n   aqui la tablet, que tiene bastante mas alto. *\/\r\n@media (orientation:landscape) and (max-height:600px) and (max-width:1023px){\r\n  #cdh-b2 .b2-final{\r\n    grid-template-columns:minmax(120px,180px) minmax(0,1fr);\r\n    align-items:end;\r\n    max-width:880px;\r\n    margin-top:66px;\r\n  }\r\n  #cdh-b2 .b2-final::before{\r\n    inset:-22px -40px -30px;\r\n    border-radius:54px;\r\n    -webkit-mask-image:\r\n      linear-gradient(to right,  rgba(0,0,0,0) 0, #000 68px, #000 calc(100% - 68px), rgba(0,0,0,0) 100%),\r\n      linear-gradient(to bottom, rgba(0,0,0,0) 0, #000 52px, #000 calc(100% - 58px), rgba(0,0,0,0) 100%);\r\n    mask-image:\r\n      linear-gradient(to right,  rgba(0,0,0,0) 0, #000 68px, #000 calc(100% - 68px), rgba(0,0,0,0) 100%),\r\n      linear-gradient(to bottom, rgba(0,0,0,0) 0, #000 52px, #000 calc(100% - 58px), rgba(0,0,0,0) 100%);\r\n  }\r\n  #cdh-b2 .b2-chica{\r\n    display:block;\r\n    order:0;\r\n    width:auto;\r\n    margin:0 -8px 0 0;\r\n  }\r\n  #cdh-b2 .b2-chica img{\r\n    -webkit-mask-image:\r\n      linear-gradient(to right,  rgba(0,0,0,0) 0, #000 24px, #000 calc(100% - 40px), rgba(0,0,0,0) 100%),\r\n      linear-gradient(to bottom, rgba(0,0,0,0) 0, #000 32px, #000 calc(100% - 32px), rgba(0,0,0,0) 100%);\r\n    mask-image:\r\n      linear-gradient(to right,  rgba(0,0,0,0) 0, #000 24px, #000 calc(100% - 40px), rgba(0,0,0,0) 100%),\r\n      linear-gradient(to bottom, rgba(0,0,0,0) 0, #000 32px, #000 calc(100% - 32px), rgba(0,0,0,0) 100%);\r\n  }\r\n  #cdh-b2 .b2-cierre{\r\n    order:0;\r\n    max-width:none;\r\n    margin:0;\r\n    padding:32px 26px 38px;\r\n  }\r\n  #cdh-b2 .b2-logo{ height:98px; margin:0 auto 26px; }\r\n  #cdh-b2 .b2-cierre p{ font-size:23px; margin:0 auto 22px; }\r\n  #cdh-b2 .b2-cta{ display:inline-block; padding:13px 34px; }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  #cdh-b2 .b2-rev{ opacity:1 !important; transform:none !important; transition:none !important; }\r\n  #cdh-b2 img{ transition:none !important; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"cdh-b2\">\r\n  <div class=\"b2-wrap\">\r\n\r\n    <span class=\"b2-eyebrow b2-rev\">Qu\u00e9 se puede hacer en CDH<\/span>\r\n    <h2 class=\"b2-h2 b2-rev\">Un lugar donde cabe toda una vida<\/h2>\r\n    <p class=\"b2-lead b2-lead-fuerte b2-rev\">CDH es una plataforma <em>absolutamente gratuita<\/em>, no tiene pasarelas de pago y es toda una nueva experiencia interactiva para crear sepulturas digitales.<\/p>\r\n    <!-- Ornamento: ramita de olivo -->\r\n    <svg class=\"b2-orn b2-orn-olivo b2-rev\" viewBox=\"0 0 240 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"presentation\" aria-hidden=\"true\" focusable=\"false\">\r\n      <g id=\"cdhB2Rama\">\r\n        <path class=\"b2-orn-tallo\" d=\"M120 32C104 32 82 29 52 18\"\/>\r\n        <ellipse class=\"b2-orn-hoja\" cx=\"104\" cy=\"25.5\" rx=\"9\" ry=\"3.5\" transform=\"rotate(-30 104 25.5)\"\/>\r\n        <ellipse class=\"b2-orn-hoja\" cx=\"86\"  cy=\"21.5\" rx=\"8.6\" ry=\"3.4\" transform=\"rotate(-26 86 21.5)\"\/>\r\n        <ellipse class=\"b2-orn-hoja\" cx=\"68\"  cy=\"17\"   rx=\"8\" ry=\"3.2\" transform=\"rotate(-22 68 17)\"\/>\r\n        <ellipse class=\"b2-orn-hoja\" cx=\"107\" cy=\"35\" rx=\"8.4\" ry=\"3.3\" transform=\"rotate(18 107 35)\"\/>\r\n        <ellipse class=\"b2-orn-hoja\" cx=\"89\"  cy=\"31\" rx=\"8\" ry=\"3.2\" transform=\"rotate(14 89 31)\"\/>\r\n        <ellipse class=\"b2-orn-hoja\" cx=\"71\"  cy=\"25.5\" rx=\"7.4\" ry=\"3\" transform=\"rotate(10 71 25.5)\"\/>\r\n        <circle class=\"b2-orn-oliva\" cx=\"95\" cy=\"34\" r=\"2.1\"\/>\r\n        <circle class=\"b2-orn-oliva\" cx=\"77\" cy=\"29\" r=\"1.9\"\/>\r\n      <\/g>\r\n      <use href=\"#cdhB2Rama\" transform=\"translate(240 0) scale(-1 1)\"\/>\r\n      <circle class=\"b2-orn-oliva\" cx=\"120\" cy=\"33.5\" r=\"3\"\/>\r\n    <\/svg>\r\n    <p class=\"b2-lead b2-lead-nota b2-rev\">Se pueden crear sepulturas abiertas o cerradas, programar la fecha de apertura, carpetas cerradas y ocultas programadas para abrirse o aparecer en el tiempo, decenas de fondos de criptas y estilos QR, tambi\u00e9n escribir biograf\u00edas por cap\u00edtulos y crear \u00e1rboles geneal\u00f3gicos completos y exportables.<\/p>\r\n    <!-- Ornamento: simbolo de infinito -->\r\n    <svg class=\"b2-orn b2-orn-infinito b2-rev\" viewBox=\"0 0 240 34\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"presentation\" aria-hidden=\"true\" focusable=\"false\">\r\n      <defs>\r\n        <linearGradient id=\"cdhB2OrnFade\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"0\" x2=\"240\" y2=\"0\">\r\n          <stop offset=\"0\" stop-color=\"currentColor\" stop-opacity=\"0\"\/>\r\n          <stop offset=\".34\" stop-color=\"currentColor\" stop-opacity=\".5\"\/>\r\n          <stop offset=\".66\" stop-color=\"currentColor\" stop-opacity=\".5\"\/>\r\n          <stop offset=\"1\" stop-color=\"currentColor\" stop-opacity=\"0\"\/>\r\n        <\/linearGradient>\r\n      <\/defs>\r\n      <line x1=\"6\" y1=\"17\" x2=\"84\" y2=\"17\" stroke=\"url(#cdhB2OrnFade)\" stroke-width=\"1\"\/>\r\n      <line x1=\"156\" y1=\"17\" x2=\"234\" y2=\"17\" stroke=\"url(#cdhB2OrnFade)\" stroke-width=\"1\"\/>\r\n      <circle class=\"b2-orn-punto\" cx=\"88\" cy=\"17\" r=\"1.8\"\/>\r\n      <circle class=\"b2-orn-punto\" cx=\"152\" cy=\"17\" r=\"1.8\"\/>\r\n      <path class=\"b2-orn-inf\" d=\"M120 17C126 6 144 6 144 17C144 28 126 28 120 17C114 6 96 6 96 17C96 28 114 28 120 17Z\"\/>\r\n    <\/svg>\r\n    <p class=\"b2-remate b2-rev\">Todo un espacio sorprendente donde guardar nuestra memoria digital y la de nuestros seres queridos.<\/p>\r\n    <div class=\"b2-sep b2-rev\"><\/div>\r\n\r\n    <!-- ===== Destacado: La Cripta ===== -->\r\n    <div class=\"b2-hero\">\r\n      <div class=\"b2-marco b2-rev\">\r\n        <div class=\"b2-marco-img\">\r\n          <img src=\"\/images\/Portada\/Cripta.png\" alt=\"La cripta de una sepultura en CDH, con sus carpetas de recuerdos\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"b2-hero-txt b2-rev\">\r\n        <h3>La Cripta<\/h3>\r\n        <p>Es el coraz\u00f3n de cada sepultura: un espacio propio donde se guarda todo lo que queda de una persona, ordenado como t\u00fa quieras.<\/p>\r\n        <ul class=\"b2-lista\">\r\n          <li>Carpetas para fotos, v\u00eddeos, documentos y legado familiar.<\/li>\r\n          <li>Iconos que colocas a tu gusto y un fondo que eliges t\u00fa.<\/li>\r\n          <li>Un lugar de ultratumba, donde depositar reposadamente nuestras cenizas digitales.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ===== Los cuatro m\u00f3dulos ===== -->\r\n    <div class=\"b2-grid\">\r\n\r\n      <article class=\"b2-card b2-rev\">\r\n        <div class=\"b2-card-img\">\r\n          <img src=\"\/images\/Portada\/Sepultura%20Web.png\" alt=\"Sepultura Web de CDH con foto, nombre y frase memorial\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n        <div class=\"b2-card-body\">\r\n          <span class=\"b2-placa\">Sepultura Web<\/span>\r\n          <p>Recibe a tus visitantes con la imagen del lugar donde fuiste feliz, crea tu propio espacio en la eternidad.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"b2-card b2-rev\">\r\n        <div class=\"b2-card-img b2-qr\">\r\n          <img class=\"b2-qr-fondo\" src=\"\/images\/Portada\/Sepultura%20QR.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\r\n          <div class=\"b2-qr-fila\">\r\n            <div class=\"b2-qr-movil\">\r\n              <img src=\"\/images\/Portada\/Sepultura%20QR.png\" alt=\"Sepultura QR de CDH vista en el m\u00f3vil\" loading=\"lazy\" decoding=\"async\">\r\n            <\/div>\r\n            <div class=\"b2-qr-txt\">\r\n              <span class=\"b2-qr-kicker\">Pon un QR en la l\u00e1pida<\/span>\r\n              <p>Que no se pierda ni una coma<br>de tu existencia.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"b2-card-body\">\r\n          <span class=\"b2-placa\">Sepultura QR<\/span>\r\n          <p>Es la placa QR que adjuntas a la sepultura real. La descargas de nuestra web lista para convertirla en cualquier material y quien la escanea con su m\u00f3vil obtendr\u00e1 una hermosa memoria digital del difunto. Se hace en minutos y puedes ponerle decenas de fondos bonitos.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"b2-card b2-rev\">\r\n        <div class=\"b2-card-img b2-qr b2-bio\">\r\n          <img class=\"b2-qr-fondo\" src=\"\/images\/Portada\/Biografia.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\r\n          <div class=\"b2-qr-fila\">\r\n            <div class=\"b2-qr-movil\">\r\n              <img src=\"\/images\/Portada\/Biografia.png\" alt=\"Biograf\u00eda por cap\u00edtulos de una sepultura de CDH\" loading=\"lazy\" decoding=\"async\">\r\n            <\/div>\r\n            <div class=\"b2-qr-txt\">\r\n              <span class=\"b2-qr-kicker\">Se lee como un libro<\/span>\r\n              <p>Se escribe sin prisa,<br>un cap\u00edtulo cada vez.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"b2-card-body\">\r\n          <span class=\"b2-placa\">Biograf\u00eda<\/span>\r\n          <p>Escribe la biograf\u00eda de tu vida o la de un ser querido. Puedes crear cap\u00edtulos al modo de un libro, cambiar tipos de fuentes e intercalar fotograf\u00edas en todos los cap\u00edtulos.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"b2-card b2-rev\">\r\n        <div class=\"b2-card-img\">\r\n          <img src=\"\/images\/Portada\/Arbol.png\" alt=\"\u00c1rbol geneal\u00f3gico interactivo de CDH\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n        <div class=\"b2-card-body\">\r\n          <span class=\"b2-placa\">\u00c1rbol Geneal\u00f3gico<\/span>\r\n          <p>Dise\u00f1a tu \u00e1rbol geneal\u00f3gico familiar f\u00e1cilmente. A\u00f1ade la biograf\u00eda y fotos en la ficha de cada miembro. Puedes hacerlo gigantesco con nuestro zoom a escala. Una vez hecho puedes exportarlo a otras sepulturas digitales.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"b2-card b2-ancha b2-rev\">\r\n        <div class=\"b2-card-img\">\r\n          <img src=\"\/images\/Portada\/Monumento.png\" alt=\"Monumento funerario documentado en CDH\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n        <div class=\"b2-card-body\">\r\n          <span class=\"b2-placa\">Monumentos<\/span>\r\n          <p>Documente arte sacro y monumentos funerarios, cementerios sorprendentes, panteones espectaculares y conjuntos escult\u00f3ricos en honor a h\u00e9roes y acontecimientos hist\u00f3ricos, sus autores, la historia de artistas \u00fanicos, aqu\u00ed dispone del espacio necesario para tal fin.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- ===== Cierre (si prefieres dejar la llamada para el bloque final, borra este div) ===== -->\r\n    <div class=\"b2-final b2-rev\">\r\n      <figure class=\"b2-chica\">\r\n        <img src=\"\/images\/Portada\/chica.png\" alt=\"Una joven se\u00f1ala la invitaci\u00f3n a crear una sepultura en CDH\" loading=\"lazy\" decoding=\"async\">\r\n      <\/figure>\r\n      <div class=\"b2-cierre\">\r\n        <img class=\"b2-logo\" src=\"\/wp-content\/uploads\/Logos\/Logo_Transparente_web.png\" alt=\"Cementerio Digital Hispano\" loading=\"lazy\" decoding=\"async\">\r\n        <p>Empieza una experiencia \u00fanica:<br>crea tu primera Sepultura<\/p>\r\n        <a class=\"b2-cta\" href=\"\/wp-content\/uploads\/cdh\/registro.html\">Crear una sepultura<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var raiz = document.getElementById('cdh-b2');\r\n  if(!raiz) return;\r\n  var items = raiz.querySelectorAll('.b2-rev');\r\n  if(!('IntersectionObserver' in window)){\r\n    for(var i=0;i<items.length;i++) items[i].classList.add('b2-on');\r\n    return;\r\n  }\r\n  var obs = new IntersectionObserver(function(entradas){\r\n    entradas.forEach(function(e, idx){\r\n      if(e.isIntersecting){\r\n        var el = e.target;\r\n        setTimeout(function(){ el.classList.add('b2-on'); }, idx * 90);\r\n        obs.unobserve(el);\r\n      }\r\n    });\r\n  }, { threshold:0.15, rootMargin:'0px 0px -60px 0px' });\r\n  for(var j=0;j<items.length;j++) obs.observe(items[j]);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6eb8911 elementor-widget elementor-widget-html\" data-id=\"6eb8911\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!-- =========================================================\n     CDH \u00b7 PORTADA \u00b7 BLOQUE FINAL \u00b7 v5\n     Buz\u00f3n de sugerencias + preguntas frecuentes + fald\u00f3n verde\n     Pegar en un widget HTML de Elementor, al final de la p\u00e1gina.\n     ========================================================= -->\n\n<style>\n#cdh-bf, #cdh-bf *{ box-sizing:border-box; }\n\n#cdh-bf{\n  --bf-marron:#563923;\n  --bf-marron-osc:#3a281a;\n  --bf-naranja:#f26522;\n  --bf-verde:#1f4f29;\n  --bf-verde-osc:#0f2e16;\n  --bf-nata:#fffdf8;\n  --bf-nata2:#f3e9d9;\n  --bf-crema:#f4e6c4;\n  --bf-texto:#4a3527;\n  --bf-suave:#7a5a36;\n\n  --bf-serif:'Cormorant Garamond', Georgia, 'Times New Roman', serif;\n  --bf-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n\n  position:relative;\n  width:100%;\n  padding:84px 24px 0;\n  background:var(--bf-nata2);\n  font-family:var(--bf-sans);\n  color:var(--bf-texto);\n}\n\n#cdh-bf .bf-wrap{ max-width:880px; margin:0 auto; }\n\n\/* ---------- Encabezado ---------- *\/\n#cdh-bf .bf-eyebrow{\n  display:block;\n  text-align:center;\n  font-size:12px;\n  font-weight:700;\n  letter-spacing:.22em;\n  text-transform:uppercase;\n  color:var(--bf-naranja);\n  margin:0 0 14px;\n}\n#cdh-bf .bf-h2{\n  font-family:var(--bf-serif);\n  font-weight:600;\n  font-size:clamp(29px,4.2vw,46px);\n  line-height:1.15;\n  text-align:center;\n  color:var(--bf-marron);\n  margin:0 0 16px;\n}\n#cdh-bf .bf-lead{\n  max-width:620px;\n  margin:0 auto 46px;\n  text-align:center;\n  font-size:16.5px;\n  line-height:1.7;\n  color:var(--bf-suave);\n}\n\n\/* ---------- Acorde\u00f3n ---------- *\/\n#cdh-bf .bf-faq{\n  background:var(--bf-nata);\n  border:1px solid rgba(86,57,35,.16);\n  border-radius:8px;\n  overflow:hidden;\n  box-shadow:0 16px 38px -28px rgba(58,40,26,.6);\n}\n#cdh-bf details{ border-bottom:1px solid rgba(86,57,35,.13); }\n#cdh-bf details:last-child{ border-bottom:0; }\n#cdh-bf summary{\n  position:relative;\n  list-style:none;\n  cursor:pointer;\n  padding:20px 58px 20px 26px;\n  font-family:var(--bf-serif);\n  font-size:21px;\n  font-weight:600;\n  line-height:1.35;\n  color:var(--bf-marron);\n  transition:background .25s ease, color .25s ease;\n}\n#cdh-bf summary::-webkit-details-marker{ display:none; }\n#cdh-bf summary:hover{ background:var(--bf-nata2); color:var(--bf-naranja); }\n#cdh-bf summary:focus-visible{ outline:3px solid var(--bf-naranja); outline-offset:-3px; }\n#cdh-bf summary::after{\n  content:'';\n  position:absolute; right:26px; top:50%;\n  width:14px; height:14px;\n  margin-top:-7px;\n  background:\n    linear-gradient(var(--bf-naranja),var(--bf-naranja)) center\/14px 2px no-repeat,\n    linear-gradient(var(--bf-naranja),var(--bf-naranja)) center\/2px 14px no-repeat;\n  transition:transform .3s ease;\n}\n#cdh-bf details[open] summary{ color:var(--bf-naranja); }\n#cdh-bf details[open] summary::after{ transform:rotate(135deg); }\n#cdh-bf .bf-resp{\n  padding:0 58px 24px 26px;\n  font-size:15.8px;\n  line-height:1.75;\n  color:var(--bf-suave);\n}\n#cdh-bf .bf-resp p{ margin:0 0 12px; }\n#cdh-bf .bf-resp p:last-child{ margin:0; }\n#cdh-bf .bf-resp strong{ color:var(--bf-marron); font-weight:600; }\n\n\/* ---------- Pie de la secci\u00f3n ---------- *\/\n#cdh-bf .bf-contacto{\n  margin:38px auto 0;\n  text-align:center;\n  font-size:16px;\n  line-height:1.7;\n  color:var(--bf-suave);\n}\n#cdh-bf .bf-contacto a{\n  color:var(--bf-marron);\n  font-weight:600;\n  text-decoration:underline;\n  text-underline-offset:3px;\n}\n#cdh-bf .bf-contacto a:hover{ color:var(--bf-naranja); }\n\n\/* ---------- Buz\u00f3n de sugerencias ---------- *\/\n#cdh-bf .bf-buzon-ancho{ max-width:980px; margin:0 auto 62px; }\n#cdh-bf .bf-panel{\n  position:relative;\n  display:grid;\n  grid-template-columns:300px 1fr;\n  align-items:center;\n  gap:42px;\n  padding:38px 42px;\n  background:\n    radial-gradient(ellipse at 24% 50%, rgba(255,253,248,.96) 0%, rgba(255,253,248,.72) 30%, rgba(255,253,248,0) 67%),\n    linear-gradient(90deg, rgba(255,253,248,.18) 0%, rgba(255,253,248,.72) 48%, rgba(255,253,248,.12) 100%);\n  border:0;\n  border-radius:0;\n  box-shadow:none;\n}\n#cdh-bf .bf-panel::before,\n#cdh-bf .bf-panel::after{\n  content:'';\n  position:absolute;\n  left:4%;\n  right:4%;\n  height:1px;\n  background:linear-gradient(90deg, transparent, rgba(86,57,35,.16), transparent);\n}\n#cdh-bf .bf-panel::before{ top:0; }\n#cdh-bf .bf-panel::after{ bottom:0; }\n#cdh-bf .bf-ilustra{\n  width:100%;\n  height:auto;\n  display:block;\n  opacity:.94;\n  filter:drop-shadow(0 16px 18px rgba(58,40,26,.10));\n  -webkit-mask-image:radial-gradient(ellipse at center, #000 56%, rgba(0,0,0,.86) 68%, transparent 94%);\n  mask-image:radial-gradient(ellipse at center, #000 56%, rgba(0,0,0,.86) 68%, transparent 94%);\n}\n#cdh-bf .bf-panel-txt{ text-align:left; }\n#cdh-bf .bf-panel-txt h3{\n  margin:0 0 12px;\n  font-family:var(--bf-serif);\n  font-size:clamp(26px,3.2vw,36px);\n  font-weight:600;\n  line-height:1.15;\n  color:var(--bf-marron);\n}\n#cdh-bf .bf-buzon-txt{\n  margin:0 0 24px;\n  font-size:16.5px;\n  line-height:1.72;\n  color:var(--bf-suave);\n}\n#cdh-bf .bf-btn{\n  display:inline-block;\n  padding:14px 30px;\n  background:var(--bf-verde);\n  color:#fff;\n  font-family:var(--bf-sans);\n  font-size:16px;\n  font-weight:600;\n  border-radius:6px;\n  cursor:pointer;\n  user-select:none;\n  transition:background .25s ease, transform .25s ease;\n}\n#cdh-bf .bf-btn:hover{ background:var(--bf-verde-osc); transform:translateY(-2px); }\n#cdh-bf .bf-btn:focus-visible{ outline:3px solid var(--bf-naranja); outline-offset:3px; }\n#cdh-bf .bf-btn[data-espera=\"1\"]{ opacity:.6; pointer-events:none; }\n\n\/* ---------- Ventana del buz\u00f3n ---------- *\/\n#cdh-bf .bf-modal{\n  position:fixed; inset:0;\n  z-index:99999;\n  display:none;\n  align-items:center;\n  justify-content:center;\n  padding:20px;\n  background:rgba(30,20,12,.62);\n}\n#cdh-bf .bf-modal.bf-abierta{ display:flex; }\n#cdh-bf .bf-modal-caja{\n  position:relative;\n  width:100%;\n  max-width:560px;\n  max-height:90vh;\n  overflow-y:auto;\n  padding:34px 34px 30px;\n  text-align:left;\n  background:linear-gradient(180deg,var(--bf-nata) 0%, var(--bf-nata2) 100%);\n  border-radius:10px;\n  box-shadow:0 30px 70px -20px rgba(0,0,0,.6);\n}\n#cdh-bf .bf-modal-caja h3{\n  margin:0 0 8px;\n  font-family:var(--bf-serif);\n  font-size:29px;\n  font-weight:600;\n  line-height:1.2;\n  color:var(--bf-marron);\n}\n#cdh-bf .bf-modal-sub{\n  margin:0 0 24px;\n  font-size:15.5px;\n  line-height:1.6;\n  color:var(--bf-suave);\n}\n#cdh-bf .bf-cerrar{\n  position:absolute; top:12px; right:16px;\n  width:34px; height:34px;\n  display:flex; align-items:center; justify-content:center;\n  font-size:26px;\n  line-height:1;\n  color:var(--bf-suave);\n  cursor:pointer;\n  border-radius:50%;\n  transition:background .2s ease, color .2s ease;\n}\n#cdh-bf .bf-cerrar:hover{ background:rgba(86,57,35,.1); color:var(--bf-naranja); }\n#cdh-bf .bf-cerrar:focus-visible{ outline:3px solid var(--bf-naranja); outline-offset:2px; }\n#cdh-bf .bf-campo{\n  display:block;\n  margin-bottom:18px;\n  font-size:14px;\n  font-weight:600;\n  color:var(--bf-marron);\n}\n#cdh-bf .bf-campo em{\n  font-style:normal;\n  font-weight:400;\n  color:var(--bf-suave);\n}\n#cdh-bf .bf-campo input,\n#cdh-bf .bf-campo textarea{\n  display:block;\n  width:100%;\n  margin-top:7px;\n  padding:12px 14px;\n  font-family:var(--bf-sans);\n  font-size:16px;\n  line-height:1.5;\n  color:var(--bf-texto);\n  background:#fff;\n  border:1px solid rgba(86,57,35,.28);\n  border-radius:5px;\n  transition:border-color .2s ease, box-shadow .2s ease;\n}\n#cdh-bf .bf-campo textarea{ resize:vertical; min-height:130px; }\n#cdh-bf .bf-campo input:focus,\n#cdh-bf .bf-campo textarea:focus{\n  outline:none;\n  border-color:var(--bf-naranja);\n  box-shadow:0 0 0 3px rgba(242,101,34,.18);\n}\n#cdh-bf .bf-trampa{ position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }\n#cdh-bf .bf-aviso{\n  margin:0 0 14px;\n  font-size:14.5px;\n  line-height:1.6;\n  color:#a33b12;\n}\n#cdh-bf .bf-aviso:empty{ display:none; }\n#cdh-bf .bf-nota{\n  margin:14px 0 0;\n  font-size:13px;\n  line-height:1.6;\n  color:var(--bf-suave);\n}\n#cdh-bf .bf-gracias{\n  padding:18px 0 6px;\n  text-align:center;\n  font-family:var(--bf-serif);\n  font-size:23px;\n  line-height:1.35;\n  color:var(--bf-marron);\n}\n\n\/* ---------- Fald\u00f3n verde ---------- *\/\n#cdh-bf .bf-faldon{\n  margin:74px -24px 0;\n  padding:44px 24px 40px;\n  text-align:center;\n  background:linear-gradient(180deg,var(--bf-verde) 0%, var(--bf-verde-osc) 100%);\n}\n#cdh-bf .bf-legal{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:14px;\n  margin:0 0 30px;\n}\n#cdh-bf .bf-enlace{\n  display:inline-block;\n  padding:11px 24px;\n  font-size:14px;\n  font-weight:600;\n  letter-spacing:.02em;\n  color:var(--bf-crema);\n  text-decoration:none;\n  border:1px solid rgba(244,230,196,.42);\n  border-radius:5px;\n  transition:border-color .25s ease, color .25s ease, background .25s ease;\n}\n#cdh-bf .bf-enlace:hover{\n  color:#fff;\n  border-color:var(--bf-naranja);\n  background:rgba(242,101,34,.18);\n}\n#cdh-bf .bf-enlace:focus-visible{ outline:3px solid var(--bf-naranja); outline-offset:3px; }\n#cdh-bf .bf-filete{\n  width:100%;\n  max-width:300px;\n  height:1px;\n  margin:0 auto 22px;\n  background:rgba(244,230,196,.26);\n}\n#cdh-bf .bf-marca{\n  display:block;\n  font-family:var(--bf-serif);\n  font-weight:600;\n  font-size:clamp(21px,2.4vw,27px);\n  line-height:1;\n  letter-spacing:.42em;\n  text-indent:.42em;\n  color:var(--bf-naranja);\n  margin:0 0 14px;\n}\n#cdh-bf .bf-firma{\n  margin:0;\n  font-size:13.5px;\n  line-height:1.75;\n  color:rgba(244,230,196,.82);\n}\n#cdh-bf .bf-firma a{\n  color:var(--bf-crema);\n  text-decoration:none;\n  border-bottom:1px solid rgba(244,230,196,.4);\n}\n#cdh-bf .bf-firma a:hover{ color:var(--bf-naranja); border-bottom-color:var(--bf-naranja); }\n\n\/* ---------- Tablet ---------- *\/\n@media (max-width:1023px){\n  #cdh-bf{ padding:68px 20px 0; }\n  #cdh-bf .bf-panel{ grid-template-columns:1fr; gap:22px; padding:32px 26px 36px; text-align:center; }\n  #cdh-bf .bf-panel-txt{ text-align:center; }\n  #cdh-bf .bf-ilustra{ max-width:250px; margin:0 auto; }\n  #cdh-bf .bf-buzon-ancho{ margin-bottom:50px; }\n  #cdh-bf .bf-lead{ margin-bottom:38px; }\n  #cdh-bf .bf-faldon{ margin:60px -20px 0; padding:40px 20px 36px; }\n}\n\n\/* ---------- M\u00f3vil ---------- *\/\n@media (max-width:640px){\n  #cdh-bf{ padding:54px 16px 0; }\n  #cdh-bf .bf-lead{ font-size:16px; margin-bottom:32px; }\n  #cdh-bf summary{ padding:18px 46px 18px 18px; font-size:19px; }\n  #cdh-bf summary::after{ right:18px; }\n  #cdh-bf .bf-resp{ padding:0 46px 20px 18px; font-size:15.4px; }\n  #cdh-bf .bf-contacto{ font-size:15.5px; }\n  #cdh-bf .bf-panel{ padding:28px 18px 32px; gap:18px; }\n  #cdh-bf .bf-btn{ display:block; padding:14px 20px; }\n  #cdh-bf .bf-enlace{ width:100%; text-align:center; }\n  #cdh-bf .bf-marca{ letter-spacing:.3em; text-indent:.3em; }\n  #cdh-bf .bf-modal{ padding:12px; }\n  #cdh-bf .bf-modal-caja{ padding:28px 20px 24px; }\n  #cdh-bf .bf-modal-caja h3{ font-size:25px; }\n  #cdh-bf .bf-faldon{ margin:52px -16px 0; padding:34px 16px 30px; }\n}\n\n@media (prefers-reduced-motion:reduce){\n  #cdh-bf summary::after{ transition:none; }\n}\n<\/style>\n\n<section id=\"cdh-bf\">\n  <div class=\"bf-wrap\">\n\n    <div class=\"bf-buzon-ancho\">\n      <div class=\"bf-panel\">\n\n        <svg class=\"bf-ilustra\" viewBox=\"0 0 300 240\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Un sobre abierto con una carta\">\n          <circle cx=\"150\" cy=\"122\" r=\"104\" fill=\"#f3e9d9\"\/>\n          <g stroke=\"#f26522\" stroke-width=\"3\" stroke-linecap=\"round\">\n            <line x1=\"150\" y1=\"20\" x2=\"150\" y2=\"6\"\/>\n            <line x1=\"104\" y1=\"32\" x2=\"97\" y2=\"19\"\/>\n            <line x1=\"196\" y1=\"32\" x2=\"203\" y2=\"19\"\/>\n          <\/g>\n          <g transform=\"rotate(-6 150 108)\">\n            <rect x=\"92\" y=\"52\" width=\"116\" height=\"86\" rx=\"4\" fill=\"#fffdf8\" stroke=\"#563923\" stroke-width=\"2\"\/>\n            <line x1=\"106\" y1=\"74\" x2=\"194\" y2=\"74\" stroke=\"#f26522\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n            <line x1=\"106\" y1=\"92\" x2=\"176\" y2=\"92\" stroke=\"#c9b393\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n            <line x1=\"106\" y1=\"108\" x2=\"188\" y2=\"108\" stroke=\"#c9b393\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n            <line x1=\"106\" y1=\"124\" x2=\"160\" y2=\"124\" stroke=\"#c9b393\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n          <\/g>\n          <path d=\"M56 128 L150 92 L244 128 L244 214 L56 214 Z\" fill=\"#563923\"\/>\n          <path d=\"M56 128 L150 190 L244 128\" fill=\"none\" stroke=\"#3a281a\" stroke-width=\"2\"\/>\n          <path d=\"M56 214 L150 152 L244 214 Z\" fill=\"#3a281a\"\/>\n        <\/svg>\n\n        <div class=\"bf-panel-txt\">\n          <h3>Buz\u00f3n de sugerencias<\/h3>\n          <p class=\"bf-buzon-txt\"><strong>CDH tambi\u00e9n se construye contigo<\/strong><br><br>Tus ideas pueden ayudarnos a mejorar Cementerio Digital Hispano. Si echas en falta alguna funci\u00f3n, cambiar\u00edas algo o simplemente se te ha ocurrido una buena idea, nos encantar\u00e1 conocerla.<br><br><strong>Cada sugerencia ser\u00e1 le\u00edda y valorada.<\/strong><\/p>\n          <div style=\"color:var(--bf-suave);font-family:var(--bf-serif);font-size:21px;margin:-7px 0 15px;\">\u2014 \u2766 \u2014<\/div>\n          <span class=\"bf-btn\" id=\"bf-abrir\" role=\"button\" tabindex=\"0\">\ud83d\udca1 Enviar una sugerencia<\/span>\n          <p style=\"margin:12px 0 0;font-size:13.5px;color:var(--bf-suave);\">Gracias por ayudarnos a mejorar CDH.<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <span class=\"bf-eyebrow\">Dudas habituales<\/span>\n    <h2 class=\"bf-h2\">Preguntas frecuentes<\/h2>\n    <p class=\"bf-lead\">Lo que m\u00e1s nos preguntan antes de crear la primera sepultura. Si te queda alguna duda, escr\u00edbenos y te contestamos.<\/p>\n\n    <div class=\"bf-faq\">\n\n      <details name=\"cdh-faq\">\n        <summary>\u00bfPor qu\u00e9 se llama Cementerio Digital Hisp\u00e1nico?<\/summary>\n        <div class=\"bf-resp\">\n          <p>Porque est\u00e1 hecho desde Espa\u00f1a con toda la ilusi\u00f3n para toda la comunidad Hispana repartida por el planeta.<\/p>\n        <\/div>\n      <\/details>\n\n      <details name=\"cdh-faq\">\n        <summary>\u00bfEsta plataforma es aconfesional?<\/summary>\n        <div class=\"bf-resp\">\n          <p>Totalmente. La cripta, por ejemplo, tiene fondos a gusto de todas las religiones m\u00e1s importantes del mundo y homenajea todas las culturas, desde la romana a la azteca, desde la vikinga a la musulmana. Todas las confesiones caben en nuestro cementerio.<\/p>\n        <\/div>\n      <\/details>\n\n      <details name=\"cdh-faq\">\n        <summary>\u00bfEs gratis crear sepulturas digitales en CDH?<\/summary>\n        <div class=\"bf-resp\">\n          <p>S\u00ed, crear sepulturas es totalmente gratis, aunque el numero de sepulturas y tama\u00f1o puedan estar limitados para un \u00fanico un usuario y para evitar abusos de espacio. No tenemos pasarela de pago de ning\u00fan tipo.<\/p>\n        <\/div>\n      <\/details>\n\n      <details name=\"cdh-faq\">\n        <summary>\u00bfC\u00f3mo se financia esta web?<\/summary>\n        <div class=\"bf-resp\">\n          <p>Esta web aspira a financiarse con publicidad del sector funerario y con donaciones de sus usuarios en los pr\u00f3ximos a\u00f1os.<\/p>\n        <\/div>\n      <\/details>\n\n      <details name=\"cdh-faq\">\n        <summary>\u00bfQu\u00e9 diferencia hay entre una sepultura abierta y una cerrada?<\/summary>\n        <div class=\"bf-resp\">\n          <p>Una sepultura abierta es p\u00fablica: cualquiera puede entrar a verla, aparece en los buscadores. Sin embargo, parte de su contenido puede ser privado, por ejemplo, usted puede crear en la Cripta carpetas cerradas cuyo contenido es totalmente privado.<\/p>\n          <p>Una sepultura cerrada es privada: solo se ve desde tu cuenta. Se indexa en Google y parece en los buscadores, pero no se puede entrar a verla, salvo con expreso consentimiento de su propietario.<\/p>\n        <\/div>\n      <\/details>\n\n      <details name=\"cdh-faq\">\n        <summary>\u00bfPuedo dejarla cerrada mientras la preparo?<\/summary>\n        <div class=\"bf-resp\">\n          <p>S\u00ed, y es lo m\u00e1s recomendable. Trabaja con la sepultura cerrada todo el tiempo que necesites \u2014subiendo fotos, escribiendo la biograf\u00eda, montando el \u00e1rbol\u2014 y \u00e1brela el d\u00eda que est\u00e9 como quieres.<\/p>\n          <p>Tambi\u00e9n puedes programar la fecha de apertura: dejas todo preparado y la sepultura se abre sola ese d\u00eda, sin que tengas que hacer nada.<\/p>\n        <\/div>\n      <\/details>\n\n      <details name=\"cdh-faq\">\n        <summary>\u00bfQu\u00e9 es la Cripta?<\/summary>\n        <div class=\"bf-resp\">\n          <p>Es el espacio donde se organiza toda tu sepultura digital. En ella puedes crear carpetas abiertas, cerradas y ocultas. Y desde ella organizas y editas tu sepultura Web, tu sepultura QR, la biograf\u00eda o el \u00e1rbol geneal\u00f3gico<\/p>\n        <\/div>\n      <\/details>\n\n      <details name=\"cdh-faq\">\n        <summary>\u00bfC\u00f3mo funcionan las carpetas en la cripta?<\/summary>\n        <div class=\"bf-resp\">\n          <p>Puedes crear carpetas y subcarpetas sin l\u00edmite, para organizar todo a tu gusto. Cuando las carpetas son cerradas, muestran un candado y la fecha de apertura. Cuando son ocultas s\u00f3lo aparecen en la cripta del usuario y nunca las ver\u00e1 el visitante hasta que aparezcan en la fecha se\u00f1alada por el difunto. En esa fecha, aparecer\u00e1n entonces en la cripta, como venidas del m\u00e1s all\u00e1.<\/p>\n        <\/div>\n      <\/details>\n\n      <details name=\"cdh-faq\">\n        <summary>\u00bfQu\u00e9 es el mapa de la Cripta?<\/summary>\n        <div class=\"bf-resp\">\n          <p>Es un mapa con todas las carpetas y objetos de la cripta. Si hay carpetas ocultas y el usuario deja el mapa abierto a la vista p\u00fablica, los usuarios o descendientes podr\u00e1n saber si hay carpetas ocultas y la exacta ubicaci\u00f3n de todas sus cosas personales.<\/p>\n        <\/div>\n      <\/details>\n\n      <details name=\"cdh-faq\">\n        <summary>\u00bfQu\u00e9 es el apartado Monumentos?<\/summary>\n        <div class=\"bf-resp\">\n          <p>Nada m\u00e1s darte de alta puedes crear una sepultura digital o un monumento. Ambos quedan adscritos a tu cuenta de usuario. El monumento funciona como un articulo de prensa para elogiar un monumento de arte sacro de tu ciudad, un cementerio, o una rese\u00f1a sobre autores o escultores destacados de este sector, as\u00ed como para elogiar panteones, templos y sepulturas destacadas. Cabe de todo, incluso conjuntos escult\u00f3ricos en honor a ca\u00eddos en batallas y personajes ilustres.<\/p>\n        <\/div>\n      <\/details>\n\n      <details name=\"cdh-faq\">\n        <summary>\u00bfAparecer\u00e1 mi ser querido en Google?<\/summary>\n        <div class=\"bf-resp\">\n          <p>Si, siempre, tanto si la sepultura est\u00e1 abierta o cerrada, en este \u00faltimo caso no se podr\u00e1 entrar en ella. Esa es una de las razones de ser de CDH: una plataforma de personas que buscan a otras personas. No s\u00f3lo aparece la sepultura de un difunto, tambi\u00e9n aparecer\u00e1n los familiares que cuelguen del \u00e1rbol familiar.<\/p>\n        <\/div>\n      <\/details>\n\n      <details name=\"cdh-faq\">\n        <summary>\u00bfC\u00f3mo consigo la placa QR y qu\u00e9 hago con ella?<\/summary>\n        <div class=\"bf-resp\">\n          <p>La generas desde la propia sepultura, simplemente la descargas. A partir de ah\u00ed es tuya. Recomendamos llevarla o enviarla por mail a una tienda de grabados y que la impriman en aluminio o en cer\u00e1mica, incluso nuevos materiales que soportan muy bien el paso del tiempo. Luego la adjuntas a la sepultura homenajeada con silicona, por ejemplo. Quien la escanee con el m\u00f3vil llegar\u00e1 a la memoria digital del difunto.<\/p>\n        <\/div>\n      <\/details>\n\n      <details name=\"cdh-faq\">\n        <summary>\u00bfC\u00f3mo es la biograf\u00eda?<\/summary>\n        <div class=\"bf-resp\">\n          <p>La puedes escribir tranquilamente. Puedes crear cap\u00edtulos, y puedes empezar hoy con uno, volver dentro de un mes y a\u00f1adir otro, cambiar la letra, intercalar fotos y tienes diferentes estilos de presentaci\u00f3n. Ideal para las largar tardes de invierno.<\/p>\n        <\/div>\n      <\/details>\n\n      <details name=\"cdh-faq\">\n        <summary>\u00bfHe montado el \u00e1rbol geneal\u00f3gico? \u00bfTengo que repetirlo en cada sepultura?<\/summary>\n        <div class=\"bf-resp\">\n          <p>No. El \u00e1rbol se puede exportar a otras sepulturas tuyas, as\u00ed que lo montas una vez y lo reutilizas en las de los dem\u00e1s miembros de la familia o lo amplias por otras ramas.<\/p>\n        <\/div>\n      <\/details>\n\n      <details name=\"cdh-faq\">\n        <summary>\u00bfPuedo borrar una sepultura o darme de baja?<\/summary>\n        <div class=\"bf-resp\">\n          <p>S\u00ed. Puedes eliminar el contenido que has subido, y tambi\u00e9n tu cuenta entera cuando quieras, sin dar explicaciones ni esperar a que nadie lo autorice. Tambi\u00e9n puedes descargar todo el contenido subido antes de eliminar tu cuenta.<\/p>\n        <\/div>\n      <\/details>\n\n      <details name=\"cdh-faq\">\n        <summary>\u00bfQu\u00e9 contenidos no se permiten?<\/summary>\n        <div class=\"bf-resp\">\n          <p>CDH es un lugar de memoria y de respeto. No se admite material sexual, violento, ilegal ni ofensivo, ni contenido que vulnere los derechos de terceros.<\/p>\n          <p>Cualquier contenido de ese tipo se retira y la cuenta se cierra.<\/p>\n        <\/div>\n      <\/details>\n\n    <\/div>\n\n    <p class=\"bf-contacto\">\u00bfTe queda alguna duda? Escr\u00edbenos a <a href=\"mailto:administracion@cementeriodigitalhispano.com\">administracion@cementeriodigitalhispano.com<\/a><\/p>\n\n  <\/div>\n\n  <div class=\"bf-faldon\">\n    <div class=\"bf-legal\">\n      <a class=\"bf-enlace\" href=\"\/wp-content\/uploads\/cdh\/cookies.html\">Pol\u00edtica de cookies<\/a>\n      <a class=\"bf-enlace\" href=\"\/wp-content\/uploads\/cdh\/aviso-legal.html\">Legalidad<\/a>\n    <\/div>\n    <div class=\"bf-filete\"><\/div>\n    <span class=\"bf-marca\">CDH 2026<\/span>\n    <p class=\"bf-firma\">Cementerio Digital Hispano \u00b7 Software Express \u00b7 Asturias<br>\n    <a href=\"mailto:administracion@cementeriodigitalhispano.com\">administracion@cementeriodigitalhispano.com<\/a><\/p>\n  <\/div>\n\n  <div class=\"bf-modal\" id=\"bf-modal\" aria-hidden=\"true\">\n    <div class=\"bf-modal-caja\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"bf-modal-tit\">\n      <span class=\"bf-cerrar\" id=\"bf-cerrar\" role=\"button\" tabindex=\"0\" aria-label=\"Cerrar\">&times;<\/span>\n      <div id=\"bf-modal-cuerpo\">\n        <h3 id=\"bf-modal-tit\">Buz\u00f3n de sugerencias<\/h3>\n        <p class=\"bf-modal-sub\">Cu\u00e9ntanos qu\u00e9 echas de menos o qu\u00e9 mejorar\u00edas. Lo leemos todo.<\/p>\n\n        <label class=\"bf-campo\">Nombre <em>(opcional)<\/em>\n          <input type=\"text\" id=\"bf-nombre\" maxlength=\"80\" autocomplete=\"name\">\n        <\/label>\n        <label class=\"bf-campo\">Correo <em>(opcional, para poder contestarte)<\/em>\n          <input type=\"email\" id=\"bf-email\" maxlength=\"120\" autocomplete=\"email\">\n        <\/label>\n        <label class=\"bf-campo\">Tu sugerencia\n          <textarea id=\"bf-texto\" maxlength=\"4000\" placeholder=\"Me gustar\u00eda que CDH\u2026\"><\/textarea>\n        <\/label>\n\n        <input type=\"text\" id=\"bf-trampa\" class=\"bf-trampa\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\n\n        <p class=\"bf-aviso\" id=\"bf-aviso\"><\/p>\n        <span class=\"bf-btn\" id=\"bf-enviar\" role=\"button\" tabindex=\"0\">Enviar sugerencia<\/span>\n        <p class=\"bf-nota\">Solo usamos tu correo para contestarte. Nada m\u00e1s.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var raiz = document.getElementById('cdh-bf');\n  if(!raiz) return;\n\n  var modal  = document.getElementById('bf-modal');\n  var abrir  = document.getElementById('bf-abrir');\n  var cerrar = document.getElementById('bf-cerrar');\n  var enviar = document.getElementById('bf-enviar');\n  var aviso  = document.getElementById('bf-aviso');\n  var cuerpo = document.getElementById('bf-modal-cuerpo');\n  var CORREO = 'administracion@cementeriodigitalhispano.com';\n  var abiertoEn = 0;\n\n  function pulsable(el, fn){\n    if(!el) return;\n    el.addEventListener('click', fn);\n    el.addEventListener('keydown', function(e){\n      if(e.key === 'Enter' || e.key === ' '){ e.preventDefault(); fn(); }\n    });\n  }\n\n  function abrirModal(){\n    modal.classList.add('bf-abierta');\n    modal.setAttribute('aria-hidden','false');\n    abiertoEn = Date.now();\n    var t = document.getElementById('bf-texto');\n    if(t) setTimeout(function(){ t.focus(); }, 60);\n  }\n  function cerrarModal(){\n    modal.classList.remove('bf-abierta');\n    modal.setAttribute('aria-hidden','true');\n    if(abrir) abrir.focus();\n  }\n\n  pulsable(abrir, abrirModal);\n  pulsable(cerrar, cerrarModal);\n  modal.addEventListener('click', function(e){ if(e.target === modal) cerrarModal(); });\n  document.addEventListener('keydown', function(e){\n    if(e.key === 'Escape' && modal.classList.contains('bf-abierta')) cerrarModal();\n  });\n\n  function gracias(){\n    cuerpo.innerHTML = '<p class=\"bf-gracias\">\u00a1Gracias!<br>Hemos recibido tu sugerencia.<\/p>';\n    setTimeout(cerrarModal, 2600);\n  }\n\n  pulsable(enviar, function(){\n    var texto  = (document.getElementById('bf-texto').value || '').trim();\n    var nombre = (document.getElementById('bf-nombre').value || '').trim();\n    var email  = (document.getElementById('bf-email').value || '').trim();\n    var trampa = (document.getElementById('bf-trampa').value || '').trim();\n\n    if(texto.length < 10){\n      aviso.textContent = 'Escribe un poco m\u00e1s, por favor.';\n      return;\n    }\n    if(email !== '' && email.indexOf('@') < 1){\n      aviso.textContent = 'Ese correo no parece v\u00e1lido.';\n      return;\n    }\n    if(Date.now() - abiertoEn < 2500){\n      aviso.textContent = 'Un segundo, que a\u00fan se est\u00e1 abriendo el formulario.';\n      return;\n    }\n    aviso.textContent = '';\n    enviar.setAttribute('data-espera','1');\n    enviar.textContent = 'Enviando\u2026';\n\n    fetch('\/sugerencias.php', {\n      method: 'POST',\n      headers: { 'Content-Type': 'application\/json' },\n      body: JSON.stringify({ texto: texto, nombre: nombre, email: email, web: trampa })\n    })\n    .then(function(r){\n      return r.text().then(function(t){\n        var d = null;\n        try { d = JSON.parse(t); } catch(e){ d = null; }\n        return { ok: r.ok, codigo: r.status, datos: d };\n      });\n    })\n    .then(function(res){\n      if(res.ok && res.datos && res.datos.ok){ gracias(); return; }\n      if(res.datos && res.datos.message){ throw new Error(res.datos.message); }\n      throw new Error('El servidor no ha devuelto una respuesta v\u00e1lida (c\u00f3digo ' + res.codigo + ').');\n    })\n    .catch(function(err){\n      aviso.innerHTML = (err && err.message ? err.message : 'No se ha podido enviar.') +\n        ' Puedes escribirnos a <a href=\"mailto:' + CORREO + '\">' + CORREO + '<\/a>.';\n      enviar.removeAttribute('data-espera');\n      enviar.textContent = 'Enviar sugerencia';\n    });\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\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>Registrarse Entrar Qu\u00e9 se puede hacer en CDH Un lugar donde cabe toda una vida CDH es una plataforma absolutamente gratuita, no tiene pasarelas de pago y es toda una nueva experiencia interactiva para crear sepulturas digitales. Se pueden crear sepulturas abiertas o cerradas, programar la fecha de apertura, carpetas cerradas y ocultas programadas para [&hellip;]<\/p>\n","protected":false},"author":33,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cementeriodigitalhispano.com\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cementeriodigitalhispano.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cementeriodigitalhispano.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cementeriodigitalhispano.com\/index.php\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/cementeriodigitalhispano.com\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":601,"href":"https:\/\/cementeriodigitalhispano.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":2196,"href":"https:\/\/cementeriodigitalhispano.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/2196"}],"wp:attachment":[{"href":"https:\/\/cementeriodigitalhispano.com\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}