/* WFree — CSS próprio (carregado pelo head.tpl do Lagom quando existe). Marca: #00378B (PANTONE 2736 C). */
:root{--wf-navy:#00378B;--wf-navy-2:#0A3278;--wf-navy-3:#002A6B;--wf-blue:#3A6DD1;--wf-ice:#EEF3FA;}

/* ---------- painel lateral: login, cadastro, recuperar senha ---------- */
.wf-auth-panel-wrap{background:transparent!important;display:flex;align-items:stretch;justify-content:stretch;position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important}
.wf-auth-panel-wrap:before{display:none!important}
.wf-auth-panel{position:relative;width:100%;min-height:100%;padding:64px 56px;display:flex;flex-direction:column;justify-content:center;color:#fff;
  background:radial-gradient(900px 600px at 110% -10%,rgba(58,109,209,.55),transparent 60%),radial-gradient(700px 500px at -20% 110%,rgba(0,42,107,.9),transparent 60%),linear-gradient(160deg,var(--wf-navy) 0%,var(--wf-navy-2) 100%)}
.wf-auth-panel:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.5px);background-size:22px 22px;pointer-events:none}
.wf-auth-panel>*{position:relative;z-index:1}
.wf-auth-logo img{height:44px;width:auto;margin-bottom:40px}
.wf-auth-eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.8;margin:0 0 12px}
.wf-auth-title{color:#fff;font-size:34px;line-height:1.2;font-weight:700;margin:0 0 28px;max-width:520px;text-wrap:balance}
.wf-auth-list{list-style:none;padding:0;margin:0 0 32px;display:grid;gap:14px;max-width:520px}
.wf-auth-list li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.45}
.wf-auth-check{flex:0 0 22px;height:22px;border-radius:50%;background:rgba(255,255,255,.14);position:relative;margin-top:1px}
.wf-auth-check:after{content:"";position:absolute;left:7px;top:4px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.wf-auth-foot{font-size:13px;opacity:.7;margin:0}
.wf-auth-wide .main-body-content{flex:0 0 60%;max-width:60%}
.wf-auth-wide .wf-auth-panel-wrap{flex:0 0 40%;max-width:40%;display:block!important}
.wf-auth-wide .wf-auth-panel{position:sticky;top:0;height:100vh;min-height:0}
@media (max-width:991px){.wf-auth-panel{padding:40px 28px}.wf-auth-title{font-size:26px}.wf-auth-wide .main-body-content,.wf-auth-wide .wf-auth-panel-wrap{flex:0 0 100%;max-width:100%}}

/* ---------- página inicial ---------- */
.wf-home{--wf-text:var(--gray-darker,#17191C);--wf-muted:var(--gray-base,#4B4F58);--wf-card:#fff;--wf-line:var(--gray-lighter-3,#DEE0E3);--wf-alt:var(--wf-ice)}
.lagom-dark-mode .wf-home{--wf-text:#fff;--wf-muted:#B7BCC7;--wf-card:#1B2233;--wf-line:#2A3347;--wf-alt:#141A29}
.wf-eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin:0 0 12px;opacity:.85}
.wf-eyebrow-dark{color:var(--wf-navy);opacity:1}
.lagom-dark-mode .wf-eyebrow-dark{color:#8FB0F0}
.wf-hero{color:#fff;padding:72px 0 80px;position:relative;overflow:hidden;
  background:radial-gradient(900px 500px at 85% 0%,rgba(58,109,209,.5),transparent 60%),linear-gradient(160deg,var(--wf-navy) 0%,var(--wf-navy-2) 100%)}
.wf-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.5px);background-size:22px 22px;pointer-events:none}
.wf-hero .container{position:relative;z-index:1}
.wf-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:48px;align-items:center}
.wf-hero-title{color:#fff;font-size:44px;line-height:1.12;font-weight:700;margin:0 0 18px;text-wrap:balance}
.wf-hero-sub{font-size:18px;line-height:1.5;opacity:.9;margin:0 0 28px;max-width:560px}
.wf-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.wf-btn-light,.wf-btn-light:hover,.wf-btn-light:focus{background:#fff;color:var(--wf-navy);border-color:#fff;font-weight:600}
.wf-btn-outline,.wf-btn-outline:hover,.wf-btn-outline:focus{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6);font-weight:600}
.wf-btn-outline:hover{border-color:#fff}
.wf-hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:26px 28px}
.wf-hero-card-label{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin-bottom:14px}
.wf-steps{margin:0;padding:0;list-style:none;counter-reset:wf;display:grid;gap:12px}
.wf-steps li{counter-increment:wf;display:flex;align-items:center;gap:14px;font-size:16px;font-weight:500}
.wf-steps li:before{content:counter(wf);flex:0 0 32px;height:32px;border-radius:50%;background:#fff;color:var(--wf-navy);font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.wf-section{padding:64px 0;color:var(--wf-text)}
.wf-section-alt{background:var(--wf-alt)}
.wf-section-head{margin-bottom:32px}
.wf-section-title{font-size:30px;font-weight:700;margin:0 0 8px;color:var(--wf-text);text-wrap:balance}
.wf-section-sub{color:var(--wf-muted);margin:0}
.wf-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.wf-card{display:flex;flex-direction:column;background:var(--wf-card);border:1px solid var(--wf-line);border-radius:14px;padding:26px 24px;color:var(--wf-text);text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s}
.wf-card:hover,.wf-card:focus{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,55,139,.14);border-color:var(--wf-blue);color:var(--wf-text);text-decoration:none}
.wf-card-icon{height:64px;width:64px;margin-bottom:18px}
.wf-card-icon svg{height:64px;width:64px}
.wf-card-title{font-size:18px;font-weight:700;margin:0 0 8px;color:var(--wf-text)}
.wf-card-text{color:var(--wf-muted);font-size:14px;line-height:1.5;margin:0 0 18px;flex:1}
.wf-card-price{font-size:26px;font-weight:700;color:var(--wf-navy);margin:0 0 12px;line-height:1.1}
.lagom-dark-mode .wf-card-price{color:#8FB0F0}
.wf-card-price small{display:block;font-size:12px;font-weight:500;color:var(--wf-muted);letter-spacing:.02em}
.wf-card-price small+small,.wf-card-price small:last-child{display:inline;font-size:14px}
.wf-card-link{font-weight:600;color:var(--wf-blue)}
.wf-card-link:after{content:" →"}
.wf-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.wf-feat{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.wf-feat img{width:64px;height:64px;filter:invert(14%) sepia(72%) saturate(3100%) hue-rotate(208deg) brightness(90%)}
.lagom-dark-mode .wf-feat img{filter:invert(100%)}
.wf-feat h3{font-size:18px;font-weight:700;margin:4px 0 0;color:var(--wf-text)}
.wf-feat p{color:var(--wf-muted);line-height:1.55;margin:0}
.wf-domain{max-width:820px;margin:0 auto}
.wf-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.wf-link{display:flex;flex-direction:column;gap:4px;background:var(--wf-card);border:1px solid var(--wf-line);border-radius:12px;padding:20px 22px;color:var(--wf-muted);text-decoration:none}
.wf-link:hover,.wf-link:focus{border-color:var(--wf-blue);color:var(--wf-muted);text-decoration:none}
.wf-link-title{font-weight:700;color:var(--wf-text);font-size:16px}
@media (max-width:1199px){.wf-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-cards>.wf-card:last-child:nth-child(odd){grid-column:1/-1}}
@media (max-width:991px){.wf-hero-grid{grid-template-columns:1fr}.wf-hero-title{font-size:34px}.wf-feats,.wf-links{grid-template-columns:1fr}}
@media (max-width:575px){.wf-cards{grid-template-columns:1fr}.wf-hero{padding:48px 0 56px}}

/* ---------- celular: painel abaixo do formulário; sem gradiente do tema no painel ---------- */
.wf-auth-panel:before{display:none!important}
@media (max-width:991.98px){
  .page-login .main-body.wf-auth{flex-direction:column!important;align-items:stretch!important}
  .wf-auth .main-body-content,.wf-auth .wf-auth-panel-wrap,.wf-auth-wide .main-body-content,.wf-auth-wide .wf-auth-panel-wrap{width:100%!important;max-width:100%!important;flex:0 0 auto!important}
  .wf-auth .wf-auth-panel-wrap{display:block!important;position:static!important;height:auto!important}
  .page-login .main-body.wf-auth .main-body-content{position:static!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
  .wf-auth .wf-auth-panel,.wf-auth-wide .wf-auth-panel{position:static;height:auto;min-height:0;padding:36px 24px}
  .wf-auth .wf-auth-logo{display:none}
  .wf-auth-title{font-size:24px}
  .wf-auth-list li{font-size:15px}
}
/* "Powered by WHMCompleteSolution" injetado pelo WHMCS: escondido; o crédito fica no rodapé (copyrightFooterNotice) */
.app-main > p:has(> a[href*="whmcs.com"]){display:none!important}

/* ---------- loja: bullets curtos + popup "Ver todos os detalhes" ---------- */
.package .wf-bullets{list-style:none;padding:0;margin:0 0 12px;text-align:left;display:grid;gap:8px}
.package .wf-bullets li{position:relative;padding-left:26px;line-height:1.4;font-size:14px}
.package .wf-bullets li:before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:var(--brand-primary-lighter-3,#DDE7F7)}
.package .wf-bullets li:after{content:"";position:absolute;left:6px;top:5px;width:5px;height:9px;border:solid var(--brand-primary,#00378B);border-width:0 2px 2px 0;transform:rotate(45deg)}
.lagom-dark-mode .package .wf-bullets li:before{background:rgba(143,176,240,.2)}
.lagom-dark-mode .package .wf-bullets li:after{border-color:#8FB0F0}
.package .wf-det{margin:0;text-align:center}
.package .wf-det-link{font-weight:600;font-size:13px;color:var(--brand-primary,#00378B);text-decoration:underline;text-underline-offset:3px}
.lagom-dark-mode .package .wf-det-link{color:#8FB0F0}
.wf-modal{position:fixed;inset:0;z-index:100000;background:rgba(0,20,60,.62);display:flex;align-items:center;justify-content:center;padding:20px}
.wf-modal[hidden]{display:none!important}
.wf-modal-box{position:relative;background:#fff;color:#17191C;width:100%;max-width:760px;max-height:85vh;overflow:auto;border-radius:14px;padding:28px 32px 24px;text-align:left;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.lagom-dark-mode .wf-modal-box{background:#1B2233;color:#fff}
.wf-modal-title{font-size:22px;font-weight:700;margin:0 40px 14px 0;color:var(--brand-primary,#00378B)}
.lagom-dark-mode .wf-modal-title{color:#8FB0F0}
.wf-modal-body p{margin:0 0 12px;line-height:1.55}
.wf-modal-body ul{padding-left:20px;margin:0 0 14px;display:grid;gap:8px}
.wf-modal-body li{line-height:1.5}
.wf-modal-close{position:absolute;top:14px;right:16px;border:0;background:transparent;font-size:30px;line-height:1;cursor:pointer;color:inherit;opacity:.6}
.wf-modal-close:hover{opacity:1}
body.wf-modal-open{overflow:hidden}
@media (max-width:575px){.wf-modal{padding:10px}.wf-modal-box{padding:22px 18px;max-height:92vh}}

/* ---------- loja: destaque forte no plano grátis (único "featured" por grupo) ---------- */
.package.package-featured{border:2px solid var(--brand-primary,#00378B)!important;box-shadow:0 18px 40px rgba(0,55,139,.18)}
.package.package-featured .package-header{background:var(--brand-primary-lighter-4,#EEF3FA)}
.lagom-dark-mode .package.package-featured .package-header{background:rgba(58,109,209,.16)}
.package.package-featured .package-title{color:var(--brand-primary,#00378B);font-weight:700}
.lagom-dark-mode .package.package-featured .package-title{color:#8FB0F0}
.package.package-featured .label-corner{font-size:0!important;background:var(--brand-primary,#00378B)!important}
.package.package-featured .label-corner:after{content:"Grátis";font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
html[lang^="en"] .package.package-featured .label-corner:after{content:"Free"}

/* ---------- início: cartões com plano grátis ---------- */
.wf-card{position:relative}
.wf-card-has-free{border-color:var(--wf-blue)}
.wf-card-badge{position:absolute;top:14px;right:14px;background:var(--wf-navy);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px}
.lagom-dark-mode .wf-card-badge{background:#3A6DD1}
.wf-card-price-free{font-size:30px}
.wf-card-price-free small{display:block!important;font-size:12px;font-weight:500;margin-top:4px}
html[lang^="es"] .package.package-featured .label-corner:after{content:"Gratis"}
html[lang^="fr"] .package.package-featured .label-corner:after{content:"Gratuit"}
html[lang^="de"] .package.package-featured .label-corner:after{content:"Gratis"}
html[lang^="ru"] .package.package-featured .label-corner:after{content:"Бесплатно"}
html[lang^="ar"] .package.package-featured .label-corner:after{content:"مجانًا"}
html[lang^="zh"] .package.package-featured .label-corner:after{content:"免费"}
/* WFree (11/10/2026): faixa diagonal do teste de 30 dias no card da loja (mesmo desenho da faixa "Grátis" do plano grátis; products.tpl + zz_wfree_teste30_selo.php) */
.package:has(.wf-trial-corner){position:relative;overflow:hidden;border-color:var(--brand-primary)}
.package .label-corner.wf-trial-corner{top:-21px;right:20px;left:auto;width:150px;transform:rotate(45deg) translateX(50%);max-height:none;padding:5px 4px;background:var(--brand-primary,#00378B)!important;color:#fff!important;font-size:10.5px!important;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;line-height:1;justify-content:center}