/*
Theme Name: Sergio Huk Theme
Theme URI: https://64868952sergiohukfilho.com
Author: 64.868.952 SERGIO HUK FILHO
Description: Tema profissional para serviços de malote em Macapá/AP
Version: 1.0
*/

:root{
  --verde:#009c3b;
  --amarelo:#ffdf00;
  --azul:#002776;
  --branco:#ffffff;
  --cinza:#f5f5f5;
  --texto:#222;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Roboto',Arial,sans-serif;color:var(--texto);background:var(--branco);line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--azul);text-decoration:none}
a:hover{color:var(--verde)}

.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* Header */
.site-header{background:var(--azul);color:#fff;padding:15px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.site-header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}
.site-branding a{color:#fff;font-weight:700;font-size:1.05rem;line-height:1.2}
.site-branding .tag{display:block;font-size:.78rem;color:var(--amarelo);font-weight:400}
.main-nav ul{list-style:none;display:flex;gap:25px;flex-wrap:wrap}
.main-nav a{color:#fff;font-weight:500;font-size:.95rem}
.main-nav a:hover{color:var(--amarelo)}

/* Hero */
.hero{background:linear-gradient(135deg,var(--verde) 0%,var(--azul) 100%);color:#fff;padding:90px 0;text-align:center}
.hero h1{font-size:2.4rem;margin-bottom:15px;font-weight:700}
.hero .tagline{font-size:1.2rem;margin-bottom:30px;color:var(--amarelo)}
.btn-whatsapp{display:inline-block;background:var(--amarelo);color:var(--azul);padding:15px 35px;border-radius:50px;font-weight:700;font-size:1.05rem;transition:transform .2s, box-shadow .2s;box-shadow:0 4px 15px rgba(0,0,0,.2)}
.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3);color:var(--azul)}

/* Sections */
.section{padding:70px 0}
.section-alt{background:var(--cinza)}
.section h2{color:var(--azul);font-size:1.9rem;margin-bottom:20px;text-align:center;position:relative;padding-bottom:15px}
.section h2:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:70px;height:4px;background:var(--verde);border-radius:2px}
.section p{max-width:850px;margin:0 auto 15px;font-size:1.05rem;text-align:justify}

/* Contato */
.contato-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin-top:30px}
.contato-card{background:#fff;border-top:4px solid var(--verde);padding:25px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.06);text-align:center}
.contato-card strong{display:block;color:var(--azul);margin-bottom:8px;font-size:1.05rem}

/* Footer */
.site-footer{background:var(--azul);color:#fff;padding:40px 0 20px;text-align:center;font-size:.92rem;line-height:1.8}
.site-footer a{color:var(--amarelo)}
.site-footer .footer-info{max-width:1000px;margin:0 auto}

/* Privacidade page */
.page-content{padding:60px 0}
.page-content h1{color:var(--azul);margin-bottom:25px;font-size:2rem}
.page-content h2{color:var(--verde);margin:30px 0 12px;font-size:1.3rem}
.page-content p{margin-bottom:14px;text-align:justify}

/* Float whatsapp */
.whats-float{position:fixed;bottom:25px;right:25px;background:#25d366;color:#fff;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 4px 15px rgba(0,0,0,.25);z-index:200;transition:transform .2s}
.whats-float:hover{transform:scale(1.1);color:#fff}

@media (max-width:768px){
  .hero h1{font-size:1.7rem}
  .hero .tagline{font-size:1rem}
  .section h2{font-size:1.5rem}
  .main-nav ul{gap:15px}
}