/* Fichas de especie (sitio/especies/*.html) · 8/10/2026, ADR-028. Molde: el diseño de la ficha del tala que entregó el dueño
   (tala-biohuellas.zip), conservado tal cual: árbol ilustrado con líneas doradas que se dibujan, hojas que caen de la copa, título en
   Playfair, ficha de cuatro datos, "Datos curiosos", cartel que vuelve al catálogo y contador "01 / 04" de la categoría. Las clases van
   encapsuladas en .ficha (prefijo tl-) para no chocar con style.css; cabecera, barra del celular, pie y visor son los del sitio.
   Variantes para las demás especies (al final): foto en un arco con su filete dorado, o el rastro dibujado si todavía no hay foto,
   y títulos largos en dos tamaños. Las páginas las genera herramientas/especies.py desde herramientas/especies.json. */

body.ficha-page{background:#051208}
.ficha{
  --bg:#0b2214;--line:rgba(206,182,104,.26);--line-2:rgba(206,182,104,.42);--gold:#f5c542;--gold-hi:#ffd568;--gold-text:#f1c04c;--gold-deep:#b98a22;
  --cream:#f4efe2;--text:#e2e3d5;--muted:#a3ae9a;--ink:#122410;
  --f-display:"Playfair Display","Bodoni 72",Didot,Georgia,serif;--f-serif:"Cormorant Garamond",Garamond,"Times New Roman",serif;
  --f-body:"EB Garamond",Garamond,Georgia,serif;--f-ui:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-script:"Allura","Snell Roundhand","Segoe Script",cursive;
  --gutter:clamp(16px,3.5vw,52px);--col:clamp(700px,54.7vw,792px);--ease:cubic-bezier(.16,.84,.3,1);
  position:relative;isolation:isolate;overflow:clip;color:var(--text);font:400 18px/1.42 var(--f-body);-webkit-font-smoothing:antialiased;
  background:radial-gradient(55% 50% at 18% 30%,rgba(30,74,42,.5),transparent 72%),radial-gradient(45% 55% at 80% 45%,rgba(18,52,30,.35),transparent 70%),
    radial-gradient(130% 100% at 50% 42%,transparent 55%,rgba(2,10,5,.8) 100%),var(--bg)}
.ficha img{max-width:100%;display:block}
.ficha a{color:inherit;text-decoration:none}
.ficha ul,.ficha ol{list-style:none;margin:0;padding:0}
.ficha :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.ficha ::selection{background:var(--gold);color:var(--ink)}
.tl-sprite{position:absolute;width:0;height:0;overflow:hidden}
.tl-caja{position:relative;z-index:0;width:100%;max-width:1448px;margin-inline:auto;padding:150px var(--gutter) 64px}

.tl-migas,.tl-ornamento,.tl-titulo,.tl-especie,.tl-lead,.tl-destacado,.tl-datos,.tl-curiosos,.tl-cartel{position:relative;z-index:3}
.tl-migas ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font:400 12.5px/1.2 var(--f-ui);color:var(--text)}
.tl-migas li{display:flex;align-items:center;gap:14px}
.tl-migas li+li::before{content:"";width:5px;height:5px;border-top:1.3px solid currentColor;border-right:1.3px solid currentColor;transform:rotate(45deg);opacity:.75}
.tl-migas a{display:inline-flex;align-items:center;min-height:32px;transition:color .25s}
.tl-migas a:hover{color:var(--gold-hi)}
.tl-migas [aria-current]{color:var(--gold-text)}
.tl-ornamento{margin:26px 0 0;line-height:0;color:var(--gold)}
.tl-ornamento .tl-regla{display:inline-block;vertical-align:middle;width:70px;height:1.3px;background:currentColor;opacity:.85}
.tl-ornamento svg{display:inline-block;vertical-align:middle;width:24px;height:24px;margin-inline:22px}
.tl-ornamento svg,.tl-curiosos h2 svg,.tl-dato svg{fill:none;stroke:var(--gold);stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.ficha .tl-titulo{margin:10px 0 0;font:800 clamp(96px,9.7vw,140px)/.86 var(--f-display);letter-spacing:-.01em;color:var(--cream);text-shadow:0 2px 24px rgba(3,14,7,.55);
  background:none;-webkit-text-fill-color:currentColor}
.tl-titulo span{display:inline-block}
.tl-titulo--kern>span:nth-child(2){margin-left:-.05em}
.tl-especie{margin:8px 0 0;font:italic 700 clamp(34px,3.2vw,46px)/1.05 var(--f-serif);color:var(--gold-text)}
.tl-especie i{font-style:inherit}
.tl-lead{max-width:26.5em;margin:14px 0 0;color:var(--text);text-shadow:0 1px 10px rgba(3,14,7,.7)}
.tl-destacado{max-width:23.5em;margin:10px 0 0;font-weight:600;color:var(--gold-text);text-shadow:0 1px 10px rgba(3,14,7,.7)}

/* Árbol */
.tl-escena{position:absolute;z-index:1;top:110px;bottom:40px;right:14px;width:min(830px,calc((min(100vw,1448px) - 24px - var(--gutter) - var(--col)) / .7));margin:0;container-type:size;pointer-events:none}
.tl-encaje{position:absolute;right:0;bottom:0;width:min(100cqw,86.82cqh);aspect-ratio:830/956;container-type:inline-size}
.tl-arbol{position:absolute;inset:0;width:100%;height:100%;transform-origin:72% 99%}
.tl-lineas{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:var(--gold);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.tl-lineas .tl-arco{opacity:.5}
.tl-lineas .tl-ramita{opacity:.75}
.tl-firma{position:absolute;left:72.6%;top:62.4%;margin:0;font:400 4.1cqw/.95 var(--f-script);color:rgba(236,219,168,.8);white-space:nowrap;rotate:-10deg;transform-origin:0 50%;text-shadow:0 1px 8px rgba(3,14,7,.55)}
.tl-firma span{display:block;padding-left:.28em}
.tl-firma svg{display:block;width:2.3em;height:.4em;margin:.12em 0 0 1.25em;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;opacity:.8}

/* Hojas que caen */
.tl-lluvia{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;container-type:size}
.tl-hoja{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:var(--s);opacity:var(--o)}
.tl-hoja img{width:100%;filter:blur(var(--b,0px));transform:rotate(var(--r1))}
.tl-bokeh{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none}
.tl-bokeh img{position:absolute;opacity:.5;filter:blur(7px) saturate(.9)}
.tl-bokeh .tl-b1{width:150px;right:-34px;bottom:16%;rotate:-32deg}
.tl-bokeh .tl-b2{width:120px;right:5%;bottom:-44px;rotate:24deg;opacity:.42}
.tl-bokeh .tl-b3{width:175px;left:59%;bottom:-78px;rotate:-14deg;opacity:.32}

/* Ficha */
.tl-datos{display:flex;align-items:center;max-width:var(--col);margin-top:28px}
.tl-dato{display:flex;align-items:center;gap:14px;padding-right:28px}
.tl-dato+.tl-dato{padding-left:28px;border-left:1px solid var(--line)}
.tl-dato svg{flex:none;width:30px;height:30px}
.tl-dato .tl-lbl{display:block;margin-bottom:5px;font:400 11.5px/1.2 var(--f-ui);color:var(--muted)}
.tl-dato .tl-val{display:block;font:500 15.5px/1.2 var(--f-body);color:var(--cream);text-shadow:0 1px 8px rgba(3,14,7,.8)}
.tl-dato:last-child .tl-val{max-width:8.5em}

/* Datos curiosos */
.tl-curiosos{max-width:var(--col);margin-top:26px}
.ficha .tl-curiosos h2{display:flex;align-items:center;margin:0;font:600 clamp(34px,3vw,44px)/1 var(--f-serif);color:var(--cream);background:none;-webkit-text-fill-color:currentColor}
.tl-curiosos h2 svg{flex:none;width:22px;height:22px;margin-left:44px}
.tl-curiosos h2 .tl-regla{width:68px;height:1.3px;margin-left:10px;background:var(--gold);opacity:.85}
.tl-tarjetas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.tl-tarjeta{position:relative;padding:14px 16px 16px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,rgba(19,50,29,.6),rgba(7,25,14,.6));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:transform .5s var(--ease),border-color .35s,background-color .35s,box-shadow .5s}
.tl-ico{display:block;width:42px;height:42px;fill:var(--gold)}
.tl-ico-frutos{transform-origin:56% 18%}
.tl-ico-hoja{transform-origin:20% 85%}
.tl-ico-arbol{transform-origin:50% 88%}
.ficha .tl-tarjeta h3{margin:10px 0 7px;font:700 clamp(17.5px,1.35vw,19.5px)/1.1 var(--f-serif);color:var(--cream);background:none;-webkit-text-fill-color:currentColor}
.ficha .tl-tarjeta p{margin:0;font-size:14px;line-height:1.25;color:var(--text)}

/* Cartel de vuelta a Flora y fauna */
.tl-cartel{display:grid;grid-template-columns:42% minmax(0,1fr) auto;align-items:center;column-gap:22px;max-width:var(--col);min-height:116px;margin-top:18px;padding-right:26px;border:1px solid rgba(240,197,77,.45);border-radius:12px;overflow:hidden;background:linear-gradient(90deg,rgba(6,22,12,.25),rgba(8,27,15,.8) 55%);transition:border-color .35s,box-shadow .5s}
.tl-cartel__img{align-self:stretch;background:#16341d url(../img/tala-hoja-cta.webp) left 40%/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,#000 40%,transparent 98%);mask-image:linear-gradient(90deg,#000 40%,transparent 98%);transform-origin:30% 50%;transition:transform 1.4s var(--ease)}
.tl-cartel__txt{display:grid;gap:6px;padding-block:18px}
.tl-cartel__antes{font:500 10.5px/1 var(--f-ui);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-text)}
.tl-cartel__tit{font:500 30px/1.05 var(--f-serif);color:var(--cream)}
.tl-cartel__sub{font:400 8.5px/1.45 var(--f-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.tl-cartel__flecha{display:grid;place-items:center;width:56px;height:56px;border:1.5px solid var(--gold);border-radius:50%;color:var(--gold);transition:background-color .35s,color .35s,transform .5s var(--ease)}
.tl-cartel__flecha svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:translate .45s var(--ease)}
.tl-cartel:active{transform:scale(.99)}
@media(hover:hover) and (pointer:fine){
  .tl-tarjeta:hover{transform:translateY(-5px);border-color:rgba(240,197,77,.62);box-shadow:0 20px 44px -24px rgba(0,0,0,.95)}
  .tl-cartel:hover{border-color:rgba(255,213,104,.85);box-shadow:0 22px 50px -28px rgba(0,0,0,.95)}
  .tl-cartel:hover .tl-cartel__img{transform:scale(1.07)}
  .tl-cartel:hover .tl-cartel__flecha{background:var(--gold);color:var(--ink);transform:scale(1.05)}
  .tl-cartel:hover .tl-cartel__flecha svg{translate:4px 0}
}

/* ---------- Tablet y celular ---------- */
@media (max-width:1239px){
  .tl-caja{padding-top:118px;padding-bottom:56px}
  .tl-bokeh,.tl-lineas .tl-ramita,.tl-lineas .tl-marco{display:none}
  .tl-escena{position:relative;top:auto;bottom:auto;right:auto;float:right;width:clamp(210px,50%,540px);margin:-6px calc(var(--gutter) * -1 + 6px) 8px 0;container-type:normal}
  .tl-escena--ilustracion{shape-outside:polygon(100% 0%,47.9% 0%,43.6% 2.1%,35.9% 4.2%,32.7% 6.2%,27.7% 8.3%,28.3% 10.4%,28% 12.5%,21.5% 14.6%,19.5% 16.7%,11% 18.8%,10.6% 20.8%,9.1% 22.9%,8.5% 25%,10.6% 27.1%,10.6% 29.2%,8.7% 31.2%,6% 33.3%,5.2% 35.4%,5.1% 37.5%,5.9% 39.6%,4% 41.7%,4% 43.8%,17.7% 45.8%,17.6% 47.9%,22.2% 50%,33.8% 52.1%,33.5% 54.2%,33.6% 56.2%,35.7% 58.3%,37% 60.4%,34.7% 62.5%,35.1% 64.6%,39.3% 66.7%,39.2% 68.8%,40% 70.8%,51.5% 72.9%,52.9% 75%,66.9% 77.1%,68.7% 79.2%,70.1% 81.2%,71.3% 83.3%,72.4% 85.4%,73% 87.5%,72.8% 89.6%,70.9% 91.7%,67.7% 93.8%,65.6% 95.8%,62% 97.9%,61.8% 100%,100% 100%) content-box;shape-margin:8px}
  .tl-encaje{position:relative;right:auto;bottom:auto;width:100%}
  .tl-lineas{stroke-width:2.4}
  .tl-ornamento{margin-top:20px}
  .ficha .tl-titulo{margin-top:8px;font-size:clamp(62px,15vw,112px)}
  .tl-especie{font-size:clamp(26px,6.2vw,40px)}
  .tl-lead,.tl-destacado{max-width:none}
  .tl-hero::after{content:"";display:block;clear:both;width:46%;height:1px;background:linear-gradient(90deg,rgba(206,182,104,.5),transparent)}
  .tl-datos{max-width:none;margin-top:24px}
  .tl-curiosos,.tl-cartel{max-width:none}
  .tl-curiosos{margin-top:40px}
}
@media (max-width:819px){
  .tl-tarjetas{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
@media (min-width:600px) and (max-width:1239px){
  .tl-dato{padding-right:22px}
  .tl-dato+.tl-dato{padding-left:22px}
}
@media (max-width:760px){
  .tl-caja{padding-top:104px}
}
@media (max-width:599px){
  .tl-escena{width:64%}
  .tl-firma{left:70%;top:62%;font-size:max(11.5px,4.1cqw)}
  .tl-lineas{stroke-width:3.6}
  .tl-ornamento .tl-regla{width:54px}
  .tl-ornamento svg{width:20px;height:20px;margin-inline:14px}
  .tl-lead,.ficha .tl-tarjeta p{font-family:var(--f-ui);font-weight:300}
  .tl-lead{margin-top:12px;font-size:14.5px;line-height:1.55;color:#e8e9dc}
  .tl-destacado{font-size:16.5px;line-height:1.32}
  .tl-datos{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;align-items:start}
  .tl-dato{flex-direction:column;align-items:flex-start;gap:8px;padding-right:10px}
  .tl-dato+.tl-dato{padding-left:10px}
  .tl-dato svg{width:24px;height:24px}
  .tl-dato .tl-lbl{margin-bottom:3px;font-size:10.5px}
  .tl-dato .tl-val{font-size:13.5px}
  .ficha .tl-curiosos h2{font-size:33px}
  .tl-curiosos h2 svg{margin-left:26px;width:20px;height:20px}
  .tl-curiosos h2 .tl-regla{width:56px}
  .tl-tarjeta{padding:14px 14px 16px}
  .tl-ico{width:36px;height:36px}
  .ficha .tl-tarjeta h3{margin:10px 0 6px;font-size:18.5px}
  .ficha .tl-tarjeta p{font-size:13px;line-height:1.42}
  .tl-cartel{grid-template-columns:29% minmax(0,1fr) auto;column-gap:12px;min-height:98px;padding-right:14px}
  .tl-cartel__txt{padding-block:14px;gap:5px}
  .tl-cartel__antes{font-size:9.5px;letter-spacing:.24em}
  .tl-cartel__tit{font-size:19.5px}
  .tl-cartel__sub{font-size:8.5px;letter-spacing:.17em}
  .tl-cartel__flecha{width:44px;height:44px}
  .tl-cartel__flecha svg{width:19px;height:19px}
}
@media (max-width:359px){
  .tl-datos{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}
  .tl-dato:nth-child(3){padding-left:0;border-left:0}
}

/* ---------- Movimiento ---------- */
@media (prefers-reduced-motion:no-preference){
  html.js .ficha [data-anim]{opacity:0}
  html.js .ficha [data-anim].tl-quieto{opacity:1}
  html.js .ficha [data-anim].tl-entra{opacity:1;animation:tlSube 1s var(--ease) var(--d,0ms) backwards}
  html.js .ficha [data-anim]:not(.tl-entra):not(.tl-quieto){animation:tlSeguro 0s 2.5s forwards}
  html.js .tl-titulo span:not(.tl-palabra){animation:tlLetra 1.1s var(--ease) both;animation-delay:calc(320ms + var(--i) * 75ms)}
  html.js .tl-ornamento .tl-regla{animation:tlCrece .9s var(--ease) .35s both}
  html.js .tl-ornamento .tl-regla:first-child{transform-origin:right}
  html.js .tl-ornamento .tl-regla:last-child{transform-origin:left}
  html.js .tl-ornamento svg{animation:tlGira 1.1s var(--ease) .3s both}
  html.js .tl-arbol{animation:tlArbol 1.9s var(--ease) .1s both,tlMece 9s ease-in-out 2s infinite alternate}
  html.js .tl-foto{animation:tlArbol 1.9s var(--ease) .1s both}
  html.js .tl-lineas .tl-traza{stroke-dasharray:1;stroke-dashoffset:1;animation:tlDibuja 1.8s var(--ease) var(--d,900ms) forwards}
  html.js .tl-firma{clip-path:inset(-30% 100% -30% 0);animation:tlEscribe 2s cubic-bezier(.5,.1,.3,1) 1.9s forwards}
  .tl-hoja{opacity:0;animation:tlCae var(--dur) linear var(--delay) infinite}
  .tl-hoja img{animation:tlAletea var(--fl) ease-in-out var(--delay) infinite alternate}
  .tl-bokeh img{animation:tlDeriva 16s ease-in-out infinite alternate}
  .tl-bokeh .tl-b2{animation-duration:19s;animation-delay:-6s}
  .tl-bokeh .tl-b3{animation-duration:22s;animation-delay:-11s}
}
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
  .tl-tarjeta:hover .tl-ico-ave{animation:tlSalta .8s var(--ease)}
  .tl-tarjeta:hover .tl-ico-frutos{animation:tlBalancea 1.2s ease-in-out}
  .tl-tarjeta:hover .tl-ico-hoja{animation:tlFlamea 1.1s ease-in-out}
  .tl-tarjeta:hover .tl-ico-arbol{animation:tlCreceArbol .9s var(--ease)}
}
@media (prefers-reduced-motion:reduce){.tl-lluvia{display:none}}
@keyframes tlSube{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@keyframes tlSeguro{to{opacity:1}}
@keyframes tlLetra{from{opacity:0;transform:translateY(.28em) rotate(4deg);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@keyframes tlCrece{from{transform:scaleX(0)}}
@keyframes tlGira{from{opacity:0;transform:rotate(-70deg) scale(.4)}}
@keyframes tlArbol{from{opacity:0;scale:.93;filter:blur(8px) brightness(.6)}to{opacity:1;scale:1;filter:none}}
@keyframes tlMece{from{rotate:-.55deg}to{rotate:.75deg}}
@keyframes tlDibuja{to{stroke-dashoffset:0}}
@keyframes tlEscribe{to{clip-path:inset(-30% -10% -30% 0)}}
@keyframes tlCae{0%{translate:0 0;opacity:0}8%{opacity:var(--o)}86%{opacity:var(--o)}100%{translate:var(--dx) calc((100 - var(--y)) * 1cqh + 30px);opacity:0}}
@keyframes tlAletea{0%{transform:translateX(calc(var(--sw) * -1)) rotate(var(--r0)) rotateX(8deg)}100%{transform:translateX(var(--sw)) rotate(var(--r1)) rotateX(58deg)}}
@keyframes tlDeriva{to{translate:-16px -20px}}
@keyframes tlSalta{0%,100%{translate:0 0}25%{translate:0 -7px}45%{translate:0 0}65%{translate:0 -3px}}
@keyframes tlBalancea{0%,100%{rotate:0deg}25%{rotate:12deg}55%{rotate:-8deg}80%{rotate:4deg}}
@keyframes tlFlamea{0%,100%{rotate:0deg}30%{rotate:-14deg}60%{rotate:9deg}}
@keyframes tlCreceArbol{0%,100%{scale:1}40%{scale:1.14}}

/* ---------- Contador de la categoría (como el original: "01 / 04") ---------- */
.tl-pager{position:absolute;z-index:3;margin:0;font:400 12px/1.2 var(--f-ui);color:var(--cream);text-align:center}
.tl-pager--arriba{top:164px;right:48px;display:grid;justify-items:center;gap:6px}
.tl-pager--arriba i{display:block;width:1px;height:86px;margin-top:24px;background:linear-gradient(rgba(244,239,226,.55),rgba(244,239,226,.12))}
.tl-pager--abajo{bottom:40px;right:40px}
.tl-pager--abajo small{display:block;margin-top:6px;font-size:11px;letter-spacing:.06em;color:var(--muted)}

/* ---------- Variantes para las demás especies ---------- */
/* Títulos largos: palabras que no se cortan y dos tamaños más chicos */
.tl-palabra{display:inline-block;white-space:nowrap}
.ficha .tl-titulo--m{font-size:clamp(72px,7vw,104px);line-height:.92}
.ficha .tl-titulo--l{font-size:clamp(56px,5.4vw,82px);line-height:.95}

/* Foto en un arco (o el rastro, si todavía no hay foto), con el filete dorado del original */
.tl-foto{position:absolute;left:30%;right:6%;top:6%;bottom:8%;overflow:hidden;border-radius:999px 999px 18px 18px;background:#0e2a19;
  box-shadow:0 40px 80px -40px rgba(0,0,0,.95);pointer-events:auto}
.tl-foto::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(245,197,66,.4);pointer-events:none}
.tl-foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
a.tl-foto:focus-visible{outline-offset:6px}
.tl-foto--rastro{background:radial-gradient(70% 55% at 50% 40%,rgba(30,74,42,.9),rgba(7,25,14,.95))}
.tl-rastro{max-width:none;position:absolute;left:-12%;top:50%;width:124%;height:auto;color:var(--gold);opacity:.85;transform:translateY(-50%) rotate(-64deg)}
.tl-escena--foto .tl-firma,.tl-escena--rastro .tl-firma{left:33%;top:84%}
@media (hover:hover) and (pointer:fine){a.tl-foto:hover img{transform:scale(1.04)}}
@media (max-width:1239px){
  .tl-foto{left:3%;right:3%;top:2%;bottom:3%}
  .tl-pager,.tl-escena--foto .tl-lineas,.tl-escena--rastro .tl-lineas{display:none}
  .tl-escena--foto .tl-firma,.tl-escena--rastro .tl-firma{left:8%;top:80%;font-size:max(13px,6cqw)}
  .ficha .tl-titulo--m{font-size:clamp(50px,11.5vw,84px)}
  .ficha .tl-titulo--l{font-size:clamp(42px,9.4vw,68px)}
}
@media (max-width:599px){
  .tl-escena--foto,.tl-escena--rastro{width:46%;margin-left:12px}
  .ficha .tl-titulo--l{font-size:clamp(34px,9.6vw,48px)}
}

/* Ajustes tras la crítica (8/10/2026). El tala queda como el original: todo lo de abajo excluye .ficha--tala. */
.tl-especie--sub{font-style:normal;font-weight:600}
.ficha--foto .tl-foto::before{content:"";position:absolute;inset:auto 0 0;z-index:1;height:34%;background:linear-gradient(180deg,transparent,rgba(5,18,8,.72));pointer-events:none}
.ficha--foto .tl-firma{z-index:2}
.ficha--rastro .tl-rastro{left:-50%;width:200%;transform:translateY(-50%) rotate(-74deg)}
@media (max-width:599px){
  .ficha:not(.ficha--tala) .tl-datos{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}
  .ficha:not(.ficha--tala) .tl-dato:nth-child(3){padding-left:0;border-left:0}
  .ficha:not(.ficha--tala) .tl-dato:nth-child(odd){padding-right:14px}
  .ficha:not(.ficha--tala) .tl-dato .tl-val{font-size:14.5px}
  /* foto o rastro: a todo el ancho, debajo de las migas, y el título entero abajo */
  .ficha--foto .tl-escena,.ficha--rastro .tl-escena{float:none;width:auto;margin:16px 0 0}
  .ficha--foto .tl-encaje,.ficha--rastro .tl-encaje{aspect-ratio:4/3}
  .ficha--foto .tl-foto,.ficha--rastro .tl-foto{inset:0;border-radius:150px 150px 16px 16px}
  .ficha--foto .tl-firma,.ficha--rastro .tl-firma{left:6%;top:76%;font-size:20px}
  .ficha:not(.ficha--tala) .tl-titulo--m{font-size:clamp(48px,13.5vw,64px)}
  .ficha:not(.ficha--tala) .tl-titulo--l{font-size:clamp(40px,11vw,54px)}
  .ficha--rastro .tl-rastro{left:-10%;width:120%;transform:translateY(-50%) rotate(-12deg)}
}

/* Fuentes, fotografía acreditada y lectura de las fichas de la región (15/10/2026). */
.tl-fuentes{position:relative;z-index:3;max-width:var(--col);margin-top:24px;padding-top:14px;border-top:1px solid var(--line);font:400 13px/1.65 var(--f-ui);color:var(--muted)}
.tl-fuentes p{margin:0 0 8px}
.ficha .tl-fuentes a{color:var(--gold-text);text-decoration:underline;text-underline-offset:3px}
.tl-lectura__texto{margin-top:18px;max-width:65ch;font-size:18px;line-height:1.65}
.tl-lectura__texto p{margin:0 0 14px}
.tl-ambiente{position:absolute;inset:-18px;background-position:center;background-size:cover;filter:blur(16px) brightness(.42);pointer-events:none}
.tl-foto--completa img{position:relative;top:50%;height:auto;max-height:100%;object-fit:contain;translate:0 -50%;mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent)}
/* Sujetos recortados sobre el verde de la ficha, siguiendo la composición del tala. */
.tl-foto.tl-foto--recortada{inset:2% 0 6% 4%;overflow:visible;border-radius:0;background:none;box-shadow:none}
.tl-foto--recortada::before,.tl-foto--recortada::after{display:none}
.tl-foto--recortada img{width:100%;height:100%;object-fit:contain;mask-image:none}
.tl-foto--recortada.tl-foto--alpha img{filter:url(../img/recorte-alpha.svg#limpiar)}
.tl-escena--recorte .tl-firma{left:68%;top:86%}
.ficha--regional .tl-datos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}
.ficha--regional .tl-dato{min-width:0;gap:10px;padding-right:16px}
.ficha--regional .tl-dato+.tl-dato{padding-left:16px}
.ficha--regional .tl-dato .tl-val{overflow-wrap:anywhere}
.ficha--regional .tl-dato svg{width:24px;height:24px}
@media(min-width:1240px){
  .ficha--recorte .tl-escena{width:calc(100% - var(--col) - var(--gutter) - 32px);top:160px;bottom:auto;height:680px}
  .ficha--recorte .tl-titulo{max-width:var(--col)}
  .ficha--recorte .tl-datos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}
  .ficha--recorte .tl-dato{min-width:0;gap:10px;padding-right:16px}
  .ficha--recorte .tl-dato+.tl-dato{padding-left:16px}
  .ficha--regional .tl-escena{bottom:auto;height:720px}
  .ficha--regional .tl-destacado{max-width:31em;font-size:17px}
  .ficha--regional .tl-lead{max-width:31em}
  .ficha--regional .tl-especie{max-width:19ch;font-size:clamp(30px,3vw,43px);overflow-wrap:anywhere}
  .ficha--regional .tl-titulo--l{max-width:10em;font-size:clamp(50px,5.1vw,74px)}
}
@media(max-width:1239px){.tl-fuentes{max-width:none}}
@media(max-width:599px){
  .ficha--recorte .tl-encaje{aspect-ratio:1.2}
  .ficha--recorte .tl-escena--vertical .tl-encaje{aspect-ratio:1/1.1}
  .ficha--recorte .tl-foto--recortada{inset:0}
  .ficha--recorte .tl-firma{left:auto;right:1%;top:84%;font-size:18px}
  .ficha--regional .tl-datos{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}
  .ficha--regional .tl-dato:nth-child(odd){padding-left:0;border-left:0}
  .tl-lectura__texto{font:400 15px/1.7 var(--f-ui)}
  .tl-fuentes{font-size:12px;overflow-wrap:anywhere}
}