@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Instrument+Serif:ital@0;1&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #85a68c;outline-offset:4px}.demo-container{width:min(1260px,calc(100% - 96px));margin:auto}.demo-notice{font:700 10px/1.4 'DM Sans',sans-serif;letter-spacing:.09em;background:#d7ff68;color:#1a241c;padding:11px 30px;display:flex;justify-content:space-between;align-items:center;gap:12px}.demo-notice a{white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.demo-notice a:hover{opacity:.7}
/* CAFÉ AURORA: original fictitious hospitality design */
.cafe-demo{background:#eee0cc;color:#37271d;font-family:'DM Sans',Arial,sans-serif}.cafe-header{height:99px;display:flex;justify-content:space-between;align-items:center}.cafe-logo{font-size:23px;font-weight:400;letter-spacing:.1em}.cafe-logo b{font-weight:800}.cafe-logo>span{font-size:16px;margin-left:5px;color:#a95c3c}.cafe-header nav{display:flex;gap:33px;align-items:center;font-size:12px;font-weight:700}.cafe-header-button{padding:13px 18px;border:1px solid #4e3629}.cafe-hero{display:grid;grid-template-columns:1fr .9fr;min-height:660px;gap:5%;padding-top:65px;padding-bottom:110px;align-items:center}.cafe-kicker{font-size:11px;font-weight:800;letter-spacing:.15em}.cafe-hero-left h1{font:400 clamp(70px,8.3vw,125px)/.92 Georgia,serif;letter-spacing:-.085em;margin:28px 0}.cafe-hero-left h1 em,.cafe-story h2 em,.cafe-menu-title h2 em,.cafe-cta h2 em{font:italic 400 1em 'Instrument Serif',Georgia,serif;color:#a75b3a}.cafe-hero-left p{font-size:15px;line-height:1.9;max-width:390px;color:#69564b}.cafe-button{display:inline-flex;justify-content:space-between;gap:40px;align-items:center;background:#6e3d2b;color:#fff;padding:19px 24px;margin-top:23px;font-size:12px;font-weight:800}.cafe-button:hover{background:#94553a}.cafe-button span{font-size:20px}.cafe-micro{margin-top:80px;font-size:9px;letter-spacing:.13em;color:#927d6e;line-height:1.8}.cafe-micro i{font-style:normal;color:#a75b3a;margin:0 8px}.cafe-hero-right{height:530px;background:#c6a382;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:240px 240px 6px 6px}.cafe-hero-right:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:#dfb99b;top:45px;right:-85px}.cafe-circle-label{position:absolute;z-index:5;top:43px;left:34px;font-size:9px;letter-spacing:.15em;max-width:170px;line-height:1.7}.cafe-circle-label span{color:#683d2c}.cafe-cup{width:300px;height:250px;position:relative;transform:rotate(-10deg);margin-top:90px;filter:drop-shadow(18px 25px 22px rgba(76,41,20,.25))}.cafe-saucer{position:absolute;width:300px;height:65px;border-radius:50%;background:#6e4633;bottom:0;left:0}.cafe-cup-body{position:absolute;width:236px;height:198px;left:34px;top:10px;background:linear-gradient(100deg,#fffcf4,#d1bc9f);border-radius:12px 12px 105px 105px}.cafe-cup-handle{position:absolute;width:88px;height:110px;border:26px solid #f5e8d5;right:-25px;top:54px;border-radius:50%}.cafe-top{position:absolute;width:224px;height:60px;left:40px;top:-12px;background:radial-gradient(ellipse at center,#ead0a6 0 9%,#b67a4f 11% 33%,#66371e 36% 66%,#f6e7d1 69%);border-radius:50%}.cafe-art-bottom{position:absolute;bottom:35px;left:30px;font:italic 21px 'Instrument Serif',Georgia,serif}.cafe-scroll-band{background:#603d2c;color:#f4d5af;overflow:hidden;padding:23px 0}.cafe-scroll-band div{white-space:nowrap;text-align:center;font-size:14px;letter-spacing:.17em;font-weight:700}.cafe-story{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:140px;padding-bottom:140px}.cafe-story h2,.cafe-menu-title h2,.cafe-cta h2{font:400 clamp(50px,5.5vw,77px)/1.1 Georgia,serif;letter-spacing:-.065em;margin:25px 0 0}.cafe-story>div:last-child{padding-top:45px}.cafe-story p{font-size:15px;line-height:1.95;color:#67564c}.cafe-story a{display:inline-block;border-bottom:1px solid;margin-top:18px;padding-bottom:7px;font-size:12px;font-weight:700}.cafe-menu{background:#e4d0b4;padding:110px 0 130px}.cafe-menu-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:46px}.cafe-menu-title>span{font-size:10px;letter-spacing:.15em;color:#806a59}.cafe-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cafe-menu-grid article{min-width:0}.cafe-food{height:235px;display:grid;place-items:center;background:#b5805c;color:#f5e9db;border-radius:190px 190px 4px 4px;overflow:hidden}.cafe-food span{font-size:120px;font-family:Georgia,serif;filter:drop-shadow(10px 10px 6px rgba(0,0,0,.08))}.coffee-b{background:#a25e45}.coffee-c{background:#9b8c69}.cafe-menu-grid small{display:block;margin-top:24px;font-size:10px;letter-spacing:.13em;color:#856a55}.cafe-menu-grid h3{font:400 27px Georgia,serif;margin:12px 0 10px}.cafe-menu-grid p{font-size:13px;color:#795f50;line-height:1.7}.cafe-cta{text-align:center;padding-top:140px;padding-bottom:140px;max-width:900px}.cafe-cta h2{font-size:clamp(46px,6vw,82px);margin:28px 0}.cafe-cta p{color:#6f5d51;font-size:14px;line-height:1.7}.cafe-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #c6af9b;padding:33px 0;font-size:10px;font-weight:800;letter-spacing:.11em}
/* STUDIO LINHA: sharp typography and dark copper concept */
.barber-demo{background:#171816;color:#e9e2d5;font-family:'DM Sans',Arial,sans-serif}.barber-header{height:101px;display:flex;align-items:center;justify-content:space-between}.barber-logo{font-size:24px;font-weight:500;letter-spacing:-.07em}.barber-logo b{color:#cba97b}.barber-logo b span{color:white}.barber-header nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:700}.barber-button-small{padding:16px 18px;border:1px solid #a38a6a;color:#d6b78b;font-size:10px;letter-spacing:.1em}.barber-hero{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;min-height:690px;padding-top:50px;padding-bottom:110px;gap:3%}.barber-heading>span,.barber-concept>div:first-child>span,.barber-services-heading>span,.barber-cta>span{color:#c3a87e;font-size:10px;letter-spacing:.17em;font-weight:800}.barber-heading h1{font-size:clamp(90px,10vw,154px);line-height:.84;letter-spacing:-.09em;font-weight:800;margin:30px 0 28px}.barber-heading h1 em,.barber-concept h2 em,.barber-services h2 em,.barber-cta h2 em{font-style:normal;color:#c5a278}.barber-heading p{font-size:15px;color:#a8a69e;line-height:1.8;max-width:370px}.barber-button{margin-top:27px;display:inline-flex;align-items:center;justify-content:space-between;gap:60px;background:#c5a278;color:#171816;padding:19px 24px;font-size:11px;font-weight:800;letter-spacing:.06em}.barber-button:hover{background:#e2c193}.barber-button span{font-size:22px}.barber-micro{font-size:9px;letter-spacing:.17em;color:#868479;margin-top:72px}.barber-art{min-height:530px;position:relative;display:grid;place-items:center;background:linear-gradient(140deg,#2a2a25,#1b1e1b 60%,#373126);overflow:hidden}.barber-art-ring{width:420px;height:420px;border:1px solid #66583e;border-radius:50%;position:absolute;box-shadow:0 0 0 50px #262720,0 0 0 51px #4e4636,0 0 0 99px #262720,0 0 0 100px #4e4636}.barber-monogram{position:relative;font:400 165px Georgia,serif;letter-spacing:-.15em;transform:rotate(-14deg);color:#c4a77a;line-height:1}.barber-monogram span{font-size:65px;color:#eee2cf;margin:0 22px}.barber-art-caption{position:absolute;bottom:27px;left:28px;font-size:9px;letter-spacing:.17em;color:#b5a58e}.barber-ticker{background:#c4a177;color:#1e1d19;overflow:hidden;padding:24px 0}.barber-ticker div{text-align:center;white-space:nowrap;letter-spacing:.12em;font-size:16px;font-weight:800}.barber-ticker b{padding:0 20px}.barber-concept{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:135px;padding-bottom:135px}.barber-concept h2,.barber-services h2,.barber-cta h2{font-size:clamp(54px,6vw,90px);font-weight:800;letter-spacing:-.08em;line-height:1.02;margin:22px 0 0}.barber-concept>div:last-child{padding-top:42px;max-width:440px}.barber-concept p{font-size:15px;line-height:1.9;color:#aaa69c}.barber-services{background:#22231f;padding:112px 0 140px}.barber-services h2{margin-bottom:60px}.barber-list>div{display:grid;grid-template-columns:80px 1fr .85fr 32px;align-items:center;border-top:1px solid #555347;padding:29px 0;gap:10px}.barber-list>div:last-child{border-bottom:1px solid #555347}.barber-list>div>span{color:#b99e78;font-size:12px}.barber-list h3{font-size:32px;letter-spacing:-.06em;margin:0}.barber-list p{font-size:12px;color:#a4a49b}.barber-list b{color:#c6a67b;font-size:25px;font-weight:400}.barber-cta{text-align:center;padding-top:135px;padding-bottom:145px}.barber-cta h2{max-width:890px;margin:28px auto}.barber-cta p{font-size:14px;color:#aaa69c;max-width:650px;line-height:1.7;margin:25px auto}.barber-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #4b4c42;padding:33px 0;font-size:10px;letter-spacing:.12em;font-weight:800;color:#a9a99f}
/* CLÍNICA HORIZONTE: warm, airy clinical language */
.clinic-demo{background:#f1f6f2;color:#25584c;font-family:'DM Sans',Arial,sans-serif}.clinic-header{height:97px;display:flex;align-items:center;justify-content:space-between}.clinic-logo{font-size:33px;font-weight:800;letter-spacing:-.085em}.clinic-logo span{color:#89b8a1}.clinic-header nav{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:700}.clinic-header-cta{background:#245c50;color:#fff;padding:16px 23px}.clinic-hero{display:grid;grid-template-columns:1.07fr .93fr;min-height:670px;align-items:center;gap:8%;padding:65px 0 110px}.clinic-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;color:#5e9480}.clinic-kicker i{display:inline-block;width:8px;height:8px;background:#8aba9e;border-radius:50%;margin-right:8px}.clinic-copy h1{font-size:clamp(68px,7.5vw,117px);font-weight:500;line-height:.98;letter-spacing:-.086em;margin:30px 0}.clinic-copy h1 em,.clinic-special h2 em,.clinic-section-title h2 em,.clinic-cta h2 em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;color:#80b59c}.clinic-copy>p{font-size:15px;line-height:1.85;color:#617d72;max-width:450px}.clinic-button{background:#246252;color:#fff;padding:19px 25px;display:inline-flex;align-items:center;justify-content:space-between;gap:55px;font-size:12px;font-weight:800;margin-top:24px}.clinic-button:hover{background:#38806e}.clinic-button span{font-size:22px}.clinic-micro{display:flex;gap:24px;margin-top:83px;color:#6c9686;font-size:9px;font-weight:800;letter-spacing:.09em;flex-wrap:wrap}.clinic-visual{height:520px;position:relative;background:#c5ded2;overflow:hidden;border-radius:240px 240px 20px 20px}.clinic-blob-one{position:absolute;width:345px;height:440px;background:#86b8a3;border-radius:180px 180px 30px 30px;transform:rotate(29deg);left:60px;top:30px}.clinic-blob-two{position:absolute;width:245px;height:420px;background:#dcebe0;border-radius:150px 150px 0 0;transform:rotate(-28deg);left:25px;bottom:-170px}.clinic-blob-three{position:absolute;width:175px;height:320px;background:#aacdb9;border-radius:100px 100px 3px 3px;transform:rotate(43deg);right:-35px;top:5px}.clinic-visual-caption{position:absolute;left:30px;bottom:25px;font:italic 25px 'Instrument Serif',Georgia,serif;color:#24584c;z-index:2}.clinic-special{background:#e0eee7;padding:125px 0}.clinic-special-columns{display:grid;grid-template-columns:1fr .85fr;gap:10%;align-items:center}.clinic-special h2,.clinic-section-title h2,.clinic-cta h2{font-size:clamp(55px,6vw,90px);line-height:1.08;letter-spacing:-.075em;font-weight:500;margin:24px 0}.clinic-special p{font-size:15px;line-height:1.9;color:#658375}.clinic-services{padding-top:128px;padding-bottom:145px}.clinic-section-title{max-width:750px}.clinic-section-title p{font-size:14px;line-height:1.7;color:#708e80}.clinic-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}.clinic-service-grid article{padding:28px;background:#e3f0e8;border-radius:12px;min-height:310px}.clinic-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#c8e1d2;font-size:33px;margin-bottom:42px}.clinic-service-grid small{font-size:9px;letter-spacing:.15em;color:#6b9784;font-weight:800}.clinic-service-grid h3{font-size:25px;letter-spacing:-.05em;font-weight:600;margin:12px 0}.clinic-service-grid p{font-size:13px;line-height:1.7;color:#6b8577;max-width:240px;min-height:63px}.clinic-service-grid b{font-size:11px}.clinic-cta{background:#d0e7da;padding:125px 0}.clinic-cta-layout{display:flex;justify-content:space-between;align-items:end;gap:40px}.clinic-cta h2{max-width:750px}.clinic-cta p{max-width:630px;color:#627f71;font-size:14px;line-height:1.7}.clinic-cta .clinic-button{white-space:nowrap;margin-bottom:25px}.clinic-footer{display:flex;justify-content:space-between;gap:15px;padding:32px 0;font-size:10px;font-weight:800;letter-spacing:.11em;color:#628b79}
@media(max-width:950px){.demo-container{width:calc(100% - 54px)}.cafe-hero-left h1{font-size:clamp(62px,9vw,96px)}.cafe-hero-right{height:420px}.cafe-cup{transform:scale(.75) rotate(-10deg)}.barber-heading h1{font-size:clamp(75px,9.7vw,112px)}.barber-art{min-height:430px}.barber-art-ring{width:320px;height:320px}.barber-monogram{font-size:115px}.barber-monogram span{font-size:45px}.clinic-copy h1{font-size:clamp(61px,8vw,94px)}.clinic-visual{height:430px}.clinic-blob-one{left:0}.clinic-cta-layout{display:block}}
@media(max-width:680px){.demo-container{width:calc(100% - 38px)}.demo-notice{padding:10px 14px;font-size:8px;letter-spacing:.035em}.demo-notice>span{max-width:195px}.cafe-header,.barber-header,.clinic-header{height:77px}.cafe-header nav>a:not(:last-child),.barber-header nav>a:not(:last-child),.clinic-header nav>a:not(:last-child){display:none}.cafe-header-button,.barber-button-small,.clinic-header-cta{padding:10px 11px!important;font-size:9px!important}.cafe-logo{font-size:16px}.barber-logo{font-size:19px}.clinic-logo{font-size:25px}.cafe-hero,.barber-hero,.clinic-hero{grid-template-columns:1fr;gap:40px;padding-top:45px;padding-bottom:75px}.cafe-hero-left h1{font-size:clamp(66px,13vw,92px)}.cafe-hero-right{height:380px;max-width:530px;width:100%;margin:auto}.cafe-micro,.barber-micro,.clinic-micro{margin-top:45px}.cafe-scroll-band div,.barber-ticker div{font-size:11px}.cafe-story,.barber-concept,.clinic-special-columns{grid-template-columns:1fr;gap:15px;padding-top:85px;padding-bottom:90px}.cafe-story>div:last-child,.barber-concept>div:last-child{padding-top:0}.cafe-story h2,.cafe-menu-title h2,.cafe-cta h2{font-size:clamp(46px,10vw,65px)}.cafe-menu{padding:80px 0 95px}.cafe-menu-title{display:block}.cafe-menu-title>span{display:block;margin-top:20px}.cafe-menu-grid,.clinic-service-grid{grid-template-columns:1fr;gap:30px}.cafe-food{height:230px;max-width:440px}.cafe-cta,.barber-cta{padding-top:95px;padding-bottom:105px}.cafe-footer,.barber-footer,.clinic-footer{font-size:8px;line-height:1.5}.barber-heading h1{font-size:clamp(68px,13vw,97px)}.barber-art{min-height:370px}.barber-ticker div{font-size:12px}.barber-concept h2,.barber-services h2,.barber-cta h2{font-size:clamp(54px,10vw,72px)}.barber-services{padding:84px 0 90px}.barber-list>div{grid-template-columns:35px 1fr 20px;gap:6px}.barber-list>div>p{grid-column:2;grid-row:2;margin:3px 0 0}.barber-list>div>b{grid-column:3;grid-row:1/3}.barber-list h3{font-size:24px}.clinic-hero{gap:45px}.clinic-copy h1{font-size:clamp(65px,12.5vw,90px)}.clinic-visual{height:365px;max-width:530px;width:100%;margin:auto}.clinic-special{padding:88px 0}.clinic-special-columns{padding:0}.clinic-special h2,.clinic-section-title h2,.clinic-cta h2{font-size:clamp(48px,9vw,72px)}.clinic-services{padding-top:95px;padding-bottom:95px}.clinic-service-grid{gap:12px;margin-top:34px}.clinic-service-grid article{min-height:0}.clinic-icon{margin-bottom:25px}.clinic-service-grid p{min-height:0}.clinic-cta{padding:90px 0}.clinic-cta .clinic-button{margin-top:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}