*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f8f7f2;color:#172d3b;font:16px/1.7 Arial,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #aa884e;outline-offset:5px}.wrap{width:min(1180px,88%);margin:auto}.draft{background:#172d3b;color:#ece6d8;text-align:center;font-size:10px;letter-spacing:2px;padding:6px}header{background:#f8f7f2;position:sticky;top:0;z-index:9;border-bottom:1px solid #deded6}nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px}.brand{text-decoration:none;display:flex;align-items:center;gap:13px}.monogram{font:38px Georgia,serif;color:#927344;border-right:1px solid #c8b48e;padding-right:16px;letter-spacing:-5px}.brand b{font:24px Georgia,serif;display:block}.brand small{font-size:9px;letter-spacing:3px}.links{display:flex;gap:23px;font-size:12px}.links a{text-decoration:none}.langs{display:flex;gap:8px;font-size:12px}.langs a{padding:3px 7px;text-decoration:none}.langs .active{background:#172d3b;color:white}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;padding:78px 0 66px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#8d7042;font-weight:bold}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.15}h1{font-size:clamp(40px,4.4vw,66px);margin:22px 0}h2{font-size:clamp(32px,3vw,44px);margin:14px 0 26px}h3{font-size:24px}.lead{font:23px/1.4 Georgia,serif}.muted,p{color:#54616a}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-block;text-decoration:none;background:#172d3b;color:white;border:1px solid #172d3b;padding:12px 18px;font-size:12px;cursor:pointer}.btn.light{background:transparent;color:#172d3b}.hero-art{height:480px;background:#e7e7de;position:relative;overflow:hidden;border-radius:180px 180px 0 0;display:grid;place-items:center}.hero-art:before,.hero-art:after{content:'';position:absolute;width:290px;height:470px;border:1px solid #b5a17a;border-radius:170px 170px 0 0;transform:rotate(24deg);top:100px;left:60px}.hero-art:after{transform:rotate(-14deg);top:60px;left:170px}.art-vj{font:155px Georgia,serif;color:#172d3b;z-index:1;letter-spacing:-20px}.art-caption{position:absolute;bottom:35px;font-size:10px;letter-spacing:3px}.trust{border-top:1px solid #d6d7ce;padding:25px 0;font-size:12px;letter-spacing:1px}.section{padding:80px 0}.white{background:white}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.note{border-left:2px solid #a78a55;padding:12px 22px;background:#f8f7f2;font-size:14px}.factors{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;padding:0;list-style:none}.factors li{border-bottom:1px solid #d5d8d5;padding:18px 0}.factors li:before{content:'↗';color:#9a7d47;margin-right:14px}.dark{background:#172d3b;color:#f7f5ed}.dark p{color:#c2cbd0}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;margin-top:40px}.num{color:#c4a574;font:30px Georgia,serif;border-bottom:1px solid #4a5b62;padding-bottom:20px}.steps h3{font-size:22px}.steps p{font-size:14px}details{border-bottom:1px solid #d4d8d7;padding:21px 0}summary{cursor:pointer;list-style:none;padding-right:35px;font-size:17px;position:relative}summary:after{content:'+';position:absolute;right:3px;color:#9a7d47}details[open] summary:after{content:'−'}details p{font-size:15px;max-width:800px}.portraits{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}.portrait{background:#e8e7df;min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column}.portrait span{font:55px Georgia,serif;color:#9a927f}.portrait small{font-size:10px;padding:15px;text-align:center;color:#62685f}.person h3{margin-bottom:5px}.person p{font-size:13px;margin-top:0}form{background:white;padding:32px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px}input,select,textarea{display:block;width:100%;background:#fbfbf8;border:1px solid #c8cfcd;padding:11px;color:#172d3b;border-radius:0}textarea{height:110px;resize:vertical}.wide{grid-column:1/-1}.check{display:flex;gap:10px;margin:18px 0}.check input{width:auto;align-self:flex-start;margin-top:7px}.hint{font-size:11px}.contact-methods{display:grid;gap:10px;margin:30px 0}.contact-methods button{background:transparent;border:0;border-bottom:1px solid #c9d0cd;text-align:left;padding:12px 0;color:#172d3b;cursor:pointer}.status{color:#8b632a;font-size:12px}footer{padding:45px 0;background:#10232e;color:#ece9df}.foot{display:flex;justify-content:space-between;gap:30px}footer p{color:#bec8cb;font-size:12px}.legal-links{display:flex;flex-wrap:wrap;gap:20px;font-size:12px}.legalpage{max-width:800px;padding:65px 0}.legalpage h1{font-size:46px}.legalpage h2{font-size:27px}.mobile-contact{display:none}@media(max-width:900px){.links{display:none}.hero{gap:30px}.split{gap:35px}.steps{grid-template-columns:repeat(2,1fr)}.hero-art{height:390px}}@media(max-width:600px){nav{min-height:75px;gap:10px}.brand b{font-size:20px}.brand small{font-size:8px}.monogram{font-size:30px}.hero{grid-template-columns:1fr;padding:40px 0;gap:30px}.hero-art{height:260px;border-radius:140px 140px 0 0}.art-vj{font-size:100px}.hero-art:before{top:20px}.hero-art:after{top:10px;left:90px}.art-caption{bottom:20px}.section{padding:52px 0}.split{grid-template-columns:1fr;gap:20px}.factors,.fields{grid-template-columns:1fr}.steps{gap:18px}.portraits{gap:16px}.portrait{min-height:180px}.person h3{font-size:20px}.foot{flex-direction:column}form{padding:22px}.draft{font-size:8px;letter-spacing:1px}.mobile-contact{display:block}.hero .buttons .btn:first-child{width:100%;text-align:center}.trust{font-size:10px}.lead{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Anagrama proporcionado por el despacho */
.brand-logo{width:56px;height:56px;object-fit:contain;display:block}.hero-art{background:#f9f9f9;border-radius:180px 180px 0 0}.hero-art:before,.hero-art:after{display:none}.hero-logo{display:block;width:100%;height:100%;object-fit:contain}.art-caption{background:#f8f7f2e6;padding:4px 12px;bottom:16px}@media(max-width:600px){.brand-logo{width:45px;height:45px}.hero-logo{width:100%;height:100%}.hero-art{height:310px}}

.brand b{font-size:22px}@media(max-width:600px){.brand b{font-size:17px}.brand{gap:9px}.brand-logo{width:40px;height:40px}.eyebrow{line-height:1.6;letter-spacing:1.6px}}

.profile-section{border-top:1px solid #d8d8cf;padding-top:55px}.profile-heading{max-width:780px}.profile-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.profile-columns article{border-top:2px solid #b49660;padding-top:8px}.profile-columns h3{font-size:25px}.profile-columns p{font-size:15px}.profile-pending{font-size:12px!important;color:#69716f}@media(max-width:800px){.profile-columns{grid-template-columns:1fr;gap:15px}}

.portrait-carme{aspect-ratio:3/4;min-height:0;overflow:hidden}.portrait-carme img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%}

.portrait-carme{aspect-ratio:1/1}.portrait-carme img{object-fit:contain;object-position:center}

.portrait-teresa{aspect-ratio:1/1;min-height:0;overflow:hidden}.portrait-teresa img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}.firm-affiliation{font-size:13px;color:#8d7042;margin-top:-14px}.brand b{font-size:19px;max-width:260px}.brand small{letter-spacing:2px}@media(max-width:600px){.brand b{font-size:15px;max-width:175px}}

/* Segona proposta visual: fotografia, retrats i composició editorial */
:root{--navy:#172d3b;--gold:#a48959}body{background:#f6f3ed}.hero{grid-template-columns:1fr 1.03fr;gap:52px;padding:65px 0 56px}.hero h1{font-size:clamp(39px,4.2vw,61px);letter-spacing:-1.6px}.hero-scene{position:relative;height:580px;border-radius:180px 8px 8px 8px;box-shadow:0 22px 60px #172d3b16;isolation:isolate}.scene-photo{width:100%;height:100%;object-fit:cover;object-position:58% center;border-radius:inherit}.scene-brand{position:absolute;left:-25px;bottom:56px;background:#fcfbf7;box-shadow:0 12px 35px #172d3b24;padding:18px 25px;display:flex;align-items:center;gap:16px;border-bottom:3px solid var(--gold)}.scene-brand img{object-fit:contain}.scene-brand span{font:23px Georgia,serif}.scene-brand small{display:block;font:9px Arial,sans-serif;letter-spacing:3px;margin-top:8px}.scene-caption{position:absolute;bottom:14px;right:15px;font-size:10px;color:white;background:#172d3bbf;padding:3px 9px}.btn{transition:background .2s,transform .2s}.btn:hover{background:#2a4659;transform:translateY(-2px)}.btn.light:hover{background:#eae4d7}.trust{padding:24px 0 30px;border-bottom:1px solid #d6d7ce;color:#6f624e}.section{padding:95px 0}.factors{gap:18px 24px;margin-top:35px;counter-reset:factor}.factors li{position:relative;background:#fff;padding:23px 26px 23px 55px;border:1px solid #e0ded5;box-shadow:0 4px 15px #172d3b04}.factors li:before{counter-increment:factor;content:'0' counter(factor);position:absolute;left:17px;top:22px;font:18px Georgia,serif}.approach-section{background:#eee8dd}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.approach-photo{margin:0;position:relative;height:650px}.approach-photo img{width:100%;height:100%;object-fit:cover;object-position:80% center;border-radius:5px 140px 5px 5px}.approach-photo figcaption{font-size:10px;color:#716b5f;margin-top:8px}.approach-points{margin:30px 0}.approach-points article{display:flex;gap:20px;border-top:1px solid #cfc7b8;padding:17px 0}.approach-points article>span{font:21px Georgia,serif;color:#927344;padding-top:5px}.approach-points h3{margin:0;font-size:24px}.approach-points p{margin:7px 0 0;font-size:14px}.text-link{font-size:12px;display:inline-block;text-underline-offset:6px;color:#7c6137;padding:9px 0}.dark .eyebrow{color:#d5b680}.steps article{padding:15px 0}.steps .num{font-size:38px}.steps h3{min-height:55px}#nosotras>.split{grid-template-columns:1fr;gap:35px}#nosotras>.split>div:first-child{max-width:850px}.team-showcase{border-top:1px solid #d1ccbf;padding-top:35px}.team-heading h3{font-size:34px;margin:12px 0}.team-heading p{font-size:14px}.portraits{gap:42px;margin-top:28px}.portrait-carme,.portrait-teresa{aspect-ratio:1/1;box-shadow:0 15px 35px #172d3b12;border-radius:4px}.person{padding-bottom:24px;border-bottom:1px solid #cfc7b8}.person h3{font-size:29px;margin-top:23px}.person .text-link{font-size:12px}.profile-section:nth-of-type(even){background:#fff}.profile-heading h2{font-size:40px}.profile-columns{gap:34px}.profile-columns article{background:#f1eee6;padding:23px 25px;border-top:2px solid var(--gold)}.profile-columns h3{margin-top:0}.profile-columns p{line-height:1.85}#contacto{background:#eae5da}form{box-shadow:0 12px 40px #172d3b0d;border-top:3px solid var(--gold)}.links a:hover{color:#98773e}footer{padding:55px 0}.brand b{font-size:18px;max-width:235px}.brand-logo{width:65px;height:65px}@media(max-width:1050px){.links{gap:13px;font-size:11px}.hero-scene{height:540px}.hero{gap:32px}.approach-grid{gap:40px}.approach-photo{height:620px}}@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-scene{height:430px;max-width:600px;width:100%;margin-top:5px}.scene-brand{left:20px;bottom:45px}.approach-grid{grid-template-columns:1fr;gap:40px}.approach-photo{height:360px}.portraits{gap:24px}.profile-columns{grid-template-columns:1fr}.steps h3{min-height:0}.section{padding:65px 0}}@media(max-width:600px){.hero{padding:40px 0}.hero h1{letter-spacing:-1px}.hero-scene{height:345px;border-top-left-radius:110px}.scene-brand{padding:12px 16px;left:12px;right:12px;gap:12px}.scene-brand img{width:50px;height:50px}.scene-brand span{font-size:20px}.scene-caption{font-size:8px;right:10px;bottom:10px}.factors{gap:12px}.section{padding:55px 0}.approach-photo{height:300px}.portraits{grid-template-columns:1fr;gap:30px}.person h3{font-size:27px}.profile-heading h2{font-size:34px}.team-heading h3{font-size:29px}.brand-logo{width:40px;height:40px}.brand b{font-size:15px;max-width:175px}.steps{grid-template-columns:1fr 1fr}.steps article:last-child{grid-column:1/-1}.profile-columns article{padding:22px}.text-link{padding:12px 0}}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}

/* Navegació com pestanyes, sempre accessible en mòbil */
nav{flex-wrap:wrap;gap:12px 24px;padding:12px 0 0;min-height:104px}.brand{flex:1}.langs{margin-left:auto;align-self:center}.links{order:3;width:100%;display:flex!important;gap:8px;overflow-x:auto;padding:8px 0 0;scrollbar-width:thin;white-space:nowrap}.links a{font-size:16px;font-weight:500;padding:12px 20px;background:#ece7dc;border:1px solid #d5c9b1;border-bottom:3px solid #b09360;border-radius:7px 7px 0 0;text-decoration:none;transition:background .15s,color .15s}.links a:hover,.links a:focus-visible{background:#172d3b;color:#fff}.langs a{font-size:14px;padding:7px 11px}html{scroll-padding-top:170px}.practice-heading{max-width:820px}.practice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:35px 0 20px}.practice-grid article{border:1px solid #e0d8c9;padding:26px;background:#faf8f3}.practice-number{font:26px Georgia,serif;color:#a48959}.practice-grid h3{font-size:24px}.practice-grid p{font-size:14px}.copyright{border-top:1px solid #ffffff26;margin-top:35px;padding-top:20px}.copyright p{font-size:12px;margin-bottom:8px}.copyright small{font-size:10px;color:#a7b5ba}.email-contact{padding:12px 0;text-decoration:none;border-bottom:1px solid #c9d0cd;overflow-wrap:anywhere}@media(max-width:900px){.practice-grid{grid-template-columns:1fr 1fr}.links a{font-size:15px;padding:11px 16px}}@media(max-width:600px){nav{min-height:120px;padding-top:10px}.links{gap:6px}.links a{font-size:15px;padding:10px 13px}.practice-grid{grid-template-columns:1fr}.practice-grid article{padding:22px}html{scroll-padding-top:165px}}

/* Procés: paleta clara coherent amb la resta del web */
.process-section{background:#f8f7f2;color:#172d3b;border-top:1px solid #e4dfd4;border-bottom:1px solid #e4dfd4}.process-section p{color:#54616a}.process-section .eyebrow{color:#8d7042}.process-section .num{color:#a48959;border-bottom-color:#d9cfbd}

form button:disabled{opacity:.65;cursor:wait}form input[type="date"]{width:100%;min-height:48px}form [hidden]{display:none!important}
