/* === benefits-v7.css === */
/* AtiveHost V7 — ajuste isolado dos cards de Benefícios para fidelidade ao Lovable.
   Este arquivo só altera a seção .benefits-section. */

.benefits-section{
  padding-top:74px!important;
  padding-bottom:78px!important;
}
.benefits-section .section-heading{
  margin-bottom:56px!important;
}
.benefits-section .section-heading h2{
  font-size:29px!important;
  line-height:1.2!important;
  letter-spacing:-1.05px!important;
  margin-bottom:14px!important;
  font-weight:700!important;
}
.benefits-section .section-heading p{
  font-size:15px!important;
  line-height:1.55!important;
  color:#9db0c3!important;
  max-width:650px!important;
}
.benefits-section .benefit-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
}
.benefits-section .benefit-card{
  min-height:268px!important;
  padding:32px 29px 28px!important;
  border:1px solid rgba(31,202,198,.42)!important;
  border-radius:20px!important;
  background:rgba(9,25,43,.46)!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s ease,background-color .24s ease,box-shadow .24s ease!important;
  will-change:transform;
}
.benefits-section .benefit-card .icon.benefit-icon{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  margin:0 auto 18px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  color:#20d0cb!important;
  font-size:0!important;
  line-height:1!important;
  box-shadow:none!important;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),filter .24s ease,color .24s ease!important;
}
.benefits-section .benefit-card .benefit-icon svg{
  display:block!important;
  width:32px!important;
  height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  overflow:visible!important;
  stroke:currentColor!important;
  fill:none!important;
}
.benefits-section .benefit-card h3{
  margin:0 0 14px!important;
  font-family:'Poppins',Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.45!important;
  letter-spacing:-.25px!important;
  font-weight:700!important;
  color:#fff!important;
}
.benefits-section .benefit-card p{
  margin:0!important;
  max-width:305px!important;
  font-family:'Poppins',Arial,sans-serif!important;
  font-size:14.5px!important;
  line-height:1.58!important;
  font-weight:400!important;
  color:#9fb3c8!important;
}

/* Hover visual equivalente: elevação leve, borda teal mais nítida e brilho discreto. */
@media (hover:hover) and (pointer:fine){
  .benefits-section .benefit-card:hover{
    transform:translateY(-5px)!important;
    border-color:rgba(32,208,203,.82)!important;
    background:rgba(11,29,48,.74)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.16),0 0 0 1px rgba(32,208,203,.035)!important;
  }
  .benefits-section .benefit-card:hover .benefit-icon{
    color:#25ddd7!important;
    transform:translateY(-2px) scale(1.055)!important;
    filter:drop-shadow(0 0 7px rgba(32,208,203,.22))!important;
  }
}

@media(max-width:980px){
  .benefits-section .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .benefits-section .benefit-card{min-height:255px!important}
}
@media(max-width:640px){
  .benefits-section{padding-top:62px!important;padding-bottom:64px!important}
  .benefits-section .section-heading{margin-bottom:36px!important}
  .benefits-section .section-heading h2{font-size:26px!important}
  .benefits-section .section-heading p{font-size:14px!important}
  .benefits-section .benefit-grid{grid-template-columns:1fr!important;gap:16px!important}
  .benefits-section .benefit-card{min-height:auto!important;padding:28px 23px 30px!important;border-radius:17px!important}
  .benefits-section .benefit-card p{font-size:14px!important;max-width:330px!important}
}

/* === responsive-v8.css === */
/* AtiveHost V8 — fidelidade visual do passo a passo + responsividade geral.
   Carregado por último para neutralizar somente diferenças residuais do CSS-base. */

/* ================================================================
   PASSO A PASSO — reprodução do bloco Lovable em desktop
   ================================================================ */
.home-steps-section{
  position:relative!important;
  overflow:hidden!important;
  padding:100px 0 96px!important;
  min-height:590px!important;
  background:
    linear-gradient(rgba(81,135,165,.095) 1px,transparent 1px),
    linear-gradient(90deg,rgba(81,135,165,.095) 1px,transparent 1px),
    radial-gradient(900px 440px at 7% -12%,rgba(0,196,194,.17),transparent 62%),
    radial-gradient(850px 440px at 92% -2%,rgba(51,118,174,.17),transparent 62%),
    #071426!important;
  background-size:64px 64px,64px 64px,auto,auto,auto!important;
}
.home-steps-section>.container{
  width:min(1120px,calc(100% - 48px))!important;
  max-width:1120px!important;
}
.home-steps-section .steps-heading{
  max-width:690px!important;
  margin:0 auto 105px!important;
}
.home-steps-section .steps-heading h2{
  margin:0!important;
  color:#f7f9fb!important;
  font-size:36px!important;
  line-height:1.22!important;
  letter-spacing:-1.35px!important;
  font-weight:700!important;
  text-align:center!important;
}
.home-steps-section .steps-heading h2 span{color:#24cbc7!important}

.home-steps-section .home-steps{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:40px!important;
  margin:0!important;
}
/* conector horizontal e os três pontos, como no Lovable */
.home-steps-section .home-steps::before{
  content:"";
  position:absolute;
  z-index:0;
  left:17%;
  right:17%;
  top:-55px;
  height:1px;
  background:rgba(36,203,199,.50);
}
.home-steps-section .step-card{
  position:relative!important;
  z-index:1!important;
  min-height:206px!important;
  padding:43px 28px 28px!important;
  border:1px solid rgba(36,203,199,.56)!important;
  border-radius:18px!important;
  background:#081728!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease!important;
}
.home-steps-section .step-card::before{
  content:"";
  position:absolute;
  z-index:3;
  top:-63px;
  left:50%;
  width:14px;
  height:14px;
  border-radius:50%;
  transform:translateX(-50%);
  background:#24cbc7;
  box-shadow:0 0 0 5px rgba(36,203,199,.16);
}
.home-steps-section .step-card>span{
  position:absolute!important;
  z-index:4!important;
  top:-25px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
  background:#24cbc7!important;
  color:#061827!important;
  box-shadow:none!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:700!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.home-steps-section .step-card h3{
  margin:0 0 14px!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.35!important;
  font-weight:700!important;
  letter-spacing:-.25px!important;
}
.home-steps-section .step-card p{
  width:100%!important;
  max-width:292px!important;
  margin:0 auto!important;
  color:#98a9bb!important;
  font-size:15px!important;
  line-height:1.52!important;
  font-weight:400!important;
}
@media (hover:hover) and (pointer:fine){
  .home-steps-section .step-card:hover{
    transform:translateY(-5px)!important;
    border-color:rgba(36,203,199,.88)!important;
    background:rgba(10,29,49,.88)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.16)!important;
  }
  .home-steps-section .step-card:hover>span{
    transform:translateX(-50%) translateY(-2px) scale(1.035)!important;
    box-shadow:0 8px 22px rgba(36,203,199,.18)!important;
  }
}

/* ================================================================
   TABLET / MOBILE — o site inteiro permanece utilizável e legível.
   ================================================================ */
@media(max-width:980px){
  /* passo a passo: mantém 3 cards quando houver espaço, sem apertar textos */
  .home-steps-section{padding:86px 0 82px!important;min-height:auto!important}
  .home-steps-section .steps-heading{margin-bottom:92px!important}
  .home-steps-section .steps-heading h2{font-size:32px!important}
  .home-steps-section .home-steps{gap:22px!important}
  .home-steps-section .step-card{min-height:220px!important;padding:42px 20px 26px!important}
  .home-steps-section .step-card h3{font-size:15px!important}
  .home-steps-section .step-card p{font-size:13px!important;line-height:1.58!important}

  /* planos e demais grids não comprimem conteúdo */
  .plan-grid{grid-template-columns:1fr!important;max-width:620px!important;margin-inline:auto!important;gap:30px!important}
  .plan-card{min-height:auto!important}
  .testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:760px){
  /* Header / hero */
  .site-header,.site-header:not(.scrolled){height:68px!important}
  .site-header.scrolled{height:68px!important}
  .header-inner,.site-header.scrolled .header-inner{height:68px!important}
  .brand{width:138px!important}
  .home-hero{min-height:auto!important;padding-bottom:46px!important}
  .home-hero .hero-grid{padding-top:96px!important;gap:34px!important}
  .hero-copy h1{font-size:38px!important;line-height:1.08!important;letter-spacing:-1.6px!important}
  .hero-copy p{font-size:14px!important;line-height:1.65!important}
  .browser-showcase{width:100%!important;max-width:620px!important;margin-inline:auto!important}
  .hero-status-card{left:10px!important;bottom:10px!important;width:min(220px,72%)!important}
  .tech-strip{margin-top:38px!important;gap:26px!important;justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:7px!important}

  /* planos */
  .plans-section{padding-top:58px!important;padding-bottom:62px!important}
  .plans-section .section-heading.align-left h2{font-size:28px!important}
  .plans-section .section-heading.align-left p{font-size:14px!important}
  .billing-toggle{margin-bottom:32px!important}
  .plan-head h3{font-size:21px!important}
  .plan-head>p:not(.billing-copy){font-size:13.5px!important;min-height:auto!important}
  .specs>div,.specs b{font-size:13.5px!important}
  .check-list{font-size:13px!important}

  /* benefícios */
  .benefits-section .benefit-grid{grid-template-columns:1fr!important;max-width:560px!important;margin-inline:auto!important}
  .benefits-section .benefit-card{min-height:auto!important}

  /* estrutura */
  .structure-section-v13{padding:64px 0!important}
  .structure-section-v13 .structure-grid{grid-template-columns:1fr!important;gap:34px!important}
  .structure-section-v13 .structure-art{order:2!important}
  .structure-section-v13 .rack-art{width:min(280px,72vw)!important;margin-inline:auto!important}
  .structure-section-v13 .structure-copy h2{font-size:30px!important;line-height:1.05!important;max-width:380px!important}
  .structure-section-v13 .structure-copy>p{font-size:14.5px!important;line-height:1.7!important}
  .structure-section-v13 .feature-lines{font-size:13.5px!important;gap:14px!important;margin-bottom:26px!important}
  .structure-section-v13 .feature-lines li{padding-left:26px!important}
  .structure-section-v13 .feature-lines li::before{font-size:18px!important;top:1px!important}
  .structure-section-v13 .btn.btn-primary{font-size:14px!important;min-height:48px!important;padding:0 22px!important}
  /* estrutura */
  .structure-section{padding:64px 0!important}
  .structure-grid{grid-template-columns:1fr!important;gap:36px!important}
  .structure-art{order:-1!important}
  .structure-art img{width:min(390px,82vw)!important}
  .structure-copy h2{font-size:28px!important}
  .structure-copy>p{font-size:14px!important}
  .feature-lines{font-size:13px!important}

  /* passo a passo: no mobile vira sequência vertical com linha guia */
  .home-steps-section{padding:70px 0 72px!important;background-size:52px 52px,52px 52px,auto,auto,auto!important}
  .home-steps-section>.container{width:calc(100% - 32px)!important}
  .home-steps-section .steps-heading{margin-bottom:70px!important;max-width:520px!important}
  .home-steps-section .steps-heading h2{font-size:29px!important;letter-spacing:-.85px!important}
  .home-steps-section .home-steps{grid-template-columns:1fr!important;gap:58px!important;max-width:560px!important;margin-inline:auto!important}
  .home-steps-section .home-steps::before{
    left:50%!important;right:auto!important;top:-39px!important;bottom:0!important;width:1px!important;height:auto!important;background:rgba(36,203,199,.35)!important;
  }
  .home-steps-section .step-card::before{display:none!important}
  .home-steps-section .step-card{min-height:auto!important;padding:43px 24px 28px!important;border-radius:17px!important}
  .home-steps-section .step-card>span{top:-25px!important}
  .home-steps-section .step-card h3{font-size:17px!important}
  .home-steps-section .step-card p{font-size:14px!important;max-width:390px!important}

  /* depoimentos */
  .testimonials-section{padding:64px 0!important}
  .testimonial-grid{grid-template-columns:1fr!important;max-width:560px!important;margin-inline:auto!important}
  .testimonial{min-height:auto!important;padding:25px 22px!important}
  .testimonial h3{font-size:14px!important}
  .testimonial p{font-size:13.5px!important}

  /* FAQ e footer */
  #faq .faq-grid-wrap{width:calc(100% - 32px)!important}
  #faq .faq-grid-wrap>div>h2{font-size:26px!important}
  #faq .faq-item>button{font-size:13.5px!important;min-height:60px!important}
  #faq .faq-answer p{font-size:13px!important}
  .site-footer .footer-grid,.site-footer .footer-bottom-inner{width:calc(100% - 32px)!important}
  .site-footer .footer-grid{grid-template-columns:1fr 1fr!important;gap:32px 24px!important}
  .site-footer .footer-company{grid-column:1/-1!important}
  .site-footer .footer-company p,.site-footer .footer-grid a,.site-footer .footer-grid span{font-size:13px!important}
}

@media(max-width:520px){
  body{font-size:14px!important}
  .container{width:calc(100% - 28px)!important}
  .home-hero .hero-grid{padding-top:90px!important}
  .hero-copy h1{font-size:34px!important}
  .hero-copy p{font-size:13.5px!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;max-width:250px!important}
  .hero-actions .btn{width:100%!important}
  .hero-actions .text-link{min-height:42px!important;display:flex!important;align-items:center!important}
  .trust-row{gap:12px!important}
  .trust-row small{font-size:10.5px!important}
  .hero-status-card{width:min(210px,76%)!important}

  .section-heading h2,.plans-section .section-heading.align-left h2,.structure-copy h2{font-size:26px!important}
  .plans-section{padding-top:52px!important}
  .plan-card{padding:25px 20px!important;border-radius:15px!important}
  .price strong{font-size:36px!important}

  .benefits-section{padding:58px 0 62px!important}
  .benefits-section .section-heading h2{font-size:26px!important}
  .benefits-section .section-heading p{font-size:13.5px!important}

  .home-steps-section{padding:62px 0 64px!important}
  .home-steps-section .steps-heading{margin-bottom:68px!important}
  .home-steps-section .steps-heading h2{font-size:27px!important;line-height:1.2!important}
  .home-steps-section .step-card{padding:42px 20px 25px!important}
  .home-steps-section .step-card h3{font-size:16px!important}
  .home-steps-section .step-card p{font-size:13.5px!important;line-height:1.6!important}

  .testimonials-section .section-heading h2{font-size:25px!important}
  .testimonial-grid{gap:14px!important}

  .site-footer .footer-grid{grid-template-columns:1fr!important;gap:26px!important;padding-top:42px!important;padding-bottom:38px!important}
  .site-footer .footer-company{grid-column:auto!important}
  .site-footer .footer-brand{width:154px!important}
  .site-footer .footer-company p,.site-footer .footer-grid a,.site-footer .footer-grid span{font-size:13px!important;line-height:1.7!important}
  .site-footer .footer-grid h3{font-size:14px!important}
  .site-footer .footer-bottom-inner{font-size:11px!important;line-height:1.6!important}
}


@media (max-width:640px){
  .structure-section-v13 .section-kicker{font-size:11px!important;letter-spacing:.16em!important;margin-bottom:14px!important}
  .structure-section-v13 .structure-copy h2{font-size:26px!important;letter-spacing:-1px!important}
  .structure-section-v13 .structure-copy>p{font-size:13.5px!important}
  .structure-section-v13 .feature-lines{font-size:12.5px!important}
  .structure-section-v13 .rack-art{width:min(240px,74vw)!important}
}

/* === product-hero-v10.css === */
/* AtiveHost V10 — Hero comercial para Hospedagem/Revenda.
   Inspirado em padrões modernos de SaaS/hosting, com identidade própria AtiveHost. */

:root{
  --ph-bg:#071426;
  --ph-bg-2:#091a2e;
  --ph-card:#0b192b;
  --ph-card-2:#101d31;
  --ph-line:rgba(139,170,197,.14);
  --ph-border:rgba(143,173,199,.17);
  --ph-text:#f8fbff;
  --ph-copy:#9eb0c3;
  --ph-muted:#72869b;
  --ph-teal:#25ccc8;
  --ph-teal-soft:rgba(37,204,200,.13);
  --ph-success:#29d391;
}

/* O header das páginas internas compartilha a mesma superfície do hero no topo. */
body.page-hospedagem .site-header:not(.scrolled),
body.page-revenda .site-header:not(.scrolled){
  background:transparent!important;
}

/* Troca do item superior: dá presença ao atalho de 2ª via sem transformá-lo em botão. */
.header-utility .invoice-shortcut{color:#aab9c8!important}
.header-utility .invoice-shortcut:hover{color:#fff!important}
.header-utility .invoice-shortcut svg{color:currentColor!important}

.product-showcase{
  position:relative;
  overflow:hidden;
  min-height:660px;
  padding:132px 0 54px;
  color:var(--ph-text);
  background:
    radial-gradient(720px 430px at 8% 58%,rgba(37,204,200,.105),transparent 67%),
    radial-gradient(780px 520px at 94% 70%,rgba(80,60,178,.18),transparent 70%),
    linear-gradient(180deg,#071426 0%,#081427 100%);
}
.product-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.24;
  background-image:
    linear-gradient(rgba(135,169,198,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(135,169,198,.10) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.68) 56%,transparent 94%);
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.68) 56%,transparent 94%);
}
.product-showcase::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-220px;
  width:860px;
  height:350px;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(29,80,138,.10);
  filter:blur(80px);
  pointer-events:none;
}
.product-showcase .container{position:relative;z-index:1}
.product-crumbs{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 36px;
  color:#687d91;
  font-size:12px;
}
.product-crumbs a{color:#7f92a6;transition:color .18s ease}
.product-crumbs a:hover{color:#fff}
.product-crumbs i{font-style:normal;color:#45596d}
.product-crumbs strong{font-weight:600;color:#a8b7c5}
.product-showcase-grid{
  display:grid;
  grid-template-columns:minmax(0,.93fr) minmax(520px,1.07fr);
  gap:82px;
  align-items:center;
}
.product-offer-pill{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:34px;
  padding:0 14px;
  margin-bottom:20px;
  border:1px solid rgba(37,204,200,.36);
  border-radius:999px;
  background:rgba(37,204,200,.07);
  color:#36ddd5;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.015em;
}
.product-offer-pill svg{width:15px;height:15px;stroke:currentColor;fill:none}
.product-showcase h1{
  max-width:620px;
  margin:0 0 19px;
  color:#fff;
  font-size:43px;
  line-height:1.15;
  letter-spacing:-1.85px;
}
.product-showcase-copy{
  max-width:650px;
  margin:0 0 26px;
  color:#a8b7c6;
  font-size:15px;
  line-height:1.7;
}
.product-hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-bottom:24px}
.product-hero-actions .btn{min-height:46px;padding:0 24px;font-size:12.5px;border-radius:9px}
.product-hero-actions .btn-primary{
  color:#05121f;
  background:linear-gradient(135deg,#31d6d0,#20c5c4);
  border-color:#31d6d0;
  box-shadow:0 9px 30px rgba(37,204,200,.13);
}
.product-hero-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(37,204,200,.22)}
.product-hero-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#d9e2eb;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.025em;
  transition:color .18s ease,transform .18s ease;
}
.product-hero-link:hover{color:var(--ph-teal);transform:translateX(2px)}
.product-hero-link svg{width:16px;height:16px;stroke:currentColor;fill:none}
.product-proof-row{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  color:#76899d;
  font-size:11.5px;
}
.product-proof-row .stars{color:#ffc447;letter-spacing:1.1px;font-size:13px}
.product-proof-row strong{color:#d9e3ec;font-size:12px}
.product-proof-row em{width:1px;height:20px;background:rgba(255,255,255,.12);font-style:normal}

/* Painel visual — construído em HTML/CSS, não é uma captura da concorrência. */
.product-console{
  position:relative;
  padding:12px;
  border:1px solid rgba(134,164,192,.22);
  border-radius:15px;
  background:rgba(7,17,31,.86);
  box-shadow:0 28px 80px rgba(1,8,18,.38);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.product-console:hover{transform:translateY(-4px);border-color:rgba(37,204,200,.38);box-shadow:0 34px 90px rgba(1,8,18,.47)}
.console-browser{
  display:flex;
  align-items:center;
  gap:7px;
  height:31px;
  padding:0 10px;
  margin:-1px -1px 11px;
  border-radius:10px 10px 7px 7px;
  background:#0c1728;
}
.console-dot{width:8px;height:8px;border-radius:50%}.console-dot.red{background:#d94d50}.console-dot.amber{background:#d49b3e}.console-dot.green{background:#44b971}
.console-address{flex:1;height:19px;margin-left:8px;border-radius:6px;background:#101d30;color:#64788c;text-align:center;font-size:8px;line-height:19px}
.console-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:38px;
  padding:0 12px;
  margin-bottom:9px;
  border:1px solid rgba(48,111,201,.20);
  border-radius:7px;
  background:rgba(30,66,123,.14);
}
.console-head strong{display:flex;align-items:center;gap:8px;color:#6ea6f6;font-size:9px;text-transform:uppercase;letter-spacing:.02em}
.console-head strong svg{width:14px;height:14px;stroke:currentColor;fill:none}
.console-online{display:flex;align-items:center;gap:6px;color:#63d8a4;font-size:8px}.console-online i{width:6px;height:6px;border-radius:50%;background:#29d391;box-shadow:0 0 0 4px rgba(41,211,145,.08)}
.console-body{display:grid;gap:9px}
.console-service{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:42px;
  padding:0 12px;
  border-bottom:1px solid rgba(255,255,255,.06);
  color:#bdcad6;
  font-size:9px;
}
.console-service b{display:flex;align-items:center;gap:8px;color:#e4ebf1;font-size:9px}.console-service b svg{width:15px;height:15px;color:#8096aa;stroke:currentColor;fill:none}.console-service small{color:#617589;font-size:7px}
.console-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.console-kpi{
  min-height:78px;
  padding:13px 10px;
  text-align:center;
  border:1px solid rgba(255,255,255,.06);
  border-radius:8px;
  background:rgba(255,255,255,.018);
}
.console-kpi strong{display:block;color:#f0f6fb;font-size:18px;line-height:1.1}.console-kpi span{display:block;margin-top:6px;color:#667b8f;font-size:7px}.console-kpi.good strong{color:#2ed7a0}
.console-chart{padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(255,255,255,.015)}
.console-chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;color:#73879b;font-size:8px}.console-chart-head span{display:flex;align-items:center;gap:8px}.console-chart-head i{width:6px;height:6px;border-radius:50%;background:#2ed7a0}
.console-bars{display:flex;align-items:flex-end;gap:7px;height:55px}.console-bars span{flex:1;min-width:8px;border-radius:3px 3px 1px 1px;background:linear-gradient(to top,rgba(37,204,200,.50),rgba(37,204,200,.87));transform-origin:bottom;transition:transform .25s ease,filter .25s ease}.product-console:hover .console-bars span{transform:scaleY(1.05);filter:brightness(1.12)}
.console-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px}.console-foot div{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.06);border-radius:7px;color:#708499;font-size:7.5px}.console-foot i{width:6px;height:6px;border-radius:50%;background:#2ed7a0}

/* Variação Revenda */
.reseller-console .console-head strong{color:#48cfc9}
.reseller-account-list{display:grid;gap:6px}
.reseller-account{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:center;
  min-height:37px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:7px;
  background:rgba(255,255,255,.014);
}
.reseller-account span{display:flex;align-items:center;gap:7px;color:#8da1b5;font-size:8px}.reseller-account span i{width:5px;height:5px;border-radius:50%;background:#2ed7a0}.reseller-account b{color:#62778c;font-size:7px;font-weight:500}

.product-tech-proof{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:17px;
  margin-top:48px;
  color:#687d91;
}
.product-tech-proof>p{margin:0;font-size:10.5px}
.product-tech-list{display:flex;align-items:center;justify-content:center;gap:52px;flex-wrap:wrap}
.product-tech-list span{display:inline-flex;align-items:center;gap:8px;color:#64788c;font-size:12px;font-weight:600;transition:color .18s ease,transform .18s ease}.product-tech-list span:hover{color:#9eb0c3;transform:translateY(-2px)}
.product-tech-list svg{width:18px;height:18px;stroke:currentColor;fill:none}

/* Os planos começam logo após o bloco, sem espaço visual exagerado. */
body.page-hospedagem .inner-plans,
body.page-revenda .inner-plans{padding-top:68px!important}

@media (max-width:1080px){
  .product-showcase-grid{grid-template-columns:minmax(0,1fr) minmax(430px,.96fr);gap:50px}
  .product-showcase h1{font-size:39px}
}

@media (max-width:900px){
  .product-showcase{min-height:auto;padding:112px 0 54px}
  .product-crumbs{margin-bottom:28px}
  .product-showcase-grid{grid-template-columns:1fr;gap:42px}
  .product-showcase-copy{max-width:720px}
  .product-console{width:min(720px,100%);margin:0 auto}
  .product-tech-proof{margin-top:42px}
  .product-tech-list{gap:30px}
}

@media (max-width:620px){
  .product-showcase{padding:91px 0 42px}
  .product-crumbs{display:none}
  .product-showcase-grid{gap:34px}
  .product-offer-pill{min-height:31px;margin-bottom:16px;font-size:10.5px}
  .product-showcase h1{font-size:32px;line-height:1.12;letter-spacing:-1.2px;margin-bottom:16px}
  .product-showcase-copy{font-size:13.5px;line-height:1.68;margin-bottom:22px}
  .product-hero-actions{gap:16px;margin-bottom:21px}
  .product-hero-actions .btn{width:100%;min-height:45px}
  .product-hero-link{width:100%;justify-content:center;font-size:11.5px}
  .product-proof-row{gap:11px;font-size:10.5px}.product-proof-row em{height:16px}.product-proof-row .stars{font-size:12px}.product-proof-row strong{font-size:11px}
  .product-console{padding:8px;border-radius:12px}
  .console-browser{height:28px;margin-bottom:8px}.console-address{font-size:7px}
  .console-head{min-height:35px;padding:0 9px}.console-head strong,.console-service{font-size:8px}.console-online{font-size:7px}
  .console-kpis{grid-template-columns:repeat(3,1fr);gap:6px}.console-kpi{min-height:65px;padding:10px 5px}.console-kpi strong{font-size:15px}.console-kpi span{font-size:6.5px}
  .console-chart{padding:9px}.console-bars{height:45px;gap:5px}.console-foot{grid-template-columns:1fr;gap:6px}
  .product-tech-proof{align-items:flex-start;margin-top:34px;gap:14px}.product-tech-proof>p{text-align:left;font-size:10px}.product-tech-list{justify-content:flex-start;gap:18px 26px}.product-tech-list span{font-size:11px}
  body.page-hospedagem .inner-plans,body.page-revenda .inner-plans{padding-top:48px!important}
}

/* === contact-v20.css === */
/* AtiveHost V20 — refinamento visual da página de contato sem alterar a estrutura geral. */
.page-contato .contact-section{padding:76px 0 88px!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important}
.page-contato .contact-grid{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)!important;gap:46px!important;align-items:start!important}
.page-contato .contact-cards-v20{gap:14px!important}
.page-contato .contact-card-v20{min-height:88px!important;padding:16px 18px!important;grid-template-columns:48px minmax(0,1fr) 28px!important;gap:16px!important;border:1px solid #dbe4ec!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 24px rgba(7,20,38,.035)!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease!important}
.page-contato .contact-card-v20:hover{transform:translateY(-3px)!important;border-color:#9ddfdd!important;box-shadow:0 16px 38px rgba(7,20,38,.08)!important;background:#fcffff!important}
.page-contato .contact-icon-v20{width:48px!important;height:48px!important;border-radius:14px!important;background:linear-gradient(145deg,#e7fbfa,#f2ffff)!important;color:#0ca9a5!important;border:1px solid rgba(35,203,199,.10)!important;display:grid!important;place-items:center!important}
.page-contato .contact-icon-v20 svg,.page-contato .meta-icon svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;max-width:none!important;max-height:none!important}
.page-contato .contact-card-v20 small{font-size:11.5px!important;line-height:1.35!important;color:#7b8da0!important;margin-bottom:4px!important}
.page-contato .contact-card-v20 strong{display:block!important;font-size:14px!important;line-height:1.4!important;color:#0b1b31!important;font-weight:700!important;overflow-wrap:anywhere!important}
.page-contato .contact-card-note{display:block!important;margin-top:4px!important;font-size:10.5px!important;line-height:1.4!important;color:#8a9bad!important}
.page-contato .contact-arrow{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:999px!important;color:#19bbb7!important;font-size:18px!important;transition:transform .18s ease,background .18s ease!important}
.page-contato .contact-card-v20:hover .contact-arrow{transform:translateX(3px)!important;background:#eafbfa!important}
.page-contato .contact-meta-v20{padding:18px!important;gap:14px!important;border:1px solid #dde5ec!important;border-radius:16px!important;background:#f8fbfd!important;box-shadow:0 8px 22px rgba(7,20,38,.025)!important}
.page-contato .contact-meta-row{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:13px!important;align-items:flex-start!important}
.page-contato .meta-icon{width:40px!important;height:40px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#edf9f8!important;color:#11aaa6!important}
.page-contato .meta-icon svg{width:19px!important;height:19px!important}
.page-contato .contact-meta-v20 small{font-size:11px!important;color:#7d8ea0!important;margin-bottom:3px!important}
.page-contato .contact-meta-v20 strong{font-size:13px!important;color:#10213a!important;line-height:1.45!important}
.page-contato .contact-meta-v20 span{font-size:11.5px!important;line-height:1.5!important;color:#728398!important}
.page-contato .form-card{padding:32px 34px!important;border-radius:18px!important;border-color:#dbe4eb!important;box-shadow:0 20px 55px rgba(7,20,38,.08)!important}
.page-contato .form-card h2{font-size:25px!important;line-height:1.25!important;letter-spacing:-.65px!important;color:#08172c!important;margin:0 0 7px!important}
.page-contato .form-card>p{font-size:13.5px!important;line-height:1.6!important;color:#697b8f!important;margin-bottom:25px!important}
.page-contato .form-card label{font-size:12px!important;color:#263951!important;margin-bottom:15px!important}
.page-contato .form-card input,.page-contato .form-card select,.page-contato .form-card textarea{font-size:13px!important;border-color:#d7e0e8!important;border-radius:10px!important;background:#fbfcfe!important}
.page-contato .form-card input,.page-contato .form-card select{height:46px!important}
.page-contato .form-card textarea{min-height:140px!important}
.page-contato .form-submit{height:48px!important;border-radius:10px!important;font-size:13px!important;font-weight:700!important}
.page-contato .client-note{font-size:11.5px!important;line-height:1.6!important;margin-top:15px!important}

@media(max-width:900px){
  .page-contato .contact-grid{grid-template-columns:1fr!important;gap:32px!important}
  .page-contato .contact-cards-v20{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
  .page-contato .contact-meta-v20{grid-column:1/-1!important}
}
@media(max-width:620px){
  .page-contato .contact-section{padding:54px 0 64px!important}
  .page-contato .contact-cards-v20{grid-template-columns:1fr!important}
  .page-contato .contact-meta-v20{grid-column:auto!important}
  .page-contato .contact-card-v20{min-height:82px!important;padding:14px!important;grid-template-columns:44px minmax(0,1fr) 26px!important;gap:13px!important}
  .page-contato .contact-icon-v20{width:44px!important;height:44px!important;border-radius:12px!important}
  .page-contato .contact-card-v20 strong{font-size:13px!important}
  .page-contato .contact-card-note{font-size:10px!important}
  .page-contato .form-card{padding:24px 18px!important;border-radius:15px!important}
  .page-contato .form-card h2{font-size:22px!important}
}