/* ═══════════════════════════════════════════════
   Netwise Solutions — site.css
   Bootstrap 5 · Cores: #e31b23 / #111 / #f4f4f4
════════════════════════════════════════════════ */
body { font-family: Arial, Helvetica, sans-serif; color: #212529; background-color: #ffffff; }
.navbar { background: #f4f4f4 !important; border-bottom: 3px solid #e31b23; min-height: 82px; box-shadow: 0 4px 18px rgba(0,0,0,0.08); }
.navbar-brand { padding-top: 0; padding-bottom: 0; }
.logo-navbar { height: 58px; width: auto; display: block; }
.navbar-nav .nav-link { color: #222222; font-weight: 600; }
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active { color: #e31b23; font-weight: 700; }
.navbar-toggler { border-color: rgba(0,0,0,0.25); }
.hero { background: linear-gradient(135deg, #111111 0%, #2a2a2a 100%); color: #ffffff; padding: 110px 0 90px; border-bottom: 5px solid #e31b23; }
.hero h1 { font-weight: 700; line-height: 1.15; }
.hero p { font-size: 1.25rem; color: #e4e4e4; }
.hero-sub { font-size: 0.88rem; color: #999; }
.hero-disclaimer { font-size: 0.82rem; color: #888; margin-top: 10px; }
.btn-primary { background-color: #e31b23; border-color: #e31b23; font-weight: 600; }
.btn-primary:hover, .btn-primary:focus { background-color: #b9151c; border-color: #b9151c; }
.stats-bar { background: #e31b23; color: #ffffff; padding: 20px 0; }
.stat-num { font-size: 2rem; font-weight: 700; line-height: 1; }
.stat-label { font-size: 0.8rem; opacity: 0.9; }
.section-title { font-weight: 700; margin-bottom: 15px; color: #1f1f1f; }
.section-subtitle { color: #666; max-width: 850px; margin: 0 auto; }
.feature-box, .service-card, .box { border: 1px solid #e3e3e3; border-radius: 12px; padding: 30px; height: 100%; background: #ffffff; transition: all 0.25s ease; }
.box { padding: 25px; }
.feature-box:hover, .service-card:hover, .box:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0,0,0,0.10); border-color: #e31b23; }
.icon { font-size: 2.2rem; display: block; margin-bottom: 14px; color: #e31b23; }
.bg-soft { background: #f5f5f5; }
.authority { background: #ffffff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.regional { background: #f5f5f5; }
.regional-icon { font-size: 1.6rem; color: #e31b23; }
.faq { background: #ffffff; }
.cta-section { background: linear-gradient(135deg, #1b1b1b 0%, #000000 100%); color: #ffffff; border-top: 5px solid #e31b23; }
.cta-section p { color: #ddd; }
.cta-section .form-control, .cta-section .form-select { border: 1px solid #ccc; }
.cta-section .form-control:focus, .cta-section .form-select:focus { border-color: #e31b23; box-shadow: 0 0 0 0.2rem rgba(227,27,35,0.20); }
footer { background: #f4f4f4; color: #555; border-top: 1px solid #ddd; }
footer strong { color: #111; }
footer a { color: inherit; text-decoration: none; }
footer a:hover { color: #e31b23; }
footer a.link-red { color: #e31b23; text-decoration: none; }
footer a.link-red:hover { text-decoration: underline; }
.breadcrumb { background: transparent; padding: 0; margin: 0; font-size: 0.85rem; }
.breadcrumb-item a { color: #e31b23; text-decoration: none; }
.breadcrumb-item a:hover { text-decoration: underline; }
.breadcrumb-item.active { color: #666; }
.breadcrumb-item + .breadcrumb-item::before { color: #aaa; }
.breadcrumb-bar { background: #f5f5f5; border-bottom: 1px solid #e8e8e8; padding: 8px 0; }
.whatsapp-float { position: fixed; bottom: 28px; right: 28px; z-index: 9999; background: #25d366; color: #ffffff; border-radius: 50px; padding: 12px 20px; display: flex; align-items: center; gap: 8px; text-decoration: none; font-weight: 600; font-size: 0.9rem; box-shadow: 0 4px 20px rgba(37,211,102,0.40); transition: all 0.25s ease; }
.whatsapp-float:hover { background: #1da851; color: #ffffff; transform: translateY(-2px); box-shadow: 0 6px 24px rgba(37,211,102,0.50); }
.whatsapp-float i { font-size: 1.3rem; }
@media (max-width: 576px) {
    .logo-navbar { height: 42px; }
    .navbar { min-height: 66px; }
    .hero { padding: 80px 0 60px; }
    .hero h1 { font-size: 2.1rem; }
    .whatsapp-float .wtext { display: none; }
    .whatsapp-float { padding: 14px; border-radius: 50%; }
}