/* =========================================================
 *  Hilo de Vida · Plantillas de la página de cada persona
 *  Raíz es el estilo base (hdv.css). Las demás se definen con variables
 *  y unos cuantos detalles propios.
 * ======================================================= */

/* ---------- Reglas comunes a todas las plantillas (no Raíz) ---------- */
.hdv.hdv--persona:not(.hdv--tpl-raiz){background:var(--t-bg);color:var(--t-ink);font-family:var(--t-body)}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-h2,.hdv--persona:not(.hdv--tpl-raiz) .hdv-pnombre,.hdv--persona:not(.hdv--tpl-raiz) .hdv-parada h3,.hdv--persona:not(.hdv--tpl-raiz) .hdv-pfechas,.hdv--persona:not(.hdv--tpl-raiz) .hdv-gente__item strong{font-family:var(--t-display)}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-h2{color:var(--t-ink);font-weight:var(--t-display-w,700)}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-h2 em{color:var(--t-acc1);font-style:var(--t-em-style,normal)}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-pnombre{font-weight:var(--t-display-w,700);font-size:clamp(52px,7vw,112px);line-height:.92;color:var(--t-ink)}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-phero{background:var(--t-hero);border-radius:var(--t-hero-r,48px)}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-phero__marco{border-color:var(--t-frame,#fff);border-radius:var(--t-photo-r,40px)}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-phero__apodo{background:var(--t-acc2);color:var(--t-on-acc2,var(--t-ink));font-family:var(--t-display);border-radius:var(--t-pill-r,999px)}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-pills span{background:var(--t-pill,#fff);color:var(--t-ink);border-radius:var(--t-pill-r,999px)}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-pcita{color:var(--t-ink-soft,var(--t-ink))}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-bio__txt{color:var(--t-ink-soft,var(--t-ink))}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-camino{background-color:var(--t-camino);color:var(--t-camino-ink,#fff);position:relative;overflow:hidden}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-camino>.hdv-wrap{position:relative;z-index:1}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-camino .hdv-h2,.hdv--persona:not(.hdv--tpl-raiz) .hdv-camino .hdv-h2--claro{color:var(--t-camino-ink,#fff)}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-camino .hdv-h2 em{color:var(--t-acc3,var(--t-acc1))}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-camino .hdv-sub{color:var(--t-camino-soft,rgba(255,255,255,.8))}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-camino__svg .hdv-camino__linea{stroke:var(--t-path);stroke-dasharray:var(--t-path-dash,2 16);stroke-width:var(--t-path-w,4px)}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-parada__card{background:var(--t-card,#fff);color:var(--t-card-ink,var(--t-ink));border-radius:var(--t-card-r,24px)}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-parada__anio{font-family:var(--t-display);color:var(--t-year,var(--t-acc1))}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-parada__txt{color:var(--t-card-soft,#4A4335)}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-parada__num{font-family:var(--t-display);box-shadow:0 0 0 6px var(--t-camino)}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-parada__nota{font-family:var(--t-hand,'Caveat',cursive);color:var(--t-note,var(--t-acc3))}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-camino .hdv-nota{font-family:var(--t-hand,'Caveat',cursive);color:var(--t-note,var(--t-acc3))}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-car__vista{border-radius:var(--t-photo-in-r,16px)}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-gente .hdv-gente__item{background:var(--t-gente,#fff)!important;color:var(--t-ink);border-radius:var(--t-pill-r,999px)}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-gente__item small{color:var(--t-acc1)}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-gente{color:var(--t-ink)}
.hdv--persona:not(.hdv--tpl-raiz) a.hdv-btn--dark,.hdv--persona:not(.hdv--tpl-raiz) a.hdv-btn--dark:hover{background:var(--t-btn)!important;border-color:var(--t-btn)!important;color:var(--t-btn-ink,#fff)!important;font-family:var(--t-display)!important;border-radius:var(--t-btn-r,999px)!important}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-camino a.hdv-btn--lima,.hdv--persona:not(.hdv--tpl-raiz) .hdv-camino a.hdv-btn--lima:hover{background:var(--t-acc2)!important;border-color:var(--t-acc2)!important;color:var(--t-on-acc2,var(--t-ink))!important;font-family:var(--t-display)!important;border-radius:var(--t-btn-r,999px)!important}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-volver a.hdv-btn--line{color:var(--t-ink)!important;border-color:var(--t-ink)!important;border-radius:var(--t-btn-r,999px)!important}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-volver a.hdv-btn--line:hover{background:var(--t-ink)!important;color:var(--t-bg)!important}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-audio--hero{background:var(--t-btn);color:var(--t-btn-ink,#fff)}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-decadas--oscuro{background:var(--t-camino)}

/* Datos curiosos (plantillas de peques) */
.hdv-datos{display:flex;flex-wrap:wrap;gap:10px}
.hdv-dato{display:flex;flex-direction:column;gap:2px;padding:12px 18px;border-radius:var(--t-pill-r,20px);background:var(--t-acc2,#C5DD7A);color:var(--t-on-acc2,#2E2A22)}
.hdv-dato:nth-child(2){background:var(--t-acc3,#DCE3CF)}
.hdv-dato:nth-child(3){background:var(--t-acc4,#E8D9BC)}
.hdv-dato span{font-size:13px;font-weight:700;opacity:.8}
.hdv-dato strong{font-family:var(--t-display,inherit);font-size:21px;line-height:1.1}

/* Icono junto a la nota escrita a mano (peques) */
.hdv-parada__icono{display:none}
.hdv--peque .hdv-parada__icono{display:block;width:58px;height:58px;margin:0 0 6px;background:var(--t-icon) no-repeat center/contain}
.hdv--peque .hdv-parada.is-der .hdv-parada__icono{margin-left:auto}
.hdv--peque .hdv-parada__nota{top:110px!important}

/* ---------- COLLAGE ---------- */
.hdv--tpl-collage{--t-bg:#F3EFE6;--t-ink:#141414;--t-ink-soft:#3B3833;--t-body:'Bricolage Grotesque',system-ui,sans-serif;--t-display:'Bricolage Grotesque',system-ui,sans-serif;--t-display-w:800;--t-hand:'Permanent Marker',cursive;--t-hero:transparent;--t-hero-r:0;--t-frame:#fff;--t-photo-r:0;--t-pill:#fff;--t-pill-r:0;--t-acc1:#2D5BFF;--t-acc2:#FFD23F;--t-acc3:#FFD23F;--t-acc4:#FF5A36;--t-camino:#141414;--t-camino-ink:#F3EFE6;--t-camino-soft:#CFC8BA;--t-path:#F3EFE6;--t-path-dash:10 12;--t-path-w:3px;--t-card:#fff;--t-card-r:0;--t-card-soft:#3B3833;--t-year:#141414;--t-note:#FFD23F;--t-photo-in-r:0;--t-gente:#fff;--t-btn:#141414;--t-btn-r:0}
.hdv--tpl-collage{background-image:linear-gradient(rgba(20,20,20,.05) 1px,transparent 1px)!important;background-size:100% 34px!important}
.hdv--tpl-collage .hdv-pnombre{letter-spacing:-.05em}
.hdv--tpl-collage .hdv-h2{letter-spacing:-.04em}
.hdv--tpl-collage .hdv-phero{padding:24px 0}
.hdv--tpl-collage .hdv-phero__marco{border-width:14px 14px 56px;transform:rotate(-4deg);box-shadow:16px 16px 0 #2D5BFF,0 18px 34px rgba(0,0,0,.18)}
.hdv--tpl-collage .hdv-phero__apodo{border:3px solid #141414;transform:rotate(-4deg)}
.hdv--tpl-collage .hdv-pills span{border:3px solid #141414;font-weight:800}
.hdv--tpl-collage .hdv-pills span:nth-child(2){background:#FF5A36;transform:rotate(2deg)}
.hdv--tpl-collage .hdv-pills span:nth-child(3){background:#7FD1FF;transform:rotate(-1deg)}
.hdv--tpl-collage .hdv-pills span:nth-child(4){background:#B6F09C;transform:rotate(2deg)}
.hdv--tpl-collage .hdv-camino{border-radius:0;background-image:url('img/tpl-collage.svg');background-size:1440px auto;background-repeat:repeat-y;background-position:center top}
.hdv--tpl-collage .hdv-parada__card{box-shadow:8px 8px 0 var(--c,#FFD23F)}
.hdv--tpl-collage .hdv-parada:nth-of-type(4n+1){--c:#FFD23F}.hdv--tpl-collage .hdv-parada:nth-of-type(4n+2){--c:#FF5A36}.hdv--tpl-collage .hdv-parada:nth-of-type(4n+3){--c:#7FD1FF}.hdv--tpl-collage .hdv-parada:nth-of-type(4n){--c:#B6F09C}
.hdv--tpl-collage .hdv-parada__nota{color:var(--c)}
.hdv--tpl-collage .hdv-parada__card .hdv-cinta{background:rgba(255,210,63,.85);border-radius:0}
.hdv--tpl-collage .hdv-parada__num{border-radius:0;background:var(--c);border:3px solid #141414;box-shadow:none;transform:rotate(-6deg)}
.hdv--tpl-collage .hdv-parada h3{font-weight:800;letter-spacing:-.02em}
.hdv--tpl-collage .hdv-gente__item{box-shadow:0 10px 20px rgba(0,0,0,.1);transform:rotate(-1.5deg)}
.hdv--tpl-collage .hdv-gente__item:nth-child(even){transform:rotate(1.5deg)}
.hdv--tpl-collage .hdv-gente__item small{font-family:'Permanent Marker',cursive;color:#FF5A36;font-size:15px}
.hdv--tpl-collage a.hdv-btn--dark{box-shadow:5px 5px 0 #FF5A36}

/* ---------- CUADERNO DE VIAJE ---------- */
.hdv--tpl-viaje{--t-bg:#EFE6D4;--t-ink:#1E2B44;--t-ink-soft:#3E4A62;--t-body:'Work Sans',system-ui,sans-serif;--t-display:'Cormorant Garamond',Georgia,serif;--t-display-w:700;--t-em-style:italic;--t-hand:'Cormorant Garamond',Georgia,serif;--t-hero:#E4D8BF;--t-hero-r:6px;--t-frame:#FBF7EE;--t-photo-r:4px;--t-pill:transparent;--t-pill-r:3px;--t-acc1:#A94E2A;--t-acc2:#A94E2A;--t-on-acc2:#FBF7EE;--t-acc3:#D9A676;--t-acc4:#E2E4E8;--t-camino:#1E2B44;--t-camino-ink:#EFE6D4;--t-camino-soft:#C9C3B4;--t-path:#D9A676;--t-path-dash:2 9;--t-path-w:2.5px;--t-card:#FBF7EE;--t-card-r:3px;--t-card-soft:#3E4A62;--t-year:#A94E2A;--t-note:#EFE6D4;--t-photo-in-r:2px;--t-gente:#FBF7EE;--t-btn:#1E2B44;--t-btn-r:4px}
.hdv--tpl-viaje{background-image:radial-gradient(rgba(30,43,68,.05) 1px,transparent 1.2px),radial-gradient(rgba(169,78,42,.04) 1px,transparent 1.2px)!important;background-size:18px 18px,27px 27px!important}
.hdv--tpl-viaje .hdv-pnombre em,.hdv--tpl-viaje .hdv-h2 em{font-weight:500}
.hdv--tpl-viaje .hdv-pills span{border:1.5px dashed #1E2B44;font-family:'Special Elite',monospace;font-weight:400}
.hdv--tpl-viaje .hdv-phero__apodo{font-family:'Special Elite',monospace;font-weight:400;letter-spacing:.04em}
.hdv--tpl-viaje .hdv-pcita{font-family:'Cormorant Garamond',serif;font-size:26px}
.hdv--tpl-viaje .hdv-phero__marco{transform:rotate(-2deg);border-width:14px 14px 48px}
.hdv--tpl-viaje .hdv-camino{border-radius:0;background-image:url('img/tpl-viaje.svg');background-size:1440px auto;background-repeat:repeat-y;background-position:center top}
.hdv--tpl-viaje .hdv-parada__nota{font-style:italic;font-size:28px}
.hdv--tpl-viaje .hdv-parada__card .hdv-cinta{display:none}
.hdv--tpl-viaje .hdv-parada__num{background:#A94E2A;color:#FBF7EE;width:46px;height:46px;font-size:22px}
.hdv--tpl-viaje .hdv-camino .hdv-nota{font-style:italic}
.hdv--tpl-viaje .hdv-gente__item{border:1.5px solid rgba(30,43,68,.18)}
.hdv--tpl-viaje .hdv-gente__item small{font-family:'Special Elite',monospace}

/* ---------- GALAXIA ---------- */
.hdv--tpl-galaxia{--t-bg:#15133B;--t-ink:#FFFFFF;--t-ink-soft:#DCD6FF;--t-body:'DM Sans',system-ui,sans-serif;--t-display:'Baloo 2',system-ui,sans-serif;--t-display-w:800;--t-hero:rgba(255,255,255,.06);--t-frame:#fff;--t-photo-r:999px;--t-pill:rgba(255,255,255,.12);--t-acc1:#FFD66B;--t-acc2:#FFD66B;--t-on-acc2:#15133B;--t-acc3:#5FD3C4;--t-acc4:#B9A6FF;--t-camino:#15133B;--t-camino-ink:#fff;--t-camino-soft:#DCD6FF;--t-path:#FFD66B;--t-path-dash:1 14;--t-card:#fff;--t-card-ink:#15133B;--t-card-r:32px;--t-card-soft:#3A3766;--t-year:#5B47C9;--t-note:#FFD66B;--t-photo-in-r:22px;--t-gente:rgba(255,255,255,.1);--t-btn:#C5DD7A;--t-btn-ink:#15133B}
.hdv--tpl-galaxia{background-image:radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 1.6px),radial-gradient(circle,rgba(255,255,255,.45) 1px,transparent 1.4px)!important;background-size:140px 140px,60px 60px!important;background-position:0 0,30px 40px!important}
.hdv--tpl-galaxia .hdv-phero__marco{border-radius:999px;transform:none;box-shadow:none}
.hdv--tpl-galaxia .hdv-camino{background-color:transparent;border-radius:0}
.hdv--tpl-galaxia .hdv-pnombre{color:#fff}
.hdv--tpl-galaxia .hdv-parada__card{box-shadow:0 0 0 6px var(--c,#FFD66B),0 30px 60px rgba(0,0,0,.35)}
.hdv--tpl-galaxia .hdv-parada:nth-of-type(4n+1){--c:#FFD66B}.hdv--tpl-galaxia .hdv-parada:nth-of-type(4n+2){--c:#5FD3C4}.hdv--tpl-galaxia .hdv-parada:nth-of-type(4n+3){--c:#B9A6FF}.hdv--tpl-galaxia .hdv-parada:nth-of-type(4n){--c:#C5DD7A}
.hdv--tpl-galaxia .hdv-parada__num{background:var(--c);color:#15133B}
.hdv--tpl-galaxia .hdv-parada__card .hdv-cinta{display:none}
.hdv--tpl-galaxia{--t-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 80'%3E%3Ccircle cx='60' cy='40' r='24' fill='%23B9A6FF'/%3E%3Cellipse cx='60' cy='40' rx='52' ry='12' fill='none' stroke='%23FFFFFF' stroke-width='3' opacity='.7' transform='rotate(-15 60 40)'/%3E%3C/svg%3E")}
.hdv--tpl-galaxia .hdv-parada__icono{width:96px!important}
.hdv--tpl-galaxia .hdv-gente__item{border:2px solid rgba(255,255,255,.25)}
.hdv--tpl-galaxia .hdv-gente__item small{color:#FFD66B}

/* ---------- JARDÍN ---------- */
.hdv--tpl-jardin{--t-bg:#FFF6EE;--t-ink:#2F3B36;--t-ink-soft:#4A5752;--t-body:'Nunito',system-ui,sans-serif;--t-display:'Fredoka',system-ui,sans-serif;--t-display-w:700;--t-hero:#FDE8E1;--t-frame:#fff;--t-photo-r:46% 54% 50% 50% / 52% 46% 54% 48%;--t-pill:#fff;--t-acc1:#4E8C7A;--t-acc2:#F6C65B;--t-acc3:#F7C1B2;--t-acc4:#C7B6E8;--t-camino:#E9F4EE;--t-camino-ink:#2F3B36;--t-camino-soft:#4A5752;--t-path:#8CC5AE;--t-path-dash:0;--t-path-w:6px;--t-card:#fff;--t-card-r:34px;--t-card-soft:#4A5752;--t-year:#D9775D;--t-note:#D9775D;--t-photo-in-r:24px;--t-gente:#fff;--t-btn:#4E8C7A}
.hdv--tpl-jardin{background-image:radial-gradient(circle,rgba(232,164,140,.22) 2px,transparent 2.6px)!important;background-size:46px 46px!important}
.hdv--tpl-jardin .hdv-camino .hdv-h2 em{color:#D9775D}
.hdv--tpl-jardin .hdv-phero__marco{transform:none;box-shadow:0 18px 40px rgba(175,110,90,.25)}
.hdv--tpl-jardin .hdv-parada__card{box-shadow:0 0 0 6px var(--c,#F7C1B2),0 24px 50px rgba(120,90,70,.18)}
.hdv--tpl-jardin .hdv-parada:nth-of-type(4n+1){--c:#F7C1B2}.hdv--tpl-jardin .hdv-parada:nth-of-type(4n+2){--c:#C7B6E8}.hdv--tpl-jardin .hdv-parada:nth-of-type(4n+3){--c:#B7DCC9}.hdv--tpl-jardin .hdv-parada:nth-of-type(4n){--c:#F6D88A}
.hdv--tpl-jardin .hdv-parada__num{background:var(--c);color:#2F3B36}
.hdv--tpl-jardin .hdv-parada__card .hdv-cinta{display:none}
.hdv--tpl-jardin{--t-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cg fill='%23F2A38E'%3E%3Ccircle cx='40' cy='18' r='13'/%3E%3Ccircle cx='62' cy='40' r='13'/%3E%3Ccircle cx='40' cy='62' r='13'/%3E%3Ccircle cx='18' cy='40' r='13'/%3E%3C/g%3E%3Ccircle cx='40' cy='40' r='11' fill='%23F6C65B'/%3E%3C/svg%3E")}
.hdv--tpl-jardin .hdv-gente__item{border:2px solid #E8D5CB}
.hdv--tpl-jardin .hdv-gente__item small{color:#D9775D}

/* ---------- DINOS ---------- */
.hdv--tpl-dinos{--t-bg:#E8F3EC;--t-ink:#16302B;--t-ink-soft:#36524C;--t-body:'Nunito',system-ui,sans-serif;--t-display:'Lilita One',system-ui,sans-serif;--t-display-w:400;--t-hero:#D4EBDF;--t-frame:#fff;--t-photo-r:40px;--t-pill:#fff;--t-pill-r:14px;--t-acc1:#2F7D6D;--t-acc2:#F08A4B;--t-acc3:#A8D5E5;--t-acc4:#9DD3A8;--t-camino:#2F5F55;--t-camino-ink:#fff;--t-camino-soft:#CFE6DC;--t-path:#9DC4B5;--t-path-dash:2 30;--t-path-w:10px;--t-card:#fff;--t-card-ink:#16302B;--t-card-r:22px;--t-card-soft:#36524C;--t-year:#2F7D6D;--t-note:#F6C65B;--t-photo-in-r:14px;--t-gente:rgba(255,255,255,.12);--t-btn:#16302B;--t-btn-r:16px}
.hdv--tpl-dinos{background-image:radial-gradient(ellipse 22px 10px at 50% 50%,rgba(76,153,120,.12) 60%,transparent 62%)!important;background-size:120px 90px!important}
.hdv--tpl-dinos .hdv-camino .hdv-h2 em{color:#F6C65B}
.hdv--tpl-dinos .hdv-phero__marco{transform:rotate(-3deg)}
.hdv--tpl-dinos .hdv-phero__apodo{transform:rotate(5deg)}
.hdv--tpl-dinos .hdv-dato{border:3px solid #16302B;border-radius:16px}
.hdv--tpl-dinos .hdv-parada__card{border:4px solid #16302B;box-shadow:8px 10px 0 var(--c,#F6C65B)}
.hdv--tpl-dinos .hdv-parada:nth-of-type(4n+1){--c:#F6C65B}.hdv--tpl-dinos .hdv-parada:nth-of-type(4n+2){--c:#F08A4B}.hdv--tpl-dinos .hdv-parada:nth-of-type(4n+3){--c:#A8D5E5}.hdv--tpl-dinos .hdv-parada:nth-of-type(4n){--c:#9DD3A8}
.hdv--tpl-dinos .hdv-parada__num{background:var(--c);color:#16302B;border-radius:16px;border:4px solid #16302B;box-shadow:none;transform:rotate(-8deg)}
.hdv--tpl-dinos .hdv-parada__card .hdv-cinta{display:none}
.hdv--tpl-dinos .hdv-camino{border-radius:0}
.hdv--tpl-dinos{--t-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='%23F6C65B'%3E%3Cellipse cx='32' cy='42' rx='14' ry='12'/%3E%3Cellipse cx='16' cy='22' rx='6' ry='9' transform='rotate(-20 16 22)'/%3E%3Cellipse cx='32' cy='14' rx='6' ry='9'/%3E%3Cellipse cx='48' cy='22' rx='6' ry='9' transform='rotate(20 48 22)'/%3E%3C/g%3E%3C/svg%3E")}
.hdv--tpl-dinos .hdv-gente .hdv-gente__item{background:#fff!important;border:3px solid #16302B;border-radius:16px}

/* =========================================================
 *  Dibujos y detalles de cada diseño
 * ======================================================= */
/* Portada sin caja: el retrato y los dibujos flotan sobre el papel */
.hdv--persona:not(.hdv--tpl-raiz) .hdv-phero{position:relative;background:transparent;padding:32px 0 56px;gap:56px;overflow:visible}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-phero__foto{flex:0 1 400px;z-index:1}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-phero__txt{z-index:1}
.hdv--persona:not(.hdv--tpl-raiz) .hdv-pnombre__ap{color:var(--t-acc1)}
.hdv-pkicker{align-self:flex-start;font-family:'Caveat',cursive;font-weight:600;font-size:34px;line-height:1.1;color:var(--t-acc1);transform:rotate(-2deg)}
.hdv-deco{position:absolute;pointer-events:none;z-index:0}
.hdv-fondo-foto{position:absolute;left:-12%;top:-12%;width:124%;height:124%;pointer-events:none;z-index:-1}
@keyframes hdvFlota{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes hdvBrilla{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes hdvMece{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes hdvRevolotea{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(6deg)}}
.hdv-flota,.hdv-bota{animation:hdvFlota 6s ease-in-out infinite}
.hdv-bota{animation-duration:4s}
.hdv-brilla{animation:hdvBrilla 3s ease-in-out infinite}
.hdv-mece{animation:hdvMece 5s ease-in-out infinite;transform-origin:84px 110px}
.hdv-revolotea{animation:hdvRevolotea 6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hdv-flota,.hdv-bota,.hdv-brilla,.hdv-mece,.hdv-revolotea{animation:none}}

/* Collage: cinta, pegatina redonda, pie de foto a rotulador, apellido subrayado en amarillo */
.hdv--tpl-collage .hdv-pkicker{font-family:'Permanent Marker',cursive;font-size:22px;background:#141414;color:#FFD23F;padding:6px 14px}
.hdv--tpl-collage .hdv-pnombre{font-size:clamp(60px,9vw,132px);line-height:.86}
.hdv--persona.hdv--tpl-collage .hdv-pnombre__ap{color:#141414;background:#FFD23F;padding:0 12px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hdv-cinta-hero{position:absolute;left:34%;top:-18px;width:120px;height:34px;background:rgba(255,210,63,.85);transform:rotate(-8deg);z-index:3}
.hdv-pegatina{position:absolute;right:-22px;bottom:34px;width:112px;height:112px;border-radius:999px;background:#FF5A36;border:3px solid #141414;color:#141414;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;font-size:15px;line-height:1.05;padding:8px;box-sizing:border-box;overflow-wrap:anywhere;transform:rotate(12deg);z-index:3}
.hdv--persona.hdv--tpl-collage .hdv-phero__apodo,.hdv--persona.hdv--tpl-viaje .hdv-phero__apodo{left:0;right:0;bottom:18px;background:transparent;border:0;color:#141414;text-align:center;font-family:'Permanent Marker',cursive;font-weight:400;font-size:22px;padding:0 70px 0 16px;transform:rotate(-4deg);box-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2}

/* Cuaderno de viaje: ruta punteada, sello, número de cuaderno, apellido en cursiva */
.hdv--tpl-viaje .hdv-pkicker{font-family:'Special Elite',monospace;font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:#A94E2A;transform:none}
.hdv--tpl-viaje .hdv-pnombre{font-size:clamp(60px,8vw,112px);line-height:.9}
.hdv--tpl-viaje .hdv-pnombre__ap{font-weight:500;color:#A94E2A}
.hdv--persona.hdv--tpl-viaje .hdv-phero__apodo{color:#1E2B44;font-family:'Special Elite',monospace;font-size:16px;letter-spacing:.04em;transform:rotate(-2deg);padding:0 96px 0 16px;bottom:14px}
.hdv-deco--ruta{right:-60px;top:0;width:600px;height:300px;opacity:.22}
.hdv-sello{position:absolute;right:-28px;bottom:-14px;width:140px;height:140px;transform:rotate(-12deg);z-index:3}

/* Galaxia: planeta con anillo, estrellas, órbita alrededor de la foto, cohete en el camino */
.hdv--tpl-galaxia .hdv-pkicker{color:#C5DD7A}
.hdv--tpl-galaxia .hdv-pnombre__ap{color:#FFD66B}
.hdv-deco--planeta{right:-40px;top:-10px;width:200px;height:200px}
.hdv-deco--estrella{left:46%;top:10px;width:28px;height:28px}
.hdv-deco--estrella2{left:36%;bottom:40px;width:18px;height:18px;animation-delay:1.4s}
.hdv--tpl-galaxia .hdv-phero__marco{width:76%;margin:12%}
.hdv-deco--cohete{position:absolute;left:46%;top:0;width:56px;height:56px;transform:rotate(160deg);z-index:2;pointer-events:none}
.hdv--tpl-galaxia .hdv-camino__banda{stroke:#B9A6FF;stroke-width:26px;opacity:.12;stroke-linecap:round}

/* Jardín: mariposa, flor que se mece, mancha suave detrás de la foto */
.hdv--tpl-jardin .hdv-pkicker{color:#D9775D}
.hdv--tpl-jardin .hdv-pnombre__ap{color:#4E8C7A}
.hdv-deco--mariposa{right:60px;top:0;width:80px;height:64px}
.hdv-deco--flor{right:3%;bottom:0;width:160px;height:220px;opacity:.9}
.hdv--tpl-jardin .hdv-phero__marco{width:76%;margin:12%}
.hdv--tpl-jardin .hdv-phero__apodo{left:-6px;right:auto;bottom:34px}

/* Dinos: dino que se balancea, volcán, mancha y huevos, borde ondulado del camino */
.hdv--tpl-dinos .hdv-pkicker{color:#2F7D6D}
.hdv--tpl-dinos .hdv-pnombre__ap{color:#2F7D6D}
.hdv-deco--volcan{right:2%;bottom:0;width:220px;height:127px;opacity:.85}
.hdv-deco--dino{right:26%;bottom:8px;width:210px;height:150px}
.hdv--tpl-dinos .hdv-phero__marco{width:72%;margin:14%}
.hdv--tpl-dinos .hdv-phero__apodo{left:auto;right:0;bottom:40px}
.hdv--tpl-dinos .hdv-phero{padding-bottom:110px}
.hdv-ola{position:absolute;left:0;top:-59px;width:100%;height:60px;pointer-events:none}
.hdv--persona.hdv--tpl-dinos .hdv-camino{overflow:visible;margin-top:60px}
.hdv--tpl-dinos .hdv-camino__banda{stroke:#5E8C80;stroke-width:40px;opacity:.5;stroke-linecap:round}

@media (max-width:860px){
	.hdv--persona:not(.hdv--tpl-raiz) .hdv-phero{padding:16px 0 40px;gap:36px}
	.hdv-pkicker{font-size:26px}
	.hdv--tpl-collage .hdv-pnombre{font-size:clamp(52px,15vw,80px)}
	.hdv-pegatina{width:86px;height:86px;font-size:12px;right:-8px}
	.hdv-deco--planeta{width:120px;height:120px;right:-30px;top:-20px}
	.hdv-deco--ruta{width:340px;height:170px;right:-80px}
	.hdv-deco--mariposa{right:10px;width:56px;height:45px}
	.hdv-deco--flor{width:90px;height:124px;right:4%}
	.hdv-deco--dino{width:130px;height:93px;right:30%}
	.hdv-deco--volcan{width:140px;height:81px}
	.hdv-sello{width:104px;height:104px;right:-10px}
	.hdv--tpl-dinos .hdv-phero{padding-bottom:90px}
}

/* ---------- Selector de plantilla en el formulario ---------- */
.hdv-fs--tpl{gap:14px}
.hdv-tpl-grupo{display:flex;flex-direction:column;gap:10px}
.hdv-tpl-grupo__t{font-weight:700;font-size:15px}
.hdv-tpl-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.hdv-tpl{display:flex;flex-direction:column;gap:8px}
.hdv-tpl__elegir{position:relative;display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:20px;padding:8px;cursor:pointer;box-shadow:0 0 0 2px #E2D6BF}
.hdv-tpl__elegir input{position:absolute;opacity:0;width:1px;height:1px}
.hdv-tpl__elegir:has(input:checked){box-shadow:0 0 0 4px var(--verde)}
.hdv-tpl__elegir:has(input:focus-visible){outline:3px solid rgba(197,221,122,.9);outline-offset:3px}
.hdv-tpl__img{display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:#F1E9D6}
.hdv-tpl__img img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.hdv-tpl__nom{display:flex;flex-direction:column;font-weight:700;font-size:16px;padding:0 4px}
.hdv-tpl__nom small{font-weight:400;font-size:13px;color:#6B624F}
.hdv-tpl__ok{display:none;position:absolute;right:14px;top:14px;background:var(--verde);color:#fff;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px}
.hdv-tpl__elegir:has(input:checked) .hdv-tpl__ok{display:block}
.hdv-tpl__acciones{display:flex;flex-wrap:wrap;gap:6px}
.hdv .hdv-tpl__ver{font:inherit!important;font-size:12px!important;font-weight:700!important;color:var(--verde)!important;background:transparent!important;border:1.5px solid var(--verde)!important;border-radius:999px!important;padding:6px 10px!important;cursor:pointer;text-decoration:none!important;line-height:1.2!important;min-height:32px;display:inline-flex;align-items:center;text-transform:none!important}
.hdv .hdv-tpl__ver:hover{background:var(--claro)!important}
.hdv-datos-form{display:flex;flex-direction:column;gap:10px;border-top:1.5px dashed #E2D6BF;padding-top:14px}
.hdv-campo__t{font-weight:700;font-size:15px}
.hdv-campo__t small{font-weight:400;color:#6B624F}
/* Vista en grande de una plantilla */
.hdv-zoom{position:fixed;inset:0;z-index:99999;background:rgba(30,27,21,.85);display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:28px 16px}
.hdv-zoom__in{position:relative;width:min(1000px,100%)}
.hdv-zoom__in img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.hdv-zoom__t{color:#fff;font-weight:700;font-size:18px;margin:0 0 12px;font-family:'DM Sans',sans-serif}
.hdv-zoom .hdv-zoom__x{position:fixed;right:18px;top:18px;width:44px;height:44px;border-radius:999px;border:0!important;background:#3F5B3A!important;color:#fff!important;font-size:24px!important;line-height:1!important;cursor:pointer;padding:0!important}

@media (max-width:860px){
	.hdv--persona:not(.hdv--tpl-raiz) .hdv-pnombre{font-size:clamp(44px,12vw,64px)}
	.hdv--peque .hdv-parada__icono{width:44px;height:44px}
	.hdv--peque .hdv-parada.is-der .hdv-parada__icono{margin-left:0}
	.hdv--tpl-collage .hdv-camino,.hdv--tpl-viaje .hdv-camino{background-size:900px auto}
}

/* Cuaderno de viaje: primera parte (portada + historia) en granate, letras en beige */
.hdv--tpl-viaje>.hdv-volver,.hdv--tpl-viaje>section.hdv-wrap:not(.hdv-gente){--t-ink:#F6ECDC;--t-ink-soft:#F0DFC7;background:#7A1F2B;box-shadow:0 0 0 100vmax #7A1F2B;clip-path:inset(0 -100vmax);color:#F6ECDC;margin-top:0;margin-bottom:0}
.hdv--tpl-viaje>section.hdv-wrap:not(.hdv-gente):not(.hdv-bio){display:flow-root}
.hdv--tpl-viaje>.hdv-volver{padding-top:20px;padding-bottom:4px}
.hdv--tpl-viaje>section.hdv-bio{padding-top:8px;padding-bottom:72px}
.hdv--tpl-viaje>section.hdv-wrap:not(.hdv-gente) .hdv-phero{margin-bottom:0}
.hdv--tpl-viaje .hdv-volver a.hdv-btn--line{color:#F6ECDC!important;border-color:#F6ECDC!important}
.hdv--tpl-viaje .hdv-volver a.hdv-btn--line:hover{background:#F6ECDC!important;color:#7A1F2B!important}
.hdv--tpl-viaje .hdv-pkicker{color:#F2C48D}
.hdv--persona.hdv--tpl-viaje .hdv-pnombre,.hdv--persona.hdv--tpl-viaje .hdv-pfechas,.hdv--persona.hdv--tpl-viaje .hdv-bio .hdv-h2{color:#F6ECDC}
.hdv--persona.hdv--tpl-viaje .hdv-pnombre__ap{color:#F2C48D}
.hdv--persona.hdv--tpl-viaje .hdv-pills span{color:#F6ECDC;border-color:rgba(246,236,220,.75)}
.hdv--tpl-viaje .hdv-sello circle{stroke:#1E2B44}.hdv--tpl-viaje .hdv-sello text{fill:#1E2B44}
.hdv--tpl-viaje .hdv-deco--ruta{opacity:.35}
.hdv--tpl-viaje .hdv-deco--ruta path{stroke:#F6ECDC}.hdv--tpl-viaje .hdv-deco--ruta circle{fill:#F2C48D}
.hdv--tpl-viaje .hdv-phero__marco{box-shadow:0 2px 4px rgba(0,0,0,.12),0 22px 44px rgba(60,20,8,.35)}
.hdv--persona.hdv--tpl-viaje a.hdv-btn--dark{background:#1E2B44!important;border-color:#1E2B44!important}