/* Zylo / ink, ivory and champagne. Light is concentrated around key actions. */
:root{}
::selection{}
body{}
.topbar{}
.logo{}.logo span{}
.desktop-links{}.desktop-links a:hover,.nav-cta:hover{}
.nav-cta{}.nav-cta span{}
.eyebrow{}.eyebrow:before{box-shadow:0 0 14px #8ba2e670}
.studio-page .hero{isolation:isolate}
.studio-page .hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;animation:deluxe-light 16s ease-in-out infinite alternate}
.hero h1{}.studio-page .hero h1 em{-webkit-background-clip:text;animation:deluxe-metal 14s ease-in-out infinite alternate}
.hero p{}.hero-bottom{}
.btn{box-shadow:inset 0 1px 0 #ffffff80,0 8px 30px #5c79d21c;border-radius:5px;transition:transform .25s,box-shadow .25s,filter .25s}
.btn:hover{box-shadow:inset 0 1px 0 #ffffff,0 12px 38px #5c79d235;transform:translateY(-3px)}
.btn.secondary{box-shadow:none}.btn.secondary:hover{}
.text-link{}.text-link:hover{}
.halo{inset:-12%;}
.ring{box-shadow:inset 5px 9px 8px #d8e2ffbd,inset -5px -9px 10px #1f2d56,6px 14px 0 #3f4e79,10px 22px 30px #00000099,0 0 70px #738cd625}
.ring:nth-child(2){box-shadow:inset 5px 9px 8px #f1f4ffab,inset -5px -9px 10px #31384c,6px 14px 0 #555d76,10px 22px 30px #00000088}
.ring:nth-child(3){box-shadow:inset 5px 9px 8px #eef2ffab,inset -5px -9px 10px #2a3043,6px 14px 0 #5b6277,10px 22px 30px #00000088}
.core{box-shadow:0 0 65px #6b86d944}
.cross{}.sculpture-note{}
.strip{}.strip .wrap{}.strip span:before{}
.studio-page .section h2 span,.contact h2 span{}
.service{}.service:last-child{}.service:hover{}.service h3{}.service p{}
.work{}
.project-image{border:1px solid #8ba2e638;border-radius:8px;box-shadow:0 22px 60px #00000044}.project img{filter:brightness(.82) saturate(.85)}.project:hover img{filter:brightness(1) saturate(1.02)}
.project-open{backdrop-filter:blur(10px)}.project-mark{}.project-info b{}.project-info{}
.project:nth-child(2) .project-open{}.project:nth-child(3) .project-open{}.project:nth-child(4) .project-open{}
.steps article{}.steps h3{}
.diagnosis{position:relative;overflow:hidden;box-shadow:0 24px 70px #00000055,inset 0 1px 0 #ffffffb3;border:1px solid #d2ddff;border-radius:8px;}
.diagnosis h2{}.diagnosis p{}.diagnosis .eyebrow{}.diagnosis .eyebrow:before{}.diagnosis li{}.diagnosis li:before{}.diagnosis .btn{box-shadow:0 10px 24px #0e173426}.diagnosis .btn:hover{}.diagnosis .text-link{}
.faq details{}.faq details:last-child{}.faq summary::marker{}.faq details[open] summary{}
.contact{}
.footer{}.motion-toggle{}.motion-toggle:hover{}
.mobile nav{}.mobile summary{}
/* Distinct editorial palettes for the four worlds. */
.demo-page{}
.demo-page[data-demo="reformas"]{}
.demo-page[data-demo="barberia"]{}
.demo-page[data-demo="restaurante"]{}
.demo-page[data-demo="estetica"]{}
.demo-page .demo-tools{}.demo-page .top{}.demo-page .brand{}.demo-page .top nav a:hover{}
.demo-page .hero:after{}
.demo-page .hero h1{}.demo-page .over,.demo-page .eyebrow,.demo-page .services span{}.demo-page .eyebrow:before{box-shadow:0 0 14px var(--demo-accent)}
.demo-page .hero .button{box-shadow:0 12px 30px #00000044}.demo-page .hero .button:hover{transform:translateY(-3px)}
.demo-page .section{}.demo-page .intro p,.demo-page .services p{}.demo-page .services article{border-radius:6px}.demo-page .services h3{}
.demo-page .gallery figure{}.demo-page .gallery figcaption{}
.demo-page .end{}.demo-page .end .eyebrow{}.demo-page .end .eyebrow:before{}.demo-page .end .button{}.demo-page .end .button:hover{}
.demo-page footer{border-top:1px solid #dce5ff24;}
/* Diagnosis and request follow the same studio palette. */
.proposal-page{}.proposal-page .hero{}.proposal-page .section{}
.proposal-page .card,.proposal-page .mini,.proposal-page .check,.proposal-page .request-panel{}.proposal-page .step{}.proposal-page .step small{}.proposal-page .pane.good{}.proposal-page .featured{}.proposal-page .ribbon{}.proposal-page .num,.proposal-page .arrow{}.proposal-page .price{}.proposal-page .pill{}.proposal-page .hero p{}.proposal-page .status{}.proposal-page .request-fields input,.proposal-page .request-fields select,.proposal-page .request-fields textarea{}.proposal-page .request-fields input::placeholder,.proposal-page .request-fields textarea::placeholder{}.backbar{}
@keyframes deluxe-light{from{transform:translate3d(0,0,0);opacity:.65}to{transform:translate3d(-2%,2%,0);opacity:1}}
@keyframes deluxe-metal{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(max-width:760px){.studio-page .hero:before{animation:none}.project-image{box-shadow:0 14px 35px #00000044}.diagnosis{box-shadow:0 14px 35px #00000044}.demo-page .section{}}
@media(prefers-reduced-motion:reduce){.studio-page .hero:before,.studio-page .hero h1 em{animation:none}}

/* Service films remain clearly visible behind the editorial overlay. */
.demo-page .hero video{opacity:1;filter:brightness(.9);mix-blend-mode:normal}
.demo-page[data-demo="estetica"] .hero video{object-position:50% 40%}
.demo-page[data-demo="estetica"] .hero-content h1{font-size:clamp(54px,7vw,100px)}
.demo-page .gallery img{filter:saturate(.92)}
.demo-page .gallery figure:hover img{filter:saturate(1.02)}
.demo-page footer{flex-wrap:wrap}