:root{--papel:#f4ede2;--papel-hondo:#ece2d3;--tinta:#2c2620;--tinta-suave:#6b6155;--terracota:#b65f43;--terracota-h:#9a4a31;--arcilla:#c98a5f;--oro:#c9a25f;--linea:rgba(44,38,32,.14);--sombra:0 24px 60px -28px rgba(44,38,32,.45);}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Spectral',Georgia,serif;background:var(--papel);color:var(--tinta);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:400;line-height:1.08;}
::selection{background:var(--terracota);color:var(--papel);}
.envoltorio{width:90%;max-width:1080px;margin:0 auto;}
.portada{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:5rem 1.5rem 6rem;background:radial-gradient(120% 90% at 50% 0%,rgba(201,138,95,.18),transparent 60%),radial-gradient(100% 70% at 50% 100%,rgba(182,95,67,.12),transparent 55%);}
.eyebrow{font-size:.78rem;letter-spacing:.42em;text-transform:uppercase;color:var(--tinta-suave);margin-bottom:2rem;opacity:0;animation:subir 1s .2s forwards;}
.portada h1{font-size:clamp(4.2rem,17vw,12rem);font-optical-sizing:auto;font-variation-settings:'opsz' 144;letter-spacing:-.02em;position:relative;opacity:0;animation:subir 1.2s .4s forwards;}
.portada h1 em{font-style:italic;color:var(--terracota);}
.subtitulo{font-style:italic;font-size:clamp(1.05rem,2.6vw,1.45rem);color:var(--tinta-suave);max-width:34ch;margin:1.6rem auto 0;opacity:0;animation:subir 1.2s .7s forwards;}
.latido-svg{width:min(420px,80vw);height:70px;margin:2.8rem auto 0;opacity:0;animation:subir 1.2s 1s forwards;}
.latido-svg path{fill:none;stroke:var(--terracota);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:560;stroke-dashoffset:560;animation:trazar 2.6s linear infinite;}
@keyframes trazar{to{stroke-dashoffset:-560;}}
.cuenta{display:flex;gap:clamp(1.2rem,5vw,3rem);margin-top:3rem;opacity:0;animation:subir 1.2s 1.2s forwards;}
.cuenta div{text-align:center;}
.cuenta b{display:block;font-family:'Fraunces',serif;font-weight:500;font-size:clamp(2rem,6vw,3.2rem);color:var(--tinta);line-height:1;}
.cuenta span{font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--tinta-suave);}
.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tinta-suave);opacity:0;animation:parpadeo 2.4s 2s infinite;}
@keyframes parpadeo{0%,100%{opacity:.3}50%{opacity:.9}}
section{padding:clamp(4rem,9vw,7rem) 0;position:relative;}
.titulo-seccion{font-size:clamp(2rem,5vw,3.2rem);margin-bottom:.4rem;}
.titulo-seccion em{font-style:italic;color:var(--terracota);}
.bajada{color:var(--tinta-suave);font-style:italic;max-width:48ch;margin-bottom:3rem;}
.divisor{height:1px;background:var(--linea);border:0;}
.foco{background:var(--papel-hondo);border-radius:2px;padding:clamp(2rem,5vw,3.5rem);display:grid;grid-template-columns:auto 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;box-shadow:var(--sombra);position:relative;overflow:hidden;}
.foco::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(201,138,95,.25),transparent 70%);}
.semana-num{text-align:center;position:relative;z-index:1;}
.semana-num b{display:block;font-family:'Fraunces',serif;font-weight:300;font-size:clamp(4rem,14vw,7rem);color:var(--terracota);line-height:.9;}
.semana-num span{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tinta-suave);}
.foco-info{position:relative;z-index:1;}
.foco-info .fruta{font-family:'Fraunces',serif;font-size:clamp(1.4rem,3.4vw,2rem);margin-bottom:.5rem;}
.foco-info .medida{color:var(--terracota-h);font-style:italic;margin-bottom:.8rem;}
.foco-info p{color:var(--tinta-suave);}
.linea-tiempo{margin-top:3rem;position:relative;border-left:1px solid var(--linea);}
.hito{position:relative;padding:1.1rem 0 1.1rem 2.2rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem 1rem;}
.hito::before{content:"";position:absolute;left:-5px;top:1.6rem;width:9px;height:9px;border-radius:50%;background:var(--papel);border:1px solid var(--arcilla);}
.hito.cumplido::before{background:var(--arcilla);}
.hito.actual::before{background:var(--terracota);border-color:var(--terracota);box-shadow:0 0 0 5px rgba(182,95,67,.18);}
.hito .sem{font-family:'Fraunces',serif;font-size:1.15rem;min-width:5.5rem;color:var(--tinta);}
.hito.actual .sem{color:var(--terracota);font-weight:500;}
.hito .desc{color:var(--tinta-suave);flex:1;min-width:200px;}
.hito .tam{font-style:italic;color:var(--arcilla);font-size:.92rem;}
.etiqueta-hoy{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;background:var(--terracota);color:var(--papel);padding:.15rem .55rem;border-radius:20px;align-self:center;}
.galeria{columns:3 260px;column-gap:1.2rem;margin-top:1rem;}
.foto{break-inside:avoid;margin-bottom:1.2rem;background:var(--papel-hondo);border-radius:2px;overflow:hidden;box-shadow:var(--sombra);transition:transform .4s ease;}
.foto:hover{transform:translateY(-4px) rotate(-.4deg);}
.foto img{width:100%;display:block;}
.foto .pie{padding:.9rem 1.1rem;}
.foto .pie h3{font-size:1.1rem;}
.foto .pie time{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--arcilla);}
.foto .pie p{font-size:.92rem;color:var(--tinta-suave);font-style:italic;margin-top:.3rem;}
.placeholder{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,rgba(201,138,95,.08) 0 12px,transparent 12px 24px),var(--papel-hondo);color:var(--arcilla);font-style:italic;font-size:.85rem;text-align:center;padding:1rem;}
.escribir{background:var(--papel-hondo);border-radius:2px;padding:clamp(1.6rem,4vw,2.6rem);box-shadow:var(--sombra);margin-bottom:2.5rem;}
.escribir h3{font-size:1.5rem;margin-bottom:.3rem;}
.escribir .sub{color:var(--tinta-suave);font-style:italic;font-size:.95rem;margin-bottom:1.4rem;}
.escribir input,.escribir textarea{width:100%;font-family:'Spectral',serif;font-size:1rem;background:var(--papel);border:1px solid var(--linea);border-radius:2px;padding:.8rem 1rem;margin-bottom:.9rem;color:var(--tinta);resize:vertical;}
.escribir textarea{min-height:130px;line-height:1.6;}
.escribir input:focus,.escribir textarea:focus{outline:none;border-color:var(--arcilla);}
.escribir .fila-clave{display:flex;gap:.9rem;align-items:center;flex-wrap:wrap;}
.escribir .fila-clave input{flex:1;min-width:160px;margin-bottom:0;}
.escribir button{font-family:'Fraunces',serif;font-size:1rem;cursor:pointer;background:var(--terracota);color:var(--papel);border:0;border-radius:2px;padding:.8rem 2.2rem;transition:background .3s;white-space:nowrap;}
.escribir button:hover{background:var(--terracota-h);}
.escribir button:disabled{opacity:.5;cursor:default;}
.f-estado{font-style:italic;font-size:.92rem;margin-top:.9rem;min-height:1.2em;color:var(--terracota-h);}
.cartas{display:grid;gap:1.5rem;}
.carta{background:var(--papel-hondo);border-radius:2px;padding:clamp(1.6rem,4vw,2.6rem);box-shadow:var(--sombra);position:relative;}
.carta::before{content:"\201C";position:absolute;top:-.2rem;left:1.2rem;font-family:'Fraunces',serif;font-size:5rem;color:rgba(182,95,67,.18);line-height:1;}
.carta h3{font-size:1.5rem;margin-bottom:.2rem;}
.carta .meta{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--arcilla);margin-bottom:1rem;}
.carta p{font-size:1.05rem;white-space:pre-wrap;}
.carta .firma{font-style:italic;text-align:right;margin-top:1.2rem;color:var(--terracota-h);}
.corazon{text-align:center;}
.corazon .lat-grande{width:min(560px,90vw);height:90px;margin:0 auto 1.5rem;}
.corazon .lat-grande path{fill:none;stroke:var(--terracota);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:700;stroke-dashoffset:700;animation:trazar 3s linear infinite;}
.corazon audio{width:min(420px,90%);margin-top:1rem;}
.corazon .sin-audio{display:inline-block;margin-top:1rem;padding:1.2rem 2rem;border:1px dashed var(--arcilla);border-radius:2px;color:var(--tinta-suave);font-style:italic;font-size:.95rem;}
.videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;}
.video-card{background:var(--papel-hondo);border-radius:2px;overflow:hidden;box-shadow:var(--sombra);}
.video-card video{width:100%;display:block;}
.video-card .pie{padding:.9rem 1.1rem;}
.sin-contenido{border:1px dashed var(--arcilla);border-radius:2px;padding:2.5rem;text-align:center;color:var(--tinta-suave);font-style:italic;}
footer{text-align:center;padding:5rem 1.5rem 3rem;border-top:1px solid var(--linea);}
footer .corazoncito{color:var(--terracota);font-size:1.4rem;}
footer p{color:var(--tinta-suave);font-style:italic;margin-top:.6rem;}
@keyframes subir{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s ease,transform .9s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
@media (max-width:600px){.foco{grid-template-columns:1fr;text-align:center;}.foco-info{text-align:center;}.galeria{columns:2 150px;}}