/* ============================================================
   DARK AUTHORITY THEME — SETECOM AIR S.A.
   Paleta: #050f2b base · #0d1f4a surface · #2563eb acento
   ============================================================ */

/* ===== BASE ===== */
/* Note: use body (not *::before/after) so FontAwesome icon fonts are not overridden */
body {
    font-family: 'Inter', 'Montserrat', system-ui, sans-serif !important;
}

body {
    background-color: #050f2b !important;
    color: #94a3b8 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #f1f5f9 !important;
}

h2.title {
    color: #ffffff !important;
}

.text-dark {
    color: #f1f5f9 !important;
}

.text-primary {
    color: #60a5fa !important;
}

p {
    color: #94a3b8;
}

strong {
    color: #e2e8f0;
}

a {
    color: #60a5fa;
}

a:hover {
    color: #93c5fd;
}

/* Decoración de línea animada */
.line-services {
    background-color: #1d3a7a !important;
}
.mini-circle {
    background-color: #2563eb !important;
}

/* ===== SCROLLBAR ===== */
html::-webkit-scrollbar-thumb {
    background: #2563eb !important;
}
html::-webkit-scrollbar-track {
    background: #0a1628 !important;
}

/* ===== MENÚ ===== */
.glass-header {
    background: rgba(5, 15, 43, 0.92) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid rgba(37, 99, 235, 0.18) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

.glass-header nav {
    background-color: transparent !important;
}

.glass-header .menu-item a {
    color: #cbd5e1 !important;
    font-weight: 500 !important;
}

.glass-header .menu-item a:hover,
.glass-header .menu-item a.active {
    color: #ffffff !important;
    background: rgba(37, 99, 235, 0.18) !important;
}

.glass-header .title-logo {
    color: #ffffff !important;
}

label.icon-menu {
    color: #cbd5e1 !important;
}

.country-dropdown-content {
    background-color: #0d1f4a !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

.country-dropdown-item {
    color: #cbd5e1 !important;
}

.country-dropdown-item:hover {
    background-color: rgba(37, 99, 235, 0.18) !important;
    color: #ffffff !important;
}

/* ===== SECTIONS — fondos alternados ===== */
#nosotros,
#clientes {
    background-color: #050f2b !important;
}

#servicios,
#contacto,
.news-section {
    background-color: #040c1e !important;
}

.hundred-percent-section {
    background-color: #050f2b !important;
    box-shadow: none !important;
}

.proyects-counters {
    background-color: #040c1e !important;
}

/* ===== CARDS DE SERVICIOS ===== */
.card {
    background-color: #0d1f4a !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    color: #94a3b8 !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3) !important;
}

.card .card-title,
.card h3,
.card h4 {
    color: #f1f5f9 !important;
}

.card p,
.card .service-review {
    color: #94a3b8 !important;
}

/* Card destacada (featured) */
.service-card-link {
    border: 1px solid rgba(37, 99, 235, 0.3) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important;
}

.service-card-link:hover {
    border-color: rgba(37, 99, 235, 0.7) !important;
    box-shadow: 0 12px 40px rgba(37, 99, 235, 0.18) !important;
}

/* Título de sección servicios */
#servicios .title,
#servicios h2 {
    color: #ffffff !important;
}

/* ===== SECCIÓN NOSOTROS — squares ===== */
.square {
    background-color: #0d1f4a !important;
    border: 1px solid rgba(37, 99, 235, 0.15) !important;
}

.square .title-square {
    color: #f1f5f9 !important;
}

.square .content-square {
    color: #94a3b8 !important;
}

.icon-square i {
    color: #2563eb !important;
}

/* ===== SECCIÓN 100% — equipo ===== */
.content-description p {
    color: #94a3b8 !important;
}

.content-description strong {
    color: #e2e8f0 !important;
}

.content-description .value {
    color: #ffffff !important;
    font-size: 80px !important;
    font-weight: 800 !important;
}

/* ===== CONTADORES ===== */
.single-counter {
    background-color: #0d1f4a !important;
    border: 1px solid rgba(37, 99, 235, 0.25) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25) !important;
}

.single-counter p {
    color: #cbd5e1 !important;
}

.content-icon-counter {
    background-color: #172554 !important;
}

.content-icon-counter i {
    color: #60a5fa !important;
}

.counter {
    color: #ffffff !important;
    font-size: 36px !important;
    font-weight: 700 !important;
}

/* ===== LOGOS DE CLIENTES ===== */
#clientes {
    background-color: #050f2b !important;
}

.content-client-images {
    background-color: transparent !important;
    background: transparent !important;
}

.client-logo {
    filter: brightness(0) invert(0.65) !important;
    mix-blend-mode: normal !important;
    opacity: 0.75;
    transition: filter 0.3s ease, opacity 0.3s ease !important;
}

.client-logo:hover {
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
}

/* ===== FORMULARIO DE CONTACTO ===== */
#contacto .card {
    background-color: #0d1f4a !important;
    border: 1px solid rgba(37, 99, 235, 0.2) !important;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.3) !important;
}

.content-contact h2,
.content-contact .title {
    color: #ffffff !important;
}

.form-label {
    color: #cbd5e1 !important;
    font-weight: 500 !important;
}

.form-control {
    background-color: #081226 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #e2e8f0 !important;
    border-radius: 6px !important;
}

.form-control:focus {
    background-color: #081226 !important;
    border-color: #2563eb !important;
    color: #e2e8f0 !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2) !important;
}

.form-control::placeholder {
    color: #334155 !important;
}

textarea.form-control {
    background-color: #081226 !important;
}

.btn-primary,
.btn-submit {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    transition: background-color 0.2s, box-shadow 0.2s !important;
}

.btn-primary:hover,
.btn-submit:hover {
    background-color: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35) !important;
}

/* Info de contacto */
.contact-container h6 {
    color: #f1f5f9 !important;
}

.contact-container p,
.contact-container a {
    color: #94a3b8 !important;
    text-decoration: none;
}

.contact-container a:hover {
    color: #60a5fa !important;
}

.contact-container .fab {
    color: #60a5fa !important;
    font-size: 1.4rem;
}

/* ===== ALERTAS DEL FORMULARIO ===== */
.alert-danger {
    background-color: rgba(220, 38, 38, 0.12) !important;
    border-color: rgba(220, 38, 38, 0.25) !important;
    color: #fca5a5 !important;
    border-radius: 6px !important;
}

.alert-success {
    background-color: rgba(22, 163, 74, 0.12) !important;
    border-color: rgba(22, 163, 74, 0.25) !important;
    color: #86efac !important;
    border-radius: 6px !important;
}

/* ===== NOTICIAS ===== */
.news-section {
    background-color: #040c1e !important;
}

.news-title {
    color: #ffffff !important;
}

/* ===== FOOTER ===== */
.footer-main {
    background: #030a1a !important;
    border-top: 1px solid rgba(37, 99, 235, 0.25) !important;
}

.footer-policies {
    background: #020710 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* ===== BOTÓN VOLVER ARRIBA ===== */
#buttom-to-top {
    background-color: #2563eb !important;
    border: none !important;
}

/* ===== LOADER ===== */
.loader-container {
    background-color: #050f2b !important;
}

/* ===== MODALES ===== */
.modal-content {
    background-color: #0d1f4a !important;
    outline-color: #2563eb !important;
    color: #e2e8f0 !important;
}

.modal-header,
.modal-footer {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ===== PÁGINA DE POLÍTICAS ===== */
.politicas-section {
    background-color: #040c1e !important;
}

.politica-card {
    background-color: #0d1f4a !important;
    border-color: rgba(37, 99, 235, 0.2) !important;
}

.politica-card-body p {
    color: #94a3b8 !important;
}

.politica-tag {
    background-color: rgba(37, 99, 235, 0.15) !important;
    color: #60a5fa !important;
}

.politica-meta {
    color: #64748b !important;
}

.politica-meta span i {
    color: #2563eb !important;
}

.coming-soon-card {
    background-color: #0a1628 !important;
    border-color: rgba(37, 99, 235, 0.2) !important;
}

.coming-soon-card p {
    color: #475569 !important;
}

/* ===== PÁGINA DE PRODUCTOS ===== */
.productos-section,
#productos {
    background-color: #050f2b !important;
}

/* ===== PÁGINA DE LOGIN (admin) ===== */
.card-header {
    background-color: #0d1f4a !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #f1f5f9 !important;
}