/* PIEL 'carta' — plantilla definitiva del trío (base C + postal de A).
   Elección de Julián 18-jul (decisions/20260718-200858). Texto congelado. */
:root{--fondo:#F4EDE2;--papel:#FFFBF4;--tinta:#33291F;--tinta-suave:#7A6A58;
--terracota:#B4552F;--oliva:#6E7A45;--linea:#E5D9C6;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:var(--fondo);color:var(--tinta);font-family:'Newsreader',Georgia,serif;
font-size:19px;line-height:1.8}
img{max-width:100%}
/* Nav */
.nav{border-bottom:1px solid var(--linea);font-family:'Inter',sans-serif;background:var(--papel)}
.nav-in{max-width:680px;margin:0 auto;padding:1.1em 1.4em;display:flex;justify-content:space-between;
align-items:center;gap:1em;flex-wrap:wrap}
.logo{font-weight:700;text-decoration:none;color:var(--tinta);letter-spacing:-.01em}
.nav-links a{color:var(--tinta);opacity:.7;text-decoration:none;margin-left:1.3em;font-size:.9em}
.nav-links a:hover{opacity:1}
/* La carta: una hoja sobre la mesa */
.hoja{max-width:680px;margin:2.5em auto;background:var(--papel);
box-shadow:0 1px 2px rgba(51,41,31,.06),0 18px 50px rgba(51,41,31,.10);padding-bottom:3em}
.foto-pegada{margin:0;padding:1.6em 1.6em 0;position:relative}
.foto-pegada img{width:100%;height:auto;display:block;box-shadow:0 6px 18px rgba(51,41,31,.18)}
/* cinta washi: la foto pegada a la hoja */
.cinta{position:absolute;top:.7em;left:50%;transform:translateX(-50%) rotate(-1.5deg);
width:120px;height:26px;background:rgba(180,85,47,.26);
border-left:1px dashed rgba(255,255,255,.5);border-right:1px dashed rgba(255,255,255,.5)}
.foto-pegada figcaption{font-family:'Caveat',cursive;font-size:1.25em;color:var(--tinta-suave);
margin-top:.7em;text-align:center;transform:rotate(-.4deg)}
.texto{padding:0 clamp(1.4em,6vw,3.4em)}
.fecha{font-family:'Caveat',cursive;font-size:1.4em;color:var(--tinta-suave);text-align:right;margin:1.8em 0 .5em}
h1{font-family:'Newsreader',Georgia,serif;font-weight:500;font-style:italic;
font-size:clamp(1.7em,4.6vw,2.5em);line-height:1.22;margin-bottom:1em;color:var(--terracota);text-wrap:balance}
h2{font-family:'Newsreader',serif;font-weight:600;font-size:1.4em;margin:1.8em 0 .6em;color:var(--tinta)}
/* Carlos, sin cara: monograma manuscrito + firma */
.byline{display:flex;align-items:center;gap:.8em;margin:0 0 2.2em;padding-bottom:1.4em;
border-bottom:1px solid var(--linea);font-family:'Inter',sans-serif}
.mono{width:42px;height:42px;flex:none;display:grid;place-items:center;font-family:'Caveat',cursive;
font-size:1.7em;font-weight:600;color:var(--terracota);border:2px solid var(--terracota);
border-radius:50% 46% 54% 50%/48% 54% 46% 52%;transform:rotate(-6deg)}
.byline-txt{display:flex;flex-direction:column;font-size:.86em;line-height:1.35}
.byline-sub{color:var(--tinta-suave);font-size:.85em}
.byline-link{margin-left:auto;color:var(--oliva);text-decoration:none;font-size:.82em;
border-bottom:1px solid rgba(110,122,69,.4)}
.texto p{margin-bottom:1.5em}
.texto p.arranque::first-letter{font-family:'Caveat',cursive;font-size:2.4em;color:var(--terracota);
font-weight:600;line-height:.9;float:left;padding:.1em .12em 0 0}
.aparte{font-family:'Caveat',cursive;font-size:1.55em;color:var(--oliva);text-align:center;
margin:2.2em 0;line-height:1.4;transform:rotate(-.5deg)}
.texto ul,.texto ol{margin:0 0 1.5em 1.3em}
.texto li{margin-bottom:.5em}
.inset{margin:2.6em 0}
.inset img{width:100%;height:auto;display:block;box-shadow:0 5px 16px rgba(51,41,31,.16);border-radius:2px}
.inset figcaption{font-family:'Caveat',cursive;font-size:1.2em;color:var(--tinta-suave);margin-top:.5em;text-align:center}
/* FLASH = POSTAL adjunta a la carta (cinta washi + sello + contadores) */
.postal{margin:3em 0;background:#FFFDF8;border:1px solid var(--linea);position:relative;
box-shadow:0 10px 26px rgba(51,41,31,.12);transform:rotate(-.4deg);
background-image:linear-gradient(90deg,transparent 49.6%,var(--linea) 49.6%,var(--linea) 50.4%,transparent 50.4%);
background-repeat:no-repeat;background-size:1px 100%;background-position:center}
.postal .cinta{top:-13px;background:rgba(110,122,69,.30)}
.postal-cabeza{display:flex;align-items:flex-start;gap:1em;padding:1.5em 1.6em 0}
.postal-kicker{font-family:'Caveat',cursive;font-size:1.5em;color:var(--terracota);line-height:1.1}
.sello{margin-left:auto;width:58px;height:66px;flex:none;border:2px dashed var(--terracota);
display:grid;place-items:center;text-align:center;font-family:'Inter',sans-serif;font-size:.55em;
color:var(--terracota);line-height:1.25;transform:rotate(3deg);padding:.2em}
.postal-grid{display:grid;grid-template-columns:1fr;gap:1.3em;padding:1.3em 1.6em 1.8em}
.dato{border-top:1px solid var(--linea);padding-top:.9em}
.num-fila{display:flex;align-items:baseline;gap:.4em}
.num{font-family:'Newsreader',serif;font-weight:600;font-size:2.4em;color:var(--terracota);line-height:1}
.unit{font-family:'Inter',sans-serif;font-size:.78em;color:var(--tinta-suave)}
.dato-label{font-family:'Inter',sans-serif;font-size:.86em;margin-top:.5em;line-height:1.5}
.fuente{display:block;font-family:'Inter',sans-serif;font-size:.7em;color:var(--tinta-suave);
font-style:italic;margin-top:.5em}
@media(min-width:620px){.postal-grid{grid-template-columns:1fr 1fr;gap:1.4em 2em}}
/* aside práctico + firma + enlace hermana */
.notas{margin:3em 0 0;background:rgba(110,122,69,.08);border-left:3px solid var(--oliva);padding:1.4em 1.5em}
.notas h2{font-family:'Newsreader',serif;font-style:italic;font-size:1.2em;margin:0 0 .5em;color:var(--oliva)}
.notas p{font-family:'Inter',sans-serif;font-size:.86em;line-height:1.65;margin:0}
.trio{display:inline-block;margin:2.2em 0 0;font-family:'Inter',sans-serif;font-size:.9em;
color:var(--terracota);text-decoration:none;border-bottom:1px solid rgba(180,85,47,.4);padding-bottom:.1em}
.firma-final{font-family:'Caveat',cursive;font-size:2.3em;color:var(--terracota);
margin:1.6em 0 0;display:inline-block;transform:rotate(-3deg)}
/* Pie */
.pie{max-width:680px;margin:0 auto;padding:2.5em 1.6em;font-family:'Inter',sans-serif;
font-size:.85em;color:var(--tinta-suave)}
.pie-in{display:flex;gap:2em;flex-wrap:wrap;justify-content:space-between}
.pie-in ul{list-style:none;margin-top:.3em}
.pie-in a{color:var(--oliva);text-decoration:underline;text-underline-offset:2px}
.pie-in p{margin-bottom:.3em}
@media(prefers-reduced-motion:reduce){.postal,.foto-pegada figcaption,.aparte,.firma-final{transform:none}}