:root{--green:#183e32;--deep:#102c25;--cream:#f5f1e8;--paper:#fcfaf5;--ink:#22392e;--muted:#69736a;--line:#d9ddd2;--accent:#b6c698}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b08b45;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:1.08}h2{font-size:clamp(38px,4.1vw,65px);margin-bottom:28px}em{font-weight:400;color:#71876a}h3{font-weight:400;line-height:1.25}button{cursor:pointer}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:white;z-index:100}.skip:focus{top:12px}.header{min-height:100px;display:flex;justify-content:space-between;align-items:center;padding:20px 6%;background:var(--paper);gap:24px}.brand{display:flex;align-items:center;gap:17px;font-family:Georgia,serif;font-size:23px;line-height:1.25}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:2.2px;margin-top:8px}.brand-mark{font-size:34px;position:relative;border-right:1px solid var(--line);padding-right:22px;letter-spacing:-6px}.brand-mark span{font-size:16px;letter-spacing:0;margin-left:5px}.header nav{display:flex;gap:30px;align-items:center;font-size:12px}.nav-cta{border-bottom:1px solid var(--green);padding:10px 0}.nav-cta span{margin-left:16px}.menu-toggle{display:none}.hero{min-height:660px;height:calc(100svh - 100px);max-height:900px;position:relative;color:var(--cream);background:var(--deep);isolation:isolate;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(10,29,22,.84),rgba(10,29,22,.32) 60%,rgba(10,29,22,.12))}.hero-content{max-width:650px;margin-left:9%;padding:85px 0}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.5px;margin-bottom:24px;display:flex;gap:12px;align-items:center}.eyebrow.light{color:#d9e0cf}.eyebrow span{height:6px;width:6px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(68px,7.8vw,116px);margin-bottom:28px}.hero h1 em{color:#c1cea7}.hero-description{max-width:350px;font-size:15px;color:#e0e4d8;line-height:1.9;margin-bottom:32px}.button{display:inline-flex;gap:36px;align-items:center;justify-content:space-between;padding:17px 24px;border:1px solid transparent;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.cream{background:var(--cream);color:var(--green)}.cream:hover{background:#e4e9d8}.hero-note{margin-top:40px;font-size:10px;color:#d2d7c9;letter-spacing:.5px}.hero-note span{margin-right:14px;color:#b5c39d}.scroll-cue{position:absolute;bottom:30px;left:9%;font-size:9px;letter-spacing:2px;display:flex;gap:25px;align-items:center}.scroll-cue span{font-size:24px}.hero-side{position:absolute;right:25px;top:50%;writing-mode:vertical-rl;letter-spacing:3px;font-size:8px;color:#dee1cf}.intro-strip{padding:30px 7%;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);font-family:Georgia,serif;font-size:20px}.asterisk{color:#8b9c72;font-size:25px}.section{padding:110px 9%;scroll-margin-top:15px}.about{display:grid;grid-template-columns:.85fr 1fr;gap:11%;align-items:center}.portrait-wrap{position:relative;max-width:410px}.portrait-frame{background:#e7e4da;padding:15px 15px 0;position:relative;z-index:1}.portrait-frame img{width:100%;height:430px;object-fit:cover;object-position:50% 40%}.portrait-caption{position:relative;z-index:1;background:#e7e4da;padding:23px 15px 26px;display:flex;justify-content:space-between;align-items:center;gap:10px}.portrait-caption span{font-family:Georgia,serif;font-size:22px}.portrait-caption small{font-size:7px;letter-spacing:1px;max-width:95px}.portrait-decoration{position:absolute;right:-48px;bottom:-40px;font-family:Georgia,serif;font-size:200px;line-height:1;color:#e4e8db;z-index:0;font-style:italic}.about-copy p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:490px}.about-copy .lead{font-family:Georgia,serif;font-size:22px!important;line-height:1.5;color:var(--ink)!important}.text-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid #859579;padding:12px 0;font-size:12px;font-weight:600;margin-top:8px}.services{background:var(--cream)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}.section-heading>p{font-size:13px;color:var(--muted);padding-bottom:12px}.service{display:grid;grid-template-columns:65px 1fr 54px;gap:25px;border-top:1px solid #cbd1c2;padding:36px 0}.service:last-child{border-bottom:1px solid #cbd1c2}.service-number{font-family:Georgia,serif;font-style:italic;color:#849173;font-size:25px}.service-label{font-size:8px;letter-spacing:2px}.service h3{font-family:Georgia,serif;font-size:32px;letter-spacing:-1px;margin:9px 0 14px}.service p{font-size:13px;color:var(--muted);max-width:650px;margin-bottom:20px}.tags{padding:0;margin:0;list-style:none;display:flex;gap:10px;flex-wrap:wrap}.tags li{font-size:9px;border:1px solid #ccd2c4;padding:4px 12px;border-radius:30px}.round-link{border:1px solid #a7b29b;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;font-size:24px;align-self:center;transition:background .2s}.round-link:hover{background:#dce4cf}.sacred{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:var(--cream);scroll-margin-top:0}.sacred-image{position:relative;min-height:750px}.sacred-image img{height:100%;width:100%;object-fit:cover;position:absolute}.sacred-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#102c25aa)}.sacred-image>span{position:absolute;bottom:35px;left:40px;font-size:8px;letter-spacing:2px;z-index:1}.sacred-copy{padding:80px 12%}.sacred-copy h2{font-size:clamp(37px,3.8vw,58px)}.sacred-copy em,.contact em{color:#c0cea7}.sacred-copy>p:not(.eyebrow){font-size:13px;color:#c8d4c7}.sacred-item{display:flex;gap:20px;border-top:1px solid #ffffff26;padding:22px 0}.sacred-item>span{font-size:10px;color:#bacb9d}.sacred-item h3{font-family:Georgia,serif;font-size:23px;margin-bottom:10px}.sacred-item p{font-size:12px;color:#c8d4c7;margin:0}.outline{border-color:#b4c2a2;color:var(--cream);margin-top:14px;padding:15px 17px;font-size:10px}.outline:hover{background:#ffffff12}.journey{display:grid;grid-template-columns:1fr 1fr;gap:10%}.steps article{display:flex;gap:26px;padding:22px 0;border-bottom:1px solid var(--line)}.steps article:first-child{padding-top:0}.steps article>span{font-family:Georgia,serif;color:#8b9b79;font-size:22px}.steps h3{font-family:Georgia,serif;font-size:25px;margin-bottom:10px}.steps p{font-size:13px;color:var(--muted);margin-bottom:0}.faq{background:#eeeee5;display:grid;grid-template-columns:1fr 1fr;gap:8%}.faq h2{font-size:clamp(34px,3.6vw,54px)}details{border-bottom:1px solid #cbd1c2}summary{padding:22px 0;cursor:pointer;font-size:13px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{font-size:22px;line-height:1;font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:var(--muted);padding-right:24px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--deep);color:var(--cream)}.contact h2{font-size:clamp(39px,4.5vw,68px)}.contact-copy>p:not(.eyebrow){font-size:13px;color:#bdcbbd;max-width:300px}.contact-signature{display:block;font-family:Georgia,serif;font-style:italic;font-size:26px;margin-top:40px;color:#c3cda9}form{padding-top:8px}label{display:block;font-size:11px;margin-bottom:9px}label span{color:#b2c0b4;font-size:10px}input,select,textarea{display:block;width:100%;border:1px solid #657b6e;background:#ffffff05;color:var(--cream);padding:13px 15px;font-size:13px;margin-bottom:23px;border-radius:0;outline-offset:3px}input::placeholder,textarea::placeholder{color:#b6c2b8}input:focus,select:focus,textarea:focus{outline:2px solid #c0cea7}select option{background:var(--deep);color:white}textarea{resize:vertical;min-height:80px}form .button{width:100%}.form-note{font-size:10px;line-height:1.7;color:#b8c7b9;margin-top:15px}#message-result{margin-top:25px;border-top:1px solid #657b6e;padding-top:24px}.copy-button{background:transparent;border:1px solid #a8b99b;color:var(--cream);padding:10px 20px;font-size:12px}.pending-contact,#copy-status{font-size:12px;color:#c0cea7}footer{padding:50px 9% 24px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px}.footer-brand{font-family:Georgia,serif;font-size:24px}.footer-brand span{display:block;font:8px Arial,sans-serif;letter-spacing:2px;margin-top:8px}footer p{font-size:11px;color:var(--muted);margin:0}footer>a:last-of-type{font-size:10px}footer small{grid-column:1/-1;font-size:9px;color:var(--muted);padding-top:25px;border-top:1px solid var(--line)}
@media(min-width:1600px){.section{padding-left:max(9%,calc((100vw - 1320px)/2));padding-right:max(9%,calc((100vw - 1320px)/2))}}@media(max-width:1000px){.header{padding:20px 5%}.header nav{gap:20px}.hero-content{margin-left:7%}.section{padding:80px 7%}.about{gap:8%}.portrait-frame img{height:380px}.portrait-caption{flex-direction:column;align-items:flex-start}.portrait-caption small{max-width:none}.sacred-copy{padding:60px 9%}.sacred-image{min-height:730px}.intro-strip{font-size:16px}.contact{gap:7%}footer{padding-left:7%;padding-right:7%}}@media(max-width:700px){html{scroll-padding-top:25px}.header{min-height:85px;position:relative;gap:12px}.brand{font-size:20px;gap:12px}.brand small{font-size:7px;letter-spacing:1.4px}.brand-mark{font-size:30px;padding-right:16px}.menu-toggle{display:flex;align-items:center;gap:10px;border:1px solid #bdc7b5;background:transparent;color:var(--green);padding:7px 12px;font-size:11px}.header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);z-index:10;padding:20px 7% 25px;box-shadow:0 10px 20px #102c2515;align-items:stretch;gap:15px}.header nav.is-open{display:flex;flex-direction:column}.nav-cta{align-self:flex-start}.hero{height:auto;min-height:690px;max-height:none}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#10291fee,#10291f88 65%,#10291f33)}.hero-content{padding:75px 7% 110px;margin:0;max-width:100%}h1{font-size:clamp(65px,13vw,88px)}.hero-description{font-size:14px;max-width:290px}.hero-note{margin-top:32px}.hero-side{display:none}.scroll-cue{left:7%;bottom:25px}.intro-strip{padding:23px 7%;font-size:16px;justify-content:center;flex-wrap:wrap;gap:7px 15px}.intro-strip>span:last-child,.intro-strip>.asterisk:nth-child(4){display:none}.asterisk{font-size:17px}.section{padding:65px 7%}.about,.journey,.faq,.contact{grid-template-columns:1fr;gap:45px}.portrait-wrap{width:100%;max-width:380px;margin:auto}.portrait-frame img{height:380px;object-position:center 40%}.portrait-caption{flex-direction:row;align-items:center}.portrait-caption span{font-size:21px}.portrait-caption small{max-width:90px;font-size:7px}.portrait-decoration{font-size:150px;right:-12px;bottom:-30px}.about-copy h2{font-size:44px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{padding:0;margin-bottom:0}.service{grid-template-columns:30px 1fr 38px;gap:12px;padding:28px 0}.service-number{font-size:21px}.service h3{font-size:27px}.service p{font-size:12px}.service-label{font-size:7px;letter-spacing:1.2px}.round-link{width:36px;height:36px;font-size:20px}.tags{gap:6px}.tags li{font-size:8px;padding:3px 8px}.sacred{grid-template-columns:1fr}.sacred-image{min-height:360px}.sacred-image img{object-position:center 55%}.sacred-image>span{left:7%;bottom:25px}.sacred-copy{padding:55px 7%}.sacred-copy h2{font-size:44px}.sacred-copy .button{font-size:11px;gap:15px}.steps article{gap:20px}.faq{gap:15px}.faq h2{font-size:40px}.contact{gap:25px}.contact h2{font-size:49px}.contact-signature{margin-top:23px}.contact form{padding-top:10px}footer{grid-template-columns:1fr auto;padding-top:35px;gap:20px}footer p{grid-column:1/-1;grid-row:2}footer small{padding-top:20px}.eyebrow{font-size:9px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Biografia e retrato de aula: montagem ilustrativa baseada na foto original. */
.portrait-frame img{height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center}
.bio-highlights{list-style:none;margin:23px 0 8px;padding:0;border-top:1px solid var(--line)}
.bio-highlights li{font-size:11px;color:var(--green);padding:10px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}
.bio-highlights li:before{content:'✳';color:#849173;font-size:15px}
/* Formação vocal: fundo fotográfico e camadas de leitura. */
.services{background-color:#15372c;background-image:linear-gradient(90deg,rgba(10,32,24,.94),rgba(10,32,24,.80) 60%,rgba(10,32,24,.52)),url('assets/formacao-estudio.png');background-size:cover;background-position:center;color:#f5f1e8}
.services .eyebrow,.services .service-label{color:#d0dfb8}
.services h2 em{color:#c4d4a4}
.services .section-heading>p,.services .service p{color:#e0e7d8}
.services .service{border-color:rgba(223,235,207,.3);transition:background .25s,box-shadow .25s;border-radius:12px;padding:34px 20px;margin:0 -20px}
.services .service:last-child{border-color:rgba(223,235,207,.3)}
.services .service-number{color:#c3d4a7}
.services .tags li{color:#e5eedb;background:rgba(12,35,26,.48);border-color:#a3b88e80}
.services .round-link{background:#d5e1bd;color:#183e32;border-color:#d5e1bd;min-width:44px;min-height:44px;box-shadow:0 5px 18px #0002;transition:transform .25s,background .25s,box-shadow .25s}
.services .round-link:focus-visible{outline-color:#e3d4a3}
/* Botões: silhueta arredondada, seta integrada e resposta tátil. */
.button{border-radius:999px;min-height:58px;padding:9px 10px 9px 25px;gap:26px;position:relative;box-shadow:0 8px 24px #0002;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}
.button>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:rgba(17,51,36,.12);transition:transform .25s,background .25s}
.button.cream{background:linear-gradient(120deg,#e0e9c9,#b6cd95);color:#15382b;border:1px solid #d7e3bd;box-shadow:0 9px 28px #0003,inset 0 1px 0 #ffffff70}
.button.outline{background:#ffffff09;border-color:#c0d1a88c;backdrop-filter:blur(8px);box-shadow:none;padding:9px 10px 9px 22px}
.button.outline>span{background:#d1dfb6;color:#183e32}
.button:active{transform:translateY(1px) scale(.98);box-shadow:0 3px 10px #0002}
.nav-cta{padding:9px 10px 9px 19px;border:1px solid #bdcbb0;border-radius:999px;background:#e8eddf;display:inline-flex;align-items:center;gap:17px;transition:background .25s,transform .25s}
.nav-cta span{display:grid;place-items:center;border-radius:50%;background:var(--green);color:var(--cream);width:29px;height:29px;margin:0;transition:transform .25s}
.copy-button,.menu-toggle{border-radius:999px;min-height:44px;transition:background .25s,transform .25s}
@media(hover:hover){.button:hover{transform:translateY(-3px);box-shadow:0 14px 32px #0004}.button.cream:hover{background:linear-gradient(120deg,#edf3dd,#c6dba7)}.button:hover>span{transform:rotate(45deg);background:#183e3226}.button.outline:hover{background:#ffffff16}.button.outline:hover>span{background:#e2ebcf}.nav-cta:hover{background:#dce6d0;transform:translateY(-2px)}.nav-cta:hover span{transform:rotate(45deg)}.services .service:hover,.services .service:focus-within{background:#ffffff08;box-shadow:0 6px 28px #0001}.services .round-link:hover{background:#edf4dc;transform:translateY(-3px)}.copy-button:hover{background:#ffffff12}}
@media(max-width:700px){.services{background-position:68% center;background-image:linear-gradient(90deg,rgba(10,32,24,.94),rgba(10,32,24,.82)),url('assets/formacao-estudio.png')}.services .service{padding:27px 10px;margin:0 -10px;grid-template-columns:24px minmax(0,1fr) 44px;gap:10px}.services .service h3{font-size:25px}.button{max-width:100%;font-size:11px;padding-left:20px;gap:18px;min-height:56px}.button>span{width:36px;height:36px;flex-basis:36px}.sacred-copy .button{padding-left:17px;gap:12px}.nav-cta{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.button:hover,.button:active,.button:hover>span,.nav-cta:hover,.nav-cta:hover span,.services .round-link:hover{transform:none}}

/* Whole-card buttons and accessible native modal. */
.services .service-card{position:relative;grid-template-columns:65px minmax(0,1fr);cursor:pointer}
.service-card-trigger{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:12px;background:transparent;color:inherit;cursor:pointer;z-index:1}
.service-card-trigger:focus-visible{outline:3px solid #d9e7bb;outline-offset:5px}
.service-open-hint{grid-column:2;font-size:10px;letter-spacing:.8px;color:#d4e4b8;text-decoration:underline;text-underline-offset:5px}
.service-dialog-open{overflow:hidden}
.service-dialog{width:min(700px,calc(100% - 32px));max-height:calc(100svh - 48px);margin:auto;padding:0;border:1px solid #d5dfca;border-radius:25px;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #0006;overscroll-behavior:contain}
.service-dialog::backdrop{background:rgba(5,21,15,.75);backdrop-filter:blur(7px)}
.dialog-shell{padding:48px;position:relative}
.dialog-close{position:absolute;top:16px;right:16px;border:1px solid #c8d2bc;background:#e8eddf;color:var(--green);border-radius:50%;width:44px;height:44px;font-size:29px;line-height:1;display:grid;place-items:center;transition:background .2s}
.dialog-close:hover{background:#d6e2c7}
.service-dialog .eyebrow{padding-right:25px;font-size:9px;margin-bottom:20px}
.service-dialog h2{font-size:clamp(32px,4vw,45px);letter-spacing:-1.6px;margin-bottom:22px}
.dialog-intro{font-family:Georgia,serif;font-size:21px;line-height:1.5;color:#607652;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:25px}
#dialog-content section{margin-bottom:24px}
#dialog-content h3{font-size:16px;font-weight:600;margin-bottom:9px}
#dialog-content p{font-size:14px;line-height:1.85;color:#556352;margin-bottom:0}
.dialog-done{margin-top:8px}
@media(max-width:700px){.services .service-card{grid-template-columns:24px minmax(0,1fr)}.dialog-shell{padding:62px 24px 28px}.service-dialog{max-height:calc(100svh - 24px);border-radius:20px}.service-dialog .eyebrow{font-size:8px;padding-right:0}.dialog-intro{font-size:19px}#dialog-content p{font-size:13px}}

/* Cenas próprias em cada janela, com fundo fotográfico e leitura contrastada. */
.service-dialog{background:#102c25;color:#f5f1e8;border-color:#74866b;width:min(760px,calc(100% - 32px))}
.service-dialog[data-service="1"]{--service-scene:url('assets/alexander-aula.png')}
.service-dialog[data-service="2"]{--service-scene:url('assets/desenvolvimento-vocal.png')}
.service-dialog[data-service="3"]{--service-scene:url('assets/formacao-coral.png')}
.service-dialog .dialog-shell{padding-top:0;background-image:linear-gradient(180deg,rgba(11,32,24,.68),rgba(11,32,24,.93) 48%,rgba(11,32,24,.96)),var(--service-scene);background-size:cover;background-position:center top}
.dialog-scene{margin:0 -48px 32px;position:relative;height:270px;background:#1a392b;overflow:hidden;border-radius:24px 24px 0 0}
.dialog-scene img{width:100%;height:100%;object-fit:cover;object-position:center 38%}
.service-dialog[data-service="1"] .dialog-scene img{object-position:center 32%}
.service-dialog[data-service="2"] .dialog-scene img{object-position:75% 40%}
.dialog-scene:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(11,32,24,.92))}
.dialog-scene figcaption{position:absolute;bottom:14px;left:24px;z-index:1;color:#e0e9d6;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}
.service-dialog .dialog-close{background:#102c25e8;color:#f5f1e8;border-color:#d2dec291;z-index:2;box-shadow:0 3px 15px #0003}
.service-dialog .dialog-close:hover{background:#31523f}
.service-dialog .eyebrow{color:#c9dcb0}
.service-dialog .dialog-intro{color:#d9e6c5;border-color:#d6e3c340}
.service-dialog #dialog-content section{padding:20px 22px;border:1px solid #d6e3c333;border-radius:16px;background:#10291dcc;margin-bottom:14px}
.service-dialog #dialog-content h3{color:#f5f1e8}
.service-dialog #dialog-content p{color:#dce5d6}
.service-dialog .dialog-done{margin-top:16px}
@media(max-width:700px){.service-dialog .dialog-shell{padding-top:0}.dialog-scene{margin:0 -24px 27px;height:220px;border-radius:19px 19px 0 0}.service-dialog #dialog-content section{padding:17px}.dialog-scene figcaption{left:20px;font-size:8px}.service-dialog[data-service="3"] .dialog-scene img{object-position:40% center}}

/* Contato direto com WhatsApp. */
.whatsapp-float{position:fixed;right:max(25px,env(safe-area-inset-right));bottom:max(25px,env(safe-area-inset-bottom));z-index:30;width:60px;height:60px;border-radius:50%;background:#168344;color:#fff;display:grid;place-items:center;border:1px solid #ffffff70;box-shadow:0 6px 24px #0004;transition:transform .2s,background .2s,box-shadow .2s}
.whatsapp-tooltip{position:absolute;right:73px;white-space:nowrap;background:#fcfaf5;color:#183e32;padding:9px 15px;border:1px solid #d9ddd2;border-radius:12px;box-shadow:0 4px 18px #0002;font-size:12px;opacity:0;visibility:hidden;transform:translateX(5px);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none}
.whatsapp-float:focus-visible .whatsapp-tooltip{opacity:1;visibility:visible;transform:none}
.whatsapp-float:active{transform:scale(.94)}
@media(hover:hover){.whatsapp-float:hover{background:#106b36;transform:translateY(-3px);box-shadow:0 10px 30px #0005}.whatsapp-float:hover .whatsapp-tooltip{opacity:1;visibility:visible;transform:none}}
@media(max-width:700px){.whatsapp-float{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:56px;height:56px}footer{padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){.whatsapp-float:hover,.whatsapp-float:active,.whatsapp-tooltip{transform:none}}