/* Magui Rodríguez — Atardecer 6. Provisional palette from brand manual v1.0.
   Original raster artwork is displayed through a CSS viewport; no logo redraw.
   Código Interior keeps its original tokens and existing functional code. */
:root{--olive:#69683A;--terra:#B75E37;--sand:#D6B99A;--taupe:#AC8D72;--ivory:#F5EFE5;--ink:#584630;--muted:#756653;--line:#d7caba;--serif:Georgia,'Times New Roman',serif}
.design-section,dialog{--olive:#840B55;--terra:#840B55;--sand:#C6A1CF;--taupe:#AB5C57;--ivory:#f4eee5;--ink:#004e42;--muted:#465e58;--line:#d9ccc9;--serif:'Perfectly Nineties',Georgia,'Times New Roman',serif;color:var(--ink)}
.site-header{padding-block:24px;gap:28px}
.magui-logo{position:relative;display:block;width:280px;aspect-ratio:835/240;overflow:hidden;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.site-header .brand .magui-logo img,.footer-brand .magui-logo img{position:absolute;max-width:none;width:161.797%;height:auto;left:-10.778%;top:-10.417%;border:0;border-radius:0}
.site-header nav{gap:23px;font-size:12px}
.site-header .brand{padding:5px 0}
.area-switch{max-width:880px;margin:28px auto 0;background:transparent;border:0;gap:0}
.area-switch a{border-radius:0;padding:18px 24px;border:0;border-bottom:1px solid var(--line)}
.area-switch a[aria-current=page]{background:transparent;color:var(--olive);border-bottom:2px solid var(--olive)}
.area-switch a:not([aria-current]):hover{background:#ede4d8}
.area-switch strong,.hero .eyebrow,.paths .eyebrow,.about-section .eyebrow,.method .eyebrow,.method-steps>article>span,.about-facts span,.faq .eyebrow,.contact-section .eyebrow{font-family:Inter,Arial,sans-serif}
.area-switch strong{letter-spacing:.13em}.area-switch span{color:var(--muted)}
.hero{padding-top:76px;gap:0 72px}.hero h1{font-size:clamp(54px,5.7vw,82px);letter-spacing:-.045em;line-height:1.08}
.hero-copy .eyebrow{letter-spacing:.14em}.hero-intro{font-size:18px;line-height:1.8}.hero-personal{line-height:1.8}
.hero-portrait{border-radius:160px 160px 5px 5px;height:585px}.hero-portrait figcaption p{font-size:27px}
.hero-bottom{margin-top:52px;min-height:88px}
.magui-symbol{display:block;width:58px;height:58px;flex:0 0 58px;background-image:url('/assets/magui-atardecer.webp');background-size:300px auto;background-position:-20px -5px;mix-blend-mode:multiply}
.hero .button,.paths .button,.contact-section .button{border-radius:3px}
.hero .button:hover,.paths .button:hover{background:#55552f}
.paths h3,.method h3{font-family:var(--serif);font-size:32px;letter-spacing:-.025em}
.about-section{background:#ebe1d4}.work-portrait img{border-radius:4px 110px 4px 4px}
.about-copy>p:not(.eyebrow){line-height:1.85}.about-facts{border-color:var(--line)}
.contact-section{background:#69683A;color:#F5EFE5}.contact-inner em{color:#F5EFE5}.contact-inner .light{background:#F5EFE5;color:#584630;border-color:#F5EFE5}.contact-inner .light:hover{background:#D6B99A;color:#584630}
.footer-brand{font-size:inherit}.footer-brand .magui-logo{width:280px}.footer-brand .magui-logo img{display:block}
.design-section .button:hover{background:#680843}
@media(max-width:1100px){.site-header{padding-inline:32px;gap:20px}.site-header nav{gap:16px}.hero{gap:0 40px}.hero h1{font-size:61px}}
@media(max-width:850px) and (min-width:761px){.site-header nav{order:3;width:100%;justify-content:center}.site-header .language-nav{margin-left:auto}}
@media(max-width:760px){.site-header{padding:20px 23px;gap:12px}.site-header .brand{flex-basis:100%}.site-header .magui-logo{margin:auto}.site-header .menu-toggle{margin-left:0}.site-header .language-nav{margin-left:auto}.area-switch{margin-top:12px;padding:0 23px}.area-switch a{padding:16px 9px}.hero{padding-top:40px;gap:30px}.hero h1{font-size:clamp(48px,11.8vw,67px)}.hero-portrait{height:480px;border-radius:130px 130px 4px 4px}.hero-intro{font-size:17px}.hero-bottom{margin-top:12px;gap:12px}.magui-symbol{width:48px;height:48px;flex-basis:48px;background-size:250px auto;background-position:-17px -4px}.paths h3,.method h3{font-size:29px}.footer-brand .magui-logo{margin:0}.work-portrait img{border-radius:4px 85px 4px 4px}}
/* Blend the reference sheet's light paper into the page without a logo card. */
.magui-logo img,.magui-symbol{filter:url(#magui-paper)}
.hero h1{font-size:clamp(54px,5.1vw,74px)}
@media(max-width:760px){.hero h1{font-size:clamp(48px,11.8vw,67px)}}
@media(max-width:360px){.site-header{padding-inline:20px}.magui-logo,.footer-brand .magui-logo{max-width:100%}.hero h1{font-size:44px}}
.faq>div{min-width:0}.faq h2{overflow-wrap:break-word}
@media(max-width:360px){.faq h2{font-size:36px}}