/* noisySTUDIO 2.1 · White is a reading space. Real brand masks, static pigment borders. */
:root{--paper:#fff;--paper-ink:#1e1c21;--paper-copy:#55505b;--paper-muted:#68626c;--paper-line:#dcd8df;--paper-accent:#8732ae}
.neo-paper{position:relative;isolation:isolate;background:var(--paper)!important;color:var(--paper-ink);border:0!important;--edge-height:clamp(76px,10vw,160px)}
.neo-paper::before,.neo-paper::after{content:"";position:absolute;left:0;width:100%;height:var(--edge-height);background:url('../brand-21/white-pigment-edge.svg') center/100% 100% no-repeat;pointer-events:none;z-index:0}
.neo-paper::before{bottom:calc(100% - 1px)}.neo-paper::after{top:calc(100% - 1px);transform:rotate(180deg)}
.neo-paper>*{position:relative;z-index:1}
.neo-paper .neo-dust{position:absolute;pointer-events:none;z-index:0;width:clamp(220px,33vw,620px);height:clamp(150px,22vw,400px);opacity:.95;-webkit-mask:url('../brand-21/mancha-orange.webp') center/contain no-repeat;mask:url('../brand-21/mancha-orange.webp') center/contain no-repeat}
.neo-paper .neo-dust-in{right:-2%;top:calc(-.94 * var(--edge-height));background:linear-gradient(135deg,#ffcf48,#ff913a 70%);transform:rotate(-23deg) scaleY(.65);transform-origin:center top}
.neo-paper .neo-dust-out{-webkit-mask-image:url('../brand-21/mancha-violet.webp');mask-image:url('../brand-21/mancha-violet.webp');left:-4%;bottom:calc(-.3 * var(--edge-height));background:linear-gradient(135deg,#c74cff,#8619bd);transform:rotate(156deg) scaleY(.6);transform-origin:center bottom}
#sec-home>.neo-paper-home{order:4;display:block!important;width:100%;margin:clamp(90px,10vw,170px) 0 clamp(100px,12vw,200px)!important;padding:clamp(20px,2vw,36px) 0!important}
#sec-home .neo-paper-home #m-metodo,#sec-home .neo-paper-home #m-casos{display:block!important;width:min(88%,1600px)!important;max-width:1600px!important;margin:0 auto!important;padding:clamp(36px,4vw,68px) 0!important;background:transparent!important;border:0!important}
#sec-home .neo-paper-home #m-casos{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid var(--paper-line)!important;margin-top:35px!important}
#sec-home .neo-paper-home :is(h2,h3,.m-acc-title,.m-vercaso,.neo-text-link,.neo-client-name){color:var(--paper-ink)!important}
#sec-home .neo-paper-home :is(.m-hook,.m-case-reto,.m-acc-sub,.m-acc-in p){color:var(--paper-copy)!important}
#sec-home .neo-paper-home .m-pill{color:var(--paper-muted)!important}
#sec-home .neo-paper-home .m-case-logo{filter:brightness(0)!important}
#sec-home .neo-paper-home .m-vercaso,#sec-home .neo-paper-home .neo-text-link{border-color:#807687}
#sec-home .neo-paper-home .m-acc-item{border-color:var(--paper-line)!important}
#sec-home .neo-paper-home .m-acc-num{color:#ffa348}
#sec-home .neo-paper-home a:focus-visible{outline-color:#8732ae}
#sec-home .neo-method-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:6%;align-items:center;margin-bottom:44px!important}
#sec-home .neo-method-intro .m-sec-head{grid-column:auto!important;max-width:none!important;width:auto!important;margin:0!important;padding:0!important}
#sec-home .neo-method-intro .m-hook{margin:24px 0 0!important;width:100%!important;max-width:44ch!important}
#sec-home .neo-method-intro h2{font-size:clamp(40px,4.8vw,78px)!important;line-height:1.03!important;letter-spacing:-.05em!important}
.neo-method-photo{margin:0;transform:rotate(1.6deg);box-shadow:0 18px 45px #20182512}
.neo-method-photo img{display:block;width:100%;height:auto;aspect-ratio:1.45;object-fit:cover}
#sec-home .neo-paper-home .m-acc-title{font-size:clamp(21px,1.9vw,30px)!important}
/* White explanatory introductions; service films and case results keep the dark stage. */
:is(#sec-stands,#sec-showrooms) .neo-service-intro.neo-paper{width:100%!important;max-width:none!important;margin:110px 0 150px!important;padding:45px max(6%,calc((100% - 1600px)/2)) 55px!important;position:relative!important}
:is(#sec-stands,#sec-showrooms) .neo-service-intro.neo-paper :is(h2,h3,p,.parrafo-base,.neo-stand-claim){color:var(--paper-ink)!important}
:is(#sec-stands,#sec-showrooms) .neo-service-intro.neo-paper .neo-stand-claim strong{color:var(--paper-ink)!important;background:none!important;-webkit-text-fill-color:var(--paper-ink)!important}
:is(#sec-stands,#sec-showrooms) .neo-service-intro.neo-paper :is(.case-study-tag,.neo-stand-claim>span){color:#8732ae!important}
#sec-stands .neo-service-intro.neo-paper .neo-stand-claim>span{color:#ffa348!important}
/* Longer practical answers get a quiet white reading area, with a violet/orange threshold. */
.page-section .seo-service-faq.neo-paper{width:100%!important;max-width:none;margin:130px 0 130px!important;padding:40px max(6%,calc((100% - 1100px)/2)) 55px!important}
.seo-service-faq.neo-paper :is(h2,summary){color:var(--paper-ink)!important}.seo-service-faq.neo-paper>p{color:var(--paper-muted)}
.seo-service-faq.neo-paper details{border-color:var(--paper-line)}.seo-service-faq.neo-paper details p{color:var(--paper-copy)}
.seo-service-faq.neo-paper :is(a,summary span){color:#8732ae}
#sec-stands .seo-service-faq.neo-paper :is(a,summary span){color:#ffa348}
/* Each service keeps its own chromatic identity at the threshold. */
#sec-showrooms .neo-paper .neo-dust-in,#sec-oficinas .neo-paper .neo-dust-in,.neo-case-paper .neo-paper .neo-dust-in{background:linear-gradient(135deg,#c24eff,#a700e9 70%);-webkit-mask-image:url('../brand-21/mancha-violet.webp');mask-image:url('../brand-21/mancha-violet.webp');transform:rotate(-12deg) scaleY(.65)}
#sec-stands .neo-paper .neo-dust-out{background:linear-gradient(135deg,#ffd14c,#ffa348)}
.seo-service-faq.neo-paper::before{transform:scaleX(-1)}
/* Contact form: white paper around the actual conversation; studio story stays charcoal. */
#sec-conocenos .nc-layout.neo-paper{width:calc(100% / .88);max-width:none;margin:130px calc((100% - 100% / .88)/2) 140px!important;padding:40px max(6%,calc((100% - 1600px)/2)) 60px!important;gap:8%}
.nc-layout.neo-paper :is(h2,h3,.nc-intro,.nc-form legend,.nc-fields label,.nc-form>label,.nc-phones a){color:var(--paper-ink)}
.nc-layout.neo-paper :is(.nc-address p,.nc-reply,.nc-direct-label,.nc-submit-row>p,.nc-privacy,.nc-fields label small,.nc-success p){color:var(--paper-copy)}
.nc-layout.neo-paper :is(.nc-email,.nc-privacy button){color:#8732ae}.nc-layout.neo-paper .nc-kicker{color:var(--paper-muted)}
.nc-layout.neo-paper .nc-form input:not([type=radio]):not([type=hidden]),.nc-layout.neo-paper .nc-form textarea{background:#fff;color:var(--paper-ink);border-color:#aaa1ad}
.nc-layout.neo-paper .nc-options span{color:var(--paper-copy);border-color:#aaa1ad}.nc-layout.neo-paper .nc-options input:checked+span{color:#1e1c21;border-color:#ffa348}
.nc-layout.neo-paper .nc-options input:focus-visible+span{outline-color:#8732ae}.nc-layout.neo-paper #form-error{color:#9d310e;background:#fff3eb}
.nc-layout.neo-paper .nc-space-mark{stroke:#8732ae;opacity:.7}
/* Interior case introductions are a second application of the same reusable system. */
body.neo-case-paper .story.neo-paper,body.neo-case-paper .visit-opening.neo-paper{width:100%;margin:120px 0 145px;padding:40px max(6%,calc((100% - 1600px)/2)) 55px}
body.neo-case-paper .neo-paper :is(h2,h3){color:var(--paper-ink)!important}
body.neo-case-paper .neo-paper :is(p,.lead,.detail-copy){color:var(--paper-copy)!important}
body.neo-case-paper .neo-paper .eyebrow{color:#8732ae!important}
/* FAQ directory: an uncluttered, continuous white reading surface. */
.nf-page.neo-faq-paper .nf-body{background:#fff;color:var(--paper-ink);position:relative;isolation:isolate;padding:70px 0}
.nf-page.neo-faq-paper .nf-body::before{content:"";position:absolute;z-index:-1;inset:0 calc((100% - 100vw)/2);background:#fff}
.nf-page.neo-faq-paper .nf-body :is(summary,aside){color:var(--paper-ink)}
.nf-page.neo-faq-paper .nf-body :is(details p,.nf-interior-intro){color:var(--paper-copy)}
.nf-page.neo-faq-paper .nf-body :is(a,h3,summary span){color:#8732ae}
.nf-page.neo-faq-paper .nf-body details,.nf-page.neo-faq-paper .nf-group details:first-of-type{border-color:var(--paper-line)}
@media(max-width:900px){#sec-home .neo-method-intro{grid-template-columns:1fr;gap:32px}.neo-method-photo{max-width:700px;transform:none}.neo-paper .neo-dust{opacity:.8}}
@media(max-width:700px){
 #sec-home>.neo-paper-home{margin-top:80px!important;margin-bottom:100px!important;padding:24px 0!important}
 #sec-home .neo-paper-home #m-metodo,#sec-home .neo-paper-home #m-casos{width:calc(100% - 40px)!important;padding:34px 0!important}
 #sec-home .neo-paper-home #m-casos{grid-template-columns:1fr;gap:28px;margin-top:10px!important}
 #sec-home .neo-method-intro h2{font-size:42px!important}#sec-home .neo-method-intro{margin-bottom:30px!important}
 #sec-home .neo-paper-home .m-acc{grid-template-columns:1fr 1fr!important;gap:25px 18px}
 :is(#sec-stands,#sec-showrooms) .neo-service-intro.neo-paper{margin:72px 0 95px!important;padding:30px 20px!important}
 .page-section .seo-service-faq.neo-paper{margin:90px 0!important;padding:32px 20px!important}
 #sec-conocenos .nc-layout.neo-paper{width:calc(100% + 40px);margin:85px -20px 90px!important;padding:30px 20px!important}
 .nc-layout.neo-paper .nc-form-area{border-color:var(--paper-line)}
 body.neo-case-paper .story.neo-paper,body.neo-case-paper .visit-opening.neo-paper{margin:80px 0 100px;padding:30px 20px}
 .neo-paper .neo-dust{width:220px;height:150px}.neo-paper .neo-dust-in{right:-35px}.neo-paper .neo-dust-out{left:-45px}
}
@media(max-width:359px){#sec-home .neo-paper-home .m-acc{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.neo-method-photo{transform:none}}

/* Decorative pigment can leave its section vertically, never create horizontal scrolling. */
body.neo-case-paper,body.neo-faq-paper{overflow-x:clip}

.neo-paper p,.neo-paper h2,.neo-paper h3{text-shadow:none!important}
.page-section:has(.neo-paper){overflow-x:clip;overflow-y:visible}

/* The full FAQ directory uses the same border, with a continuous reading column. */
.nf-page .neo-faq-reading{width:100vw;margin:100px 0 120px calc(50% - 50vw)}
.nf-page.neo-faq-paper .neo-faq-reading .nf-body{width:100%;max-width:1320px;margin:auto;padding:55px 5vw;background:transparent}
.nf-page.neo-faq-paper .neo-faq-reading .nf-body::before{display:none}
@media(max-width:700px){.nf-page .neo-faq-reading{margin-top:75px;margin-bottom:100px}.nf-page.neo-faq-paper .neo-faq-reading .nf-body{padding:36px 20px}}

.neo-paper{overflow-x:clip;overflow-y:visible}
.nf-page.neo-faq-paper main{max-width:none;padding:0}
.nf-page.neo-faq-paper .nf-hero,.nf-page.neo-faq-paper .nf-footer{width:min(90%,1160px);margin-left:auto;margin-right:auto}
.nf-page .neo-faq-reading{width:100%;margin-left:0}
@media(max-width:700px){.nf-page.neo-faq-paper .nf-hero,.nf-page.neo-faq-paper .nf-footer{width:calc(100% - 40px)}}