/*
Theme Name: Eden
Theme URI: https://edenperformance.net
Author: Eden Performance
Description: Tema a medida para Eden, agencia de performance en Alicante. Página de inicio de una sola página, formulario de contacto que envía por email y páginas legales (LSSI-CE / RGPD) con los datos de la empresa editables desde Apariencia > Personalizar > Eden · Datos de la empresa.
Version: 1.2.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: eden
*/

@font-face{font-family:"Darker Grotesque";font-style:normal;font-weight:300;font-display:swap;src:url("assets/fonts/darker-grotesque-latin-300-normal.woff2") format("woff2")}
@font-face{font-family:"Darker Grotesque";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/darker-grotesque-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:300;font-display:swap;src:url("assets/fonts/poppins-latin-300-normal.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/poppins-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/poppins-latin-500-normal.woff2") format("woff2")}

:root{
  --cacao:#2B231F;
  --ebano:#4A2B24;
  --oliva-profunda:#3B3E29;
  --oliva:#4A4F38;
  --folha:#6E7F55;
  --folha-clara:#A3AE7E;
  --linho:#EDE5D6;
  --linho-2:#E3DAC9;
  --linho-3:#D6CCB9;
  --ink:#2B231F;
  --ink-soft:#5B5148;
  --label:#7A8155;
  --on-dark:#EDE5D6;
  --on-dark-soft:#BDB5A6;
  --rule-light:#CFC5B2;
  --rule-dark:rgba(237,229,214,.18);
  --tbc:#C08A3E;
  --display:"Darker Grotesque", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --text:"Poppins", "Helvetica Neue", Arial, sans-serif;
  --gutter:clamp(16px, 5vw, 72px);
  --max:1240px;
  --grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  color-scheme: light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--linho); color:var(--ink);
  font-family:var(--text); font-weight:300; font-size:16px; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--folha); outline-offset:3px}

.wrap{max-width:var(--max); margin-inline:auto; padding-inline:var(--gutter)}
section{padding-block:clamp(72px, 11vw, 144px)}

/* type scale */
.display{overflow-wrap:break-word; font-family:var(--display); font-weight:300; line-height:.92; letter-spacing:-.01em; margin:0; text-wrap:balance}
.h1{font-size:clamp(56px, 9vw, 132px)}
.h2{font-size:clamp(46px, 6.6vw, 96px)}
.h3{font-size:clamp(32px, 3.4vw, 46px); line-height:1}
.eyebrow{font-family:var(--text); font-weight:400; font-size:12px; letter-spacing:.32em; text-transform:uppercase; color:var(--label); margin:0}
.lead{font-size:clamp(17px, 1.5vw, 20px); line-height:1.65; max-width:36em; margin:0}
.lead p + p, .body p + p, .a p + p, .svc p + p{margin-top:.8em}
p{margin:0}
.muted{color:var(--ink-soft)}

/* dark surfaces */
.dark{background:var(--cacao); color:var(--on-dark)}
.dark .eyebrow{color:var(--folha-clara)}
.dark .muted{color:var(--on-dark-soft)}
.olive{background:var(--oliva); color:var(--on-dark)}
.olive .eyebrow{color:#C9CFA9}
.olive .muted{color:#CFCABB}
.grainy{position:relative; isolation:isolate; overflow:hidden}
.grainy::after{content:""; position:absolute; inset:0; background-image:var(--grain); opacity:.09; mix-blend-mode:overlay; pointer-events:none; z-index:-1}


/* header */
header.site{position:sticky; top:env(safe-area-inset-top,0px); z-index:20; background:rgba(43,35,31,.92); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); color:var(--on-dark); border-bottom:1px solid var(--rule-dark)}
header.site .wrap{display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:68px}
.brand{display:flex; align-items:center; gap:12px; text-decoration:none}
.brand{color:var(--on-dark)}
.brand .sym{width:24px; height:24px; flex:none}
.brand .wm{width:70px; height:23px; flex:none}
.brand .sub{font-size:10px; letter-spacing:.3em; text-transform:uppercase; color:var(--on-dark-soft); padding-left:12px; border-left:1px solid var(--rule-dark); line-height:1.2}
nav.main{display:flex; align-items:center; gap:28px; font-size:14px}
nav.main a{text-decoration:none; color:var(--on-dark-soft); transition:color .2s}
nav.main a:hover{color:var(--on-dark)}
nav.main a.btn, nav.main a.btn:hover{color:var(--cacao)}
.btn{display:inline-flex; align-items:center; gap:10px; font-family:var(--text); font-weight:400; font-size:14px; letter-spacing:.02em; text-decoration:none; padding:13px 24px; border-radius:99px; border:1px solid transparent; cursor:pointer; transition:background .25s, color .25s, border-color .25s}
.btn-light{background:var(--linho); color:var(--cacao)}
.btn-light:hover{background:#fff}
.btn-ghost{border-color:rgba(237,229,214,.4); color:var(--on-dark); background:transparent}
.btn-ghost:hover{border-color:var(--on-dark)}
.btn-dark{background:var(--cacao); color:var(--linho)}
.btn-dark:hover{background:var(--ebano)}
.btn .arr{transition:transform .25s}
.btn:hover .arr{transform:translateX(3px)}
header .btn{padding:10px 20px; font-size:13px}
@media (max-width:900px){ nav.main a:not(.btn){display:none} .brand .sub{display:none} }

/* hero */
.hero{
  background:
    radial-gradient(60% 70% at 12% 8%, #56673A 0%, rgba(86,103,58,0) 70%),
    radial-gradient(40% 55% at 100% 45%, rgba(92,52,40,.75) 0%, rgba(92,52,40,0) 70%),
    radial-gradient(55% 40% at 95% 105%, rgba(160,150,120,.45) 0%, rgba(160,150,120,0) 70%),
    #262219;
  color:var(--on-dark);
  padding-block:clamp(88px, 13vw, 176px) clamp(56px, 7vw, 96px);
}
.hero .grid{display:grid; grid-template-columns:minmax(0,1.8fr) minmax(0,1fr); gap:48px; align-items:center}
.hero .eyebrow{color:#B5BE8C; margin-bottom:32px}
.hero h1 em{font-style:normal; color:#C5CC9E}
.hero .rule{width:64px; height:1px; background:rgba(237,229,214,.45); margin:40px 0 28px}
.hero .lead{color:#D8D0C1}
.hero .ctas{display:flex; flex-wrap:wrap; gap:12px; margin-top:40px}
.hero .mark{justify-self:end; width:min(100%, 380px); aspect-ratio:1; max-width:100%}
.hero .mark svg{width:100%; height:100%; display:block; color:#D9D0BE; opacity:.92}
.petals g{transform-origin:0 0}
@media (prefers-reduced-motion:no-preference){
  .hero .mark svg{animation:spin 90s linear infinite}
  @keyframes spin{to{transform:rotate(360deg)}}
}
@media (max-width:820px){
  .hero .grid{grid-template-columns:1fr}
  .hero .mark{order:-1; justify-self:start; width:120px}
}
.stats{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); border-top:1px solid var(--rule-dark); margin-top:clamp(64px, 9vw, 120px)}
.stat{padding:28px 24px 0 0}
.stat + .stat{padding-left:24px; border-left:1px solid var(--rule-dark)}
.stat .n{font-family:var(--display); font-weight:300; font-size:clamp(48px, 5.5vw, 76px); line-height:1; font-variant-numeric:tabular-nums}
.stat .l{font-size:13px; line-height:1.5; color:var(--on-dark-soft); margin-top:10px; max-width:18em}
@media (max-width:760px){
  .stats{grid-template-columns:repeat(2, minmax(0,1fr))}
  .stat:nth-child(3){padding-left:0; border-left:0}
  .stat:nth-child(n+3){border-top:1px solid var(--rule-dark); margin-top:28px}
}

/* manifesto */
.manifesto .grid{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:clamp(40px, 7vw, 120px); align-items:start}
.manifesto .col{display:grid; gap:22px; border-left:1px solid var(--rule-light); padding-left:clamp(20px, 3vw, 40px); font-size:17px}
.manifesto .col strong{font-weight:500}
@media (max-width:820px){ .manifesto .grid{grid-template-columns:1fr} }

/* section head */
.head{display:grid; gap:20px; margin-bottom:clamp(48px, 6vw, 80px)}
.head.split{grid-template-columns:minmax(0,1fr) minmax(0,.8fr); align-items:end; gap:32px 64px}
@media (max-width:820px){ .head.split{grid-template-columns:1fr} }

/* services */
.services{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); border-top:1px solid var(--ink)}
.svc{padding:40px 40px 48px 0; display:grid; gap:18px; align-content:start; border-bottom:1px solid var(--rule-light)}
.svc:nth-child(even){padding-left:40px; padding-right:0; border-left:1px solid var(--rule-light)}
.svc .tag{font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--label)}
.svc ul{list-style:none; margin:4px 0 0; padding:0; display:grid; gap:8px; font-size:15px; color:var(--ink-soft)}
.svc li{padding-left:22px; position:relative}
.svc li::before{content:""; position:absolute; left:0; top:.8em; width:10px; height:1px; background:var(--folha)}
@media (max-width:820px){
  .services{grid-template-columns:1fr}
  .svc, .svc:nth-child(even){padding:32px 0 36px; border-left:0}
}

/* method */
.pillars{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:clamp(24px, 3vw, 48px)}
.pillar{border-top:1px solid rgba(237,229,214,.4); padding-top:28px; display:grid; gap:14px; align-content:start}
.pillar ul{list-style:none; margin:6px 0 0; padding:0; font-size:14px; color:#CFCABB; display:grid; gap:4px}
.pairs{margin-top:clamp(56px, 7vw, 96px); display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:40px 80px; align-items:center}
.pairs table{width:100%; border-collapse:collapse; font-size:17px}
.pairs td{padding:16px 0; border-top:1px solid rgba(237,229,214,.25)}
.pairs tr:last-child td{border-bottom:1px solid rgba(237,229,214,.25)}
.pairs td:last-child{text-align:right; color:#CFCABB}
.pairs td.mid{text-align:center; color:#C9CFA9; width:40px}
@media (max-width:820px){ .pillars{grid-template-columns:1fr} .pairs{grid-template-columns:1fr} }

/* cases */
.cases{display:grid; gap:0; border-top:1px solid var(--rule-dark)}
.case{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,.9fr); gap:24px 48px; padding-block:48px; border-bottom:1px solid var(--rule-dark); align-items:start}
.case .who{display:grid; gap:10px}
.case .sector{font-size:13px; color:var(--on-dark-soft)}
.case .body{font-size:15px; color:var(--on-dark-soft); display:grid; gap:12px}
.case .nums{display:grid; gap:22px}
.case .num .n{font-family:var(--display); font-weight:300; font-size:clamp(52px, 6vw, 84px); line-height:.9; color:#C5CC9E; font-variant-numeric:tabular-nums}
.case .num .l{font-size:13px; color:var(--on-dark-soft); margin-top:6px}
@media (max-width:900px){ .case{grid-template-columns:1fr} .case .nums{grid-template-columns:repeat(2, minmax(0,1fr))} }
.clients{margin-top:clamp(56px, 7vw, 96px); display:grid; gap:24px}
.clients ul{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px 0; font-family:var(--display); font-weight:300; font-size:clamp(26px, 2.6vw, 36px); line-height:1.25}
.clients li:not(:last-child)::after{content:"·"; color:var(--folha-clara); margin-inline:.5em}
.note{font-size:13px; color:var(--on-dark-soft)}

/* process */
.steps{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); counter-reset:s; border-top:1px solid var(--ink)}
.steps li{counter-increment:s; padding:28px 28px 32px 0; border-bottom:1px solid var(--rule-light); display:grid; gap:8px; align-content:start}
.steps li:not(:nth-child(3n+1)){padding-left:28px; border-left:1px solid var(--rule-light)}
.steps li::before{content:counter(s, decimal-leading-zero); font-family:var(--display); font-weight:400; font-size:22px; color:var(--label); font-variant-numeric:tabular-nums}
.steps b{font-weight:500; font-size:16px}
.steps span{font-size:14px; color:var(--ink-soft)}
@media (max-width:820px){
  .steps{grid-template-columns:1fr}
  .steps li, .steps li:not(:nth-child(3n+1)){padding:22px 0; border-left:0}
}
.routine{margin-top:clamp(56px, 7vw, 96px); display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:32px; align-items:start}
.routine .freq{display:grid; gap:12px; background:var(--linho-2); padding:28px; border-radius:4px}
.routine .freq h4{margin:0; font-family:var(--display); font-weight:300; font-size:34px; line-height:1}
.routine ul{list-style:none; margin:0; padding:0; font-size:14px; color:var(--ink-soft); display:grid; gap:6px}
@media (max-width:980px){ .routine{grid-template-columns:1fr 1fr} .routine > :first-child{grid-column:1/-1} }
@media (max-width:600px){ .routine{grid-template-columns:1fr} }

/* about */
.about .grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(40px, 7vw, 112px); align-items:start}
.about .story{display:grid; gap:20px; font-size:16px}
.people{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:24px; margin-top:12px}
.person{border-top:1px solid var(--rule-light); padding-top:16px}
.person b{display:block; font-family:var(--display); font-weight:400; font-size:28px; line-height:1.1}
.person span{font-size:13px; color:var(--ink-soft)}
.badges{margin-top:48px; display:grid; gap:14px}
.badges ul{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px}
.badges li{font-size:13px; padding:8px 16px; border:1px solid var(--rule-light); border-radius:99px; color:var(--ink-soft)}
.quote{background:var(--oliva-profunda); color:var(--on-dark); padding:clamp(32px, 4vw, 56px); border-radius:4px; display:grid; gap:24px}
.quote .display{font-size:clamp(38px, 4.2vw, 58px); line-height:.98}
@media (max-width:820px){ .about .grid{grid-template-columns:1fr} }

/* faq */
.faq .grid{display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr); gap:clamp(32px, 6vw, 96px); align-items:start}
details{border-top:1px solid var(--rule-light)}
details:last-child{border-bottom:1px solid var(--rule-light)}
summary{list-style:none; cursor:pointer; padding:22px 40px 22px 0; position:relative; font-weight:400; font-size:17px; line-height:1.45}
summary::-webkit-details-marker{display:none}
summary::after{content:""; position:absolute; right:6px; top:50%; width:12px; height:12px; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); transform:translateY(-70%) rotate(45deg); transition:transform .25s}
details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
details .a{padding:0 0 24px; color:var(--ink-soft); font-size:15px; max-width:40em}
.faq .h2{font-size:clamp(44px, 5.2vw, 78px)}
@media (max-width:820px){ .faq .grid{grid-template-columns:1fr} }

/* contact */
.contact{background:
    radial-gradient(55% 60% at 0% 0%, #56673A 0%, rgba(86,103,58,0) 70%),
    radial-gradient(40% 50% at 100% 100%, rgba(92,52,40,.6) 0%, rgba(92,52,40,0) 70%),
    #262219; color:var(--on-dark)}
.contact .grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:clamp(40px, 6vw, 96px); align-items:start}
.contact .eyebrow{color:#B5BE8C}
.contact dl{margin:40px 0 0; display:grid; gap:18px; font-size:15px}
.contact dt{font-size:11px; letter-spacing:.28em; text-transform:uppercase; color:#B5BE8C}
.contact dd{margin:4px 0 0; color:#E3DBCC}
form{display:grid; grid-template-columns:1fr 1fr; gap:20px 24px; background:rgba(237,229,214,.05); border:1px solid var(--rule-dark); padding:clamp(24px, 3vw, 40px); border-radius:4px}
.field{display:grid; gap:8px}
.field.full{grid-column:1/-1}
label{font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--on-dark-soft)}
input, select, textarea{font:inherit; font-size:15px; color:var(--on-dark); background:transparent; border:0; border-bottom:1px solid rgba(237,229,214,.35); padding:8px 0; border-radius:0; width:100%}
select{appearance:none; background-image:linear-gradient(45deg, transparent 50%, #BDB5A6 50%), linear-gradient(135deg, #BDB5A6 50%, transparent 50%); background-position:calc(100% - 10px) 55%, calc(100% - 5px) 55%; background-size:5px 5px; background-repeat:no-repeat}
select option{color:#2B231F}
textarea{resize:vertical; min-height:96px}
input:focus, select:focus, textarea:focus{outline:none; border-bottom-color:var(--linho)}
.consent{grid-column:1/-1; display:flex; gap:12px; align-items:flex-start; font-size:13px; color:var(--on-dark-soft); text-transform:none; letter-spacing:0; line-height:1.5}
.consent input{width:16px; height:16px; margin-top:2px; accent-color:var(--folha); flex:none}
.form-foot{grid-column:1/-1; display:flex; flex-wrap:wrap; gap:16px; align-items:center; justify-content:space-between}
.form-msg{font-size:14px; color:#C9CFA9}
@media (max-width:820px){ .contact .grid{grid-template-columns:1fr} }
@media (max-width:560px){ form{grid-template-columns:1fr} }

/* footer */
footer{background:#1F1916; color:var(--on-dark-soft); font-size:13px; padding-block:48px}
footer .wrap{display:grid; gap:32px}
footer .top{display:flex; flex-wrap:wrap; gap:24px; justify-content:space-between; align-items:center}
footer .legal{display:flex; flex-wrap:wrap; gap:8px 24px}
footer a{text-decoration:none}
footer a:hover{color:var(--on-dark)}

/* wordpress: admin bar offset for sticky header */
body.admin-bar header.site{top:32px}
@media (max-width:782px){ body.admin-bar header.site{top:46px} }

.skip-link{position:absolute; left:-9999px; top:0; z-index:100; background:var(--linho); color:var(--cacao); padding:10px 16px}
.skip-link:focus{left:16px; top:16px}
.screen-reader-text{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap}
.hp{position:absolute!important; left:-9999px; width:1px; height:1px; overflow:hidden}

/* form notices */
.notice{grid-column:1/-1; font-size:14px; padding:14px 18px; border-radius:4px; line-height:1.5}
.notice.ok{background:rgba(163,174,126,.18); color:#DDE3BF; border:1px solid rgba(163,174,126,.45)}
.notice.err{background:rgba(192,110,80,.16); color:#F0C9B8; border:1px solid rgba(192,110,80,.45)}
.consent a{color:var(--on-dark)}

/* interior pages (legal, generic) */
.page-hero{background:var(--cacao); color:var(--on-dark); padding-block:clamp(64px,9vw,120px) clamp(40px,5vw,64px)}
.page-hero .eyebrow{color:var(--folha-clara); margin-bottom:20px}
.page-hero .display{font-size:clamp(46px,6vw,84px)}
.page-body{padding-block:clamp(48px,7vw,96px)}
.prose{max-width:46rem; font-size:16px}
.prose > * + *{margin-top:1.1em}
.prose h2{font-family:var(--display); font-weight:400; font-size:clamp(30px,3vw,40px); line-height:1.05; margin-top:1.8em}
.prose h3{font-weight:500; font-size:17px; margin-top:1.6em}
.prose ul, .prose ol{padding-left:1.2em}
.prose li + li{margin-top:.35em}
.prose a{color:var(--oliva)}
.prose table{width:100%; border-collapse:collapse; font-size:14px}
.prose th, .prose td{border-bottom:1px solid var(--rule-light); padding:10px 12px 10px 0; text-align:left; vertical-align:top}
.prose .datos{background:var(--linho-2); padding:20px 24px; border-radius:4px; list-style:none}
.prose .pendiente{background:rgba(192,138,62,.25); border-bottom:1px dashed #C08A3E; padding:0 .2em}
.prose .updated{font-size:13px; color:var(--ink-soft)}
.prose a.btn{color:var(--linho); text-decoration:none}

/* cookie banner */
.cookie-banner{position:fixed; z-index:50; left:16px; right:16px; bottom:calc(16px + env(safe-area-inset-bottom, 0px)); max-width:460px; background:#1F1916; color:var(--on-dark); border:1px solid var(--rule-dark); border-radius:6px; padding:24px; box-shadow:0 18px 48px rgba(0,0,0,.35); display:grid; gap:14px; font-size:14px; line-height:1.55}
.cookie-banner[hidden]{display:none!important}
.cookie-titulo{font-family:var(--display); font-weight:400; font-size:28px; line-height:1}
.cookie-texto{color:var(--on-dark-soft)}
.cookie-texto a{color:var(--on-dark)}
.cookie-opciones{display:grid; gap:12px; border-top:1px solid var(--rule-dark); padding-top:14px}
.cookie-opciones[hidden]{display:none!important}
.cookie-op{display:flex; gap:12px; align-items:flex-start; text-transform:none; letter-spacing:0; font-size:13px; color:var(--on-dark-soft); line-height:1.5}
.cookie-op b{display:block; color:var(--on-dark); font-weight:500; font-size:14px}
.cookie-op input{width:16px; height:16px; margin-top:3px; accent-color:var(--folha); flex:none}
.cookie-botones{display:flex; flex-wrap:wrap; gap:10px; align-items:center}
.ck-btn{font:inherit; font-size:14px; font-weight:400; flex:1 1 120px; padding:11px 18px; border-radius:99px; border:1px solid var(--linho); background:var(--linho); color:var(--cacao); cursor:pointer}
.ck-btn:hover{background:#fff}
.ck-btn[hidden], .ck-link[hidden]{display:none}
.ck-link{font:inherit; font-size:13px; background:none; border:0; color:var(--on-dark-soft); text-decoration:underline; cursor:pointer; padding:6px 4px; flex-basis:100%; text-align:left}
footer .legal a[data-eden-cookies]{cursor:pointer}
.ck-btn[data-ck="guardar"]{flex-basis:100%}

/* whatsapp flotante */
.wa-float{position:fixed; z-index:40; right:16px; bottom:calc(16px + env(safe-area-inset-bottom, 0px)); display:flex; align-items:center; gap:10px; height:56px; padding:0 18px 0 16px; border-radius:99px; background:var(--folha); color:var(--linho); text-decoration:none; font-size:14px; font-weight:400; box-shadow:0 10px 30px rgba(31,25,22,.35); border:1px solid rgba(237,229,214,.18); transition:background .25s, transform .25s}
.wa-float:hover{background:var(--oliva); transform:translateY(-2px)}
.wa-float svg{width:24px; height:24px; flex:none}
@media (max-width:640px){
  .wa-float{width:56px; padding:0; justify-content:center}
  .wa-float span{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
  body:has(.cookie-banner:not([hidden])) .wa-float{display:none}
}
@media (prefers-reduced-motion:reduce){ .wa-float{transition:none} .wa-float:hover{transform:none} }
.stat .n{white-space:nowrap}