/* El Solar · Dirección Real — hoja única. φ = 1,618 · texto 16·φ^(n/2) · espacios 16·φ^n */
:root{--paper:#f7f2e9;--ivory:#eee7da;--ink:#15171c;--i2:#55575d;--i3:#6c6d72;--hair:#d9d1c2;--blue:#26324a;--f-2:9.89px;--f-1:12.58px;--f0:16px;--f1:20.35px;--f2:25.89px;--f3:32.94px;--f4:41.89px;--f5:53.3px;--f6:67.77px;--f7:86.2px;--s-2:6.11px;--s-1:9.89px;--s0:16px;--s1:25.89px;--s2:41.89px;--s3:67.77px;--s4:109.66px;--s5:177.43px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Jost",system-ui,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--hair);transition:border-color .3s}
a:hover{color:var(--blue);border-color:var(--blue)}
p,h1,h2,h3{margin:0;text-wrap:pretty}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}
.sr{font-family:"Bodoni Moda",serif;font-weight:400;font-optical-sizing:auto}
.cap{font-weight:400;text-transform:uppercase;color:var(--i2)}
.wrap{margin:0 auto;padding:0 clamp(var(--s0),5vw,var(--s3))}
.rule{height:1px;background:var(--hair);border:none;margin:0}
.orn{display:flex;align-items:center;justify-content:center;gap:var(--s0);color:var(--i3)}
.orn::before,.orn::after{content:"";height:1px;background:var(--hair)}
.orn i{border:1px solid currentColor;display:block}
.logo{font-family:"Bagel Fat One",sans-serif;font-weight:400;letter-spacing:0;display:inline-flex;align-items:baseline;line-height:1;border:none;color:var(--ink);text-transform:lowercase}
.logo,.logo:hover{color:#3a3c42}
.logo .o{display:inline-block;width:.52em;height:.52em;background:currentColor;border-radius:var(--ro,.12em);margin:0 .03em;position:relative}
.logo .o::after{content:"";position:absolute;left:34%;top:34%;width:32%;height:32%;background:var(--paper);border-radius:var(--rh,.046em)}
.hd{display:grid;justify-items:center;text-align:center}
.hd .top{width:100%;display:grid;grid-template-columns:1fr auto 1fr}
.hd .top .l{justify-self:start}
.hd .top .cap.l,.hd .top .cap.r{font-family:"Bodoni Moda",serif;font-style:normal;text-transform:none;letter-spacing:.06em;font-size:var(--f0)}
.hd .top .r{justify-self:end}
.hd nav{display:flex;flex-wrap:wrap;justify-content:center}
.hd nav a{white-space:nowrap;border:none;text-transform:uppercase;font-weight:400;color:var(--i2)}
.hd nav a:hover{color:var(--ink)}
.hero .ph{position:relative;overflow:hidden;background:#9b968c}
.hero .ph img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);animation:drift 14s ease-out forwards}
@keyframes drift{to{transform:scale(1)}}
.hero .ph figcaption{position:absolute;letter-spacing:.28em;text-transform:uppercase;color:#f8f6f1}
.hero .tx{text-align:center;display:grid;justify-items:center}
.hero h1{letter-spacing:-.015em}
.hero h1 em{font-style:italic}
.hero p{max-width:46ch;font-size:var(--f0);color:var(--i2)}
.cta{display:inline-flex;align-items:center;text-transform:uppercase;font-weight:400;border:1px solid var(--ink);color:var(--ink);transition:background .35s,color .35s}
.cta:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.sec{display:grid}
.sh{display:grid;justify-items:center;text-align:center}
.sh h2{letter-spacing:-.01em}
.sh h2 em{font-style:italic}
.sh p{color:var(--i2)}
.sel{display:grid;align-items:start}
.sel .pv{position:sticky;overflow:hidden;background:#a9a395}
.sel .pv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}
.sel .pv img.on{opacity:1}
.sel ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.sel li{border-bottom:1px solid var(--hair)}
.sel li button{width:100%;display:grid;align-items:baseline;text-align:left;transition:padding .4s}
.sel .n{font-family:"Bodoni Moda",serif;color:var(--i3)}
.sel .t{display:grid}
.sel .t b{font-family:"Bodoni Moda",serif;font-weight:400}
.sel li.on .t b{font-style:italic}
.sel .t span{font-size:var(--f-1);color:var(--i2)}
.sel .pr{font-size:var(--f-1);letter-spacing:.04em;white-space:nowrap}
.sel .mo{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.sel .mo p{color:var(--i2);max-width:40ch}
.ch{font-style:italic;border-bottom:1px solid #8c95a8;cursor:pointer;transition:border-color .3s;white-space:nowrap}
.ch:hover{border-color:var(--paper)}
.ch::after{content:" ⌄";font-style:normal;font-size:.5em;vertical-align:.4em;color:#8c95a8}
.ans{margin:0 auto;border-top:1px solid #4a5570;display:grid;text-align:center;justify-items:center}
.ans b{font-family:"Bodoni Moda",serif;font-weight:400}
.ans p{color:#c9cdd6;max-width:52ch}
.ans .st{letter-spacing:.28em;text-transform:uppercase;color:#d9c9a3}
.ans>*{transition:opacity .6s,transform .6s}
.ans.fd>*{opacity:0;transform:translateY(6px)}
@media(max-width:860px){.ans{text-align:left!important;justify-items:start!important}}
.w2{border-block:1px solid var(--hair)}
.w2-in{display:grid;justify-items:center;text-align:center;gap:var(--s1)}
.w2-dots{display:flex;gap:var(--s-1);margin-top:var(--s0)}
.w2-dots i{border-radius:2.7px;border:1px solid var(--i3);transition:background .6s,border-color .6s}
.w2-dots i.on{background:var(--ink);border-color:var(--ink)}
.w2-dots i.cur{border-color:var(--ink)}
.w2-stage{padding-block:var(--s0);display:grid;align-content:center;justify-items:center;gap:var(--s1);width:100%;max-width:764px;transition:opacity .42s,transform .42s}
.w2-stage.fd{opacity:0;transform:translateY(10px)}
.w2-q{font-family:"Bodoni Moda",serif;font-size:var(--f4);line-height:1.236}
.w2-o{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s0) var(--s2)}
.w2-o button{font-family:"Bodoni Moda",serif;font-style:italic;font-size:var(--f2);color:var(--i2);padding:0 0 var(--s-2);border-bottom:1px solid var(--hair);transition:color .4s,border-color .4s}
.w2-o button small{display:block;font-family:"Jost",sans-serif;font-style:normal;font-size:var(--f-1);letter-spacing:.06em;color:var(--i3);margin-top:var(--s-2)}
.w2-o button:hover,.w2-o button.on{color:var(--ink);border-bottom-color:var(--ink)}
.w2-s{font-size:var(--f-1);letter-spacing:.382em;text-transform:uppercase;color:var(--blue)}
.w2-r{font-family:"Bodoni Moda",serif;font-size:var(--f3);line-height:1.236;max-width:22ch}
.w2-n{font-size:var(--f0);line-height:1.618;color:var(--i2);max-width:52ch}
.w2-a{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--s1)}
.w2-a button{font-size:var(--f-1);letter-spacing:.32em;text-transform:uppercase;color:var(--i3);border-bottom:1px solid var(--hair);padding-bottom:var(--s-2)}
.w2-a button:hover{color:var(--ink)}
.w2-l{font-family:"Bodoni Moda",serif;font-style:italic;font-size:var(--f-1);color:var(--i3)}
.w2-p{width:100%;max-width:618px;text-align:left;border-top:1px solid var(--ink);padding-top:var(--s0);display:grid;gap:var(--s0)}
.w2-p ol{list-style:none;margin:0;padding:0;counter-reset:w}
.w2-p li{counter-increment:w;display:grid;grid-template-columns:var(--s2,42px) minmax(0,1fr);column-gap:0;padding:var(--s-1) 0;border-bottom:1px solid var(--hair)}
.w2-p li::before{content:counter(w);grid-row:1/span 2;font-family:"Bodoni Moda",serif;font-style:italic;color:var(--i3)}
.w2-p li p{font-size:var(--f0);line-height:1.618}
.w2-p li em{grid-column:2;font-family:"Bodoni Moda",serif;font-size:var(--f-1);color:var(--blue)}
.w2-tr2{display:grid;gap:var(--s-2);font-size:var(--f-1);line-height:1.618;color:var(--i2)}
.w2-tr{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-1);min-height:1.618em;font-size:var(--f-1);color:var(--i3)}
.w2-tr button{font-family:"Bodoni Moda",serif;font-style:italic;color:var(--i2);border-bottom:1px dotted var(--i3)}
.w2-tr button:hover{color:var(--ink)}
.inv{margin:0 auto;text-align:center;display:grid;justify-items:center}
.inv h2{font-size:clamp(var(--f3),4.4vw,var(--f5));line-height:1.146}
.inv h2 em{font-style:italic}
.inv .st3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.inv .st3 div{display:grid;justify-items:center}
.inv .st3 div+div{border-left:1px solid var(--hair)}
.inv .st3 .sr{font-style:italic;color:var(--i3)}
.inv .st3 span{color:var(--i2);max-width:22ch}
.form{display:flex;gap:0;width:100%;border-bottom:1px solid var(--ink)}
.form input{flex:1;min-width:0;border:none;background:none;font:inherit;color:var(--ink);outline:none}
.form input::placeholder{color:var(--i3)}
.form button{letter-spacing:.26em;text-transform:uppercase;padding:0 var(--s-2);white-space:nowrap}
.form button:hover{color:var(--blue)}
.fine{color:var(--i3);max-width:56ch}
.ll{display:grid;align-items:end}
.ba{position:relative;overflow:hidden;user-select:none;cursor:ew-resize;background:#a9a395}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ba .af{clip-path:inset(0 0 0 50%)}
.ba .bf{filter:none}
.ba .hn{position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--paper)}
.ba .hn::after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border:1px solid var(--paper);border-radius:50%;background:rgba(21,23,28,.18);backdrop-filter:blur(4px)}
.ba .lb{position:absolute;letter-spacing:.28em;text-transform:uppercase;color:var(--paper)}
.ll .tx{display:grid;padding-bottom:var(--s-2)}
.ll h2 em{font-style:italic}
.ll .tx p{color:var(--i2)}
.ll .q{font-family:"Bodoni Moda",serif;font-style:italic;color:var(--ink);border-left:1px solid var(--ink)}
.tl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink)}
.tl div{display:grid}
.tl span{letter-spacing:.24em;text-transform:uppercase;color:var(--i3)}
.tl b{font-family:"Bodoni Moda",serif;font-weight:400}
.idx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ink)}
.idx div{display:grid;border-bottom:1px solid var(--hair);align-items:baseline}
.idx .n{font-family:"Bodoni Moda",serif;font-style:italic;color:var(--i3)}
.idx b{font-weight:400}
.idx small{display:block;color:var(--i2)}
.dn{display:grid;align-items:center}
.dn .por{position:relative}
.dn .tx{display:grid;max-width:52ch}
.dn h2{font-size:clamp(var(--f3),4.4vw,var(--f5));line-height:1.146}
.dn h2 em{font-style:italic}
.dn .tx p{color:var(--i2);font-size:var(--f0)}
.no{display:grid;gap:0;border-top:1px solid var(--hair)}
.no div{border-bottom:1px solid var(--hair);display:flex;justify-content:space-between;gap:var(--s0)}
.no div span:last-child{font-family:"Bodoni Moda",serif;font-style:italic;color:var(--i3)}
.ft{display:grid;justify-items:center;text-align:center;border-top:1px solid var(--hair)}
.ft nav{display:flex;flex-wrap:wrap;justify-content:center}
.ft nav a{border:none;letter-spacing:.26em;text-transform:uppercase;color:var(--i2)}
.ft p{color:var(--i3);max-width:62ch}
.pick{position:fixed;inset:0;background:rgba(21,23,28,.4);display:none;align-items:center;justify-content:center;z-index:30;padding:var(--s0)}
.pick.on{display:flex}
.pick .bx{background:var(--paper);color:var(--ink);min-width:min(360px,100%);display:grid;gap:var(--s-2)}
.pick .bx .cap{margin-bottom:var(--s-1)}
.pick .bx button{font-family:"Bodoni Moda",serif;text-align:left;border-bottom:1px solid var(--hair)}
.pick .bx button:hover{font-style:italic}
.rv{opacity:0;transform:translateY(18px);transition:opacity 1.1s ease,transform 1.1s ease}
.rv.in{opacity:1;transform:none}
body{font-size:var(--f0);line-height:1.618}
.wrap{max-width:1236px;padding-inline:clamp(var(--s1),5vw,var(--s3))}
.cap{font-size:var(--f-1);letter-spacing:.382em}
.logo{font-size:var(--f3)}
.ft .logo{font-size:var(--f2)!important}
.hd{padding-top:var(--s1);gap:var(--s1)}
.hd nav{gap:var(--s2);padding-bottom:var(--s1)}
.hd nav a{font-size:var(--f-1);letter-spacing:.236em}
.hero{padding-top:var(--s2)}
.hero .ph{height:auto;aspect-ratio:2.618/1;max-height:none}
.hero .ph figcaption{right:var(--s0);bottom:var(--s0);font-size:var(--f-1)}
.hero .tx{padding:var(--s4) 0 var(--s4);gap:var(--s1)}
.hero h1{font-size:clamp(var(--f4),6.18vw,var(--f7));line-height:1.146;max-width:none}
.hero p,.inv p,.dn .tx p{font-size:var(--f1);line-height:1.618;max-width:38ch}
.cta{font-size:var(--f-1);letter-spacing:.236em;padding:var(--s0) var(--s2);gap:var(--s-1)}
.sec{padding-block:var(--s5);gap:var(--s3)}
.sh{gap:var(--s0)}
.sh h2,.inv h2,.dn h2{font-size:clamp(var(--f3),4.24vw,var(--f6));line-height:1.146;max-width:none}
.sh p{font-size:var(--f0);max-width:42ch}
.sel{grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:var(--s3)}
.sel .pv{aspect-ratio:1/1.618;top:var(--s2)}
.sel li button{grid-template-columns:var(--s2) minmax(0,1fr) auto;gap:var(--s0);padding:var(--s1) 0}
.sel li button:hover,.sel li.on button{padding-left:var(--s-1)}
.sel .n{font-size:var(--f-1)}
.sel .t{gap:var(--s-2)}
.sel .t b{font-size:var(--f2);line-height:1.236}
.sel .t span,.sel .pr{font-size:var(--f-1)}
.sel .mo{padding-top:var(--s1);gap:var(--s1)}
.sel .mo p{font-size:var(--f-1)}
.ans{max-width:618px;padding-top:var(--s1);gap:var(--s-1)}
.ans b{font-size:var(--f2);line-height:1.236}
.ans p{font-size:var(--f0)}
.ans .st{font-size:var(--f-1)}
.inv{max-width:764px;gap:var(--s2)}
.inv .st3 div{padding:var(--s1) var(--s0);gap:var(--s-1)}
.inv .st3 .sr{font-size:var(--f3)}
.inv .st3 span{font-size:var(--f-1)}
.form{max-width:618px}
.form input{font-size:var(--f0);padding:var(--s0) var(--s-2)}
.form button{font-size:var(--f-1)}
.fine{font-size:var(--f-1)}
.ll{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:var(--s3)}
.ba{aspect-ratio:1.618/1}
.ba .lb{bottom:var(--s0);font-size:var(--f-1)}
.ll .tx{gap:var(--s1)}
.ll h2{font-size:clamp(var(--f3),3.6vw,var(--f5));line-height:1.146}
.ll .tx p{font-size:var(--f0)}
.ll .q{font-size:var(--f1);padding-left:var(--s0)}
.tl div{padding:var(--s0) var(--s0) 0 0;gap:var(--s-2)}
.tl span{font-size:var(--f-1)}
.tl b{font-size:var(--f1)}
.idx{column-gap:var(--s3)}
.idx div{grid-template-columns:var(--s2) 1fr;gap:var(--s-1);padding:var(--s1) 0}
.idx b{font-size:var(--f0)}
.idx small{font-size:var(--f-1)}
.dn{grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:var(--s3)}
.dn .por{aspect-ratio:1/1.618}
.dn .tx{gap:var(--s1)}
.no div{padding:var(--s0) 0;font-size:var(--f0)}
.ft{padding-block:var(--s3) var(--s2);gap:var(--s1)}
.ft nav{gap:var(--s1)}
.ft nav a{font-size:var(--f-1)}
.ft p{font-size:var(--f-1)}
.orn::before,.orn::after{width:var(--s2)}
.pick .bx{padding:var(--s1) var(--s2)}
.pick .bx button{font-size:var(--f2);padding:var(--s-1) 0}
.hd .top{align-items:baseline}
.dl{width:100%;display:grid;padding-top:var(--s0)}
.dl-t{position:relative;display:flex;justify-content:center;align-items:center}
.dl-t::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--hair)}
.dl-t .cap{position:relative;background:var(--paper);padding:0 var(--s0);font-size:var(--f-1);color:var(--i2);transition:color .3s,letter-spacing .6s cubic-bezier(.77,0,.18,1)}
.dl-t:hover .cap{color:var(--ink);letter-spacing:.5em}
.dl-p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .9s cubic-bezier(.77,0,.18,1)}
.dl-p>div{overflow:hidden}
.dl.on .dl-p{grid-template-rows:1fr}
.dl-p nav{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--s0) var(--s3);padding:var(--s1) 0 var(--s1)}
.dl-p a{text-transform:none;letter-spacing:0;font-size:inherit;display:grid;justify-items:center;gap:var(--s-2);border:none;opacity:0;transform:translateY(calc(var(--s0)*-1));transition:opacity .6s ease,transform .6s ease}
.dl.on .dl-p a{opacity:1;transform:none}
.dl.on .dl-p a:nth-child(1){transition-delay:.3s}
.dl.on .dl-p a:nth-child(2){transition-delay:.38s}
.dl.on .dl-p a:nth-child(3){transition-delay:.46s}
.dl.on .dl-p a:nth-child(4){transition-delay:.54s}
.dl.on .dl-p a:nth-child(5){transition-delay:.62s}
.dl-p .n{font-family:"Bodoni Moda",serif;font-style:italic;font-size:var(--f-1);color:var(--i3)}
.dl-p .w{font-family:"Bodoni Moda",serif;font-size:var(--f0);line-height:1.618;white-space:nowrap;color:var(--ink)}
.dl-p a:hover .w{font-style:italic}
.dl-b{display:block;height:1px;background:var(--hair);margin-top:var(--s-2)}
@media(max-width:860px){.dl-p nav{flex-direction:column;align-items:center;gap:var(--s0)}}
body.lock{overflow:hidden}
.hd .top .cap{white-space:nowrap;position:relative;top:calc(var(--f3)*-.26 + var(--f-1)*.36)}
@media(max-width:860px){.sec{padding-block:var(--s4)}.hero .tx{padding:var(--s3) 0}.sel,.ll,.dn{grid-template-columns:1fr}.sel .pv{position:relative;top:0;aspect-ratio:1.618/1}.idx{grid-template-columns:1fr}.inv .st3{grid-template-columns:1fr}.inv .st3 div+div{border-left:none;border-top:1px solid var(--hair)}.tl{grid-template-columns:repeat(2,1fr)}}
.hc{border:none;color:#f8f6f1}
.hc:hover{color:#f8f6f1}
.hc::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(21,23,28,.618) 0,rgba(21,23,28,0) 61.8%);pointer-events:none}
.hc-i{position:absolute;left:var(--s1);right:var(--s1);bottom:var(--s0);z-index:1;display:grid;gap:var(--s-2)}
.hc-k{font-size:var(--f-1);letter-spacing:.382em;text-transform:uppercase;color:#e6e2d8}
.hc-r{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s1);flex-wrap:wrap;border-top:1px solid rgba(248,246,241,.382);padding-top:var(--s-2)}
.hc-r>div{display:grid;gap:var(--s-2)}
.hc-r b{font-weight:400;font-size:var(--f1);line-height:1.236}
.hc-r span{font-size:var(--f-1);color:#e6e2d8}
.hc-p{text-align:right;justify-items:end}
@media(max-width:620px){.hc-p{text-align:left;justify-items:start}.hc-i{left:var(--s0);right:var(--s0)}}
.hi{border-top:1px solid var(--hair);padding-top:var(--s0)}
.hi summary{cursor:pointer;list-style:none;font-size:var(--f-1);letter-spacing:.32em;text-transform:uppercase;color:var(--i2)}
.hi summary::-webkit-details-marker{display:none}
.hi summary::after{content:" +";letter-spacing:0}
.hi[open] summary::after{content:" −"}
.hi ol{list-style:none;margin:var(--s1) 0 0;padding:0;display:grid;gap:0}
.hi li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:var(--s1);padding:var(--s0) 0;border-bottom:1px solid var(--hair)}
.hi li span{font-family:"Bodoni Moda",serif;font-style:italic;color:var(--i3)}
.hi li p{font-size:var(--f-1)!important;line-height:1.618;color:var(--i2)}
.bcw{display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:var(--s2);align-items:center;margin-top:var(--s3);padding-top:var(--s2);border-top:1px solid var(--hair)}
.bc{perspective:1600px;cursor:pointer;width:100%;max-width:534px;aspect-ratio:1.618/1;justify-self:center}
.bc-i{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.6,.1,.2,1)}
.bc.on .bc-i{transform:rotateY(180deg)}
.bc-a{transition:visibility 0s .55s}.bc.on .bc-a{visibility:hidden}.bc-b{visibility:hidden;transition:visibility 0s .55s}.bc.on .bc-b{visibility:visible}
.bc-f{position:absolute;inset:0;backface-visibility:hidden;background:#f8f6f1;container-type:inline-size;box-shadow:0 1px 2px rgba(0,0,0,.08),0 26px 42px -26px rgba(0,0,0,.3);overflow:hidden}
.bc-b{transform:rotateY(180deg)}
.bc-a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3cqw}
.bc .logo{font-size:12.7cqw}
.bc .logo .o::after{background:var(--paper);border-radius:var(--rh);box-shadow:inset 0 1.5px 3px rgba(0,0,0,.42),inset 0 -1px 0 rgba(255,255,255,.55),0 0 0 .5px rgba(248,246,241,.25)}
.bc .k{font-size:max(9px,1.85cqw);letter-spacing:.32em;text-transform:uppercase;color:var(--i2)}
.bc-cut{position:absolute;border-radius:2.7px;background:#ddd6c8;box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}
.bc-n{position:absolute;font-size:max(13px,3cqw);font-weight:300;letter-spacing:.06em;line-height:1;white-space:nowrap}
.bc-c{position:absolute;left:7.87cqw;right:7.87cqw;bottom:7.87cqw;display:flex;justify-content:space-between;font-family:"Bodoni Moda",serif;font-size:max(10px,2.06cqw);letter-spacing:.06em;color:var(--i3)}
.bc-h{font-size:var(--f-1);letter-spacing:.32em;text-transform:uppercase;color:var(--i3);text-align:center;margin-top:var(--s0,16px)}
.bcx{display:grid;gap:var(--s1);justify-items:start}
.bcx .qr{color:var(--ink)}
.bcx .qr svg{width:100%;height:100%;display:block}
.bcx .acts{display:grid;gap:0;width:100%;border-top:1px solid var(--ink)}
.bcx .acts button{display:flex;justify-content:space-between;align-items:baseline;padding:var(--s0) 0;border-bottom:1px solid var(--hair);font-family:"Bodoni Moda",serif;font-size:var(--f1);text-align:left;transition:padding .4s}
.bcx .acts button:hover{padding-left:var(--s-1);font-style:italic}
.bcx .acts button span{font-family:"Jost",sans-serif;font-style:normal;font-size:var(--f-1);letter-spacing:.24em;text-transform:uppercase;color:var(--i3)}
.bcx .ok{font-size:var(--f-1);color:var(--i2);min-height:1.618em}
@media(max-width:760px){.bcw{grid-template-columns:1fr}}
.orn i{width:var(--s-2);height:var(--s-2)}

.w2-dots i{width:var(--s-1);height:var(--s-1)}
.bcx .qr{width:var(--s4);height:var(--s4)}
.sh h2,.inv h2,.ll h2,.dn h2,.hero h1{line-height:1.146}
.ll .q{line-height:1.618}
.inv .st3 .sr{line-height:1.236}
.sel li button{cursor:pointer}
:focus-visible{outline:1px solid var(--blue);outline-offset:var(--s-2)}
.form:focus-within{border-color:var(--blue)}
.dl-t{height:var(--s2)}
@media(max-width:860px){.hero .ph{aspect-ratio:1.618/1}.ft nav a,.sd .lk button,.w2-a button,.w2-tr button,.crumb a,.hi summary{display:inline-flex;align-items:center;min-height:44px}.pg-h .cap,.ti .cap,.sh .cap{white-space:normal}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}
@media print{.dl,.ft nav,.cta,.hd .top .r{display:none!important}body{background:#fff}.rv{opacity:1;transform:none}}
.sh h2{font-size:clamp(var(--f3),4.24vw,var(--f6));line-height:1.146;max-width:none}
@media(max-width:860px){.ll{grid-template-columns:1fr}.hd .top .l{display:none}.hd .top{grid-template-columns:1fr auto}}
.crumb{display:flex;gap:var(--s-1);align-items:baseline;padding-block:var(--s1) var(--s0)}
.crumb a{border:none;color:var(--i3)}
.crumb a:hover{color:var(--ink)}
.crumb span{color:var(--i3)}
.gal{display:grid;gap:var(--s-1);max-width:764px;margin-inline:auto}
.gal .big{position:relative;aspect-ratio:1.618/1;overflow:hidden;background:#9b968c}
.gal .big img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .6s}
.gal .big img.fd{opacity:0}
.gal .big .n{position:absolute;right:var(--s0);bottom:var(--s-1);font-size:var(--f-1);letter-spacing:.32em;color:#f8f6f1}
.gal .th{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s-1)}
.gal .th button{aspect-ratio:1.618/1;overflow:hidden;opacity:.618;transition:opacity .4s;outline-offset:2px}
.gal .th button.on,.gal .th button:hover{opacity:1}
.gal .th img{width:100%;height:100%;object-fit:cover;display:block}
.ti{display:grid;justify-items:center;text-align:center;gap:var(--s0);padding-block:var(--s3) var(--s2)}
.ti h1{font-size:clamp(var(--f4),5vw,var(--f6));line-height:1.146;letter-spacing:-.01em}
.ti h1 em{font-style:italic}
.ti .pr{font-family:"Bodoni Moda",serif;font-size:var(--f2)}
.fx{display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:var(--s3);align-items:start;padding-bottom:var(--s4)}
.fx .bk{display:grid;gap:var(--s1);padding-block:var(--s2);border-top:1px solid var(--hair)}
.fx .bk:first-child{border-top:none;padding-top:0}
.fx .bk h2{font-size:var(--f3);line-height:1.236}
.fx .bk h2 em{font-style:italic}
.fx .bk>p{color:var(--i2);max-width:58ch}
.fx .nt{font-family:"Bodoni Moda",serif;font-style:italic;font-size:var(--f1);line-height:1.618;color:var(--ink);max-width:40ch}
.dt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.dt div{display:grid;gap:var(--s-2);padding:var(--s0) 0;border-bottom:1px solid var(--hair)}
.dt b{font-family:"Bodoni Moda",serif;font-weight:400;font-size:var(--f2);line-height:1}
.dt span{font-size:var(--f-1);letter-spacing:.32em;text-transform:uppercase;color:var(--i3)}
.pp{display:grid;border-top:1px solid var(--ink)}
.pp div{display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:var(--s0);padding:var(--s0) 0;border-bottom:1px solid var(--hair);align-items:baseline}
.pp div span:last-child{font-family:"Bodoni Moda",serif;font-style:italic;color:var(--i2);text-align:right}
.pp div span:last-child.w{color:var(--blue);font-style:italic}
.fs{font-size:var(--f-1);color:var(--i3)}
.calc{display:grid;gap:var(--s0)}
.calc label{display:grid;gap:var(--s-1)}
.calc input[type=range]{width:100%;accent-color:var(--blue)}
.calc .row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--s-1) 0;border-bottom:1px solid var(--hair)}
.calc .row b{font-family:"Bodoni Moda",serif;font-weight:400;font-size:var(--f1);white-space:nowrap}
.ti .cap,.sh .cap{white-space:nowrap}
.calc .row.t{border-bottom:1px solid var(--ink)}
.calc .row.t b{font-size:var(--f2)}
.calc .tg{display:flex;gap:var(--s-1);align-items:center;font-size:var(--f-1);color:var(--i2);cursor:pointer}
.sd{position:sticky;top:var(--s2);display:grid;gap:var(--s1);padding:var(--s2) 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.sd .pr{font-family:"Bodoni Moda",serif;font-size:var(--f4);line-height:1}
.sd .who{font-family:"Bodoni Moda",serif;font-style:italic;color:var(--i2)}
.sd .cta{justify-content:center}
.sd .cta.pri{background:var(--ink);color:var(--paper)}
.sd .cta.pri:hover{background:var(--blue);border-color:var(--blue)}
.sd .lk{display:flex;justify-content:space-between;gap:var(--s0);flex-wrap:wrap}
.sd .lk button{font-size:var(--f-1);letter-spacing:.32em;text-transform:uppercase;color:var(--i2);border-bottom:1px solid var(--hair);padding-bottom:var(--s-2)}
.sd .lk button:hover,.sd .lk button.on{color:var(--ink);border-color:var(--ink)}
.ot{display:grid;border-top:1px solid var(--ink);margin-bottom:var(--s4)}
.ot a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.618fr) minmax(0,1fr);gap:var(--s1);align-items:center;padding:var(--s0) 0;border-bottom:1px solid var(--hair)}
.ot a img{width:100%;aspect-ratio:1.618/1;object-fit:cover;display:block}
.ot a b{font-family:"Bodoni Moda",serif;font-weight:400;font-size:var(--f2);transition:padding .4s}
.ot a:hover b{padding-left:var(--s-1);font-style:italic}
.ot a span{font-family:"Bodoni Moda",serif;color:var(--i2);text-align:right}
@media(max-width:860px){.fx{grid-template-columns:1fr}.sd{position:static}.dt{grid-template-columns:repeat(2,minmax(0,1fr))}.gal .th{grid-template-columns:repeat(5,minmax(0,1fr))}.ot a{grid-template-columns:minmax(0,1fr) minmax(0,1.618fr)}.ot a span{grid-column:2;text-align:left}}
.pg-h{display:grid;justify-items:center;text-align:center;gap:var(--s0);padding-block:var(--s4) var(--s3)}
.pg-h h1{font-size:clamp(var(--f4),5vw,var(--f6));line-height:1.146;letter-spacing:-.01em;max-width:18ch}
.pg-h h1 em{font-style:italic}
.pg-h p{max-width:52ch;color:var(--i2)}
.pg-h .cap{white-space:nowrap}
.pg{max-width:1000px;margin:0 auto;padding-bottom:var(--s4);display:grid;gap:var(--s4)}
.pg-s{display:grid;gap:var(--s2)}
.pg-s>header{display:grid;gap:var(--s-1);justify-items:center;text-align:center}
.pg-s>header h2{font-size:var(--f4);line-height:1.146}
.pg-s>header h2 em{font-style:italic}
.pg-s>header p{max-width:52ch;color:var(--i2);font-size:var(--f-1)}
.tr{border-top:1px solid var(--ink)}
.tr details{border-bottom:1px solid var(--hair)}
.tr summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:var(--s2) minmax(0,1.618fr) minmax(0,1fr) var(--s1);gap:var(--s0);align-items:baseline;padding:var(--s1) 0}
.tr summary::-webkit-details-marker{display:none}
.tr summary .n{font-family:"Bodoni Moda",serif;font-style:italic;color:var(--i3)}
.tr summary b{font-family:"Bodoni Moda",serif;font-weight:400;font-size:var(--f2);line-height:1.236;transition:padding .4s}
.tr summary:hover b{padding-left:var(--s-1);font-style:italic}
.tr summary small{display:block;font-family:"Jost",sans-serif;font-size:var(--f-1);color:var(--i3);margin-top:var(--s-2)}
.tr summary .pr{font-family:"Bodoni Moda",serif;text-align:right;white-space:nowrap}
.tr summary .pr span{display:block;font-family:"Jost",sans-serif;font-size:var(--f-1);letter-spacing:.32em;text-transform:uppercase;color:var(--i3)}
.tr summary::after{content:"+";text-align:right;color:var(--i3);font-size:var(--f1)}
.tr details[open] summary::after{content:"−"}
.tr .bd{display:grid;grid-template-columns:var(--s2) minmax(0,1fr);gap:var(--s0);padding-bottom:var(--s1)}
.tr .bd>div{grid-column:2;display:grid;gap:var(--s0);max-width:618px}
.tr .bd p{color:var(--i2)}
.tr .bd em{font-family:"Bodoni Moda",serif;font-size:var(--f-1);color:var(--blue);font-style:normal}
.tr .bd a{justify-self:start}
.nl{border-top:1px solid var(--ink)}
.nl div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:var(--s1);padding:var(--s0) 0;border-bottom:1px solid var(--hair)}
.nl b{font-family:"Bodoni Moda",serif;font-weight:400;font-size:var(--f1);line-height:1.236}
.nl b span{display:block;font-family:"Jost",sans-serif;font-size:var(--f-1);letter-spacing:.24em;text-transform:uppercase;color:var(--i3);margin-top:var(--s-2)}
.nl p{color:var(--i2);font-size:var(--f-1);line-height:1.618}
.end{display:grid;justify-items:center;text-align:center;gap:var(--s1);padding-block:var(--s3);border-top:1px solid var(--hair)}
.end p{font-family:"Bodoni Moda",serif;font-style:italic;font-size:var(--f2);max-width:24ch;line-height:1.236}
@media(max-width:860px){.tr summary{grid-template-columns:var(--s1) minmax(0,1fr) var(--s0)}.tr summary .pr{grid-column:2;text-align:left}.tr .bd{grid-template-columns:var(--s1) minmax(0,1fr)}.nl div{grid-template-columns:1fr;gap:var(--s-1)}}
.lg{max-width:764px;margin:0 auto;padding-bottom:var(--s4);counter-reset:lg}
.lg section{counter-increment:lg;display:grid;grid-template-columns:var(--s3) minmax(0,1fr);gap:var(--s0);padding:var(--s2) 0;border-top:1px solid var(--hair)}
.lg section::before{content:counter(lg,decimal-leading-zero);font-family:"Bodoni Moda",serif;font-style:italic;color:var(--i3);font-size:var(--f1)}
.lg section>div{display:grid;gap:var(--s0)}
.lg h2{font-size:var(--f2);line-height:1.236}
.lg p,.lg li{color:var(--i2)}
.lg ul{margin:0;padding-left:var(--s0);display:grid;gap:var(--s-1)}
.lg strong{font-weight:400;color:var(--ink)}
@media(max-width:860px){.lg section{grid-template-columns:1fr}}
.cta.pri{background:var(--ink);color:var(--paper);border-color:var(--ink)}.cta.pri:hover{background:var(--blue);color:var(--paper);border-color:var(--blue)}
.w2.sec{padding-block:var(--s4)}.w2-stage{min-height:var(--s5)}
@media(max-width:860px){.w2.sec{padding-block:var(--s3)}}
.enc{display:grid;margin-top:var(--s2);border-top:1px solid var(--ink)}
.enc-h{display:grid;gap:var(--s-2);padding:var(--s1) 0 var(--s0)}.enc-h p{font-size:var(--f-1);color:var(--i2)}
.enc-r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.618fr);gap:var(--s0);align-items:baseline;padding:var(--s-1) 0}
.enc-l{font-size:var(--f-1);letter-spacing:.382em;text-transform:uppercase;color:var(--i2)}
.enc-o{display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s1)}
.enc-o button{font-family:"Bodoni Moda",serif;font-size:var(--f1);line-height:1.236;color:var(--i2);padding-bottom:var(--s-2);border-bottom:1px solid transparent;transition:color .4s,border-color .4s}
.enc-o button:hover{color:var(--ink)}.enc-o button.on{color:var(--ink);font-style:italic;border-bottom-color:var(--ink)}
.enc input{width:100%;min-width:0;border:none;background:none;font:inherit;font-size:var(--f0);color:var(--ink);padding:0;outline:none}.enc input::placeholder{color:var(--i3)}
.enc-r:focus-within .enc-l{color:var(--blue)}
.enc>.cta{justify-self:start;margin-top:var(--s1)}
@media(max-width:860px){.enc-r{grid-template-columns:1fr;gap:var(--s-1)}.enc-o button{min-height:44px}.enc>.cta{justify-self:stretch;justify-content:center}}
.w2-o.ls{display:grid;gap:0;width:100%;max-width:764px;border-top:1px solid var(--ink);text-align:left}
.w2-o.ls button{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:var(--s1);align-items:baseline;padding:var(--s0) 0;border-bottom:1px solid var(--hair);text-align:left;transition:color .4s,padding .4s}
.w2-o.ls button:hover,.w2-o.ls button.on{padding-left:var(--s-1);border-bottom-color:var(--hair)}
.w2-o.ls button.on{border-bottom-color:var(--ink)}
.w2-o.ls button small{margin:0;font-size:var(--f-1);line-height:1.618;letter-spacing:0;color:var(--i2)}
@media(max-width:860px){.w2-o.ls button{grid-template-columns:1fr;gap:var(--s-2)}}
.w2>.wrap{width:100%}.w2-tr button{white-space:nowrap}
.enc input{border-bottom:1px solid var(--i3);padding:var(--s-2) 0;cursor:text;caret-color:var(--blue);transition:border-color .3s}
.enc input:hover{border-bottom-color:var(--ink)}
.enc input:focus{border-bottom-color:var(--blue)}
.enc input::placeholder,.form input::placeholder{color:var(--i3);font-family:"Bodoni Moda",serif;font-style:italic}
.enc-r{align-items:end}
.form input{cursor:text;caret-color:var(--blue)}
.fq{border-top:1px solid var(--ink)}.fq details{border-bottom:1px solid var(--hair)}
.fq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) var(--s1);gap:var(--s0);align-items:baseline;padding:var(--s1) 0}
.fq summary::-webkit-details-marker{display:none}
.fq summary h3{margin:0;font-family:"Bodoni Moda",serif;font-weight:400;font-size:var(--f1);line-height:1.236;transition:padding .4s}
.fq summary:hover h3{padding-left:var(--s-1)}
.fq summary::after{content:"+";text-align:right;color:var(--i3);font-size:var(--f1)}.fq details[open] summary::after{content:"−"}
.fq .bd{display:grid;gap:var(--s-1);padding-bottom:var(--s1);max-width:618px}.fq .bd p{color:var(--i2)}
.fq .bd em{font-family:"Bodoni Moda",serif;font-size:var(--f-1);color:var(--blue);font-style:normal}
.wrap.sec{grid-template-columns:minmax(0,1fr)}
@media(max-width:860px){.form{flex-wrap:wrap;gap:var(--s-1)}.form input{flex:1 1 100%;min-width:0}.form button{width:100%;justify-content:center}}
.dl-p .w{font-family:"Bodoni Moda",serif!important;font-weight:400;font-style:normal;font-size:var(--f1)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)}
.dl-p a .w{position:relative;color:#3a3c42!important;font-style:normal!important;text-decoration:none!important}
.dl-p a .w::before{content:"";position:absolute;right:calc(100% + var(--s-1));top:50%;width:calc(var(--s-1)*.618);height:calc(var(--s-1)*.618);margin-top:calc(var(--s-1)*-.309);border-radius:23.1%;background:#3a3c42;opacity:0;transition:opacity .4s ease}
.dl-p a:hover .w::before,.dl-p a:focus-visible .w::before,.dl-p a:active .w::before{opacity:1;transform:none}
@media(hover:none){.dl-p a .w::before{opacity:.28}}
.eu{display:block;white-space:nowrap;font-family:"Jost",sans-serif;font-size:var(--f-1);color:var(--i3);letter-spacing:.02em;margin-top:var(--s-2)}
.ft .ft-wa{font-size:var(--f-1)}.ft .ft-wa a{white-space:nowrap;color:var(--i2);border-bottom:1px solid var(--hair)}.ft .ft-wa a:hover{color:var(--ink)}
.dl-p a:hover .w{font-style:normal!important}
.dl-p nav{gap:var(--s0) var(--s2)!important;padding:var(--s1) 0!important}.dl-b{margin-top:0!important}
.logo{--rr:.074em;--ro:.12em;--rh:.046em}
.logo .lg-l,.logo .lg-a,.logo .lg-r{position:relative;display:inline-block}
.logo .lg-l i,.logo .lg-a i,.logo .lg-r i{position:absolute;display:block;background:currentColor;pointer-events:none}
.logo .lg-l{clip-path:inset(.172em -.1em -.3em -.1em)}.logo .lg-l i{left:.023em;top:.172em;width:.189em;height:.1em;border-radius:var(--rr) var(--rr) 0 0}
.logo .lg-a{clip-path:polygon(.12em -.2em,calc(100% + .2em) -.2em,calc(100% + .2em) calc(100% + .2em),-.2em calc(100% + .2em),-.2em .645em,.062em .645em,.062em .444em,.12em .444em)}.logo .lg-a i{display:block;left:.062em;top:.444em;width:.066em;height:.177em;border-radius:.06em 0 0 .06em}
.logo .lg-r{color:transparent}.logo .lg-r i,.logo .lg-r::before,.logo .lg-r::after,.logo .lg-r i::after{content:"";position:absolute;display:block;pointer-events:none}.logo .lg-r i{left:.027em;top:.409em;width:.451em;height:.222em;background:var(--lc,#3a3c42)!important;border-radius:.0515em}.logo .lg-r i::after{left:.229em;top:.192em;width:.03em;height:.03em;background:radial-gradient(circle at 100% 0,transparent .03em,var(--bg) calc(.03em + .6px))}.logo .lg-r::before{left:.027em;top:.5em;width:.195em;height:.435em;background:var(--lc,#3a3c42);border-radius:0 0 .095em .095em}.logo .lg-r::after{left:.222em;top:.52em;width:.034em;height:.12em;background:var(--bg);border-radius:.017em .017em 0 0}
.logo{--bg:var(--paper)}.bc .logo{--bg:#f8f6f1}
.hc-r b{line-height:1.236!important;height:auto!important;display:block}.hc-r span{line-height:1.618}.hc-p b{white-space:nowrap}
@media(max-width:1100px){.hc-r{flex-direction:column;align-items:flex-start!important;gap:var(--s-1)!important}.hc-p{text-align:left!important;justify-items:start!important}}
.dl-t{cursor:pointer}
.dl-t .cap{color:var(--ink)!important;display:inline-flex;align-items:center;gap:var(--s-1)}
.hd .dl-t .cap{font-family:"Bodoni Moda",serif;font-style:italic;text-transform:none;letter-spacing:.06em;font-size:var(--f0)}
.dl-t .cap::after{content:"";width:var(--s-1);height:var(--s-1);background:linear-gradient(currentColor,currentColor) center/100% 1px no-repeat,linear-gradient(currentColor,currentColor) center/1px 100% no-repeat;transition:transform .6s cubic-bezier(.77,0,.18,1)}
.dl.on .dl-t .cap::after{transform:rotate(45deg)}
.hd .dl-t .cap{--q:calc(var(--s-1)*.618);color:#3a3c42!important;font-size:0!important;letter-spacing:0!important;gap:0;padding:var(--s-2) calc(var(--s0) + var(--q)*2)}
.hd .dl-t .cap::after{width:var(--q);height:var(--q);border-radius:calc(var(--q)*.231);background:currentColor;box-shadow:calc(var(--q)*-2) 0 0 currentColor,calc(var(--q)*2) 0 0 currentColor;transition:box-shadow .6s cubic-bezier(.77,0,.18,1),transform .6s cubic-bezier(.77,0,.18,1)}
.hd .dl-t .cap::after{transition:box-shadow .6s cubic-bezier(.77,0,.18,1),border-radius .6s cubic-bezier(.77,0,.18,1)}
.hd .dl.on .dl-t .cap::after{box-shadow:0 0 0 currentColor,0 0 0 currentColor;transform:none;border-radius:50%}
.dl-t:hover .cap{color:var(--blue)!important}
.logo .lg-r i{border-radius:.095em var(--rr) var(--rr) 0!important}
.logo .lg-r i::after{content:none!important}
.logo .lg-r::after{left:.222em!important;top:.545em!important;width:.052em!important;height:.1em!important;border-radius:.026em .026em 0 0!important;background:var(--bg,#f8f6f1)!important}
.logo .lg-r i::after{content:""!important;position:absolute;left:.247em;top:calc(.222em - var(--rr));width:var(--rr);height:var(--rr);background:radial-gradient(circle at 100% 0,transparent var(--rr),var(--bg,#f8f6f1) calc(var(--rr) + .5px))!important}
.logo .lg-r::before{top:auto!important;bottom:.07em!important;height:.43em!important}
.bcx .acts a{display:flex;justify-content:space-between;align-items:baseline;padding:var(--s0) 0;border-bottom:1px solid var(--hair)!important;font-family:"Bodoni Moda",serif;font-size:var(--f1);color:var(--ink);transition:padding .4s}
.bcx .acts a:hover{padding-left:var(--s-1);font-style:italic;color:var(--ink)}
.bcx .acts a span{font-family:"Jost",sans-serif;font-style:normal;font-size:var(--f-1);letter-spacing:.24em;text-transform:uppercase;color:var(--i3)}
.dl-p nav{padding:var(--s1) 0 var(--s2)!important}
.dl-b{width:0;justify-self:center;transition:width .9s cubic-bezier(.77,0,.18,1)}
.dl.on .dl-b{width:61.8%}

.vf{display:grid;justify-items:center;gap:var(--s-1);max-width:618px;margin:var(--s2) auto 0;text-align:center}
.vf-q{margin:0;font-family:"Bodoni Moda",serif;font-size:var(--f1);line-height:1.382;color:var(--ink)}.vf-q em{font-style:italic}
.vf-r p{margin:0 0 var(--s-1);color:var(--i2);font-size:var(--f-1);line-height:1.618}
.vf-l{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-1) var(--s1)}
.vf-l a{display:inline-flex;align-items:center;gap:var(--s-1);font-family:"Bodoni Moda",serif;font-size:var(--f0);color:#3a3c42;border:0;text-decoration:none}
.vf-l a::before{content:"";width:calc(var(--s-1)*.618);height:calc(var(--s-1)*.618);border-radius:23.1%;background:#3a3c42;flex:none}
.ft-wa{max-width:none!important;text-wrap:balance}.ft-wa .ln{display:block}
.vf-l a{transition:color .3s}.vf-l a::before{opacity:.38;transition:opacity .3s}.vf-l a:hover,.vf-l a:focus-visible{color:#3a3c42!important;font-style:normal}.vf-l a:hover::before,.vf-l a:focus-visible::before{opacity:1}
.vf-r{display:grid;justify-items:center}.vf-r p{max-width:none!important;margin-inline:auto}
.hc-r b{height:auto!important;min-height:0!important;overflow:visible!important}

@media(max-width:860px){.sh,.pg-h,.ti{grid-template-columns:minmax(0,1fr)}.sh .cap,.ti .cap,.pg-h .cap,.hd .top .cap.l{white-space:normal;text-wrap:balance}.sh p{max-width:100%}}
@media(max-width:860px){.hd .top a.cap.r,.hd .top a.logo{display:inline-flex;align-items:center;min-height:44px}.th{grid-template-columns:repeat(auto-fill,minmax(71px,1fr))!important}.th button{min-height:44px}.calc input[type=range]{height:44px}.calc .tg{display:flex;align-items:center;gap:var(--s-1);min-height:44px}.calc .tg input{width:20px;height:20px;flex:none}}

.wa-i{display:none;width:22px;height:22px;fill:#3a3c42}
@media(max-width:860px){
.hd .top{grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important}
.hd .top .logo{grid-column:2;justify-self:center}
.hd .top a.cap.r.wa{display:inline-flex!important;grid-column:3;justify-self:end;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;top:0}
.hd .top .wa-t{display:none}.hd .top .wa-i{display:block}
.hc.ph{aspect-ratio:auto!important;background:none!important;overflow:visible!important;color:var(--ink)!important}
.hc.ph::before,.hc.ph::after{display:none!important}
.hc.ph img{position:static!important;display:block;width:100%;height:auto!important;aspect-ratio:1.618/1;object-fit:cover}
.hc .hc-i{position:static!important;padding:var(--s0) 0 0;color:var(--ink)}
.hc .hc-i *{color:inherit!important}.hc .hc-k{color:var(--i2)!important;border:0!important}
.hc .hc-r span,.hc .hc-p span{color:var(--i2)!important}
.cta{padding-inline:var(--s1)!important;letter-spacing:.18em!important;text-wrap:balance}
.sel li.on button{padding-left:0!important}
.vf-r{gap:var(--s0)}.vf-r p{margin:0!important}.vf-l{justify-content:center}
}
@media(max-width:860px){.hd .top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important}.hd .top .cap.l{display:block!important;grid-column:1;justify-self:start;white-space:nowrap!important;font-size:var(--f-1)!important;letter-spacing:.04em!important;color:var(--i2);top:0!important}.hd .top .cap.l .lc{display:none}}
.calc .cl{display:grid;gap:var(--s-2)}.calc .cv{font-family:"Bodoni Moda",serif;font-weight:400;font-size:var(--f2);line-height:1.236}
@media(max-width:860px){.gal .n{white-space:nowrap}.th{display:flex!important;overflow-x:auto;gap:var(--s-2);scrollbar-width:none}.th::-webkit-scrollbar{display:none}.th button{flex:0 0 71px;height:44px;min-height:44px}.th button img{width:100%;height:100%;object-fit:cover}.ti .cap{white-space:nowrap!important}}

/* Logotipo en vector (12 oct 2026): ya no depende de la letra, nunca se descompone. */
.logo{visibility:visible!important}
.logo .lv{display:block;height:.784em;width:auto;overflow:visible;flex:none}
.logo .lv-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.logo:has(.lv){font-family:inherit;align-items:center;line-height:1}
@media(max-width:860px){.hd .top .cap.l{display:none!important}.hd .top{grid-template-columns:44px minmax(0,1fr) 44px!important}}

/* Casa destacada: pie de foto tipo ficha de catálogo (12 oct 2026) */
.hl{display:grid;gap:var(--s1);border:0;color:var(--ink);text-decoration:none}
.hl:hover{color:var(--ink)}
.hl-f{display:block;position:relative;overflow:hidden;aspect-ratio:2.618/1;background:#9b968c}
.hl-f img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);animation:drift 14s ease-out forwards}
.hl-c{display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:var(--s0) var(--s2);align-items:end}
.hl-a{display:grid;gap:var(--s-2)}
.hl-k{font-size:var(--f-1);letter-spacing:.382em;text-transform:uppercase;color:var(--i2)}
.hl-t{font-family:"Bodoni Moda",serif;font-weight:400;font-size:clamp(var(--f2),2.6vw,var(--f3));line-height:1.236;letter-spacing:-.005em}
.hl-t em{font-style:italic}
.hl-d{font-size:var(--f-1);color:var(--i2);line-height:1.618}
.hl-p{display:grid;justify-items:end;gap:var(--s-1);text-align:right}
.hl-p b{font-family:"Bodoni Moda",serif;font-weight:400;font-size:var(--f2);line-height:1.236;white-space:nowrap}
.hl-v{display:inline-flex;align-items:center;gap:var(--s-1);font-size:var(--f-1);letter-spacing:.236em;text-transform:uppercase;color:var(--i2);transition:color .3s}
.hl-v::before{content:"";width:calc(var(--s-1)*.618);height:calc(var(--s-1)*.618);border-radius:23.1%;background:#3a3c42;opacity:.38;transition:opacity .3s}
.hl:hover .hl-v{color:#3a3c42}.hl:hover .hl-v::before{opacity:1}
@media(max-width:860px){.hl{gap:var(--s0)}.hl-f{aspect-ratio:1.618/1}.hl-c{grid-template-columns:1fr;gap:var(--s0)}.hl-p{justify-items:start;text-align:left;grid-auto-flow:column;justify-content:space-between;align-items:baseline;width:100%}}

/* Casa destacada v3 (12 oct 2026): foto + base marfil unida, nada sobre la foto */
.hb{display:grid;border:0;color:var(--ink);text-decoration:none}
.hb:hover{color:var(--ink)}
.hb-f{display:block;position:relative;overflow:hidden;aspect-ratio:2.618/1;background:#9b968c}
.hb-f img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);animation:drift 14s ease-out forwards;transition:filter .6s}
.hb-c{display:grid;grid-template-columns:minmax(0,1.618fr) auto minmax(0,1fr);gap:var(--s1) var(--s3);align-items:end;background:var(--ivory);padding:var(--s1) var(--s2)}
.hb-a{display:grid;gap:var(--s-2)}
.hb-k{font-size:var(--f-1);letter-spacing:.382em;text-transform:uppercase;color:var(--i2);white-space:nowrap}
.hb-t{font-family:"Bodoni Moda",serif;font-weight:400;font-size:clamp(var(--f2),2.4vw,var(--f3));line-height:1.236;letter-spacing:-.005em}
.hb-t em{font-style:italic}
.hb-n{display:flex;gap:var(--s1)}
.hb-n>span{display:grid;gap:2px;font-size:var(--f-1);letter-spacing:.18em;text-transform:uppercase;color:var(--i2);white-space:nowrap}
.hb-n b{font-family:"Bodoni Moda",serif;font-weight:400;font-size:var(--f2);line-height:1;letter-spacing:0;text-transform:none;color:var(--ink)}
.hb-p{display:grid;justify-items:end;gap:var(--s-1);text-align:right}
.hb-p b{font-family:"Bodoni Moda",serif;font-weight:400;font-size:var(--f2);line-height:1.236;white-space:nowrap}
.hb-v{display:inline-flex;align-items:center;gap:var(--s-1);font-size:var(--f-1);letter-spacing:.236em;text-transform:uppercase;color:var(--i2);white-space:nowrap;transition:color .3s}
.hb-v::before{content:"";width:calc(var(--s-1)*.618);height:calc(var(--s-1)*.618);border-radius:23.1%;background:#3a3c42;opacity:.38;transition:opacity .3s}
.hb:hover .hb-v{color:#3a3c42}.hb:hover .hb-v::before{opacity:1}
@media(max-width:1100px){.hb-c{grid-template-columns:minmax(0,1fr) auto;gap:var(--s1) var(--s2)}.hb-a{grid-column:1/-1}}
@media(max-width:620px){.hb-f{aspect-ratio:1.618/1}.hb-c{grid-template-columns:1fr;padding:var(--s1) var(--s0);gap:var(--s0)}.hb-k{white-space:normal}.hb-p{grid-auto-flow:column;justify-content:space-between;align-items:baseline;justify-items:start;text-align:left}}
.cta-ll{justify-self:start}@media(max-width:860px){.cta-ll{justify-self:center}}

/* Casa destacada v4 (12 oct 2026): ficha con filetes y jerarquía */
.hb-c{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;align-items:stretch!important;justify-items:stretch!important;text-align:left!important;padding:var(--s0) var(--s2) var(--s1)!important}
.hb-h{display:flex;justify-content:space-between;gap:var(--s0);padding-bottom:var(--s-1);border-bottom:1px solid var(--hair)}
.hb-h .hb-k{white-space:nowrap}
.hb-t{display:block;margin:var(--s1) 0;font-size:clamp(var(--f3),3vw,var(--f4))!important;line-height:1.146!important}
.hb-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.618fr);border-top:1px solid #3a3c42;border-bottom:1px solid var(--hair)}
.hb-i{display:grid;gap:var(--s-2);align-content:start;padding:var(--s-1) var(--s0);border-left:1px solid var(--hair)}
.hb-i:first-child{border-left:0;padding-left:0}
.hb-i small{font-size:var(--f-1);letter-spacing:.24em;text-transform:uppercase;color:var(--i2);white-space:nowrap}
.hb-i b{font-family:"Bodoni Moda",serif;font-weight:400;font-size:var(--f2);line-height:1.236;white-space:nowrap}
.hb-pr{text-align:right;justify-items:end;padding-right:0}
.hb-pr b{font-weight:500}
.hb-c>.hb-v{justify-self:end;margin-top:var(--s0)}
@media(max-width:620px){
.hb-c{padding:var(--s0) var(--s0) var(--s1)!important}
.hb-h{flex-wrap:wrap}
.hb-g{grid-template-columns:repeat(3,minmax(0,1fr))}
.hb-i{padding:var(--s-1) var(--s-1)}.hb-i:nth-child(3){padding-right:0}
.hb-i b{font-size:var(--f1)}
.hb-pr{grid-column:1/-1;display:flex!important;justify-content:space-between;align-items:baseline;border-left:0;border-top:1px solid var(--hair);padding:var(--s-1) 0}
.hb-pr b{font-size:var(--f2)}
}
@media(max-width:860px){.ft nav{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important}.ft nav a{display:flex!important;align-items:center;justify-content:center;min-height:40px;padding:0!important;line-height:1.236}}
.hb-i{min-width:0}.hb-i small{letter-spacing:.18em!important}.hb-i b{overflow-wrap:normal}@media(max-width:620px){.hb-i small{letter-spacing:.12em!important}}

/* CTA coherentes (12 oct 2026): 1) .cta con borde; 2) enlace con cuadrado (.vf-l a, .hb-v), siempre al inicio de su bloque, gris → gris logo al pasar */
.hb-c>.hb-v{justify-self:start!important}
.hb-i b{color:var(--ink)!important}
.vf-l{justify-content:flex-start!important}.vf-r{justify-items:start!important}.vf-r p{margin-inline:0!important}
.hb-v,.vf-l a{font-family:"Jost",sans-serif!important;font-size:var(--f-1)!important;letter-spacing:.236em!important;text-transform:uppercase;color:var(--i2)!important;font-style:normal!important}
.hb:hover .hb-v,.vf-l a:hover,.vf-l a:focus-visible{color:#3a3c42!important}
@media(max-width:860px){.cta{justify-self:center!important}.hero .cta,.sec .cta{align-self:center}}
.bc-cut{background:var(--paper)!important}
.bc .lv-h{fill:var(--paper)}

.enc>.cta{justify-self:start!important;justify-content:center}
.sel .vf{grid-template-columns:minmax(0,1fr)!important;gap:var(--s-1)!important;margin-top:var(--s2);padding-top:var(--s1);border-top:1px solid var(--hair);justify-items:start;text-align:left}
.sel .vf .vf-q{font-size:var(--f1)}
.inv .vf{grid-template-columns:minmax(0,1fr)!important;gap:var(--s-1)!important;justify-items:center;text-align:center}
.inv .vf .vf-r{justify-items:center!important}.inv .vf .vf-l{justify-content:center!important}.inv .vf-r p{margin-inline:auto!important}
@media(max-width:860px){.enc>.cta{justify-self:center!important}.sel .vf{justify-items:center;text-align:center}.sel .vf .vf-r{justify-items:center!important}.sel .vf .vf-l{justify-content:center!important}}
.bc-cut{box-shadow:inset 0 1.5px 3px rgba(21,23,28,.45),inset 0 -1px 0 rgba(255,255,255,.55)!important}
#bcHo{z-index:2;pointer-events:none}

/* Antes y después estático (12 oct 2026) */
.bap{display:grid;gap:var(--s1)}
.bap-p{margin:0;display:grid;gap:var(--s-1)}
.bap-r{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}
.bap-i{position:relative;display:block;aspect-ratio:1/1.618;overflow:hidden;background:#a9a395}
.bap-i img{width:100%;height:100%;object-fit:cover;display:block}
.bap-l{position:absolute;left:var(--s-1);bottom:var(--s-1);font-size:var(--f-1);letter-spacing:.28em;text-transform:uppercase;color:var(--paper);text-shadow:0 1px 6px rgba(0,0,0,.45)}
.bap figcaption{font-size:var(--f-1);letter-spacing:.24em;text-transform:uppercase;color:var(--i2)}
/* Tengo una casa: formulario con preguntas */
.form.tc{display:grid!important;gap:var(--s0);border:0!important;padding:0!important;max-width:420px;margin-inline:auto;width:100%;text-align:left}
.tc-f{display:grid;gap:var(--s-2)}
.tc-k{font-size:var(--f-1);letter-spacing:.24em;text-transform:uppercase;color:var(--i2)}
.form.tc input{flex:none;width:100%;border-bottom:1px solid var(--i3)!important;padding:var(--s-2) 0;font-size:var(--f0)}
.form.tc input:focus{border-bottom-color:var(--blue)!important}
.form.tc .cta{justify-self:center;margin-top:var(--s-1);letter-spacing:.18em;padding:var(--s0) var(--s1)}
.tc-n{margin:0;font-size:var(--f-1);color:var(--i3);text-align:center}
/* Fases Llave en mano */
.tl>div:nth-child(1){justify-items:start;text-align:left}
.tl>div:nth-child(2){justify-items:center;text-align:center;padding-right:0!important}
.tl>div:nth-child(3){justify-items:end;text-align:right;padding-right:0!important}
.tl[style*="repeat(3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
/* Enlaces con cuadrado: el cuadrado pegado al texto */
.vf-l{flex-wrap:wrap}.vf-l a{flex:none;width:auto!important}
@media(max-width:860px){.vf-l{flex-direction:column;align-items:center}}
@media(max-width:620px){.bap-i{aspect-ratio:1/1.236}}
@media(max-width:860px){.hd .top a.cap.r.wa{transform:translateY(calc(var(--f3)*.119))}}

/* Precios (13 oct 2026): franja de portada, pasos de Comprar, Llave en mano */
.pz{padding-block:var(--s2) 0}
.pz-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #3a3c42;border-bottom:1px solid var(--hair)}
.pz-i{display:grid;align-content:start;gap:var(--s-2);padding:var(--s0) var(--s1);border-left:1px solid var(--hair);color:var(--ink);border-bottom:0;text-decoration:none}
.pz-i:first-child{border-left:0;padding-left:0}.pz-i:last-child{padding-right:0}
.pz-i b{font-family:"Bodoni Moda",serif;font-weight:400;font-size:var(--f2);line-height:1.236}
.pz-i b i{font-style:normal;font-family:"Jost",sans-serif;font-size:var(--f-1);color:var(--i2);letter-spacing:.04em}
.pz-t{font-size:var(--f-1);color:var(--i2);line-height:1.618}
.pz-v{display:inline-flex;align-items:center;gap:var(--s-1);margin-top:var(--s-2);font-size:var(--f-1);letter-spacing:.236em;text-transform:uppercase;color:var(--i2);transition:color .3s}
.pz-v::before{content:"";width:calc(var(--s-1)*.618);height:calc(var(--s-1)*.618);border-radius:23.1%;background:#3a3c42;opacity:.38;transition:opacity .3s}
.pz-i:hover{color:var(--ink)}.pz-i:hover .pz-v{color:#3a3c42}.pz-i:hover .pz-v::before{opacity:1}
.pz-n{margin:var(--s-1) 0 0;font-size:var(--f-1);color:var(--i3);text-align:center}
.pas{display:grid;gap:var(--s1);margin-top:var(--s2)}
.pas h3{margin:0;font-family:"Bodoni Moda",serif;font-weight:400;font-size:var(--f3);line-height:1.236}.pas h3 em{font-style:italic}
.pas-l{list-style:none;margin:0;padding:0;border-top:1px solid #3a3c42}
.pas-l li{display:grid;grid-template-columns:var(--s2) minmax(0,1fr) auto;gap:var(--s0);align-items:baseline;padding:var(--s0) 0;border-bottom:1px solid var(--hair)}
.pas-n{font-family:"Bodoni Moda",serif;font-style:italic;color:var(--i3)}
.pas-c{display:grid;gap:var(--s-2)}.pas-c b{font-family:"Bodoni Moda",serif;font-weight:400;font-size:var(--f1)}.pas-c small{font-size:var(--f-1);color:var(--i2);line-height:1.618;max-width:62ch}
.pas-p{display:grid;justify-items:end;text-align:right;font-family:"Bodoni Moda",serif;font-size:var(--f1);white-space:nowrap}
.pas-p i{font-style:normal;font-family:"Jost",sans-serif;font-size:var(--f-1);color:var(--i3);letter-spacing:.04em}
.pas-q{margin:0;max-width:62ch;justify-self:center;text-align:center}
.pas-x{margin:0;font-size:var(--f-1);color:var(--i2);text-align:center}
.ll-h{margin:0;font-size:var(--f-1);color:var(--i2);line-height:1.618;max-width:52ch}.ll-h b{font-weight:400;color:var(--ink)}
.calc .hn-r{border-top:1px solid var(--ink);margin-top:var(--s0)}
@media(max-width:860px){.pz-g{grid-template-columns:1fr}.pz-i{border-left:0;border-top:1px solid var(--hair);padding:var(--s0) 0;justify-items:center;text-align:center}.pz-i:first-child{border-top:0}
.pas-l li{grid-template-columns:var(--s1) minmax(0,1fr);row-gap:var(--s-2)}.pas-p{grid-column:2;justify-items:start;text-align:left}.pas .sh{text-align:center}}

.sel-t{display:none}
@media(max-width:860px){.sel .pv{display:none!important}.sel li button{grid-template-columns:var(--s1) minmax(0,1fr) auto!important}.sel-t{display:block;grid-column:1/-1;width:100%;aspect-ratio:1.618/1;object-fit:cover;margin-top:var(--s-1);order:9}.sel li:not(.on) .sel-t{display:none}}
.form.tc button.cta{border:1px solid var(--ink)!important;padding:var(--s0) var(--s1)!important;letter-spacing:.18em!important;font-size:var(--f-1)!important;color:var(--ink)!important;background:transparent!important;white-space:normal;text-transform:uppercase;justify-self:center}
.form.tc button.cta:hover{background:var(--ink)!important;color:var(--paper)!important}

.cta{white-space:nowrap;justify-content:center;text-wrap:nowrap}
.cta-ll{width:auto!important;justify-self:start}
.form.tc button.cta{white-space:nowrap!important}
.tl span{white-space:nowrap;letter-spacing:.14em!important}
.tl>div{align-content:start}
.inv .tc-n,.form.tc .tc-n{font-size:var(--f-1)!important;color:var(--i3)!important;line-height:1.618!important;max-width:none!important}
@media(max-width:860px){.cta-ll{justify-self:center}}
@media(max-width:420px){.cta{white-space:normal;text-wrap:balance}}

/* Cuadrados de marca (13 oct 2026): un solo tamaño entero y el mismo radio en todas partes, para que no se vean redondos */
:root{--sq:6px;--sqr:1.4px}
.hd .dl-t .cap{--q:var(--sq)!important}
.hd .dl-t .cap::after{width:var(--sq)!important;height:var(--sq)!important;border-radius:var(--sqr)!important}
.hd .dl.on .dl-t .cap::after{border-radius:var(--sqr)!important}
.vf-l a::before,.hb-v::before,.pz-v::before,.dl-p a .w::before{width:var(--sq)!important;height:var(--sq)!important;border-radius:var(--sqr)!important;flex:none}
.dl-p a .w::before{margin-top:calc(var(--sq)/-2)!important}
.dl-p a .w::before{margin-top:0!important;top:50%!important;transform:translate3d(0,-50%,0)!important}.dl-p a:hover .w::before,.dl-p a:focus-visible .w::before,.dl-p a:active .w::before{transform:translate3d(0,-50%,0)!important}
.pz{padding-bottom:var(--s3)!important}.pz-n{margin-top:var(--s1)!important}
.pz{padding-top:0!important}
a.pz-v{border:0;text-decoration:none;justify-self:start}a.pz-v:hover{color:#3a3c42}a.pz-v:hover::before{opacity:1}.pas-c a.pz-v{margin-top:var(--s-2)}.pas-x{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--s-1) var(--s1)}.pas-x a.pz-v{margin:0}
.inv .tc-g{font-size:var(--f0)!important;color:var(--ink)!important;font-family:"Bodoni Moda",serif;font-style:italic;margin:0 0 var(--s0)!important}
@media(max-width:860px){.pas-c a.pz-v{justify-self:start}}

/* Tengo una casa v2 (13 oct 2026) */
.tcs{display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:var(--s3);align-items:start}
.tcs-a{display:grid;gap:var(--s1);justify-items:start;text-align:left}
.tcs-a h2{margin:0;font-size:clamp(var(--f3),3.6vw,var(--f5));line-height:1.146}.tcs-a h2 em{font-style:italic}
.tcs-p{margin:0;color:var(--i2);font-size:var(--f0);line-height:1.618;max-width:52ch}
.tcs-s{list-style:none;margin:0;padding:0;width:100%;border-top:1px solid #3a3c42}
.tcs-s li{display:grid;grid-template-columns:var(--s2) minmax(0,1fr);align-items:baseline;padding:var(--s-1) 0;border-bottom:1px solid var(--hair);font-size:var(--f0);color:var(--ink)}
.tcs-s li span{font-family:"Bodoni Moda",serif;font-style:italic;color:var(--i3)}
.tcs-f{display:grid;gap:var(--s-1);margin-top:var(--s0)}
.tcs-f .vf-q{margin:0;font-size:var(--f1)}.tcs-f>p:not(.vf-q){margin:0;color:var(--i2);font-size:var(--f-1);line-height:1.618;max-width:52ch}
.tcs-f .vf-l{justify-content:flex-start!important;flex-direction:row!important}
.tcs-b{background:var(--ivory);padding:var(--s1) var(--s1) var(--s2);display:grid;gap:var(--s1)}
.tcs-h{display:grid;gap:var(--s-2);padding-bottom:var(--s0);border-bottom:1px solid #3a3c42}
.tcs-g{margin:0;font-family:"Bodoni Moda",serif;font-style:italic;font-size:var(--f1);line-height:1.382;color:var(--ink)}
.tcs-b .form.tc{max-width:none;margin:0}
.tcs-b .form.tc input{background:transparent}
.tcs-b .form.tc .cta{justify-self:stretch}
.tcs-b .tc-n{font-size:var(--f-1)!important;color:var(--i3)!important;margin:0;text-align:center}
@media(max-width:860px){.tcs{grid-template-columns:1fr;gap:var(--s2)}.tcs-a{justify-items:center;text-align:center}.tcs-s li{text-align:left}.tcs-f{justify-items:center;text-align:center}.tcs-f .vf-l{justify-content:center!important;flex-direction:column!important;align-items:center}.tcs-b{padding:var(--s1) var(--s0)}}
.bap-i{aspect-ratio:1.618/1!important}@media(max-width:620px){.bap-i{aspect-ratio:1.618/1!important}}
.bap-v .bap-i{aspect-ratio:1/1.618!important}.bap-v .bap-r{max-width:61.8%;margin-inline:auto;width:100%}@media(max-width:620px){.bap-v .bap-r{max-width:none}}
.bap-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s0)}.bap-2 .bap-v .bap-r{max-width:none}@media(max-width:620px){.bap-2{grid-template-columns:1fr}}
.pas-l li{grid-template-columns:var(--s3) minmax(0,1fr) auto!important}a.pz-v{white-space:nowrap}@media(max-width:860px){.pas-l li{grid-template-columns:var(--s2) minmax(0,1fr)!important}}
@media(max-width:860px){.dl-p a .w::before{display:none!important}}

@media(max-width:860px){.vf-l a{display:inline-block!important;max-width:100%;text-align:center;text-wrap:balance;letter-spacing:.18em!important}.vf-l a::before{display:inline-block!important;vertical-align:.18em;margin-right:var(--s-1)}}
/* Selección en móvil (13 oct 2026): fotos primero, en fila deslizable */
@media(max-width:860px){
.sel ol#list{display:flex;gap:var(--s0);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-top:0;margin-inline:calc(var(--s1)*-1);padding:0 var(--s1) var(--s0);scroll-padding-inline:var(--s1)}
.sel ol#list::-webkit-scrollbar{display:none}
.sel ol#list li{flex:0 0 80%;scroll-snap-align:start;border-bottom:0}
.sel ol#list li button{grid-template-columns:auto minmax(0,1fr) auto!important;column-gap:var(--s-1)!important;row-gap:var(--s-1)!important;padding:0!important;border-bottom:1px solid var(--hair);padding-bottom:var(--s0)!important}
.sel ol#list .sel-t{display:block!important;order:-1;grid-column:1/-1;margin:0 0 var(--s-2);aspect-ratio:1/1.236;background:#a9a395}
.sel ol#list li .t b{font-style:normal!important;font-size:var(--f1)}
.sel ol#list li .pr{align-self:baseline}
}
@media(max-width:860px){.sel ol#list li{flex-basis:61.8%}.sel ol#list .sel-t{aspect-ratio:1/1.618}}
@media(max-width:860px){.sel{grid-template-columns:minmax(0,1fr)!important}.sel>div{min-width:0}.sel ol#list{max-width:none;width:auto}}
@media(max-width:860px){.sel ol#list li button{grid-template-columns:auto minmax(0,1fr)!important}.sel ol#list .pr{grid-column:2;justify-self:start}}
.bap-h{display:grid;gap:var(--s-2);padding-bottom:var(--s0);margin-bottom:var(--s0);border-bottom:1px solid #3a3c42}.bap-h p{margin:0;font-family:"Bodoni Moda",serif;font-style:italic;font-size:var(--f1);line-height:1.382;color:var(--ink);text-wrap:pretty}@media(max-width:860px){.bap-h{text-align:center;justify-items:center}}
.bap-2{grid-template-columns:minmax(0,1fr)!important;max-width:61.8%;margin-inline:auto;width:100%}@media(max-width:620px){.bap-2{max-width:none}}
@media(max-width:620px){.tl span{white-space:normal!important;text-wrap:balance;letter-spacing:.1em!important;line-height:1.382}.tl>div:first-child{text-align:left}.tl>div:nth-child(2){text-align:center}.tl>div:last-child{text-align:right}}

/* Llave en mano móvil v2 (13 oct 2026): fases como lista con líneas, igual que los pasos de Comprar */
@media(max-width:620px){
.tl{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;border-top:1px solid #3a3c42;width:100%}
.tl::before,.tl::after,.tl>div::before,.tl>div::after{display:none!important}
.tl>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:var(--s0);padding:var(--s0) 0!important;border-bottom:1px solid var(--hair);text-align:left!important;justify-items:start}
.tl>div b{order:1;font-family:"Bodoni Moda",serif;font-weight:400;font-size:var(--f1)}
.tl>div span{order:2;justify-self:end;text-align:right;white-space:nowrap!important;letter-spacing:.1em!important;font-size:var(--f-1);color:var(--i2)}
.ll-h{text-align:left}
.bap-h{text-align:left!important;justify-items:start!important}
}
.tl.tl3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:620px){.ll .tl.tl3,.tl.tl3{display:grid!important;grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:620px){.tl.tl3>div,.tl.tl3>div:nth-child(n){justify-items:stretch!important;text-align:left!important;padding-left:0!important;padding-right:0!important}}
.ll-l{width:100%;margin-top:var(--s0)}.ll .tx .ll-h{margin-top:calc(var(--s-1)*-1)}@media(max-width:860px){.ll-l li{text-align:left}.ll .tx .ll-h{text-align:center;justify-self:center}}
.ll-l li{grid-template-columns:var(--s1) minmax(0,1fr)!important;row-gap:var(--s-2)}.ll-l .pas-p{grid-column:2;justify-items:start;text-align:left;display:flex;gap:var(--s-1);align-items:baseline;flex-wrap:wrap}
.ll{align-items:start!important}.bap-2{margin-inline:auto!important;justify-self:center}.bap-2 .bap-p{margin-inline:auto}.tcs-a .cap,.ll .tx .cap{white-space:nowrap}@media(max-width:620px){.ll .tx .cap{white-space:normal;text-wrap:balance}}
.ll .tx .cap{white-space:normal!important;text-wrap:balance}

/* Llave en mano v3 (13 oct 2026): cabecera en dos columnas φ, galería a todo el ancho (2,618 : 1 = φ², mismas alturas), pasos como Comprar, cierre */
.lm{display:grid;gap:var(--s2)}
.lm-h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:var(--s2);align-items:end;padding-bottom:var(--s1);border-bottom:1px solid #3a3c42}
.lm-t{display:grid;gap:var(--s-1)}.lm-t h2{margin:0;font-size:clamp(var(--f3),4vw,var(--f5));line-height:1.146}.lm-t h2 em{font-style:italic}
.lm-i{display:grid;gap:var(--s-1)}.lm-i p{margin:0;max-width:52ch;color:var(--i2);font-size:var(--f0);line-height:1.618}.lm-i .q{color:var(--ink)}
.lm-g{display:grid;grid-template-columns:minmax(0,2.618fr) minmax(0,1fr);gap:var(--s1);align-items:start}
.lm-g .bap-p{margin:0;display:grid;gap:var(--s-1);max-width:none!important}
.lm-g .bap-r{max-width:none!important;margin:0!important;display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}
.lm-w .bap-i{aspect-ratio:1.618/1!important}.lm-n .bap-i{aspect-ratio:1/1.618!important}
.lm-g figcaption{font-size:var(--f-1);letter-spacing:.236em;text-transform:uppercase;color:var(--i2)}
.lm-c{grid-column:1/-1;margin:0;font-family:"Bodoni Moda",serif;font-style:italic;font-size:var(--f0);color:var(--i2);text-align:center}
.lm-l{margin:0}
.lm-f{display:flex;justify-content:space-between;align-items:center;gap:var(--s1);flex-wrap:wrap}
.lm-f p{margin:0;max-width:52ch;font-size:var(--f-1);color:var(--i2);line-height:1.618}
.lm-f .cta{margin:0}
@media(max-width:860px){.lm-h{grid-template-columns:1fr;text-align:center;justify-items:center;align-items:start}.lm-i{justify-items:center}.lm-g{grid-template-columns:1fr}.lm-n{max-width:61.8%;justify-self:center;width:100%}.lm-g figcaption{text-align:center}.lm-f{flex-direction:column;text-align:center}}
@media(max-width:620px){.lm-n{max-width:none}}

/* Precios v2 (13 oct 2026): banda de tinta, cifras grabadas. Única banda oscura de la web */
#como{--bk:#3a3c42;--iv:#f7f2e9;--iv2:#d6d1c7;--ivh:rgba(247,242,233,.22);position:relative;background:var(--bk);color:var(--iv);box-shadow:0 0 0 100vmax var(--bk);clip-path:inset(0 -100vmax);padding:var(--s3) 0;margin-top:var(--s3);gap:var(--s2)}
#como .sh{text-align:center;justify-items:center;display:grid;gap:var(--s-1)}
#como .cap{color:var(--iv2)}
#como h3{color:var(--iv)}
#como .pas-l{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--iv);border-bottom:1px solid var(--ivh)}
#como .pas-l li{display:flex!important;flex-direction:column;align-items:flex-start;gap:var(--s-1);padding:var(--s1) var(--s0) var(--s1) var(--s0);border-bottom:0;border-left:1px solid var(--ivh)}
#como .pas-l li:first-child{border-left:0;padding-left:0}#como .pas-l li:last-child{padding-right:0}
#como .pas-n{order:0;font-style:normal;font-family:"Jost",sans-serif;font-size:var(--f-1);letter-spacing:.236em;text-transform:uppercase;color:var(--iv2)}
#como .pas-p{order:1;display:grid;justify-items:start;text-align:left;gap:var(--s-2);font-size:clamp(var(--f3),3.2vw,var(--f4));line-height:1;color:var(--iv);white-space:nowrap}
#como .pas-p i{font-size:var(--f-1);letter-spacing:.14em;color:var(--iv2);line-height:1.382}
#como .pas-c{order:2;display:grid;gap:var(--s-2);padding-top:var(--s-1);border-top:1px solid var(--ivh);width:100%}
#como .pas-c b{font-family:"Jost",sans-serif;font-size:var(--f-1);font-weight:500;letter-spacing:.236em;text-transform:uppercase;color:var(--iv)}
#como .pas-c small{color:var(--iv2);font-size:var(--f-1);line-height:1.618}
#como a.pz-v{color:var(--iv2)}#como a.pz-v::before{background:var(--iv);opacity:.5}#como a.pz-v:hover{color:var(--iv)}#como a.pz-v:hover::before{opacity:1}
#como .pas-q{color:var(--iv);font-style:normal;border-color:var(--iv)}
#como .pas-x{color:var(--iv2)}
@media(max-width:860px){#como .pas-l{grid-template-columns:minmax(0,1fr)}#como .pas-l li,#como .pas-l li:first-child,#como .pas-l li:last-child{border-left:0;border-top:1px solid var(--ivh);padding:var(--s1) 0;align-items:center;text-align:center}#como .pas-l li:first-child{border-top:0}#como .pas-p{justify-items:center;text-align:center}#como .pas-c{justify-items:center}}
#como .pas-n{text-transform:none!important;font-family:"Bodoni Moda",serif!important;font-style:italic!important;letter-spacing:0!important;font-size:var(--f0)!important}
#como .pas-l li{height:100%}#como .pas-c{flex:1;grid-template-rows:auto auto 1fr;align-content:start}#como .pas-c a.pz-v{align-self:end;margin-top:var(--s0)}

/* Padding (13 oct 2026): escala φ coherente */
#comprar{padding-bottom:0!important}
#como{margin-top:var(--s4)!important;padding:var(--s4) 0!important;gap:var(--s2)!important}
#como .pas-l li{padding:var(--s1) var(--s1)!important}#como .pas-l li:first-child{padding-left:0!important}#como .pas-l li:last-child{padding-right:0!important}
#camino{padding-block:var(--s5)!important}
.tcs-b{padding:var(--s2)!important}
@media(max-width:860px){#como{padding:var(--s3) 0!important;margin-top:var(--s3)!important}#como .pas-l li,#como .pas-l li:first-child,#como .pas-l li:last-child{padding:var(--s1) 0!important}#camino{padding-block:var(--s4)!important}.tcs-b{padding:var(--s1)!important}}

/* Tipografía (13 oct 2026): todo a la escala 16·φ^(n/2) y dos espaciados de mayúsculas (.236 enlaces y etiquetas · .382 rótulos) */
@media(min-width:861px){
.hero h1.sr{font-size:67.77px!important;letter-spacing:-.01em!important}
#comprar .sh h2.sr,#papeles .sh h2.sr,.dn .tx h2.sr,.tcs-a h2.sr,.lm-t h2.sr{font-size:53.29px!important;letter-spacing:-.01em!important;line-height:1.146!important}
#como .pas-p{font-size:41.89px!important}
}
#camino h2.sr{font-size:25.89px!important}
.hb-t{font-size:32.94px!important;letter-spacing:0!important}
.hb-pr b{font-weight:400!important}
.hb-i small,.tc-k,.form.tc button.cta,.bap-l,details.hi>summary,.bc-h,.acts span,.ft nav a{letter-spacing:.236em!important}
.lm-h{grid-template-columns:minmax(0,1fr)!important;justify-items:center;text-align:center;gap:var(--s1)!important;padding-bottom:0!important;border-bottom:0!important;align-items:start!important}.lm-t{justify-items:center}.lm-i{justify-items:center;max-width:52ch}.lm-i p{margin-inline:auto}.lm-i .q{border:0!important;padding:0!important;font-family:"Bodoni Moda",serif;font-style:italic;font-size:var(--f1)}

/* Precios v3 (13 oct 2026): placa grabada sobre marfil, sin banda oscura; misma placa en Llave en mano */
#como{--bk:transparent;--iv:var(--ink);--iv2:var(--i2);--ivh:var(--hair);background:none!important;box-shadow:none!important;clip-path:none!important;color:var(--ink)!important;padding:0!important;margin-top:var(--s4)!important}
#como .pas-l{border-top:1px solid #3a3c42!important;border-bottom:1px solid #3a3c42!important}
#como a.pz-v::before{background:#3a3c42!important;opacity:.38}#como a.pz-v:hover::before{opacity:1}#como a.pz-v:hover{color:#3a3c42}
#comprar{padding-bottom:var(--s5)!important}
.lm-l{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #3a3c42!important;border-bottom:1px solid #3a3c42!important}
.lm-l li{display:flex!important;flex-direction:column;align-items:flex-start;gap:var(--s-1);padding:var(--s1)!important;border-bottom:0!important;border-left:1px solid var(--hair)}
.lm-l li:first-child{border-left:0;padding-left:0!important}.lm-l li:last-child{padding-right:0!important}
.lm-l .pas-n{order:0;font-size:var(--f0)}
.lm-l .pas-p{order:1;display:grid!important;justify-items:start!important;text-align:left!important;gap:var(--s-2);font-family:"Bodoni Moda",serif;font-weight:300;font-size:41.89px;line-height:1;white-space:nowrap}
.lm-l .pas-p i{font-size:var(--f-1);letter-spacing:.14em;color:var(--i2);line-height:1.382}
.lm-l .pas-c{order:2;display:grid;gap:var(--s-2);padding-top:var(--s-1);border-top:1px solid var(--hair);width:100%}
.lm-l .pas-c b{font-family:"Jost",sans-serif;font-size:var(--f-1);font-weight:500;letter-spacing:.236em;text-transform:uppercase}
@media(max-width:860px){#como{margin-top:var(--s3)!important}#comprar{padding-bottom:var(--s4)!important}
.lm-l{grid-template-columns:minmax(0,1fr)}.lm-l li,.lm-l li:first-child,.lm-l li:last-child{border-left:0;border-top:1px solid var(--hair);padding:var(--s1) 0!important;align-items:center;text-align:center}.lm-l li:first-child{border-top:0}.lm-l .pas-p{justify-items:center!important;text-align:center!important;font-size:32.94px}.lm-l .pas-c{justify-items:center}}
.orn i{width:10px!important;height:10px!important;border-radius:2.3px!important;box-sizing:border-box;flex:none}.orn::before,.orn::after{width:var(--s2)!important;flex:none}
/* Precios móvil v2 (13 oct 2026): carta de precios */
@media(max-width:860px){
#como .pas-l,.lm-l{grid-template-columns:minmax(0,1fr)!important}
#como .pas-l li,.lm-l li,#como .pas-l li:first-child,.lm-l li:first-child,#como .pas-l li:last-child,.lm-l li:last-child{display:grid!important;grid-template-columns:var(--s1) minmax(0,1fr) auto!important;column-gap:var(--s-1);row-gap:var(--s-2);align-items:baseline!important;text-align:left!important;padding:var(--s1) 0!important;border-left:0!important;border-top:1px solid var(--hair)!important;height:auto!important}
#como .pas-l li:first-child,.lm-l li:first-child{border-top:0!important}
#como .pas-c,.lm-l .pas-c{display:contents!important}
#como .pas-n,.lm-l .pas-n{grid-column:1;grid-row:1;order:0}
#como .pas-c b,.lm-l .pas-c b{grid-column:2;grid-row:1;align-self:baseline}
#como .pas-p,.lm-l .pas-p{grid-column:3;grid-row:1;justify-items:end!important;text-align:right!important;font-size:25.89px!important;line-height:1.236!important;gap:0!important}
#como .pas-c small,.lm-l .pas-c small{grid-column:2/-1;grid-row:2;max-width:none}
#como .pas-c a.pz-v,.lm-l .pas-c a.pz-v{grid-column:2/-1;grid-row:3;margin-top:var(--s-2)!important;justify-self:start!important}
}
/* Móvil (13 oct 2026): jerarquía en tres niveles (h1 41,89 · h2 32,94 · h3/títulos de bloque 25,89), interlineado de títulos 1,236, secciones a 68 px */
@media(max-width:860px){
.sec,#comprar,#casa,#llave,#papeles,#diana{padding-block:var(--s3)!important}
#camino{padding-block:var(--s3)!important}
#como{margin-top:var(--s3)!important}
.pas h3.sr,#como h3.sr{font-size:25.89px!important;line-height:1.236!important}
.hb-t{font-size:25.89px!important;line-height:1.236!important}
#camino h2.sr{line-height:1.236!important}
.lm-i .q,.tcs-g,.vf-q{line-height:1.382!important}
.sec .sh,.lm-h{gap:var(--s0)!important}
.sec{gap:var(--s2)!important}
}
.cur{font-size:.618em;letter-spacing:.04em;margin-right:.12em;vertical-align:.32em;font-weight:300;color:inherit;opacity:.72}
@media(max-width:860px){#como .pas-p,.lm-l .pas-p{grid-column:2/-1!important;grid-row:2!important;justify-items:start!important;text-align:left!important;display:flex!important;gap:var(--s-1)!important;align-items:baseline}#como .pas-c small,.lm-l .pas-c small{grid-row:3!important}#como .pas-c a.pz-v,.lm-l .pas-c a.pz-v{grid-row:4!important}}
.cur{font-size:inherit!important;vertical-align:baseline!important;opacity:1!important;margin:0!important;letter-spacing:0!important;font-weight:inherit!important}

/* Precios móvil v3 (13 oct 2026): cada paso como la placa del ordenador, centrada: número · cifra · línea · nombre · texto · enlace */
@media(max-width:860px){
#como .pas-l,.lm-l{display:grid!important;grid-template-columns:minmax(0,1fr)!important;border-top:1px solid #3a3c42!important;border-bottom:1px solid #3a3c42!important}
#como .pas-l li,.lm-l li,#como .pas-l li:first-child,.lm-l li:first-child,#como .pas-l li:last-child,.lm-l li:last-child{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:var(--s-1)!important;padding:var(--s2) 0!important;border-left:0!important;border-top:1px solid var(--hair)!important;height:auto!important}
#como .pas-l li:first-child,.lm-l li:first-child{border-top:0!important}
#como .pas-c,.lm-l .pas-c{display:flex!important;flex-direction:column!important;align-items:center!important;gap:var(--s-2)!important;order:2!important;border-top:0!important;padding-top:0!important;width:100%}
#como .pas-n,.lm-l .pas-n{order:0!important;font-size:var(--f0)!important;color:var(--i3)!important}
#como .pas-p,.lm-l .pas-p{order:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:var(--s-2)!important;font-size:41.89px!important;line-height:1!important;font-weight:300}
#como .pas-p i,.lm-l .pas-p i{font-size:var(--f-1)!important;letter-spacing:.236em!important;text-transform:uppercase;color:var(--i2)!important;line-height:1.382!important}
#como .pas-p::after,.lm-l .pas-p::after{content:"";display:block;width:var(--s2);height:1px;background:#3a3c42;margin-top:var(--s0)}
#como .pas-c b,.lm-l .pas-c b{font-family:"Jost",sans-serif!important;font-size:var(--f-1)!important;font-weight:500!important;letter-spacing:.236em!important;text-transform:uppercase;line-height:1.618}
#como .pas-c small,.lm-l .pas-c small{max-width:38ch!important;font-size:var(--f-1)!important;line-height:1.618!important;color:var(--i2)!important;text-wrap:pretty}
#como .pas-c a.pz-v,.lm-l .pas-c a.pz-v{justify-self:center!important;align-self:center!important;margin-top:var(--s-1)!important}
}
/* Cambio de idioma ES / EN (13 oct 2026): junto al menú en el ordenador, a la izquierda de la cabecera en el móvil */
.lng{display:flex;align-items:center;gap:var(--s-2);font-family:"Bodoni Moda",serif;font-size:var(--f-1);letter-spacing:.12em;color:var(--i3);white-space:nowrap}
.lng a{border:none;color:var(--i3);display:inline-flex;align-items:center;padding:0 2px;transition:color .3s}
.lng a:hover,.lng a[aria-current]{color:var(--ink)}
.lng a[aria-current]{pointer-events:none}
.lng-m{display:none}
.dl-t{grid-row:1;grid-column:1}.dl-p{grid-row:2;grid-column:1}.dl-b{grid-row:3;grid-column:1}
.lng-d{grid-row:1;grid-column:1;justify-self:end;align-self:center;position:relative;z-index:1;background:var(--paper);padding-left:var(--s0)}
.hd nav.lng{gap:var(--s-2);padding:0;flex-wrap:nowrap;justify-content:flex-start}
.hd nav.lng a{text-transform:none;letter-spacing:.12em;color:var(--i3);font-size:var(--f-1)}
.hd nav.lng a:hover,.hd nav.lng a[aria-current]{color:var(--ink)}
.hd .top nav.lng-m{display:none}
.hd .dl nav.lng-d{padding:0 0 0 var(--s0)}
@media(max-width:860px){.hd .dl nav.lng-d{display:none}.lng-d{display:none}.hd .top nav.lng-m{display:flex;grid-column:1;grid-row:1;justify-self:start;transform:translateY(calc(var(--f3)*.119))}.lng-m a{min-height:44px;min-width:28px;justify-content:center}}

/* Precio en una sola pieza (14 oct 2026): el $ va pegado a la cifra, sin separarse en la rejilla */
.sec #como .pas-p,.sec .lm-l .pas-p{display:block!important}
.sec #como .pas-p i,.sec .lm-l .pas-p i{display:block}
.pas-x .px{display:inline}
@media(max-width:860px){.sec #como .pas-p::after,.sec .lm-l .pas-p::after{margin-inline:auto}}

/* Precio · variante A (14 oct 2026): el $ pequeño y volado, delante de la cifra */
html body .cur{font-size:.5em!important;vertical-align:.78em!important;margin:0 .08em 0 0!important;letter-spacing:0!important;font-weight:inherit!important;opacity:1!important;color:var(--i2)!important;line-height:0}
html body .cta .cur,html body .pz-v .cur{color:inherit!important}

/* Pasos (14 oct 2026): número romano y precio en la misma línea; «anticipo» y «mínimo» al lado, sin romper la fila */
html body .sec #como .pas-l li,html body .sec .lm-l li{flex-direction:row!important;flex-wrap:wrap!important;align-items:baseline!important;justify-content:flex-start!important;column-gap:var(--s0)!important}
html body .sec #como .pas-c,html body .sec .lm-l .pas-c{flex:0 0 100%!important}
html body .sec #como .pas-p,html body .sec .lm-l .pas-p{display:block!important;white-space:nowrap}
html body .sec #como .pas-p i,html body .sec .lm-l .pas-p i{display:inline!important;margin-left:var(--s-1)!important}
.pas-x .px{flex:0 1 auto;max-width:100%}
@media(max-width:860px){html body .sec #como .pas-l li,html body .sec .lm-l li{justify-content:center!important}}

/* «No la compraría si…» (14 oct 2026): la opinión de Diana en la ficha, una frase sola */
.nc{display:grid!important;gap:var(--s-1);padding:var(--s1) 0!important;border-top:1px solid #3a3c42;border-bottom:1px solid var(--hair)}
.nc[hidden]{display:none!important}
.nc p{margin:0;font-family:"Bodoni Moda",serif;font-weight:400;font-size:var(--f2);line-height:1.382;color:var(--ink);text-wrap:balance;max-width:28ch}
.nc p em{font-style:italic}
.nc small{font-size:var(--f-1);letter-spacing:.14em;color:var(--i3)}

/* Pasos (14 oct 2026): la fila del precio tiene la misma altura en todas las tarjetas, y la línea de debajo queda a la misma altura */
html body .sec #como .pas-p,html body .sec .lm-l .pas-p{height:1.382em;line-height:1.382!important;overflow:visible}
html body .sec #como .pas-n,html body .sec .lm-l .pas-n{line-height:1!important}
html body .sec #como .pas-c,html body .sec .lm-l .pas-c{border-top:1px solid var(--hair)!important;padding-top:var(--s0)!important}
html body .sec #como .pas-l li,html body .sec .lm-l li{align-content:flex-start!important;align-items:center!important}
html body .sec #como .pas-n,html body .sec .lm-l .pas-n{align-self:center!important}
html body .sec .lm-l .pas-n{flex:0 0 auto}
html body .sec .lm-l .pas-p,html body .sec #como .pas-p{flex:1 1 0;min-width:0}
.pas-p .pre{font-family:"Jost",sans-serif;font-size:var(--f-1);letter-spacing:.14em;color:var(--i2);margin-right:var(--s-1);vertical-align:.4em}
/* #como: la etiqueta («anticipo», «mínimo $2.500») va en una línea reservada bajo la cifra, igual en las cuatro tarjetas; así no desborda ni mueve la línea */
html body .sec #como .pas-p{position:relative;margin-bottom:1.236em!important}
html body .sec #como .pas-p i{position:absolute!important;left:0;top:100%;margin:0!important;white-space:nowrap;line-height:1.382}
@media(max-width:860px){html body .sec #como .pas-p i{left:50%;transform:translateX(-50%)}}

/* «Tu caso, por escrito» (14 oct 2026): lámina casi a pantalla completa, la web se ve en los bordes */
.dc{position:fixed;inset:0;z-index:90;display:none}
.dc.on{display:block}
.dc-b{position:absolute;inset:0;background:rgba(34,36,42,.34);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .6s ease}
.dc-s{position:absolute;inset:clamp(12px,3.6vw,52px);max-width:1040px;margin:0 auto;background:#fbf8f2;color:var(--ink);overflow:auto;overscroll-behavior:contain;padding:var(--s2) clamp(var(--s1),5vw,var(--s3)) var(--s1);display:grid;align-content:start;gap:var(--s1);box-shadow:0 40px 90px -40px rgba(20,18,12,.55);opacity:0;transform:translateY(24px) scale(.985);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1);outline:none}
.dc-s::before{content:"";position:sticky;top:0;display:block;height:0}
.dc.in .dc-b{opacity:1}.dc.in .dc-s{opacity:1;transform:none}
.dc-h{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s0);border-bottom:1px solid #3a3c42;padding-bottom:var(--s-1)}
.dc-l{font-family:"Bagel Fat One",serif;font-size:var(--f2);line-height:1;color:#3a3c42}
.dc-d{font-size:var(--f-1);letter-spacing:.236em;text-transform:uppercase;color:var(--i3);justify-self:center}
.dc-x{font-size:var(--f-1);letter-spacing:.236em;text-transform:uppercase;color:var(--i2);min-height:44px;padding:0 var(--s-1);background:none;border:0;cursor:pointer}
.dc-x:hover{color:var(--ink)}
.dc-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:var(--s1) var(--s2);align-items:start}
.dc-c{display:grid;gap:var(--s-1);position:sticky;top:0}
.dc-c .sr{font-size:clamp(var(--f3),3.4vw,var(--f4));line-height:1.146;margin:0}
.dc-c p{margin:0;color:var(--i2);font-size:var(--f0);line-height:1.618}
.dc-st{font-family:"Bodoni Moda",serif;font-style:italic;color:var(--i2)}
.dc-p{display:grid;gap:var(--s-1)}
.dc-p ol{list-style:none;margin:0;padding:0}
.dc-p li{display:grid;grid-template-columns:var(--s1) minmax(0,1fr) minmax(0,.618fr);gap:var(--s0);padding:var(--s-1) 0;border-top:1px solid var(--hair);align-items:baseline;opacity:0;transform:translateY(8px);transition:opacity .7s ease,transform .7s ease}
.dc.in .dc-p li{opacity:1;transform:none}
.dc.in .dc-p li:nth-child(2){transition-delay:.12s}.dc.in .dc-p li:nth-child(3){transition-delay:.24s}.dc.in .dc-p li:nth-child(4){transition-delay:.36s}.dc.in .dc-p li:nth-child(5){transition-delay:.48s}.dc.in .dc-p li:nth-child(6){transition-delay:.6s}
.dc-p li p{margin:0;font-size:var(--f0);line-height:1.618}
.dc-p .n{font-family:"Bodoni Moda",serif;font-style:italic;color:var(--i3)}
.dc-p em{font-family:"Bodoni Moda",serif;font-size:var(--f-1);color:var(--i2);text-align:right;line-height:1.382}
.dc-tr{margin:var(--s-1) 0 0;padding-top:var(--s-1);border-top:1px solid #3a3c42;display:grid;gap:var(--s-2);color:var(--i2)}
.dc-fu{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:var(--s-1) var(--s2);padding:var(--s0) 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.dc-fu .cap{grid-row:1/3}
.dc-fu p{margin:0;grid-column:2;font-family:"Bodoni Moda",serif;font-size:var(--f0);line-height:1.618;color:var(--ink)}
.dc-fu p+p{color:var(--i2);font-style:italic}
.dc-f{display:flex;justify-content:space-between;gap:var(--s0);flex-wrap:wrap;font-size:var(--f-1);color:var(--i3);border-top:1px solid #3a3c42;padding-top:var(--s-1)}
.dc-a{display:flex;flex-wrap:wrap;gap:var(--s0) var(--s1);align-items:center;justify-content:flex-end}
.dc-a .pz-v{background:none;border:0;cursor:pointer;font:inherit}
html.dc-lock,html.dc-lock body{overflow:hidden}
@media(max-width:860px){.dc-in,.dc-fu{grid-template-columns:1fr}.dc-c{position:static}.dc-fu .cap{grid-row:auto}.dc-fu p{grid-column:1}.dc-p li{grid-template-columns:var(--s1) minmax(0,1fr)}.dc-p em{grid-column:2;text-align:left}.dc-d{display:none}.dc-h{grid-template-columns:1fr auto}.dc-a{justify-content:center}}
@media print{html.dc-print body>*:not(.dc){display:none!important}html.dc-print .dc{position:static;display:block}html.dc-print .dc-b,html.dc-print .dc-x,html.dc-print .dc-a{display:none!important}html.dc-print .dc-s{position:static;inset:auto;box-shadow:none;opacity:1;transform:none;overflow:visible;max-width:none}html.dc-print .dc-p li{opacity:1;transform:none}}

/* Marcas de Diana sobre la foto (14 oct 2026): el cuadrado de la O, y su nota en una línea */
.gal .big .gm{position:absolute;inset:0;pointer-events:none}
.gal .big img{transition:opacity .6s,filter .8s ease}
.gal .big.look img{filter:saturate(.82) brightness(.94)}
.gm .mk{position:absolute;width:0;height:0;pointer-events:auto}
.gm .mk i{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:2.6px;background:#f7f2e9;box-shadow:0 0 0 1px rgba(34,36,42,.5),0 4px 14px rgba(0,0,0,.25);transition:transform .45s cubic-bezier(.77,0,.18,1)}
.gm .mk i::after{content:"";position:absolute;left:34%;top:34%;width:32%;height:32%;background:#3a3c42;border-radius:1px}
.gm .mk span{position:absolute;left:18px;top:-11px;white-space:nowrap;font-family:"Bodoni Moda",serif;font-style:italic;font-size:var(--f0);color:#fbf8f2;text-shadow:0 1px 10px rgba(0,0,0,.6);opacity:0;transform:translateX(-6px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}
.gm .mk.l span{left:auto;right:18px;transform:translateX(6px)}
.gm .mk button{position:absolute;left:-22px;top:-22px;width:44px;height:44px;background:none;border:0;cursor:pointer}
.gm .mk:hover i,.gm .mk.on i{transform:rotate(45deg) scale(1.15)}
.gm .mk:hover span,.gm .mk.on span{opacity:1;transform:none}
@media(max-width:620px){.gm .mk span{font-size:var(--f-1);white-space:normal;width:44vw}}

.gal .big .gm-t{position:absolute;left:var(--s0);bottom:var(--s-1);display:none;align-items:center;gap:var(--s-1);min-height:44px;padding:0;background:none;border:0;cursor:pointer;font-family:"Jost",sans-serif;font-size:var(--f-1);letter-spacing:.236em;text-transform:uppercase;color:#f8f6f1;text-shadow:0 1px 8px rgba(0,0,0,.55)}
.gal .big.has-m .gm-t{display:inline-flex}
.gm-t b{width:30px;height:16px;border:1px solid #f8f6f1;border-radius:4px;position:relative;box-shadow:0 1px 6px rgba(0,0,0,.3)}
.gm-t b::after{content:"";position:absolute;top:2px;left:15px;width:10px;height:10px;border-radius:2.4px;background:#f8f6f1;transition:left .35s cubic-bezier(.77,0,.18,1)}
.gm-t small{font-size:inherit;letter-spacing:inherit;opacity:.72}
.gal .big.m-off .gm-t b::after{left:2px}
.gal .big.m-off .gm{opacity:0;pointer-events:none}
.gal .big .gm{transition:opacity .5s ease}
.cta .pzn{display:inline;white-space:nowrap;letter-spacing:.06em}

/* $ según la escala (14 oct 2026): en cifras grandes, .5em y alto; en texto corrido y letra pequeña, .72em para que se lea */
html body .cur{font-size:.72em!important;vertical-align:.3em!important}
html body .pas-p .cur,html body .pr .cur,html body .hb-i b .cur,html body .ti .pr .cur,html body .sd .pr .cur{font-size:.5em!important;vertical-align:.78em!important}
html body .pas-p i .cur{font-size:.72em!important;vertical-align:.3em!important}

/* #como (14 oct 2026): tarjetas de igual altura y el enlace de cada paso alineado abajo */
html body .sec #como .pas-l{align-items:stretch!important}
html body .sec #como .pas-l li{flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;align-self:stretch!important;height:auto!important}
html body .sec #como .pas-c{flex:1 1 auto!important;display:flex!important;flex-direction:column!important}
html body .sec #como .pas-c a.pz-v{margin-top:auto!important;padding-top:var(--s0)}
@media(max-width:860px){html body .sec #como .pas-l li{align-items:center!important}}

/* ─── Pasada «realeza» (14 oct 2026): menos versalitas, cursiva solo como acento, menos líneas, sin cuadraditos, dos grises ─── */
:root{--i3:#55575d}
/* 1 · Versalitas solo en las etiquetas de sección (.cap). Enlaces, botones y pies, en Bodoni y en minúscula */
html body .pz-v,html body .vf-l a,html body .hb-v,html body .lnk,html body .dc-x{font-family:"Bodoni Moda",serif!important;text-transform:none!important;letter-spacing:.01em!important;font-size:var(--f0)!important;font-style:italic;color:var(--ink)!important;border-bottom:1px solid var(--hair)!important;padding-bottom:1px;gap:0!important}
html body .pz-v:hover,html body .vf-l a:hover,html body .hb-v:hover,html body .lnk:hover{border-color:var(--ink)!important}
html body .cta{font-family:"Bodoni Moda",serif!important;text-transform:none!important;letter-spacing:.02em!important;font-size:var(--f0)!important}
html body .bap-l,html body .lm-g figcaption,html body .gm-t{text-transform:none!important;letter-spacing:.02em!important;font-family:"Bodoni Moda",serif!important;font-style:italic;font-size:var(--f0)!important}
html body #como .pas-c b,html body .lm-l .pas-c b{font-family:"Bodoni Moda",serif!important;text-transform:none!important;letter-spacing:0!important;font-weight:400!important;font-size:var(--f1)!important;line-height:1.382!important}
html body .pas-p i{text-transform:none!important;letter-spacing:.02em!important;font-family:"Bodoni Moda",serif!important;font-style:italic!important}
/* 2 · Cursiva como acento: solo en la portada y en «¿Puedes comprar a tu nombre?» */
html body .sr em,html body h2 em,html body h3 em{font-style:normal!important}
html body .hero h1 em,html body #camino h2 em{font-style:italic!important}
/* 3 · Menos líneas: fuera las verticales entre tarjetas y la de debajo de cada precio */
html body .sec #como .pas-l li{border-left:0!important}
html body .sec #como .pas-c,html body .sec .lm-l .pas-c{border-top:0!important}
/* 5 · Sin cuadraditos delante de los enlaces */
html body .pz-v::before,html body .vf-l a::before,html body .hb-v::before,html body .lnk::before{display:none!important}
/* 6 · La lámina «Tu caso» sobre un velo marfil, sin desenfoque ni sombra fuerte */
html body .dc-b{background:rgba(247,242,233,.88)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body .dc-s{box-shadow:0 0 0 1px var(--hair)!important}
/* 8 · Lo que importa, a 16 px */
html body #como .pas-c small,html body .lm-l .pas-c small{font-size:var(--f0)!important;line-height:1.618!important}
/* 11 · Cifras un escalón más discretas */
html body .sec #como .pas-p,html body .sec .lm-l .pas-p{font-size:var(--f2)!important}
@media(max-width:860px){html body .sec #como .pas-p,html body .sec .lm-l .pas-p{font-size:var(--f3)!important}}
/* 4 · Llave en mano con su propia composición: lista vertical, servicio a la izquierda y cifra a la derecha */
@media(min-width:861px){
html body .sec .lm-l{display:grid!important;grid-template-columns:minmax(0,1fr)!important;border-top:1px solid #3a3c42}
html body .sec .lm-l li,html body .sec .lm-l li:first-child,html body .sec .lm-l li:last-child{display:grid!important;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr)!important;align-items:baseline!important;column-gap:var(--s2)!important;padding:var(--s1) 0!important;border-left:0!important;border-top:1px solid var(--hair)!important;text-align:left!important}
html body .sec .lm-l li:first-child{border-top:0!important}
html body .sec .lm-l .pas-c{grid-column:1;grid-row:1;align-items:flex-start!important;text-align:left!important}
html body .sec .lm-l .pas-p{grid-column:2;grid-row:1;justify-self:end;text-align:right!important;margin:0!important}
html body .sec .lm-l .pas-c small{max-width:52ch!important}
}
html body .sec #como .pas-p{flex:0 0 auto!important}

/* Papeles y lista de casas (14 oct 2026): el $ de .pr es parte de la cifra, no la línea de plazo */
html body .tr summary .pr .cur{display:inline!important;font-family:"Bodoni Moda",serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--i2)!important;font-size:.72em!important;vertical-align:.3em!important;margin:0 .06em 0 0!important}
html body .sel .pr .cur{font-size:.72em!important;vertical-align:.3em!important}

/* Móvil (14 oct 2026): el plazo de cada trámite puede partirse; enlaces de texto con zona táctil de 44 px */
html body .tr summary .pr{white-space:normal!important}
html body .tr summary .pr span:not(.cur){white-space:normal!important;letter-spacing:.14em!important}
@media(max-width:860px){
html body .pz-v,html body .vf-l a,html body .idx b a,html body .fine a,html body .ft-wa a{display:inline-flex!important;align-items:center;min-height:44px}
html body .fine{line-height:2.618}
}

/* Móvil (14 oct 2026): pasos de «Cómo trabaja Diana» centrados (título, texto y enlace) */
@media(max-width:860px){
html body .sec #como .pas-l li,html body .sec #como .pas-c{align-items:center!important;text-align:center!important}
html body .sec #como .pas-c b,html body .sec #como .pas-c small{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
html body .sec #como .pas-c a.pz-v{align-self:center!important}
}

/* Llave en mano · móvil (14 oct 2026): sobria y contundente. Línea de tinta arriba, título a la izquierda, cifra a la derecha, texto debajo a todo el ancho */
@media(max-width:860px){
html body .sec .lm-l{display:block!important;border-top:1px solid #3a3c42!important;margin-top:var(--s1)!important}
html body .sec .lm-l li,html body .sec .lm-l li:first-child,html body .sec .lm-l li:last-child{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"t p" "d d"!important;column-gap:var(--s0)!important;row-gap:var(--s-1)!important;align-items:baseline!important;padding:var(--s1) 0!important;border:0!important;border-bottom:1px solid var(--hair)!important;text-align:left!important;flex-direction:initial!important}
html body .sec .lm-l li::before,html body .sec .lm-l li::after,html body .sec .lm-l .pas-p::after,html body .sec .lm-l .pas-c::before{display:none!important;content:none!important}
html body .sec .lm-l .pas-c{display:contents!important}
html body .sec .lm-l .pas-c b{grid-area:t;margin:0!important;text-align:left!important;font-size:var(--f1)!important;line-height:1.236!important}
html body .sec .lm-l .pas-c small{grid-area:d;margin:0!important;max-width:none!important;text-align:left!important;color:var(--i2)!important;font-size:var(--f0)!important;line-height:1.618!important}
html body .sec .lm-l .pas-p{grid-area:p;margin:0!important;padding:0!important;border:0!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;text-align:right!important;font-size:var(--f2)!important;line-height:1!important;white-space:nowrap}
html body .sec .lm-l .pas-p small.pre,html body .sec .lm-l .pas-p i{order:2;display:block!important;margin:.382em 0 0!important;font-family:"Jost",sans-serif!important;font-style:normal!important;font-size:var(--f-1)!important;letter-spacing:.06em!important;text-transform:none!important;color:var(--i2)!important;line-height:1.236!important}
html body .sec .lm-l .pas-p .cur{font-size:.6em!important;vertical-align:.5em!important}
}

@media(max-width:860px){
html body .sec .lm-l li,html body .sec .lm-l li:first-child,html body .sec .lm-l li:last-child{grid-template-rows:auto auto!important}
html body .sec .lm-l .pas-c b{grid-row:1!important;grid-column:1!important;padding-right:var(--s-1)}
html body .sec .lm-l .pas-p{grid-row:1!important;grid-column:2!important;min-width:max-content}
html body .sec .lm-l .pas-c small{grid-row:2!important;grid-column:1 / -1!important}
}

@media(max-width:860px){
html body .sec .lm-l .pas-p{display:block!important;text-align:right!important;line-height:1.1!important;align-self:start!important}
html body .sec .lm-l .pas-p .cur{display:inline!important;font-size:.56em!important;vertical-align:.62em!important;margin-right:.04em!important}
html body .sec .lm-l .pas-p small.pre{display:block!important;margin:0 0 .236em!important}
html body .sec .lm-l .pas-p i{display:block!important;margin:.236em 0 0!important}
html body .sec .lm-l .pas-c b{align-self:start!important;padding-top:.3em}
}

/* Cambio de idioma en minúsculas, como el logotipo (14 oct 2026) */
html body .lng,html body .lng a{text-transform:none!important;letter-spacing:.06em!important}
html body .lng span[aria-hidden]{color:var(--hair)!important;font-weight:300}

/* Móvil (14 oct 2026): es | en a la izquierda, en la línea del menú; fuera de la cabecera */
@media(max-width:860px){
html body .hd .top nav.lng-m{display:none!important}
html body .hd .top{grid-template-columns:44px minmax(0,1fr) 44px!important}
html body .hd .dl nav.lng-d{display:flex!important;grid-row:1;grid-column:1;justify-self:start!important;align-self:center;padding:0 var(--s-1) 0 0!important;background:var(--paper)}
html body .hd .dl nav.lng-d a{min-height:44px;min-width:28px;justify-content:center}
}

/* Móvil (15 oct 2026): «es» en el extremo izquierdo y «en» en el derecho, en la línea del menú */
@media(max-width:860px){
html body .hd .dl nav.lng-d{justify-self:stretch!important;justify-content:space-between!important;background:none!important;padding:0!important;pointer-events:none;z-index:2}
html body .hd .dl nav.lng-d a{pointer-events:auto}
html body .hd .dl nav.lng-d span[aria-hidden]{display:none!important}
}

/* Móvil (15 oct 2026): es / en centrados con la línea del menú, y la línea sin tocarlos */
@media(max-width:860px){
html body .hd .dl-t::before{left:calc(28px + var(--s-1))!important;right:calc(28px + var(--s-1))!important}
html body .hd .dl nav.lng-d{align-self:stretch!important;align-items:center!important;transform:none!important;top:auto!important}
html body .hd .dl nav.lng-d a{line-height:1!important;height:100%;min-height:44px;display:inline-flex!important;align-items:center!important;padding:0 0 .12em!important}
}

/* Móvil (15 oct 2026): es / en a 16 px; el idioma activo en el gris del logotipo, el otro en gris claro */
@media(max-width:860px){
html body .hd .dl nav.lng-d a{font-size:var(--f0)!important;color:var(--i2)!important;font-weight:400}
html body .hd .dl nav.lng-d a[aria-current]{color:#3a3c42!important;font-weight:500}
html body .hd .dl-t::before{left:calc(32px + var(--s-1))!important;right:calc(32px + var(--s-1))!important}
}

/* ─── «Cómo trabaja Diana · cuánto cuesta» rediseñada (15 oct 2026): tarifa de casa de subastas ───
   Una lista con línea de tinta: número romano · servicio · cifra. El $ pequeño y volado; cifras de igual ancho. */
html body .sec #como{counter-reset:pas}
html body .sec #como .pas-l{display:block!important;margin:var(--s2) 0 0!important;padding:0!important;border-top:1px solid #3a3c42!important;border-bottom:1px solid #3a3c42!important;list-style:none}
html body .sec #como .pas-l li,html body .sec #como .pas-l li:first-child,html body .sec #como .pas-l li:last-child{counter-increment:pas;display:grid!important;grid-template-columns:var(--s2) minmax(0,1.618fr) minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;column-gap:var(--s1)!important;row-gap:var(--s-1)!important;align-items:baseline!important;padding:var(--s1) 0!important;margin:0!important;border:0!important;border-top:1px solid var(--hair)!important;text-align:left!important;flex-direction:initial!important;height:auto!important;background:none!important}
html body .sec #como .pas-l li:first-child{border-top:0!important}
html body .sec #como .pas-l li::before{content:counter(pas,lower-roman)!important;display:block!important;grid-row:1!important;grid-column:1!important;font-family:"Bodoni Moda",serif;font-style:italic;font-size:var(--f0);color:var(--i2);position:static!important;width:auto!important;height:auto!important;background:none!important;border:0!important;transform:none!important}
html body .sec #como .pas-l li::after{display:none!important;content:none!important}
html body .sec #como .pas-c{display:contents!important}
html body .sec #como .pas-c b{grid-row:1!important;grid-column:2!important;margin:0!important;font-family:"Bodoni Moda",serif!important;font-weight:400!important;font-size:var(--f2)!important;line-height:1.236!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important;text-align:left!important}
html body .sec #como .pas-c small{grid-row:2!important;grid-column:2!important;margin:0!important;max-width:56ch!important;font-size:var(--f0)!important;line-height:1.618!important;color:var(--i2)!important;text-align:left!important}
html body .sec #como .pas-c a.pz-v{grid-row:3!important;grid-column:2!important;justify-self:start!important;align-self:start!important;margin:var(--s-2) 0 0!important;padding:0 0 1px!important}
html body .sec #como .pas-p{grid-row:1 / span 3!important;grid-column:3!important;justify-self:end!important;align-self:start!important;display:block!important;margin:0!important;padding:0!important;border:0!important;text-align:right!important;font-family:"Bodoni Moda",serif!important;font-weight:400!important;font-size:var(--f3)!important;line-height:1!important;letter-spacing:0!important;color:var(--ink)!important;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;flex:none!important}
html body .sec #como .pas-p::before,html body .sec #como .pas-p::after{display:none!important;content:none!important}
html body .sec #como .pas-p .cur{display:inline!important;font-size:.46em!important;vertical-align:.92em!important;margin:0 .08em 0 0!important;color:var(--i2)!important;font-family:"Bodoni Moda",serif!important;letter-spacing:0!important}
html body .sec #como .pas-p i{display:block!important;margin:var(--s-1) 0 0!important;font-family:"Jost",sans-serif!important;font-style:normal!important;font-size:var(--f-1)!important;letter-spacing:.06em!important;text-transform:none!important;color:var(--i2)!important;line-height:1.382!important}
html body .sec #como .pas-p i .cur{font-size:.92em!important;vertical-align:0!important;margin:0!important;color:inherit!important;font-family:inherit!important}
html body .sec #como .pas-q{margin:var(--s1) 0 0!important;padding:0!important;border:0!important;max-width:none!important;display:grid;grid-template-columns:var(--s2) minmax(0,1fr);column-gap:var(--s1);font-family:"Bodoni Moda",serif!important;font-style:italic!important;font-size:var(--f0)!important;line-height:1.618!important;color:var(--i2)!important;text-align:left!important}
html body .sec #como .pas-q::before{content:"*"!important;display:block!important;position:static!important;font-style:normal;color:var(--i2);background:none!important;width:auto!important;height:auto!important;border:0!important}
html body .sec #como .pas-x{margin:var(--s0) 0 0!important;padding:0 0 0 calc(var(--s2) + var(--s1))!important;border:0!important;display:flex!important;flex-wrap:wrap;gap:var(--s-1) var(--s1);align-items:baseline;justify-content:flex-start!important;text-align:left!important;font-size:var(--f0)!important;color:var(--i2)}
html body .sec #como .pas-x .cur{font-size:.72em!important;vertical-align:.3em!important;margin-right:.04em}
@media(max-width:860px){
html body .sec #como .pas-l li,html body .sec #como .pas-l li:first-child,html body .sec #como .pas-l li:last-child{grid-template-columns:var(--s1) minmax(0,1fr) auto!important;grid-template-rows:auto auto auto!important;column-gap:var(--s-1)!important;align-items:baseline!important}
html body .sec #como .pas-c b{grid-row:1!important;grid-column:2!important;font-size:var(--f1)!important;align-self:baseline!important}
html body .sec #como .pas-p{grid-row:1!important;grid-column:3!important;font-size:var(--f2)!important;align-self:baseline!important}
html body .sec #como .pas-p i{margin-top:.382em!important}
html body .sec #como .pas-c small{grid-row:2!important;grid-column:2 / -1!important;max-width:none!important}
html body .sec #como .pas-c a.pz-v{grid-row:3!important;grid-column:2 / -1!important;justify-self:start!important;align-self:start!important;margin:0!important}
html body .sec #como .pas-q{grid-template-columns:var(--s1) minmax(0,1fr);column-gap:var(--s-1)}
html body .sec #como .pas-x{padding-left:calc(var(--s1) + var(--s-1))!important}
}

/* #como (15 oct 2026): «¿Ya tienes una casa vista?» y su enlace, centrados */
html body .sec #como .pas-x{padding:0!important;justify-content:center!important;text-align:center!important;flex-direction:column;align-items:center!important}
@media(max-width:860px){html body .sec #como .pas-x{padding:0!important}}

/* Móvil (15 oct 2026): el centro óptico de «es» y «en» (la altura de la x) sobre la línea */
@media(max-width:860px){
html body .hd .dl nav.lng-d{height:auto!important;align-self:stretch!important}
html body .hd .dl nav.lng-d a{padding:0!important;line-height:1!important;transform:translateY(-.18em)!important}
}

/* Lámina «Tu caso» (15 oct 2026): el logotipo vectorial, no la letra; sin columna fija que pise el texto al desplazar */
html body .dc-l{font-size:0!important;line-height:0!important;display:block}
html body .dc-l svg.lv{display:block;height:calc(var(--f2)*.74);width:auto;color:#3a3c42;fill:currentColor}
html body .dc-c{position:static!important}
html body .dc-in>*{min-width:0}
html body .dc-p li p,html body .dc-p em,html body .dc-c .cap,html body .dc-fu .cap{overflow-wrap:anywhere}
html body .dc-c .cap,html body .dc-fu .cap{letter-spacing:.16em!important;line-height:1.618}
html body .dc-x{border-bottom:0!important}