/* Studio legale — tema para cancellazionemultiproprieta.com (Reclamalia). Sin fuentes externas. */
:root{--navy:#0f1d33;--navy-2:#09121f;--navy-3:#16294a;--brand:#0f1d33;--brand-2:#09121f;--gold:#a07a2c;--gold-2:#86651f;--gold-l:#c9a45a;--gold-soft:#f4ecd8;
--paper:#f7f4ed;--white:#fff;--ink:#1c2430;--muted:#59636f;--line:#e0d9c8;--brand-soft:#eef1f6;
--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,"Times New Roman",serif;
--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:17px/1.72 var(--sans);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:var(--navy-3);text-underline-offset:3px}
a:hover{color:var(--gold-2)}
h1,h2,h3,h4{font-family:var(--serif);color:var(--navy);line-height:1.22;font-weight:600;margin:0 0 .5em}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-999px;top:0;background:var(--gold-l);color:var(--navy);padding:10px 16px;z-index:100}
.skip:focus{left:8px;top:8px}

/* barra superior y cabecera */
.topbar{background:var(--navy-2);color:#c3cbd8;font-size:.82rem;letter-spacing:.02em}
.topbar .wrap{display:flex;justify-content:space-between;gap:16px;padding-top:9px;padding-bottom:9px;flex-wrap:wrap}
.topbar a{color:var(--gold-l);font-weight:600;text-decoration:none;letter-spacing:.03em}
.topbar a:hover{color:#fff}
.site-header{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--navy)}
.brand svg{flex:none}
.brand strong{display:block;font:600 1.18rem/1.1 var(--serif);letter-spacing:.2em;text-transform:uppercase;color:var(--navy)}
.brand small{display:block;font:500 .68rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);margin-top:5px}
.nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.nav a{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--navy);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current]{border-bottom-color:var(--gold-l);color:var(--navy)}
.nav a.cta{background:var(--navy);color:#fff;padding:10px 16px;border:1px solid var(--navy);border-radius:2px}
.nav a.cta:hover{background:var(--gold);border-color:var(--gold);color:#fff}

/* botones */
.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-block;padding:15px 30px;border-radius:2px;font:600 .82rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;cursor:pointer}
.btn-gold{background:var(--gold-l);color:var(--navy);border-color:var(--gold-l)}
.btn-gold:hover{background:#fff;color:var(--navy)}
.btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.btn-line:hover{border-color:var(--gold-l);color:var(--gold-l)}

/* portada */
.hero{position:relative;overflow:hidden;background:radial-gradient(1100px 520px at 85% 10%,#1d3560 0%,rgba(29,53,96,0) 60%),linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 100%);color:#e8ecf3}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(201,164,90,.05) 0 1px,transparent 1px 120px);pointer-events:none}
.hero .deco{position:absolute;right:-30px;bottom:-10px;width:520px;opacity:.14;pointer-events:none}
.hero .wrap{position:relative}
.hero .in{display:grid;grid-template-columns:1.35fr .8fr;gap:64px;align-items:center;padding:92px 0 100px}
.eyebrow{font:600 .74rem/1.4 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-l);margin:0 0 20px;display:flex;align-items:center;gap:14px}
.eyebrow:before{content:"";width:34px;height:1px;background:var(--gold-l);flex:none}
.hero h1{color:#fff;font-size:3.05rem;font-weight:500;letter-spacing:-.005em;margin-bottom:22px}
.hero .lede{font-size:1.14rem;color:#ced6e3;max-width:600px;margin:0}
.hero .panel{border:1px solid rgba(201,164,90,.55);background:rgba(9,18,31,.55);padding:34px 32px;position:relative}
.hero .panel:before{content:"";position:absolute;inset:7px;border:1px solid rgba(201,164,90,.22);pointer-events:none}
.hero .panel h2{color:#fff;font-size:1.35rem;margin-bottom:18px}
.hero .panel ul{list-style:none;margin:0 0 22px;padding:0}
.hero .panel li{padding:10px 0 10px 26px;border-top:1px solid rgba(255,255,255,.1);position:relative;font-size:.97rem;color:#d7deea}
.hero .panel li:before{content:"";position:absolute;left:0;top:19px;width:10px;height:10px;border:1px solid var(--gold-l);transform:rotate(45deg)}
.hero .panel .tel{display:block;font:600 1.5rem/1.2 var(--serif);color:#fff;text-decoration:none;letter-spacing:.01em}
.hero .panel .tel small{display:block;font:500 .72rem/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-l);margin-bottom:6px}

.trust{background:var(--white);border-bottom:1px solid var(--line)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.trust .wrap>div{padding:28px 24px;border-left:1px solid var(--line);font-size:.9rem;color:var(--muted);line-height:1.45}
.trust .wrap>div:last-child{border-right:1px solid var(--line)}
.trust b{display:block;font:600 1.18rem/1.25 var(--serif);color:var(--navy);margin-bottom:4px}

/* secciones */
.sec{padding:84px 0;background:var(--white)}
.sec.alt{background:var(--paper)}
.sec.tint{background:var(--brand-soft)}
h2.rule{font-size:2.05rem;margin-bottom:34px;max-width:820px}
h2.rule:after{content:"";display:block;width:60px;height:2px;background:var(--gold);margin-top:18px}
.cols{display:grid;grid-template-columns:1.65fr 1fr;gap:64px;align-items:start}
.prose{max-width:720px}
.prose p{margin:0 0 1.15em}
.prose h2{font-size:1.55rem;margin:2.1em 0 .6em;padding-top:.2em}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1.2rem;margin:1.6em 0 .4em}
.prose ul{list-style:none;padding:0;margin:0 0 1.3em}
.prose ul li{position:relative;padding:4px 0 4px 26px}
.prose ul li:before{content:"";position:absolute;left:2px;top:15px;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.prose ol{padding-left:22px;margin:0 0 1.3em}.prose ol li{padding:3px 0 3px 6px}.prose ol li::marker{color:var(--gold-2);font-weight:700}
.lead{font:400 1.28rem/1.6 var(--serif);color:var(--navy)}
.aside{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold);padding:28px 28px 26px;font-size:.96rem;position:sticky;top:110px}
.sec.alt .aside{background:var(--white)}
.aside h3{font-size:1.15rem;margin:0 0 6px}
.aside dl{margin:0}
.aside dt{font:700 .7rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);margin-top:16px}
.aside dd{margin:3px 0 0;color:var(--ink)}
.aside p{margin:8px 0 0}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:36px 0 0;padding:0;list-style:none;counter-reset:s}
.steps li{counter-increment:s;padding:26px 26px 8px 0;margin-right:26px;border-top:1px solid var(--gold)}
.steps li:last-child{margin-right:0}
.steps li:before{content:counter(s,upper-roman);display:block;font:500 2.1rem/1 var(--serif);color:var(--gold);margin-bottom:14px}
.steps b{display:block;font:600 1.12rem/1.3 var(--serif);color:var(--navy);margin-bottom:8px}
.steps span{display:block;font-size:.95rem;color:#3f4a56;line-height:1.6}
.prose .steps{grid-template-columns:1fr 1fr;gap:6px 0}
.prose .steps li{margin-right:24px}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:8px}
.card{background:var(--white);border:1px solid var(--line);border-top:3px solid var(--navy);padding:30px 28px 26px;display:flex;flex-direction:column}
.card h3{font-size:1.22rem;margin:8px 0 10px}
.card p{margin:0 0 18px;font-size:.96rem;color:#3f4a56;flex:1}
.tag{font:700 .68rem/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2)}
.more{font:700 .76rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--navy);text-decoration:none;border-bottom:1px solid var(--gold-l);padding-bottom:3px;align-self:flex-start}
.more:hover{color:var(--gold-2)}
.card .more:after,p>.more:after{content:" →"}

.principi{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:6px}
.principi div{padding:6px 34px 6px 0;margin-right:34px;border-right:1px solid var(--line)}
.principi div:last-child{border:0;margin:0;padding:0}
.principi i{display:block;font:500 2.4rem/1 var(--serif);color:var(--gold);font-style:normal;margin-bottom:12px}
.principi h3{font-size:1.22rem;margin-bottom:8px}
.principi p{margin:0;font-size:.97rem;color:#3f4a56}

.avv{display:grid;grid-template-columns:220px 1fr;gap:56px;align-items:center}
.seal{width:200px;height:200px;border-radius:50%;background:var(--navy);display:grid;place-items:center;position:relative;margin:0 auto;box-shadow:0 0 0 6px var(--paper),0 0 0 7px var(--gold)}
.seal:before{content:"";position:absolute;inset:10px;border:1px solid rgba(201,164,90,.55);border-radius:50%}
.seal span{font:500 3.1rem/1 var(--serif);color:var(--gold-l);letter-spacing:.04em}
.avv h3{font-size:1.5rem;margin-bottom:2px}
.avv .qual{font:600 .74rem/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);margin-bottom:14px}
.avv p{margin:0 0 1em;max-width:660px}

.note{background:var(--gold-soft);border-left:3px solid var(--gold);padding:22px 26px;font-size:.98rem;color:#3d3216;max-width:900px}
.note b{color:#4f3d10}

.faq{max-width:900px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;font:600 1.12rem/1.4 var(--serif);color:var(--navy);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:6px;top:18px;font:300 1.7rem/1 var(--sans);color:var(--gold)}
.faq details[open] summary:after{content:"–"}
.faq summary:hover{color:var(--gold-2)}
.faq .a{padding:0 44px 22px 0;color:#37424e}
.faq .a p{margin:0}

/* cabecera de páginas interiores */
.page-head{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 100%);border-bottom:3px solid var(--gold);color:#cdd5e2;padding:58px 0 54px;position:relative;overflow:hidden}
.page-head:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(201,164,90,.05) 0 1px,transparent 1px 120px)}
.page-head .wrap{position:relative}
.page-head h1{color:#fff;font-size:2.55rem;font-weight:500;margin:6px 0 12px;max-width:860px}
.page-head p{margin:0;font-size:1.1rem;max-width:760px}
.crumbs{font:600 .74rem/1.4 var(--sans)!important;letter-spacing:.14em;text-transform:uppercase;margin:0!important;color:var(--gold-l)}
.crumbs a{color:var(--gold-l);text-decoration:none}.crumbs a:hover{color:#fff}

/* formulario */
.consulta-band{background:var(--paper);padding:88px 0;border-top:1px solid var(--line)}
.rc-sofia{max-width:700px;margin:0 auto;text-align:center}
.rc-sofia>h2{font-size:2.1rem;margin-bottom:6px}
.rc-sofia>h2:after{content:"";display:block;width:60px;height:2px;background:var(--gold);margin:18px auto 0}
.rc-sofia p.sub{margin:20px auto 30px;color:#3f4a56;max-width:600px}

/* pie */
.site-footer{background:var(--navy-2);color:#b9c2d1;font-size:.93rem;border-top:3px solid var(--gold)}
.site-footer .wrap{padding-top:64px;padding-bottom:34px}
.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:56px}
.site-footer h4{font:700 .72rem/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-l);margin-bottom:18px}
.site-footer p{margin:0 0 1em;line-height:1.65}
.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{padding:4px 0}
.site-footer a{color:#d6dce8;text-decoration:none}.site-footer a:hover{color:var(--gold-l)}
.site-footer .legal{margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:.8rem;line-height:1.6;color:#8f9aac}

.legal-body{max-width:780px}.legal-body h2{font-size:1.35rem}

/* complejos */
.clist{list-style:none;padding:0;margin:0 0 1.4em;columns:2;column-gap:44px}
.clist li{break-inside:avoid;padding:5px 0 5px 22px;position:relative;font-size:.97rem}
.clist li:before{content:"";position:absolute;left:2px;top:14px;width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}
.clist li span{color:var(--muted);font-size:.9rem}
.prose ul.clist li:before{top:14px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 26px}
.chips a{display:inline-block;padding:11px 20px;border:1px solid var(--navy);color:var(--navy);text-decoration:none;font:600 .78rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;background:var(--white)}
.chips a:hover{background:var(--navy);color:#fff}
@media(max-width:700px){.clist{columns:1}}
/* whatsapp */
.btn-wa{background:#1f9d55;color:#fff;border-color:#1f9d55;margin-top:14px;display:block;text-align:center}.btn-wa:hover{background:#fff;color:#1f7a45}
.wa-float{position:fixed;right:20px;bottom:20px;z-index:40;width:58px;height:58px;border-radius:50%;background:#1f9d55;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.28)}
.wa-float:hover{background:#17803f}
@media(max-width:980px){
 .hero .in{grid-template-columns:1fr;gap:40px;padding:64px 0 70px}.hero h1{font-size:2.4rem}.hero .deco{width:380px}
 .cols{grid-template-columns:1fr;gap:36px}.aside{position:static}
 .cards,.principi{grid-template-columns:1fr}.principi div{border:0;border-bottom:1px solid var(--line);margin:0 0 18px;padding:0 0 18px}.principi div:last-child{border:0}
 .steps{grid-template-columns:1fr 1fr}.steps li{margin-right:18px;margin-bottom:18px}
 .trust .wrap{grid-template-columns:1fr 1fr}.trust .wrap>div:nth-child(2n){border-right:1px solid var(--line)}.trust .wrap>div:nth-child(n+3){border-top:1px solid var(--line)}
 .fg{grid-template-columns:1fr 1fr;gap:36px}.fg>div:first-child{grid-column:1/-1}
 .avv{grid-template-columns:1fr;gap:28px;text-align:center}.avv p{margin-left:auto;margin-right:auto}
 .nav{gap:16px 20px}.sec{padding:60px 0}.page-head h1{font-size:2.05rem}
}
@media(max-width:560px){
 body{font-size:16.5px}.wrap{padding:0 18px}.hero h1{font-size:2.05rem}.steps,.prose .steps{grid-template-columns:1fr}.steps li{margin-right:0}
 .site-header .wrap{gap:14px}.nav{width:100%;gap:4px 18px}.nav a.cta{display:none}.fg{grid-template-columns:1fr}.trust .wrap{grid-template-columns:1fr}.trust .wrap>div{border-right:1px solid var(--line);border-top:1px solid var(--line)}
 .brand strong{font-size:1.05rem;letter-spacing:.16em}.hero .panel{padding:26px 22px}
 .topbar span{display:none}.topbar .wrap{justify-content:center}.nav a{font-size:.72rem}.brand small{letter-spacing:.1em}
}
@media print{.topbar,.site-header,.consulta-band,#cm-cookies{display:none!important}}