/* Rosilá Salbego Advocacia · Identidade grafite e rosa · v2.0 */
:root{--bg:#1a181b;--deep:#131215;--surface:#252226;--surface2:#2b282c;--ink:#f8f3f4;--muted:#c5bcc0;--faint:#aa9ea4;--rose:#e0a0ad;--rose-soft:#d28c9c;--line:rgba(245,226,230,.13);--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--max:1210px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:97px}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}::selection{background:#c8899a;color:#1d161a}a{color:inherit;text-decoration:none}img,svg{max-width:100%}img{display:block}button{font:inherit;cursor:pointer}p{margin:0 0 17px;color:var(--muted)}h1,h2,h3{margin:0;line-height:1.13}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}h3{font-weight:650}strong{font-weight:680}main{overflow:clip}.container{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;z-index:999;top:-100px;left:20px;background:#fff;color:#151515;padding:10px 16px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #f5bcc9;outline-offset:4px}.announcement{background:#111012;text-align:center;color:#eee1e4;font-size:10px;font-weight:650;letter-spacing:.19em;text-transform:uppercase;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.055)}.dot{display:inline-block;vertical-align:middle;width:3px;height:3px;border-radius:50%;background:var(--rose);margin:0 12px}
/* Navigation */
.header{position:sticky;z-index:100;top:0;background:rgba(24,22,25,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;gap:31px;min-height:82px}.brand{display:inline-flex;align-items:center;gap:13px;min-width:245px;flex:none}.monogram{display:grid;place-items:center;width:49px;height:49px;flex:none;border:1px solid rgba(221,153,171,.53);border-radius:8px;color:var(--rose);font:italic 31px/.9 var(--serif);letter-spacing:-.18em;padding-right:5px;background:rgba(231,167,184,.045)}.brand-copy{display:flex;flex-direction:column;gap:0;white-space:nowrap}.brand-copy strong{color:#fff;font:400 19px/1.23 var(--serif);letter-spacing:-.02em}.brand-copy small{text-transform:uppercase;color:#bfb0b8;letter-spacing:.26em;font-size:9px;font-weight:550}.nav-links{display:flex;align-items:center;gap:26px;margin-left:auto}.nav-links a{color:#f2e8eb;font-size:12px;font-weight:600;white-space:nowrap;transition:color .18s}.nav-links a:hover{color:var(--rose)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid transparent;padding:14px 22px;border-radius:100px;font-size:12px;font-weight:710;letter-spacing:.015em;line-height:1.2;white-space:nowrap;transition:background .2s,color .2s,transform .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#281a1f;background:#d79aa8;box-shadow:0 8px 24px rgba(0,0,0,.13)}.btn-primary:hover{background:#ecc0c9;color:#27191d}.btn-outline{color:#fff;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.015)}.btn-outline:hover{border-color:#f0aabd;color:var(--rose)}.btn-nav{padding:13px 20px;font-size:11px;flex:none}.menu-button{display:none;place-items:center;border:1px solid var(--line);background:transparent;border-radius:9px;padding:10px;color:#fff;line-height:1}.menu-button svg{width:23px;height:23px;stroke:currentColor}
/* Hero */
.hero{background:radial-gradient(ellipse 72% 66% at 63% 65%,#342b2d 0%,#211d1f 43%,#171517 100%);position:relative;min-height:640px}.hero::after{content:"";position:absolute;pointer-events:none;left:0;bottom:0;right:0;height:55px;background:linear-gradient(0deg,rgba(21,19,21,.37),transparent)}.hero-grid{display:grid;grid-template-columns:49% 51%;align-items:center;min-height:645px;gap:0}.hero-text{position:relative;z-index:3;padding:45px 0 80px}.eyebrow{font-size:10px!important;font-weight:700;letter-spacing:.21em;text-transform:uppercase;color:#f3c6cf!important;margin:0 0 25px;line-height:1.6}.eyebrow .rule{display:inline-block;width:30px;height:1px;background:#e4a2b0;vertical-align:middle;margin-right:13px;transform:translateY(-2px)}.hero h1{font-size:clamp(4rem,5.7vw,6rem);line-height:1.045;max-width:720px;letter-spacing:-.055em}.hero h1 em{display:inline-block;margin-top:3px;color:var(--rose);font-weight:400}.hero-lead{max-width:475px;margin:29px 0 28px;font-size:15px;line-height:1.85;color:#dad0d4}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-meta{color:#c6b7be;font-size:12px;margin-top:26px}.hero-meta .dott{width:6px;height:6px;border-radius:50%;display:inline-block;background:#e09aaa;margin-right:8px;vertical-align:middle}.hero-visual{height:640px;position:relative;align-self:stretch;min-width:0}.hero-picture{position:absolute;inset:-2px -75px 0 -33px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.hero-picture img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 33%;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 76%,transparent 99%);mask-image:linear-gradient(to bottom,black 0%,black 76%,transparent 99%)}.visual-caption{position:absolute;right:4px;bottom:66px;z-index:4;padding:14px 22px;min-width:244px;background:#e5dce0;border:1px solid #ede6e8;box-shadow:0 12px 36px rgba(0,0,0,.25);display:flex;flex-direction:column}.visual-caption span{font-size:9px;font-weight:800;letter-spacing:.2em;color:#b16b7b}.visual-caption strong{font:400 20px/1.15 var(--serif);color:#2d2429;letter-spacing:-.025em}
/* Areas of practice */
.section{padding:110px 0}.services{background:radial-gradient(ellipse at 80% 15%,#2d292c 0%,#242125 40%,#1f1d20 100%)}.section-heading{max-width:850px}.section-heading h2{font-size:clamp(2.75rem,4.5vw,4.65rem);max-width:800px}.section-heading>p:last-child{margin-top:20px;max-width:700px;line-height:1.8;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}.service-card{min-height:194px;background:linear-gradient(155deg,rgba(255,255,255,.052),rgba(255,255,255,.017));border:1px solid rgba(255,255,255,.13);border-radius:13px;padding:28px 28px 29px;transition:border-color .2s,transform .2s,background .2s}.service-card:hover{border-color:rgba(223,154,171,.55);transform:translateY(-3px);background:rgba(236,177,188,.075)}.service-index{display:block;font:italic 24px/1 var(--serif);color:var(--rose);margin-bottom:20px}.service-card h3{font-size:16px;line-height:1.35;color:#fff;max-width:330px;margin-bottom:9px}.service-card p{font-size:12.5px;line-height:1.68;color:#c3babe;margin:0}.service-list-note{text-align:center;font-size:11px;margin:30px auto 0;color:#b9adb2;max-width:800px}
/* Method */
.philosophy{background:radial-gradient(ellipse at 15% 35%,#201b1e 0%,#171518 62%,#141315 100%)}.philosophy-wrap{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.philosophy h2{font-size:clamp(3.2rem,4.4vw,4.55rem);max-width:540px}.philosophy .accent{color:var(--rose)}.philosophy .copy>p:last-child{font-size:14px;line-height:1.85;max-width:475px;margin-top:22px}.philosophy-steps{border-left:1px solid var(--line);padding-left:43px}.philosophy-step{display:grid;grid-template-columns:46px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.philosophy-step:last-child{border-bottom:0}.step-number{color:var(--rose);font:italic 27px var(--serif)}.philosophy-step h3{font-size:16px;color:#fff;margin-bottom:4px}.philosophy-step p{font-size:12.5px;line-height:1.75;margin:0}
/* Attorney */
.about{background:radial-gradient(ellipse at 50% 45%,#343032,#292629 65%,#242225 100%)}.about-grid{display:grid;grid-template-columns:44% 56%;gap:70px;align-items:center}.about-mark{min-height:500px;overflow:hidden;position:relative}.about-portrait{border-radius:21px;max-width:460px;border-left:5px solid #bc7b8c;box-shadow:0 22px 48px rgba(0,0,0,.2);background:#151315}.about-portrait img{width:100%;height:520px;object-fit:cover;object-position:50% 28%}.about h2{font-size:clamp(3rem,4.3vw,4.4rem);margin-bottom:9px}.oab-line{font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--rose);font-size:15px;margin-bottom:26px}.about-grid>div:last-child>p:not(.eyebrow):not(.oab-line){font-size:14px;line-height:1.87;margin-bottom:17px}.about strong{color:#fff}.about-tags{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0}.tag{border:1px solid rgba(255,255,255,.36);color:#e9dfe2;border-radius:30px;padding:6px 13px;font-size:10px;font-weight:550}
/* FAQ */
.faq{background:radial-gradient(ellipse at 10% 50%,#222022,#1a181b 75%)}.faq-grid{display:grid;grid-template-columns:40% 60%;gap:40px}.faq h2{font-size:clamp(3.1rem,4.9vw,5rem)}.faq .intro{margin-top:18px;max-width:345px;font-size:14px}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{cursor:pointer;padding:21px 28px 21px 0;list-style:none;position:relative;font-size:14px;font-weight:650;color:#f4eeef}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';font-size:23px;font-weight:400;color:var(--rose);position:absolute;right:2px;top:calc(50% - 14px)}.faq details[open] summary::after{content:'−'}.faq details p{padding:0 30px 20px 0;font-size:13px;line-height:1.8}
/* Contact */
.contact{padding:112px 0;background:radial-gradient(ellipse 80% 115% at 0% 100%,#866770 0%,#675056 47%,#3c3236 100%);position:relative}.contact-grid{display:grid;grid-template-columns:1fr .86fr;gap:90px;align-items:center}.contact h2{font-size:clamp(3.4rem,5vw,5rem);max-width:590px}.contact p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:500px;margin:18px 0 24px;color:#eee4e7}.contact .btn-primary{background:#dcabb6}.contact .contact-note{color:#e6d7dc!important;font-size:12px!important;max-width:510px}.contact-list{display:grid;gap:13px}.contact-line{background:rgba(251,232,237,.105);border:1px solid rgba(255,255,255,.11);border-radius:12px;padding:20px 22px;color:#fff}.contact-line small{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:750;color:#f5cdd7;margin-bottom:7px}.contact-line strong{display:block;font-size:14px;line-height:1.6}.contact-line a{text-decoration:underline;text-decoration-color:#e9b7c4;text-underline-offset:4px}.contact-line div{font-size:12px;color:#fff;margin-top:6px}
/* Footer */
.footer{background:#141315;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:65px}.footer .brand{min-width:auto}.footer p{font-size:12px;line-height:1.75;max-width:390px;margin:12px 0 0}.footer h3{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--rose);margin:0 0 19px}.footer-grid>div:not(:first-child) a{display:block;font-size:12px;margin-bottom:10px;color:#c9bec3}.footer a:hover{color:#fff}.footer .footer-oab{color:#ead3d9;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:45px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:#b5a7ad}.footer-bottom a{color:#c6b4bb}.wapp-float{position:fixed;right:22px;bottom:22px;z-index:99;width:59px;height:59px;display:grid;place-items:center;border-radius:100%;background:#cb8799;color:#fff;border:2px solid #f3dce2;box-shadow:0 9px 32px rgba(0,0,0,.35);transition:transform .2s,background .2s}.wapp-float:hover{transform:translateY(-3px);background:#b67586}.wapp-float svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
/* Privacy */
.privacy-hero{padding:110px 0 45px}.privacy-hero h1{font-size:clamp(3.4rem,6vw,5.4rem)}.privacy-hero .accent{color:var(--rose)}.privacy-hero p:last-child{margin-top:20px}.privacy-body{max-width:920px;margin:0 auto;padding-bottom:110px;font-size:15px}.privacy-body h2{font:400 30px/1.2 var(--serif);margin:39px 0 13px;color:#fff}.privacy-body p,.privacy-body li{color:#c9bfc3;line-height:1.9}.privacy-body a{color:#ebb4c0;text-decoration:underline;text-underline-offset:3px}.privacy-body strong{color:#fff}
/* Breakpoints */
@media (max-width:1170px){.container{width:min(var(--max),calc(100% - 72px))}.nav{gap:18px}.brand{min-width:210px}.nav-links{gap:17px}.nav-links a{font-size:11px}.hero-picture{inset:0 -35px 0 -40px}.visual-caption{right:0}.philosophy-wrap{gap:65px}.about-grid{gap:55px}}
@media (max-width:960px){.nav{min-height:73px}.brand{min-width:auto}.btn-nav{display:none}.menu-button{display:grid;margin-left:auto}.nav-links{display:none;position:absolute;top:73px;left:0;right:0;background:#1e1a1e;padding:20px 36px 28px;gap:4px;flex-direction:column;align-items:stretch;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 20px 32px rgba(0,0,0,.3)}.nav-links.open{display:flex}.nav-links a{padding:12px 0;font-size:15px}.hero-grid{grid-template-columns:55% 45%;min-height:600px}.hero{min-height:600px}.hero-text{padding:40px 0 70px}.hero h1{font-size:clamp(3.55rem,7.3vw,5.35rem)}.hero-lead{font-size:14px}.hero-visual{height:600px}.hero-picture{inset:0 -50px 0 -80px}.visual-caption{bottom:55px;right:3px;min-width:190px}.section{padding:85px 0}.service-card{padding:23px 20px;min-height:205px}.philosophy-wrap{gap:38px}.about-grid{gap:30px}.about-portrait img{height:470px}.contact-grid{gap:45px}}
@media (max-width:700px){html{scroll-padding-top:78px}.container{width:calc(100% - 40px)}.announcement{font-size:8px;letter-spacing:.105em;line-height:1.6;padding:9px 8px}.announcement .dot{margin:0 5px}.brand-copy strong{font-size:17px}.brand-copy small{font-size:8px}.monogram{width:43px;height:43px;font-size:28px}.hero{min-height:0}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-text{padding:69px 0 8px}.hero h1{font-size:clamp(3.6rem,12vw,5.3rem);max-width:590px}.hero-lead{font-size:14px;margin:24px 0 24px}.hero-visual{height:500px;margin-top:0}.hero-picture{inset:-10px -35px 0 -35px}.hero-picture img{object-position:50% 26%}.visual-caption{right:1px;bottom:40px;min-width:206px}.section{padding:77px 0}.section-heading h2{font-size:clamp(2.9rem,9.5vw,4rem)}.section-heading>p:last-child{font-size:13px}.service-grid{grid-template-columns:1fr;gap:12px;margin-top:34px}.service-card{min-height:0;padding:21px 23px}.service-index{margin-bottom:12px}.service-card h3{font-size:16px}.service-card p{font-size:13px}.philosophy-wrap,.about-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.philosophy h2,.faq h2{font-size:clamp(3.2rem,10vw,4.4rem)}.philosophy-steps{padding-left:24px}.about-portrait{max-width:470px;margin:auto}.about-portrait img{height:480px}.about h2{font-size:clamp(3rem,10vw,4.2rem)}.faq-grid{gap:28px}.contact{padding:84px 0}.contact h2{font-size:clamp(3.3rem,11vw,4.9rem)}.footer{padding-top:55px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{padding-bottom:54px}.wapp-float{right:15px;bottom:15px;width:54px;height:54px}.privacy-hero{padding:60px 0 23px}.privacy-body{padding-bottom:85px}}
@media (max-width:420px){.container{width:calc(100% - 34px)}.hero h1{font-size:clamp(3.3rem,12vw,4.4rem)}.hero-visual{height:410px}.visual-caption{bottom:27px;right:0;padding:12px 16px;min-width:180px}.visual-caption strong{font-size:17px}.hero-actions{gap:9px}.hero-actions .btn{font-size:11px;padding:12px 14px}.about-portrait img{height:420px}.contact h2{font-size:3.15rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}