/* Allarmi Landing Pages — Base | Variáveis, reset, utilitários compartilhados */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700;800;900&display=swap');

body{
  margin: 0px;
}

/* ─── Variáveis globais ──────────────────────────────────────────────────── */
:root{
  --ag:#7DC242;--agd:#5ba832;--agxd:#3d7a1e;--agl:#a8d96e;--agbg:#f0f8e8;
  --abk:#111111;--aw:#ffffff;--agr:#f4f5f3;--agr2:#eaebe8;--agr3:#d0d2cc;
  --atx:#1a1a1a;--atm:#555e4a;--atl:#8a9280;
  --tx-xs:clamp(.75rem,.7rem + .2vw,.875rem);
  --tx-sm:clamp(.875rem,.82rem + .28vw,1rem);
  --tx-b:clamp(1rem,.96rem + .2vw,1.125rem);
  --tx-lg:clamp(1.125rem,1rem + .6vw,1.5rem);
  --tx-xl:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);
  --tx-1xl:clamp(1.75rem,1.2rem + 1.8vw,2.75rem);
  --tx-2xl:clamp(2rem,1.2rem + 2.2vw,3.25rem);
  --tx-3xl:clamp(2.4rem,1rem + 3.8vw,4.5rem);
  --s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.25rem;
  --s6:1.5rem;--s8:2rem;--s10:2.5rem;--s12:3rem;--s16:4rem;--s20:5rem;--s24:6rem;
  --r-sm:.375rem;--r-md:.75rem;--r-lg:1.25rem;--r-xl:2rem;--r-full:9999px;
  --sh-sm:0 1px 4px rgba(0,0,0,.08);
  --sh-md:0 4px 16px rgba(0,0,0,.10);
  --sh-lg:0 12px 40px rgba(0,0,0,.13);
  --sh-g:0 6px 32px rgba(125,194,66,.30);
  --tr:200ms cubic-bezier(.16,1,.3,1);
  --font:'Plus Jakarta Sans','Segoe UI',sans-serif;
}

/* ─── Reset base ─────────────────────────────────────────────────────────── */
.allarmi-lp*,.allarmi-lp *::before,.allarmi-lp *::after{box-sizing:border-box;margin:0;padding:0;}
.allarmi-lp{font-family:var(--font);font-size:var(--tx-b);color:var(--atx);background:var(--aw);line-height:1.65;overflow-x:hidden;}
.allarmi-lp img{display:block;max-width:100%;}
.allarmi-lp ul{list-style:none;}
.allarmi-lp h1,.allarmi-lp h2,.allarmi-lp h3{text-wrap:balance;line-height:1.18;font-weight:800;}
.allarmi-lp p{text-wrap:pretty;max-width:unset;}
.allarmi-lp a{transition:color var(--tr);}
.allarmi-lp button{cursor:pointer;border:none;background:none;font-family:var(--font);}

/* ─── Layout ─────────────────────────────────────────────────────────────── */
.alla-container{width:100%;max-width:1380px;margin-inline:auto;padding-inline:clamp(var(--s4),5vw,var(--s16));}
.alla-section{padding-block:clamp(var(--s12),7vw,var(--s24));}

/* Compensa a nav fixa no scroll por âncora */
[id]{scroll-margin-top:80px;}

/* ─── Nav ────────────────────────────────────────────────────────────────── */
.alla-nav{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.08);transition:box-shadow var(--tr),background var(--tr);}
.alla-nav.scrolled{box-shadow:var(--sh-md);background:rgba(255,255,255,.98);}
.alla-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);padding-block:var(--s4);}
.alla-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;}
.alla-nav .alla-logo__img{display:block!important;height:48px!important;width:auto!important;max-width:none!important;object-fit:contain;}
.alla-footer__logo .alla-logo__img{height:34px!important;object-fit: contain;}
.alla-nav__actions{display:flex;align-items:center;gap:var(--s3);}
@media(max-width:600px){
  .alla-nav__inner{padding-block:var(--s3);}
  .alla-nav .alla-logo__img{height:34px!important;}
  .alla-nav__actions .alla-btn-outline{display:none;}
  .alla-btn{font-size:.75rem;padding:.5rem var(--s4);}
}

/* ─── Botões ─────────────────────────────────────────────────────────────── */
.alla-btn{display:inline-flex;align-items:center;gap:var(--s2);font-family:var(--font);font-size:var(--tx-sm);font-weight:700;text-decoration:none;border-radius:var(--r-full);padding:.6rem var(--s6);transition:background var(--tr),color var(--tr),box-shadow var(--tr),transform var(--tr);cursor:pointer;white-space:nowrap;border:2px solid transparent;}
.alla-btn-primary{background:var(--ag);color:var(--aw);border-color:var(--ag);}
.alla-btn-primary:hover,.alla-btn-primary:focus-visible{background:var(--agd);border-color:var(--agd);box-shadow:var(--sh-g);transform:translateY(-2px);color:var(--aw);}
.alla-btn-outline{background:transparent;color:var(--abk);border-color:var(--agr3);}
.alla-btn-outline:hover{border-color:var(--ag);color:var(--agd);}
.alla-btn-white{background:var(--aw);color:var(--agd);border-color:var(--aw);}
.alla-btn-white:hover{background:var(--agbg);transform:translateY(-2px);box-shadow:var(--sh-md);color:var(--agd);}
.alla-btn-ghost{background:transparent;color:var(--ag);border-color:rgba(255,255,255,.35);}
.alla-btn-ghost:hover{border-color:var(--ag);background:rgba(125,194,66,.08);transform:translateY(-2px);color:var(--agl);}
.alla-btn-lg{font-size:var(--tx-b);padding:.85rem var(--s10);}

/* ─── Labels e títulos de seção ──────────────────────────────────────────── */
.alla-label{display:inline-block;font-size:var(--tx-xs);font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--agd);margin-bottom:var(--s3);}
.alla-section-title{font-size:var(--tx-2xl);font-weight:900;color:var(--abk);letter-spacing:-.025em;margin-bottom:var(--s4);max-width:18ch;}
.alla-section-title--white{color:var(--aw);}
.alla-section-subtitle{font-size:var(--tx-b);color:var(--atm);max-width:56ch;margin-bottom:var(--s10);}
.alla-section-subtitle--light{color:rgba(255,255,255,.65);}

/* ─── Rodapé ─────────────────────────────────────────────────────────────── */
.alla-footer{background:var(--abk);}
.alla-footer__bar{height:5px;background:linear-gradient(90deg,var(--agxd) 0%,var(--ag) 50%,var(--agl) 100%);}
.alla-footer__grid{display:grid;grid-template-columns:1fr;gap:var(--s10);padding-block:var(--s16);}
@media(min-width:640px){.alla-footer__grid{grid-template-columns:1fr 1fr;}}
@media(min-width:960px){.alla-footer__grid{grid-template-columns:2fr 1fr 1fr;gap:var(--s12);}}

.alla-footer__brand{display:flex;flex-direction:column;gap:var(--s5);}
.alla-footer__desc{font-size:var(--tx-sm);color:rgba(255,255,255,.5);line-height:1.7;max-width:28ch;}
.alla-footer__social{display:flex;gap:var(--s3);}
.alla-footer__social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-full);background:rgba(255,255,255,.08);color:rgba(255,255,255,.55);text-decoration:none;transition:background var(--tr),color var(--tr);}
.alla-footer__social a:hover{background:var(--ag);color:var(--aw);}

.alla-footer__col-title{font-size:var(--tx-sm);font-weight:800;color:var(--ag);margin-bottom:var(--s5);letter-spacing:.04em;}
.alla-footer__links{display:flex;flex-direction:column;gap:var(--s3);}
.alla-footer__links a{font-size:var(--tx-sm);color:rgba(255,255,255,.5);text-decoration:none;transition:color var(--tr);}
.alla-footer__links a:hover{color:var(--ag);}

.alla-footer__contact{font-size:var(--tx-sm);color:rgba(255,255,255,.5);line-height:1.8;font-style:normal;display:flex;flex-direction:column;gap:var(--s3);}
.alla-footer__contact a{color:rgba(255,255,255,.55);text-decoration:none;transition:color var(--tr);}
.alla-footer__contact a:hover{color:var(--ag);}
.alla-footer__contact p{margin:0;}

.alla-footer__bottom{border-top:1px solid rgba(255,255,255,.07);padding-block:var(--s5);}
.alla-footer__bottom p{font-size:var(--tx-xs);color:rgba(255,255,255,.3);text-align:center;margin:0;}

/* ─── CTA fixo mobile ────────────────────────────────────────────────────── */
.alla-sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:190;padding:var(--s3) var(--s4);background:var(--aw);border-top:1px solid var(--agr2);box-shadow:0 -4px 16px rgba(0,0,0,.08);}
@media(max-width:767px){.alla-sticky-cta{display:block;}.allarmi-lp{padding-bottom:72px;}}
.alla-sticky-cta .alla-btn{width:100%;justify-content:center;}

/* ─── Animações fade-in ──────────────────────────────────────────────────── */
@media(prefers-reduced-motion:no-preference){
  .alla-fade{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;}
  .alla-fade.visible{opacity:1;transform:translateY(0);}
  .alla-fade-delay-1{transition-delay:.12s;}
  .alla-fade-delay-2{transition-delay:.24s;}
  .alla-fade-delay-3{transition-delay:.36s;}
}
@media(prefers-reduced-motion:reduce){.alla-fade{opacity:1;transform:none;}}

/* ─── Utilitários ────────────────────────────────────────────────────────── */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
:focus-visible{outline:2px solid var(--ag);outline-offset:3px;border-radius:var(--r-sm);}