/* ============ LAS CASAS DE SERVICIO — el molde compartido ============
   Una sola hoja para las 22 casas y su índice. Piedra oscura, tinta
   cálida y Fraunces vienen de ../plaza.css; aquí vive el molde: el
   héroe breve, el chat de la casa, el registro, tus pedidos y las
   tarjetas dentro del hilo. El acento es UNO por rótulo, el mismo en
   las casas, en la calle y en /cien/:
   · Pídelo hoy          → la brasa de lo que se compra  #e8934f
   · Se vende y se instala → el dorado de la casa        #e6b85f
   · Cotiza en la sala   → el azul de entrar            #a9e4ff */
body.casa{--ac:#e6b85f;--ac-soft:#f3d79f;background:var(--void)}
body.casa.rotulo--pidelo{--ac:#e8934f;--ac-soft:#f5bc8a}
body.casa.rotulo--instala{--ac:#e6b85f;--ac-soft:#f3d79f}
body.casa.rotulo--cotiza{--ac:#a9e4ff;--ac-soft:#d3efff}
.rotulo--construccion{--ac:#ddd6c2;--ac-soft:#f0ead8}
body.casa.rotulo--construccion{--ac:#ddd6c2;--ac-soft:#f0ead8}

/* ---------- el héroe de la casa ---------- */
.hero--casa{min-height:0;padding:clamp(96px,15svh,150px) max(23px,calc(50% - 590px)) clamp(36px,5svh,56px)}
.hero--casa .scroll-mark{display:none}
.hero--casa h1{font-size:clamp(38px,6.4vw,72px)}
.hero--casa h1 em{color:var(--ac-soft)}
.casa__rotulo{display:inline-block;margin:26px 0 0;font:600 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#17100a;background:var(--ac);padding:8px 12px}
.casa__estado{margin:14px 0 0;font:500 10.5px/1.6 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ac-soft)}
.flowline{margin:30px 0 0;font:500 clamp(11px,1.6vw,13px)/1.6 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ac-soft)}
.flowline span{color:var(--texto-2);margin:0 .35em}
.houserule{max-width:640px;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(--ac-soft)}
.houserule .en{display:block;margin-top:9px;font-size:.72em;line-height:1.45;color:var(--texto-2)}
body.casa .born{color:var(--ac-soft)}
body.casa .born:before{background:linear-gradient(90deg,var(--ac),transparent)}

/* ---------- 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:var(--s1);background:var(--flotante-fondo);backdrop-filter:var(--flotante-difuminado);-webkit-backdrop-filter:var(--flotante-difuminado);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:var(--texto-2)}
.chat__hilo{display:flex;flex-direction:column;gap:10px;max-height:520px;overflow-y:auto;padding:4px 2px 8px;scrollbar-width:thin}
.chatmsg{max-width:88%;padding:12px 15px;border:1px solid var(--line);background:var(--s1);opacity:0;transform:translateY(8px);transition:opacity var(--dur-reveal) var(--curva-out),transform var(--dur-reveal) var(--curva-out)}
.chatmsg.in{opacity:1;transform:none}
.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(--ac-soft)}
.chatmsg ul{margin:6px 0 2px;padding-left:19px;font:400 15px/1.6 var(--serif);color:rgba(255,255,255,.85)}
.chatmsg ul li{margin-bottom:4px}
.chatmsg--casa{align-self:flex-start;border-left:2px solid var(--ac)}
.chatmsg--yo{align-self:flex-end;background:var(--s2);border-color:rgba(255,255,255,.3)}
.chatmsg--yo p{font-family:var(--sans);font-size:14.5px}
.chatmsg--card{max-width:94%;width:100%}
.chatcard{border:1px solid rgba(255,255,255,.16);background:var(--s1);padding:14px 16px}
.chatcard__tag{margin:0;font:500 8.5px/1.5 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--ac-soft)}
.chatcard__name{margin:8px 0 0;font:italic 400 18.5px/1.3 var(--serif);color:rgba(255,250,238,.96)}
.chatcard__body{margin:8px 0 0;font:400 14.5px/1.55 var(--serif);color:rgba(255,255,255,.78)}
.chatcard ul{margin:8px 0 2px;padding-left:19px;font:400 14.5px/1.6 var(--serif);color:rgba(255,255,255,.82)}
.chatcard .wabtn{margin-top:12px}
.chat__chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.chat__chip{appearance:none;background:transparent;border:1px solid var(--ac);color:var(--ac-soft);font:500 12.5px/1 var(--sans);letter-spacing:.04em;padding:11px 15px;border-radius:99px;cursor:pointer;transition:background var(--dur-micro) var(--curva-out),border-color var(--dur-micro) var(--curva-out)}
.chat__chip:hover{background:rgba(255,255,255,.07)}
.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(--ac)}
.chat__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.btnchat{appearance:none;background:var(--ac);border:1px solid var(--ac);color:#17100a;font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:12px 18px;cursor:pointer}
.chat__door{margin:14px 0 0;font:italic 400 14px/1.5 var(--serif);color:var(--texto-2)}
.chat__doorlink{appearance:none;background:none;border:none;padding:0;font:inherit;color:var(--ac-soft);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.chat__wa{display:inline-block;margin-top:2px}
.wabtn{display:inline-block;background:transparent;border:1px solid var(--ac);color:var(--ac-soft);font:italic 400 16.5px/1.25 var(--serif);padding:12px 22px;text-decoration:none;transition:background var(--dur-micro) var(--curva-out),border-color var(--dur-micro) var(--curva-out)}
.wabtn:hover{background:rgba(255,255,255,.07)}

/* ---------- el guía persistente: de vuelta al hilo ---------- */
.guia{position:fixed;right:16px;bottom:16px;z-index:40;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--ac);background:var(--s1);background:var(--flotante-fondo);backdrop-filter:var(--flotante-difuminado);-webkit-backdrop-filter:var(--flotante-difuminado);color:var(--ac-soft);font:italic 400 15px/1 var(--serif);padding:11px 16px;text-decoration:none}
.guia::before{content:"";flex:none;width:7px;height:7px;border-radius:999px;background:var(--ac)}
.guia[hidden]{display:none}

/* ---------- tus pedidos ---------- */
.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:var(--s1);background:var(--flotante-fondo);backdrop-filter:var(--flotante-difuminado);-webkit-backdrop-filter:var(--flotante-difuminado);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(--ac-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:var(--texto-2)}
.orders__estado{display:block;width:100%;font:500 10px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ac-soft)}
.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 var(--dur-micro) var(--curva-out),color var(--dur-micro) var(--curva-out)}
.orders__copy:hover{border-color:var(--ac);color:var(--ac-soft)}

/* ---------- el registro a mano (puerta secundaria) ---------- */
.formsec{position:relative;z-index:3;padding:2svh max(23px,calc(50% - 590px)) 6svh}
.formbox{width:min(680px,100%);margin:0 auto;border:1px solid var(--line);background:var(--s1);background:var(--flotante-fondo);backdrop-filter:var(--flotante-difuminado);-webkit-backdrop-filter:var(--flotante-difuminado);padding:clamp(20px,4vw,32px)}
.formbox__intro{margin:0 0 18px;font:italic 400 15.5px/1.5 var(--serif);color:rgba(255,255,255,.7)}
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.formnote{margin:0 0 14px;font:italic 400 15px/1.5 var(--serif);color:var(--ac-soft)}
body.casa .compose-btn{border-color:var(--ac);color:var(--ac-soft);background:transparent}
body.casa .compose-btn:hover{background:rgba(255,255,255,.07)}
body.casa .f input:focus,body.casa .f select:focus,body.casa .f textarea:focus{border-color:var(--ac)}

/* ---------- la salida del pedido ---------- */
.out{display:none;margin-top:26px;border-top:1px solid var(--line);padding-top:22px}
.out.on{display:block}
.out__ok{margin:0;font:italic 400 clamp(18px,2.2vw,21px)/1.4 var(--serif);color:rgba(255,250,238,.94)}
.out__folio{margin:8px 0 0;font:500 10.5px/1.6 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ac-soft)}
.out__pago{margin:14px 0 0;font:italic 400 15.5px/1.55 var(--serif);color:rgba(255,255,255,.85)}
.out__pago b{color:var(--ac-soft)}
.out__cap{margin:20px 0 0;font:500 9px/1.5 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--texto-2)}
.out__text{margin:10px 0 0;white-space:pre-wrap;font:400 13.5px/1.6 var(--sans);color:rgba(255,255,255,.75);border:1px solid var(--line);background:rgba(255,255,255,.02);padding:14px 15px}
.out__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}
.out__origen{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}
.out__origen-q{margin:0;font:italic 400 15.5px/1.5 var(--serif);color:rgba(255,255,255,.88)}
.out__origen-q span{font:400 12px/1.5 var(--sans);color:var(--texto-2);letter-spacing:.02em}
.out__origen-q b{color:var(--ac-soft)}
.out__origen-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.origen__chip{appearance:none;background:transparent;border:1px solid var(--ac);color:var(--ac-soft);font:500 12.5px/1 var(--sans);letter-spacing:.04em;padding:11px 15px;border-radius:99px;cursor:pointer;transition:background var(--dur-micro) var(--curva-out),border-color var(--dur-micro) var(--curva-out)}
.origen__chip:hover{background:rgba(255,255,255,.07)}
.origen__chip:disabled{opacity:.45;cursor:default}
.out__origen-fila{display:flex;gap:9px;margin:12px 0 0;flex-wrap:wrap}
.out__origen-fila input{flex:1;min-width:180px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--ink);font:400 14.5px/1.4 var(--sans);padding:11px 13px}
.out__origen-fila input:focus{outline:none;border-color:var(--ac)}
.out__origen-nota{margin:12px 0 0;font:italic 400 14.5px/1.5 var(--serif);color:var(--ac-soft)}
.copybtn{appearance:none;background:transparent;border:1px solid var(--line);color:var(--ink);font:500 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:11px 16px;cursor:pointer;transition:border-color var(--dur-micro) var(--curva-out),color var(--dur-micro) var(--curva-out)}
.copybtn:hover{border-color:var(--ac);color:var(--ac-soft)}
.copied{font:italic 400 13.5px/1.4 var(--serif);color:var(--ac-soft);opacity:0;transition:opacity var(--dur-micro) var(--curva-out)}
.copied.on{opacity:1}

/* ---------- qué incluye / la muestra, en la página ---------- */
.incluye{position:relative;z-index:3;padding:4svh max(23px,calc(50% - 590px)) 6svh}
.incluyebox{width:min(680px,100%);margin:0 auto;border:1px solid var(--line);background:var(--s1);background:var(--flotante-fondo);backdrop-filter:var(--flotante-difuminado);-webkit-backdrop-filter:var(--flotante-difuminado);padding:clamp(20px,4vw,32px)}
.incluye__list{margin:6px 0 0;padding-left:20px;font:400 15.5px/1.65 var(--serif);color:rgba(255,255,255,.85)}
.incluye__list li{margin-bottom:6px}
.incluye__precio{margin:20px 0 0;border-top:1px solid var(--line);padding-top:18px;font:italic 400 clamp(16px,2vw,18.5px)/1.55 var(--serif);color:rgba(255,255,255,.88)}
.incluye__precio b{color:var(--ac-soft)}
.incluye__muestra{margin:18px 0 0;font:italic 400 15.5px/1.55 var(--serif);color:rgba(255,255,255,.75)}
.incluye__muestra a{color:var(--ac-soft)}

/* ---------- el índice: las 22 casas ---------- */
.casas{position:relative;z-index:2;width:min(100% - 46px,1180px);margin:0 auto;padding:4svh 0 8svh}
.casas__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.casacard{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--s1);padding:22px 22px 24px;text-decoration:none;transition:border-color var(--dur-micro) var(--curva-out),background var(--dur-micro) var(--curva-out)}
.casacard:hover{border-color:var(--ac);background:var(--s2)}
.casacard__rotulo{margin:0;font:600 9px/1.5 var(--sans);letter-spacing:.26em;text-transform:uppercase}
.casacard__name{margin:12px 0 0;font:400 clamp(20px,2.2vw,25px)/1.18 var(--serif);letter-spacing:-.015em;color:rgba(255,250,238,.96)}
.casacard__pregunta{margin:12px 0 0;font:italic 400 15px/1.5 var(--serif);color:rgba(255,255,255,.72);flex:1}
.casacard__estado{margin:18px 0 0;font:500 9.5px/1.6 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--texto-2)}
.casacard__precio{margin:6px 0 0;font:italic 400 15.5px/1.45 var(--serif)}
.casacard__go{margin-top:14px;font:italic 400 15px/1 var(--serif)}
.rotulo--pidelo{--ac:#e8934f;--ac-soft:#f5bc8a}
.rotulo--instala{--ac:#e6b85f;--ac-soft:#f3d79f}
.rotulo--cotiza{--ac:#a9e4ff;--ac-soft:#d3efff}
.casacard .casacard__rotulo,.casacard .casacard__precio,.casacard .casacard__go{color:var(--ac-soft)}

/* ---------- LA MUESTRA VIVA: el escenario compartido ----------
   La cosa misma en miniatura, compuesta con los datos del hilo.
   El objeto se presenta sobre papel claro contra la piedra (la
   lógica de la Carta); la conversación, en un teléfono de piedra.
   Vara: 360px primero, toques ≥44px, sin WebGL (Estampas nace solo). */
.mv__stage{margin-top:12px}
.mv__nota{margin:12px 0 0;font:italic 400 13px/1.5 var(--serif);color:var(--texto-2)}
.mv__falta{margin:0 0 10px;font:italic 400 13.5px/1.5 var(--serif);color:var(--ac-soft)}
.mv__pie{margin:10px 0 0;font:400 12px/1.5 var(--sans);color:var(--texto-2)}
.mv-tel{border:1px solid rgba(255,255,255,.22);background:var(--s1);padding:12px 12px 14px}
.mv-tel__head{display:flex;align-items:baseline;gap:8px;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:10px}
.mv-tel__dot{flex:none;width:8px;height:8px;border-radius:99px;background:var(--ac)}
.mv-tel__name{font:600 13.5px/1.3 var(--sans);color:rgba(255,250,238,.95)}
.mv-tel__sub{margin-left:auto;font:500 9px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--texto-2)}
.mv-hilo{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto;padding:2px}
.mv-b{max-width:86%;padding:9px 12px;font:400 14px/1.5 var(--sans)}
.mv-b--a{align-self:flex-start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:rgba(255,250,238,.94)}
.mv-b--c{align-self:flex-end;background:var(--ac);color:#17100a}
.mv-b small{display:block;margin-top:4px;font-size:10.5px;letter-spacing:.06em;opacity:.65}
.mv-qrow{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.mv-qchip{appearance:none;background:transparent;border:1px solid var(--ac);color:var(--ac-soft);font:500 12px/1 var(--sans);padding:10px 13px;border-radius:99px;cursor:pointer;min-height:44px}
.mv-in{display:flex;gap:8px;margin-top:10px}
.mv-in input{flex:1;min-width:0;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--ink);font:400 14px/1.4 var(--sans);padding:11px 12px;min-height:44px}
.mv-in input:focus{outline:none;border-color:var(--ac)}
.mv-in button{appearance:none;background:var(--ac);border:1px solid var(--ac);color:#17100a;font:600 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:0 15px;cursor:pointer;min-height:44px}
.mv-agenda{margin-top:11px;border-top:1px dashed rgba(255,255,255,.25);padding-top:10px}
.mv-agenda__t{margin:0 0 7px;font:500 9px/1.5 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ac-soft)}
.mv-agenda__item{display:flex;gap:9px;align-items:baseline;padding:6px 0;border-top:1px solid rgba(255,255,255,.07);font:400 13.5px/1.45 var(--sans);color:rgba(255,250,238,.9)}
.mv-agenda__hora{flex:none;font-weight:600;color:var(--ac-soft)}
.mv-agenda__vacio{font:italic 400 13px/1.5 var(--serif);color:var(--texto-2)}
.mv-hoja{background:#f2ead6;color:#211a11;padding:18px 18px 16px;box-shadow:0 14px 34px rgba(0,0,0,.45)}
.mv-hoja__tag{margin:0;font:600 8.5px/1.5 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--papel-dorado)}
.mv-hoja__name{margin:7px 0 0;font:italic 400 20px/1.25 var(--serif);color:#211a11}
.mv-hoja__sub{margin:3px 0 0;font:400 12.5px/1.5 var(--sans);color:var(--papel-apoyo)}
.mv-hoja__row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid rgba(33,26,17,.16);font:400 13.5px/1.5 var(--sans)}
.mv-hoja__row b{font-weight:600}
.mv-hoja__total{display:flex;justify-content:space-between;gap:12px;padding-top:10px;margin-top:4px;border-top:2px solid #211a11;font:600 15px/1.4 var(--sans)}
.mv-hoja__txt{margin:10px 0 0;font:400 14px/1.6 var(--serif);color:#2c2416;white-space:pre-wrap}
.mv-obj{display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 130% at 50% 0%,rgba(255,255,255,.09),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.14);padding:22px 14px;min-height:150px}
.mv-tarj{width:min(300px,88%);aspect-ratio:1.586;background:#f2ead6;color:#211a11;padding:14px 16px;box-shadow:0 16px 30px rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:space-between}
.mv-tarj__n{font:italic 400 19px/1.2 var(--serif)}
.mv-tarj__s{font:400 11.5px/1.5 var(--sans);color:var(--papel-apoyo)}
.mv-tarj__b{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.mv-tarj__t{font:600 13px/1.3 var(--sans)}
.mv-qr{flex:none;width:52px;height:52px;background:#211a11;position:relative}
.mv-qr::after{content:"";position:absolute;inset:7px;background:repeating-conic-gradient(#f2ead6 0 25%,transparent 0 50%) 0 0/11px 11px}
.mv-stick{width:132px;height:132px;border-radius:50%;background:#f2ead6;color:#211a11;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px;box-shadow:0 14px 28px rgba(0,0,0,.5)}
.mv-stick--rect{border-radius:8px;width:190px;height:118px}
.mv-stick__n{font:italic 400 16.5px/1.2 var(--serif)}
.mv-stick__s{font:400 10.5px/1.45 var(--sans);color:var(--papel-apoyo);margin-top:3px}
.mv-prenda{width:min(230px,74%);background:#ece7db;color:#211a11;padding:26px 18px 30px;text-align:center;box-shadow:0 14px 28px rgba(0,0,0,.5);border-radius:6px 6px 12px 12px}
.mv-prenda__n{font:italic 400 20px/1.25 var(--serif)}
.mv-prenda__s{font:500 9.5px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--papel-apoyo);margin-top:5px}
.mv-marco{background:#171310;border:10px solid #2c241a;padding:8px;box-shadow:0 16px 32px rgba(0,0,0,.55)}
.mv-marco__in{background:linear-gradient(160deg,#3d4a56,#232c34 60%,#1a2129);color:#e9e2d0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px 16px;min-width:min(240px,64vw)}
.mv-marco__n{font:italic 400 19px/1.25 var(--serif)}
.mv-marco__s{font:400 11px/1.5 var(--sans);color:var(--texto-cuerpo);margin-top:4px}
.mv-set{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:9px;width:100%}
.mv-pieza{border:1px solid rgba(255,255,255,.16);background:var(--s1);padding:11px 11px 12px}
.mv-pieza__t{margin:0;font:500 8.5px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ac-soft)}
.mv-pieza__n{margin:6px 0 0;font:italic 400 14.5px/1.35 var(--serif);color:rgba(255,250,238,.94)}
.mv-pieza__s{margin:3px 0 0;font:400 11.5px/1.45 var(--sans);color:var(--texto-2)}
.mv-tab{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:9px}
.mv-col{border:1px solid rgba(255,255,255,.14);background:var(--s1);padding:11px}
.mv-col__t{margin:0 0 8px;font:500 8.5px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ac-soft)}
.mv-task{border-top:1px solid rgba(255,255,255,.09);padding:7px 0;font:400 12.5px/1.45 var(--sans);color:rgba(255,250,238,.88)}
.mv-task:first-of-type{border-top:none}
.mv-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:9px;margin-bottom:9px}
.mv-kpi{border:1px solid rgba(255,255,255,.14);padding:10px 11px}
.mv-kpi__n{font:600 19px/1.2 var(--sans);color:rgba(255,250,238,.96)}
.mv-kpi__n input{width:74px;background:transparent;border:none;border-bottom:1px dashed var(--ac);color:inherit;font:inherit;padding:0}
.mv-kpi__n input:focus{outline:none}
.mv-kpi__l{margin-top:3px;font:500 8.5px/1.5 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--texto-2)}
.mv-post{border:1px solid rgba(255,255,255,.16);background:var(--s1);padding:13px 14px}
.mv-post__head{display:flex;gap:9px;align-items:baseline;margin-bottom:8px}
.mv-post__ava{flex:none;width:26px;height:26px;border-radius:99px;background:var(--ac);color:#17100a;font:700 12px/26px var(--sans);text-align:center}
.mv-post__name{font:600 13.5px/1.3 var(--sans);color:rgba(255,250,238,.95)}
.mv-post__txt{font:400 14px/1.6 var(--sans);color:rgba(255,255,255,.86);white-space:pre-wrap}
.mv-post__hash{font:400 12.5px/1.5 var(--sans);color:var(--ac-soft)}
.mv-reel{width:min(168px,52vw);aspect-ratio:9/16;margin:0 auto;background:linear-gradient(165deg,#31404d,#141b21 65%);border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;justify-content:flex-end;padding:13px;box-shadow:0 16px 30px rgba(0,0,0,.5)}
.mv-reel__t{font:italic 400 16.5px/1.3 var(--serif);color:#fff8ea}
.mv-reel__s{font:400 11px/1.5 var(--sans);color:rgba(255,248,234,.72);margin-top:4px}
.mv-frentes{list-style:none;margin:0;padding:0}
.mv-frentes li{display:flex;gap:10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.09);font:400 13.5px/1.5 var(--sans);color:rgba(255,250,238,.88)}
.mv-frentes li:first-child{border-top:none}
.mv-frentes__n{flex:none;font:600 10px/1.6 var(--sans);letter-spacing:.14em;color:var(--ac-soft)}
.mv-resena{border:1px solid rgba(255,255,255,.16);background:var(--s1);padding:12px 14px;margin-top:9px}
.mv-resena__stars{color:var(--ac-soft);font-size:14px;letter-spacing:3px}
.mv-resena__txt{margin:6px 0 0;font:italic 400 14.5px/1.55 var(--serif);color:rgba(255,250,238,.92)}
.mv-resena__resp{margin:9px 0 0;border-top:1px dashed rgba(255,255,255,.2);padding-top:8px;font:400 13px/1.55 var(--sans);color:rgba(255,255,255,.75)}
@media(max-width:760px){.mv-b{max-width:92%}.mv-hoja{padding:15px 14px}}

@media(max-width:1020px){.casas__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
  .chatsec,.orders,.formsec,.incluye{padding-left:23px;padding-right:23px}
  .chatmsg{max-width:94%}
  .chat__hilo{max-height:60svh}
  .ordersbox,.formbox,.chatbox,.incluyebox{padding:20px 18px}
  .f-grid{grid-template-columns:1fr}
  .casas{width:calc(100% - 30px)}
}
@media(max-width:620px){.casas__grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
  .chatmsg{transition:none;opacity:1;transform:none}
  .wabtn,.chat__chip,.orders__copy,.copybtn,.casacard{transition:none}
}

/* ═══ EL RIEL DE TARJETA Y EL ESPEJO (piloto Reseñas, 2026-10-23) ═══
   La brasa vive solo junto al precio, dentro de la casa: el botón
   de tarjeta la lleva porque su texto ES el precio entero. */
.riel__letra{font:400 13px/1.55 var(--sans);color:rgba(255,250,238,.72)}
.riel__monte{margin:10px 0 2px}
.puerta-tarjeta-btn{background:#ff8a2a!important;border-color:#ff8a2a!important;color:#1d130a!important;font-weight:700}
.puerta-tarjeta-btn:hover{background:#ffa04d!important}
.riel__bloque{margin-top:12px;border-top:1px dashed rgba(255,255,255,.18);padding-top:10px}
.orders__puerta{display:block;margin-top:8px}
.orders__puerta:empty{display:none}
.espejo-form{margin-top:18px;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}
.espejo-form .mv-tel,.espejo-form .mv-resena,.espejo-form .mv-obj{max-width:520px}

/* ============ LAS CASAS NUEVAS — RETENER MOSTRANDO (2026-10-25) ====
   La estructura de Temu, sin su engaño: la recomendación cruzada con
   la razón a la vista, la salida tan fácil como la entrada y la
   cotización conjunta sin umbrales ni desbloqueos. */

/* ---------- la salida: salir cuesta lo mismo que entrar ---------- */
.salida{position:relative;z-index:3;padding:0 max(23px,calc(50% - 590px)) 2svh}
.salida__box{width:min(680px,100%);margin:0 auto;border:1px dashed var(--line);padding:16px 20px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px}
.salida__line{margin:0;font:italic 400 15.5px/1.55 var(--serif);color:rgba(255,255,255,.72)}
.salida__door{margin-left:auto;font:600 13px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ac-soft);text-decoration:none;border-bottom:1px solid var(--ac);padding-bottom:3px;white-space:nowrap}
.salida__door:hover{color:#fff}

/* ---------- el paquete entre casas: una sola cotización ---------- */
.paquete{position:relative;z-index:3;padding:4svh max(23px,calc(50% - 590px)) 6svh}
.paquetebox{width:min(680px,100%);margin:0 auto;border:1px solid var(--line);background:var(--s1);background:var(--flotante-fondo);backdrop-filter:var(--flotante-difuminado);-webkit-backdrop-filter:var(--flotante-difuminado);padding:clamp(20px,4vw,32px)}
.paquete__intro{margin:0;font:italic 400 15.5px/1.55 var(--serif);color:rgba(255,255,255,.78)}
.paquete__intro b{color:var(--ac-soft)}
.paquete__list{list-style:none;margin:8px 0 0;padding:0}
.paquete__list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:13px 0;border-top:1px solid var(--line)}
.paquete__pieza{font:italic 400 17px/1.4 var(--serif);color:rgba(255,250,238,.94)}
.paquete__estado{margin-left:auto;font:500 10.5px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ac-soft);text-align:right}
.paquete__total{margin:18px 0 0;border-top:1px solid var(--line);padding-top:18px;font:italic 400 clamp(16px,2vw,18.5px)/1.55 var(--serif);color:rgba(255,255,255,.88)}
.paquete__ref{margin:14px 0 0;font:400 14.5px/1.6 var(--serif);color:rgba(255,255,255,.66)}
.paquete__ref b{color:var(--ac-soft)}
.paquete__cta{margin:18px 0 0}

/* ---------- el carril: completa tu evento / completa tu negocio ----
   Máximo dos puertas hermanas, cada una con su razón verdadera a la
   vista — y el carril TERMINA: al final está la calle. Sin feed. */
.cruce{position:relative;z-index:3;padding:4svh max(23px,calc(50% - 590px)) 6svh}
.crucebox{width:min(680px,100%);margin:0 auto}
.cruce__intro{margin:0 0 18px;font:italic 400 15.5px/1.55 var(--serif);color:rgba(255,255,255,.7)}
.cruce__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cruce__card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);background:var(--s1);padding:18px 20px;color:inherit;text-decoration:none;transition:border-color var(--dur-micro) var(--curva-out)}
.cruce__card:hover{border-color:var(--ac)}
.cruce__nombre{font:italic 400 19px/1.3 var(--serif);color:rgba(255,250,238,.96)}
.cruce__razon{font:400 14.5px/1.55 var(--serif);color:rgba(255,255,255,.72)}
.cruce__go{margin-top:auto;padding-top:6px;font:600 12px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ac-soft)}
.cruce__fin{margin:20px 0 0;font:italic 400 15.5px/1.55 var(--serif);color:rgba(255,255,255,.66)}
.cruce__fin a{color:var(--ac-soft)}
@media(max-width:640px){.cruce__grid{grid-template-columns:1fr}.salida__door{margin-left:0}.salida,.paquete,.cruce{padding-left:23px;padding-right:23px}}

/* ============ LA CONFIANZA A LA VISTA (2026-10-25) ====
   La extracción de Mercado Libre, al modo de la casa: ellos ponen un
   tercero entre el dinero y el desconocido; esta casa pone el estado
   a la vista. Identidad, crianza, reclamo y estados — sin fingir
   custodia que no existe. */
.casa__crianza{margin:10px 0 0;font:italic 400 clamp(15px,1.9vw,17.5px)/1.5 var(--serif);color:var(--ac-soft)}
.estadosfolio{max-width:640px;margin:16px 0 0;font:500 11.5px/1.75 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--texto-2)}
.estadosfolio b{color:var(--ac-soft);font-weight:600}
.ficha{position:relative;z-index:3;padding:2svh max(23px,calc(50% - 590px)) 4svh}
.fichabox{width:min(680px,100%);margin:0 auto;border:1px solid var(--line);background:var(--s1);background:var(--flotante-fondo);backdrop-filter:var(--flotante-difuminado);-webkit-backdrop-filter:var(--flotante-difuminado);padding:clamp(20px,4vw,32px)}
.ficha__list{margin:6px 0 0}
.ficha__list>div{display:flex;flex-wrap:wrap;gap:4px 14px;padding:11px 0;border-top:1px solid var(--line)}
.ficha__list dt{flex:none;width:118px;font:600 10.5px/1.6 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ac-soft);padding-top:3px}
.ficha__list dd{margin:0;flex:1;min-width:200px;font:400 15.5px/1.55 var(--serif);color:rgba(255,255,255,.85)}
.ficha__reclamo{margin:18px 0 0;border-top:1px solid var(--line);padding-top:18px;font:400 15px/1.65 var(--serif);color:rgba(255,255,255,.78)}
.ficha__reclamo b{color:var(--ac-soft)}
@media(max-width:640px){.ficha{padding-left:23px;padding-right:23px}}

/* ---------- LA PUERTA VISUAL (oleada 2026-10-26) ----------
   Tres casas de objeto — Foto, Velas, Camisas — amanecen con la
   foto REAL de su producto al frente (C4 sellada: la foto manda,
   ≥65% de la puerta). La puerta es la foto a pantalla casi
   entera; la palabra de la casa — rótulo, nombre y estado, con su
   texto intacto — vive al pie de la foto, sobre el velo que la
   funde con la piedra. Debajo de la puerta va la entrada de
   siempre (la pregunta, el flujo, la regla) en su columna.
   Clases de adopción: solo las siente la ficha que las trae. */
.hero--puerta{padding:0}
.puerta{position:relative;margin:0;width:100%;height:92svh;min-height:480px;overflow:hidden;background:var(--piedra)}
.puerta__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.puerta--velas .puerta__img{object-position:50% 44%}
/* Cura 2026-10-27 (ÁBRELA de Velas): la línea romana dentro del pie de
   esta puerta heredaba el position:absolute del héroe genérico
   (.hero .roman en plaza.css) y caía sobre el titular, leyéndose a
   fragmentos. En esta puerta vuelve al flujo del pie: se lee entera,
   como primera línea de la cabecera, sin solapar nada. */
.puerta--velas .puerta__txt .roman{position:static}
.puerta--camisas .puerta__img{object-position:50% 58%}
.puerta__velo{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,8,.30),rgba(3,6,8,0) 30%,rgba(3,6,8,.07) 54%,rgba(3,6,8,.84) 84%,var(--piedra))}
.puerta__txt{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:0 max(23px,calc(50% - 590px)) clamp(24px,4svh,40px)}
.puerta__txt .roman{margin:0}
.puerta__txt .casa__rotulo{margin-top:14px}
.puerta__txt .casa__estado{max-width:920px}
.casa__intro{position:relative;z-index:3;padding:clamp(24px,4svh,38px) max(23px,calc(50% - 590px)) clamp(8px,1.5svh,14px)}
.casa__intro .breath-line{margin-top:0}
@media(max-width:640px){.casa__intro{padding-left:23px;padding-right:23px}.puerta__txt{padding-left:23px;padding-right:23px}}

/* Posiciones de la segunda oleada (2026-10-26) */
.puerta--joyeria .puerta__img{object-position:50% 46%}
.puerta--merch .puerta__img{object-position:50% 40%}

/* ---------- LA VITRINA (siembra de la ola de fotos, 2026-10-27) ----------
   Cada casa de producto viste la biblioteca minada: el producto del
   proveedor y el oficio, en una galería sobria bajo el «qué incluye»,
   sin tocar el flujo de compra. Mismos valores que la galería de la
   Foto (su puerta.css): caja flotante de 680, figura sobre la piedra,
   pie con su género y su crédito — cada foto dice lo que es y de
   dónde viene. La foto insignia de cada casa sigue al frente, en su
   puerta; la vitrina acompaña, no suplanta. */
.vitrina{position:relative;z-index:3;padding:2svh max(23px,calc(50% - 590px)) 4svh}
.vitrina__box{width:min(680px,100%);margin:0 auto;border:1px solid var(--linea);background:var(--s1);background:var(--flotante-fondo);backdrop-filter:var(--flotante-difuminado);-webkit-backdrop-filter:var(--flotante-difuminado);padding:clamp(20px,4vw,32px)}
.vitrina__intro{margin:0 0 20px;font:400 14.5px/1.6 var(--sans);color:var(--texto-cuerpo)}
.vitrina__cierre{margin:18px 0 0;font:italic 400 14px/1.55 var(--serif);color:var(--gold-soft)}
.vitrina__grid{display:grid;grid-template-columns:1fr;gap:18px}
.vit{margin:0;border:1px solid var(--linea);background:var(--piedra)}
.vit img{display:block;width:100%;height:auto}
.vit figcaption{padding:12px 14px 14px}
.vit__gen{margin:0;font:italic 400 17px/1.2 var(--serif);color:var(--texto)}
.vit__obra{margin:5px 0 0;font:400 12px/1.5 var(--sans);color:var(--texto-2)}
.vit--lead{margin:0 0 18px}
@media(min-width:560px){.vitrina__grid{grid-template-columns:1fr 1fr}.vit img{height:230px;object-fit:cover}.vit--lead img{height:auto}}
@media(max-width:640px){.vitrina{padding-left:23px;padding-right:23px}}