/*
Theme Name: NETCOL Enterprise
Description: Tema corporativo para NETCOL Enterprise - Conectividade e Soluções para Empresas
Version: 1.0
Author: NETCOL
*/

:root{
  --nc-primary:#b81414; /* vermelho corporativo */
  --nc-dark:#0a1020;
  --nc-light:#f6f8ff;
  --nc-accent:#00d1b2; /* verde água para destaques */
}

body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji"; 
  color:#1c2440;
}

.navbar{backdrop-filter: saturate(1.2) blur(6px);} 
.navbar-brand{letter-spacing:.5px}
.navbar .nav-link{font-weight:600; text-transform:uppercase; letter-spacing:.06em}
.btn-primary{background:var(--nc-primary); border-color:var(--nc-primary)}
.btn-primary:hover{filter:brightness(.9)}
.btn-outline-primary{color:var(--nc-primary); border-color:var(--nc-primary)}
.btn-outline-primary:hover{background:var(--nc-primary)}
.hero{position:relative; overflow:hidden;}
.hero::after{content:""; position:absolute; inset:-20% -10% auto -10%; height:120%; background: radial-gradient(1200px 600px at 70% -10%, rgba(184,20,20,.18), transparent), radial-gradient(600px 400px at 20% 20%, rgba(0,209,178,.15), transparent);}    
.hero-gradient{background:linear-gradient(180deg, #ffffff 0%, var(--nc-light) 100%)}
.badge-soft{background:rgba(184,20,20,.08); color:var(--nc-primary); border:1px solid rgba(184,20,20,.18)}
.icon{width:48px; height:48px; display:inline-flex; align-items:center; justify-content:center; border-radius:14px; background: rgba(184,20,20,.08)}
.shadow-soft{box-shadow:0 10px 30px rgba(10,16,32,.08)}
.card{border:1px solid rgba(10,16,32,.08)}
.check{color:var(--nc-accent)}
.section-title .eyebrow{font-weight:700; color:var(--nc-primary); letter-spacing:.12em}
.divider{height:1px; background:linear-gradient(90deg, transparent, rgba(10,16,32,.15), transparent)}
.bg-darkx{background: var(--nc-dark); color:#eaf0ff}
.bg-darkx .text-muted{color:#b6c2ff !important}
.bg-gradient-primary{background: linear-gradient(135deg, var(--nc-primary), #d14f4f)}
.floating-whatsapp{position:fixed; right:18px; bottom:18px; z-index:1040}
.floating-whatsapp .btn{border-radius:999px; padding:.9rem 1.1rem}
.logo-cloud img{filter:grayscale(1); opacity:.7; transition:.3s}
.logo-cloud img:hover{filter:none; opacity:1}
.form-control, .form-select{border-radius:12px}
.rounded-2xl{border-radius:1.25rem}
.rounded-3xl{border-radius:1.75rem}
.footer-link{color:#dbe5ff; text-decoration:none}
.footer-link:hover{color:#fff}