/* ============ LA CASA DE LA DISTANCIA «¿A QUIÉN TIENES LEJOS?» ============
   Su color es el azul piedra (#a9c6e8) — el acento con que la calle
   marca todo lo que se ENTRA (el templo, la Carta, el mapa), no lo
   que se compra. Esta casa no es un mostrador de La Plaza: es una
   casa del corazón a la que se entra; su oferta ni siquiera cuelga
   precio. La brasa sería mentir su naturaleza. Piedra oscura, luz
   cálida y Fraunces vienen de plaza.css; aquí vive lo propio: el
   héroe breve, el chat donde nace la carta, la Carta viva de papel
   cálido sobre la piedra, la muestra y la oferta sin precio. */
body.world--distancia{--piedra:#a9c6e8;--piedra-soft:#cfe2f7;background:#04060a}
.world--distancia .hero{min-height:0;padding:clamp(96px,15svh,150px) max(23px,calc(50% - 590px)) clamp(40px,6svh,64px)}
.world--distancia .hero h1 em{color:var(--piedra-soft)}
.world--distancia .hero .roman{color:var(--piedra)}
.world--distancia .breath-line b{color:var(--piedra-soft)}
.flowline{margin:34px 0 0;font:500 clamp(11px,1.6vw,13px)/1.6 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--piedra-soft)}
.flowline span{color:rgba(255,255,255,.4);margin:0 .35em}
.houserule{max-width:620px;margin:20px 0 0;font:italic 400 clamp(16px,2vw,19px)/1.5 var(--serif);color:rgba(255,255,255,.82)}
.houserule em{color:var(--piedra-soft)}
.houserule .en{display:block;margin-top:9px;font-size:.72em;line-height:1.45;color:rgba(255,255,255,.45)}
.world--distancia .born{color:var(--piedra-soft)}
.world--distancia .born:before{background:linear-gradient(90deg,var(--piedra),transparent)}
.world--distancia .scroll-mark{display:none}

/* ---------- el chat de la casa ---------- */
.chatsec{position:relative;z-index:3;padding:4svh max(23px,calc(50% - 590px)) 6svh}
.chatbox{width:min(680px,100%);margin:0 auto;border:1px solid var(--line);background:rgba(3,6,8,.66);backdrop-filter:blur(9px);padding:clamp(20px,4vw,32px)}
.chatbox__intro{margin:0 0 18px;font:italic 400 15.5px/1.5 var(--serif);color:rgba(255,255,255,.7)}
.chatbox__intro .en{display:block;margin-top:8px;font-size:.72em;line-height:1.45;color:rgba(255,255,255,.45)}
.chat__hilo{display:flex;flex-direction:column;gap:10px;max-height:560px;overflow-y:auto;padding:4px 2px 8px;scrollbar-width:thin}
.chatmsg{max-width:88%;padding:12px 15px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.chatmsg p{margin:0;font:400 15.5px/1.55 var(--serif);color:rgba(255,250,238,.92)}
.chatmsg p+p{margin-top:8px}
.chatmsg b{color:var(--piedra-soft)}
.chatmsg blockquote{margin:8px 0 2px;padding:10px 13px;border-left:2px solid var(--piedra);background:rgba(169,198,232,.06);font:italic 400 15px/1.55 var(--serif);color:rgba(255,250,238,.9)}
.chatmsg--casa{align-self:flex-start;border-left:2px solid var(--piedra)}
.chatmsg--yo{align-self:flex-end;background:rgba(169,198,232,.09);border-color:rgba(169,198,232,.35)}
.chatmsg--yo p{font-family:var(--sans);font-size:14.5px}
.chat__chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.chat__chip{appearance:none;background:rgba(169,198,232,.07);border:1px solid rgba(169,198,232,.5);color:var(--piedra-soft);font:500 12.5px/1 var(--sans);letter-spacing:.04em;padding:11px 15px;border-radius:99px;cursor:pointer;transition:background .3s,border-color .3s}
.chat__chip:hover{background:rgba(169,198,232,.16);border-color:var(--piedra)}
.chat__chip--rec{border-color:rgba(230,120,90,.65);color:#f2b49d;background:rgba(230,120,90,.08)}
.chat__chip--rec:hover{background:rgba(230,120,90,.16);border-color:rgba(230,120,90,.9)}
.chat__chip[disabled]{opacity:.55;cursor:wait}
.chat__chip a{color:inherit;text-decoration:none}
.chat__bar{display:flex;gap:9px;margin:14px 0 0}
.chat__bar input{flex:1;min-width:0;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--ink);font:400 15px/1.4 var(--sans);padding:12px 14px}
.chat__bar input:focus{outline:none;border-color:var(--piedra)}
.chat__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.btnchat{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:12px 18px;cursor:pointer}
.btnchat--link{display:inline-block;text-decoration:none}
.chat__doorlink{appearance:none;background:none;border:none;padding:0;font:inherit;color:var(--piedra-soft);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.chat__wa{display:inline-block;margin-top:2px}
.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)}
.chatlink{display:inline-block;background:transparent;border:1px solid var(--line);color:var(--ink);font:italic 400 15.5px/1.25 var(--serif);padding:12px 20px;text-decoration:none;transition:border-color .3s,color .3s}
.chatlink:hover{border-color:var(--piedra);color:var(--piedra-soft)}

/* ---------- la Carta viva: papel cálido sobre la piedra ---------- */
.cartacard{position:relative;margin:6px 0 2px;background:linear-gradient(163deg,#faf4e6 0%,#f3e9d2 58%,#ecdfc2 100%);color:#2a2013;padding:22px 22px 18px;box-shadow:0 18px 44px rgba(0,0,0,.5),0 0 0 1px rgba(233,207,154,.35),0 0 34px rgba(233,207,154,.12)}
.cartacard__tag{margin:0;font:600 8.5px/1.5 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:#8a6d3b}
.cartacard__para{margin:12px 0 0;font:italic 400 20px/1.3 var(--serif);color:#241a0d}
.cartacard__para b{color:#171106}
.cartacard__fecha{margin:4px 0 0;font:italic 400 13px/1.4 var(--serif);color:#7c6a49}
.cartacard__body{margin:13px 0 0;font:400 15.5px/1.65 var(--serif);color:#332818;white-space:pre-wrap}
.cartacard__firma{margin:14px 0 0;font:italic 500 16.5px/1.4 var(--serif);color:#241a0d}
.cartacard__via{margin:12px 0 0;padding-top:10px;border-top:1px solid rgba(122,96,50,.25);font:500 9px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#97835c}
.cartacard--muestra{margin:18px 0 6px}
.muestra .cartacard{box-shadow:0 18px 44px rgba(0,0,0,.5),0 0 0 1px rgba(233,207,154,.35)}

/* ---------- tus cartas ---------- */
.orders{position:relative;z-index:3;padding:2svh max(23px,calc(50% - 590px)) 6svh}
.ordersbox{width:min(560px,100%);margin:0 auto;border:1px solid var(--line);background:rgba(3,6,8,.66);backdrop-filter:blur(9px);padding:clamp(20px,4vw,32px)}
.orders__intro{margin:0 0 18px;font:italic 400 15.5px/1.5 var(--serif);color:rgba(255,255,255,.7)}
.orders__list{list-style:none;margin:0;padding:0}
.orders__item{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:13px 0;border-top:1px solid var(--line)}
.orders__folio{font:500 10px/1.5 var(--sans);letter-spacing:.2em;color:var(--piedra-soft);text-transform:uppercase}
.orders__what{flex:1;min-width:180px;font:italic 400 16px/1.4 var(--serif);color:rgba(255,250,238,.92)}
.orders__when{display:block;font:400 12.5px/1.5 var(--sans);letter-spacing:.04em;color:rgba(255,255,255,.45)}
.orders__copy{appearance:none;background:transparent;border:1px solid var(--line);color:var(--ink);font:500 9.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:9px 13px;cursor:pointer;transition:border-color .3s,color .3s;text-decoration:none}
.orders__copy:hover{border-color:var(--piedra);color:var(--piedra-soft)}

/* ---------- la muestra ---------- */
.muestra{position:relative;z-index:3;padding:6svh max(23px,calc(50% - 590px)) 4svh}
.muestrabox{width:min(680px,100%);margin:0 auto;border:1px solid var(--line);background:rgba(3,6,8,.66);backdrop-filter:blur(9px);padding:clamp(20px,4vw,34px)}
.muestra__intro{margin:0 0 16px;font:italic 400 15.5px/1.55 var(--serif);color:rgba(255,255,255,.72)}
.muestra__intro b{color:var(--piedra-soft)}
.muestra__cta{margin:18px 0 4px}

/* ---------- la oferta sin precio ---------- */
.entrega{position:relative;z-index:3;padding:4svh max(23px,calc(50% - 590px)) 6svh}
.entregabox{width:min(960px,100%);margin:0 auto}
.entrega__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:6px}
.entrega__card{border:1px solid var(--line);background:rgba(3,6,8,.66);backdrop-filter:blur(9px);padding:20px}
.entrega__num{margin:0;font:italic 400 26px/1 var(--serif);color:var(--piedra)}
.entrega__name{margin:10px 0 0;font:italic 400 19px/1.25 var(--serif);color:rgba(255,250,238,.96)}
.entrega__body{margin:10px 0 0;font:400 14.5px/1.55 var(--serif);color:rgba(255,255,255,.72)}
.entrega__body b{color:var(--piedra-soft)}
.entrega__nota{max-width:680px;margin:16px auto 0;text-align:center;font:italic 400 clamp(16px,2vw,19px)/1.55 var(--serif);color:rgba(255,255,255,.85)}
.entrega__precio{max-width:680px;margin:22px auto 0;text-align:center;font:italic 400 clamp(16px,2vw,19px)/1.55 var(--serif);color:rgba(255,255,255,.85)}
.entrega__precio b{color:var(--piedra-soft)}
.entrega__cta{margin:20px 0 0;text-align:center}

@media (max-width:760px){
  .chatsec,.orders,.muestra,.entrega{padding-left:23px;padding-right:23px}
  .chatmsg{max-width:94%}
  .chat__hilo{max-height:62svh}
  .ordersbox,.chatbox{padding:20px 18px}
  .entrega__grid{grid-template-columns:1fr}
  .cartacard{padding:18px 17px 15px}
}
@media (prefers-reduced-motion:reduce){
  .wabtn,.chat__chip,.orders__copy,.chatlink{transition:none}
}