/* ============ LA CARTA VIVA — la página que recibe la persona ============
   Papel cálido sobre la piedra oscura, con el azul piedra de la casa
   (#a9c6e8, el acento de «entras»). Esta página no vende nada: es la
   carta misma. La única puerta, al final, es la de la casa — por si
   quien la recibe también tiene a alguien lejos. */
body.world--carta{--piedra:#a9c6e8;--piedra-soft:#cfe2f7;background:#04060a}
.carta-wrap{position:relative;z-index:3;width:min(680px,100%);margin:0 auto;padding:clamp(80px,13svh,130px) 23px 8svh;text-align:left}
.world--carta .roman{color:var(--piedra);text-align:center}
.intro{margin:22px 0 0;text-align:center;font:italic 400 clamp(16px,2vw,19px)/1.55 var(--serif);color:rgba(255,255,255,.78)}

/* ---------- la carta: papel cálido ---------- */
.cartacard{position:relative;margin:26px 0 0;background:linear-gradient(163deg,#faf4e6 0%,#f3e9d2 58%,#ecdfc2 100%);color:#2a2013;padding:clamp(24px,5vw,38px);box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 0 1px rgba(233,207,154,.35),0 0 44px rgba(233,207,154,.13)}
.cartacard__tag{margin:0;font:600 9px/1.5 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:#8a6d3b}
.cartacard__para{margin:14px 0 0;font:italic 400 clamp(21px,3.4vw,26px)/1.3 var(--serif);color:#241a0d}
.cartacard__fecha{margin:5px 0 0;font:italic 400 13.5px/1.4 var(--serif);color:#7c6a49}
.cartacard__body{margin:16px 0 0;font:400 clamp(16px,2.2vw,18px)/1.7 var(--serif);color:#332818;white-space:pre-wrap}
.cartacard__firma{margin:18px 0 0;font:italic 500 clamp(17px,2.4vw,19px)/1.4 var(--serif);color:#241a0d}
.cartacard__via{margin:16px 0 0;padding-top:12px;border-top:1px solid rgba(122,96,50,.25);font:500 9px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#97835c}
.muestranota{margin:16px 0 0;font:italic 400 14.5px/1.55 var(--serif);color:rgba(255,255,255,.6);text-align:center}

/* ---------- la caída honesta ---------- */
.caida{margin:26px 0 0;border:1px solid var(--line);background:rgba(3,6,8,.66);padding:24px}
.caida__title{margin:0;font:italic 400 20px/1.3 var(--serif);color:rgba(255,250,238,.95)}
.caida__body{margin:10px 0 0;font:400 15px/1.6 var(--serif);color:rgba(255,255,255,.72)}

/* ---------- acciones y puerta ---------- */
.acciones{margin:22px 0 0;text-align:center}
.wabtn{display:inline-block;background:rgba(169,198,232,.1);border:1px solid var(--piedra);color:var(--piedra-soft);font:italic 400 16.5px/1.25 var(--serif);padding:12px 22px;text-decoration:none;transition:background .3s,border-color .3s}
.wabtn:hover{background:rgba(169,198,232,.2)}
.puerta{margin:52px 0 0;border-top:1px solid var(--line);padding-top:30px;text-align:center}
.puerta__line{margin:0;font:italic 400 clamp(19px,2.6vw,23px)/1.35 var(--serif);color:rgba(255,250,238,.95)}
.puerta__sub{margin:10px auto 0;max-width:520px;font:400 15px/1.6 var(--serif);color:rgba(255,255,255,.65)}
.btnchat{display:inline-block;margin-top:20px;appearance:none;background:var(--piedra);border:1px solid var(--piedra);color:#0a1220;font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:13px 20px;cursor:pointer;text-decoration:none}
.puerta .doors{margin-top:28px}
.puerta .door{margin:0 14px}

@media (prefers-reduced-motion:reduce){
  .wabtn{transition:none}
}