@font-face{font-family:Fontastique;src:url('fontastique.woff2') format('woff2');font-display:swap}
:root{--red:#B2282D;--red2:#932122;--cyan:#10B8D5;--blue:#2F94B1;--ink:#16252d;--muted:#60727b;--line:#dfe9ed;--bg:#f7fafb;--white:#fff;--shadow:0 20px 60px rgba(20,55,68,.12);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
h1,h2,h3,h4{line-height:1.12;margin:0 0 18px}h1,h2{font-weight:800}h2{font-size:clamp(2rem,4vw,3.3rem)}p{margin:0 0 18px}.eyebrow{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.16em;color:var(--blue);margin-bottom:15px}.lead{font-size:1.2rem;color:#3f5660}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:13px 22px;font-weight:800;cursor:pointer;transition:.2s;gap:8px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:var(--red2)}.btn-whatsapp{background:var(--cyan);color:#06313b}.btn-outline{border:1px solid rgba(255,255,255,.65);color:#fff;background:rgba(0,0,0,.15)}.btn-outline-light{border:1px solid rgba(255,255,255,.35);color:#fff}.btn-large{padding:16px 28px}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{min-height:78px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:800;letter-spacing:.04em}.brand img{width:48px;height:48px;object-fit:contain}.brand b{color:var(--red)}.main-nav{display:flex;gap:24px;margin-left:auto;font-weight:600;color:#41555e}.main-nav a:hover{color:var(--red)}.menu-toggle{display:none;border:0;background:transparent;font-size:26px}
.hero{position:relative;min-height:690px;display:flex;align-items:center;overflow:hidden;color:#fff}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,25,.82) 0%,rgba(4,18,25,.55) 46%,rgba(4,18,25,.18) 100%)}.hero-content{position:relative;z-index:1;padding:90px 0;max-width:850px}.hero h2{font-size:clamp(2.7rem,6vw,5.2rem);max-width:900px}.hero p{font-size:1.25rem;max-width:720px;color:#e9f7fa}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.trust-strip span{padding:8px 12px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.2);border-radius:999px;font-size:.85rem}
.section{padding:100px 0}.intro{background:var(--bg)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.section-heading{max-width:780px;margin-bottom:45px}.section-heading.compact{margin-bottom:28px}.section-heading p{color:var(--muted)}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-height:245px;box-shadow:0 8px 28px rgba(18,54,67,.05);transition:.25s;display:flex;flex-direction:column}.service-card:hover{transform:translateY(-5px);border-color:#b9dce5;box-shadow:var(--shadow)}.service-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#e9f9fc;color:var(--blue);font-size:25px;margin-bottom:22px}.service-card h3{font-size:1.15rem}.service-card p{color:var(--muted);font-size:.94rem}.service-link{margin-top:auto;color:var(--red);font-weight:800;font-size:.9rem}
.about-section{background:#f2f7f8}.about-grid{grid-template-columns:.95fr 1.05fr}.about-image{border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.about-image img{width:100%;height:570px;object-fit:cover;object-position:55% center}.about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.about-points div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.about-points b{display:block;color:var(--red);font-size:1.05rem}.about-points span{font-size:.8rem;color:var(--muted)}
.proof-section{background:#fff}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial{border:1px solid var(--line);border-radius:22px;padding:28px;background:#fff;box-shadow:0 8px 30px rgba(18,54,67,.05)}.quote{font-size:4rem;line-height:.6;color:var(--cyan);font-family:Georgia}.testimonial p{color:#4e626b}.testimonial strong,.testimonial small{display:block}.testimonial small{color:var(--muted)}
.clients-section{padding-top:35px;background:var(--bg)}.client-logos{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.client-logos div{min-height:90px;border:1px dashed #b9cdd4;border-radius:16px;display:grid;place-items:center;color:#71858d;font-weight:800;font-size:.8rem;background:#fff}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-card{padding:28px;border-radius:22px;background:#f6fafb;border:1px solid var(--line)}.case-card>span{font-size:.75rem;color:var(--blue);font-weight:800;letter-spacing:.12em}.case-card a{color:var(--red);font-weight:800}
.cta-section{padding:65px 0;background:linear-gradient(100deg,var(--red2),var(--red));color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-section .eyebrow{color:#bdebf3}.cta-section p{color:#fbeaec}
.site-footer{background:#101d23;color:#dbe8eb}.footer-grid{padding:65px 0;display:grid;grid-template-columns:1.4fr 1fr 1fr .9fr;gap:35px}.footer-brand{color:#fff;margin-bottom:16px}.footer-brand b{color:#e9686c}.site-footer h4{color:#fff}.site-footer a:hover{color:#67d6e8}.site-footer p{color:#a9bdc4}.social-title{margin-top:25px}.socials{display:flex;flex-wrap:wrap;gap:10px;font-size:.9rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;color:#91a8b0;font-size:.82rem}
.floating-whatsapp-wrap{position:fixed;right:22px;bottom:22px;width:60px;height:60px;z-index:60}.floating-whatsapp-wrap.is-closed{display:none}.floating-whatsapp{position:absolute;inset:0;width:60px;height:60px;border-radius:50%;background:#20c76a;color:#fff;display:grid;place-items:center;font-size:30px;z-index:60;box-shadow:0 12px 35px rgba(0,0,0,.25)}.floating-whatsapp-close{position:absolute;right:-7px;top:-7px;width:22px;height:22px;border:0;border-radius:50%;background:var(--red2);color:#fff;font-weight:800;font-size:16px;line-height:22px;padding:0;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.2)}.quote-float{position:fixed;right:22px;bottom:95px;z-index:59;background:var(--red);color:#fff;border:0;border-radius:999px;padding:12px 18px;font-weight:800;box-shadow:0 10px 25px rgba(0,0,0,.2);cursor:pointer}
.modal{position:fixed;inset:0;z-index:100;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(7,20,26,.6)}.modal-card{position:relative;width:min(560px,calc(100% - 30px));margin:8vh auto;background:#fff;border-radius:26px;padding:32px;box-shadow:0 30px 100px rgba(0,0,0,.25)}.modal-close,.overlay-close{position:absolute;right:18px;top:15px;border:0;background:transparent;font-size:30px;cursor:pointer;color:#789}.modal form{display:grid;gap:14px}.modal label{font-weight:700;font-size:.9rem}.modal input,.modal textarea{display:block;width:100%;margin-top:6px;border:1px solid #cbdbe0;border-radius:12px;padding:12px;font:inherit}.form-status{font-size:.9rem}
.hero-overlay{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:25px}.hero-overlay.hidden{display:none}.hero-overlay__backdrop{position:absolute;inset:0;background:rgba(12,25,31,.72);backdrop-filter:blur(4px)}.hero-overlay__card{position:relative;z-index:1;width:min(780px,100%);border-radius:30px;padding:48px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(238,250,252,.96));box-shadow:0 30px 100px rgba(0,0,0,.35)}.hero-overlay__card h1{font-size:clamp(2.1rem,5vw,4rem);max-width:720px;color:#17282f}.hero-overlay__card p{font-size:1.12rem;color:#536770;max-width:680px}.overlay-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-light{background:#fff;border:1px solid #d5e3e7;color:#22363e}.overlay-close{color:#52636a}
.service-page{padding:75px 0 110px;min-height:650px}.back-link{color:var(--red);font-weight:800}.service-detail{padding-top:35px}.service-detail .service-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.service-detail h1{font-size:clamp(2.5rem,6vw,5rem)}.service-detail .icon-large{width:90px;height:90px;border-radius:25px;background:#e9f9fc;color:var(--blue);display:grid;place-items:center;font-size:40px;margin-bottom:25px}.detail-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:30px 0}.detail-list div{padding:16px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}.service-cta{margin-top:45px;padding:30px;border-radius:22px;background:#f1f8fa;display:flex;justify-content:space-between;align-items:center;gap:20px}
@media(max-width:1050px){.service-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.client-logos{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.main-nav,.header-inner>.btn-whatsapp{display:none}.menu-toggle{display:block;margin-left:auto}.main-nav.mobile-open{display:flex;position:absolute;top:78px;left:0;right:0;background:#fff;padding:18px 20px;flex-direction:column;border-bottom:1px solid var(--line)}.two-col,.about-grid{grid-template-columns:1fr;gap:35px}.service-grid{grid-template-columns:repeat(2,1fr)}.testimonial-grid,.case-grid{grid-template-columns:1fr}.about-image img{height:390px}.cta-inner{flex-direction:column;align-items:flex-start}.hero{min-height:620px}}
@media(max-width:560px){.container{width:min(100% - 28px,1180px)}.section{padding:70px 0}.service-grid{grid-template-columns:1fr}.client-logos{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.about-points{grid-template-columns:1fr}.hero-content{padding:65px 0}.hero h2{font-size:2.55rem}.hero p{font-size:1.05rem}.hero-overlay__card{padding:35px 25px}.quote-float{right:18px;bottom:92px}.floating-whatsapp-wrap{right:18px;bottom:18px}.service-detail .service-hero{grid-template-columns:1fr}.detail-list{grid-template-columns:1fr}}

/* Ajuste solicitado: títulos pouco maiores que a frase de referência
   “para manter sua empresa conectada, protegida, automatizada e produtiva”. */
.titulo-estrutura,
.titulo-solucao,
.titulo-tudo,
.titulo-experiencia,
.titulo-confianca,
.titulo-clientes,
.titulo-cases,
.titulo-contato {
  font-size: 22px !important;
  line-height: 1.25;
}

.hero .titulo-estrutura {
  font-size: 22px !important;
  max-width: 900px;
}

/* Popup/overlay de entrada: conteúdo totalmente centralizado. */
.hero-overlay__card {
  text-align: center;
  overflow: hidden;
}

/* Logomarca ROTHALL como marca d'água no popup, sem interferir na leitura. */
.hero-overlay__card::before {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  width: min(520px, 78%);
  height: min(260px, 46%);
  transform: translate(-50%, -50%);
  background: url("rothall-logo.png") center / contain no-repeat;
  opacity: .075;
  pointer-events: none;
  z-index: 0;
}

.hero-overlay__card > * {
  position: relative;
  z-index: 1;
}

.hero-overlay__card .eyebrow,
.hero-overlay__card h1,
.hero-overlay__card p {
  margin-left: auto;
  margin-right: auto;
}

.hero-overlay__card h1 {
  font-size: 22px !important;
  line-height: 1.25;
  max-width: 720px;
}

.hero-overlay__card p {
  max-width: 680px;
}

.overlay-actions {
  justify-content: center;
}

@media(max-width:800px) {
  .titulo-estrutura,
  .titulo-solucao,
  .titulo-tudo,
  .titulo-experiencia,
  .titulo-confianca,
  .titulo-clientes,
  .titulo-cases,
  .titulo-contato,
  .hero .titulo-estrutura {
    font-size: 19px !important;
  }

  .hero-overlay__card h1 {
    font-size: 19px !important;
  }
}


/* Ícones das redes sociais no popup/overlay de entrada */
.overlay-socials {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 22px;
}

.overlay-socials .social-icon {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d5e3e7;
  border-radius: 50%;
  background: rgba(255,255,255,.82);
  color: var(--red2);
  box-shadow: 0 5px 14px rgba(20,55,68,.08);
  transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}

.overlay-socials .social-icon svg {
  width: 21px;
  height: 21px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.overlay-socials .social-icon.facebook svg {
  stroke: none;
}

.overlay-socials .social-icon.linkedin svg,
.overlay-socials .social-icon.youtube svg {
  stroke: none;
}

.overlay-socials .social-icon:hover,
.overlay-socials .social-icon:focus-visible {
  transform: translateY(-2px);
  border-color: var(--cyan);
  background: #fff;
  color: var(--blue);
  outline: none;
}

@media(max-width:560px) {
  .overlay-socials {
    gap: 9px;
    margin-top: 18px;
  }

  .overlay-socials .social-icon {
    width: 38px;
    height: 38px;
  }

  .overlay-socials .social-icon svg {
    width: 19px;
    height: 19px;
  }
}

@media(max-width:560px) {
  .overlay-socials {
    gap: 7px;
    font-size: 12px;
  }

  .overlay-socials a {
    padding: 5px 9px;
  }
}


/* Ajuste de espaçamento vertical: seções compactas, respeitando o tamanho do texto. */
.section { padding: 24px 0; }
.section-heading { margin-bottom: 18px; }
.section-heading.compact { margin-bottom: 14px; }
.eyebrow { margin-bottom: 8px; }
h1, h2, h3, h4 { margin-bottom: 10px; }
p { margin-bottom: 10px; }
.two-col { gap: 35px; }
.service-card { padding: 20px; min-height: 210px; }
.service-icon { margin-bottom: 14px; }
.about-points { margin: 18px 0; }
.testimonial { padding: 20px; }
.case-card { padding: 20px; }
.cta-section { padding: 24px 0; }
@media(max-width:560px) {
  .section { padding: 18px 0; }
  .two-col { gap: 22px; }
  .hero-content { padding: 65px 0; }
  .service-card { padding: 18px; min-height: 0; }
}


/* Ajuste solicitado: seções sem margem/padding vertical e título do card ao lado do ícone. */
section.section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}

.cta-section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}

.service-card {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr);
  column-gap: 14px;
  row-gap: 8px;
  align-items: center;
}

.service-card .service-icon {
  grid-column: 1;
  grid-row: 1;
  margin-bottom: 0 !important;
}

.service-card h3 {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  margin: 0 !important;
}

.service-card p,
.service-card .service-link {
  grid-column: 1 / -1;
}

.service-card p {
  margin-bottom: 0;
}

.service-card .service-link {
  align-self: end;
}