/*
 * dark-override.css — Printum Concepts
 * Applies the seminuevos.html dark theme across all main pages.
 * Load AFTER Styles.css — overrides colors only, preserves layout.
 */

/* ── CSS VARIABLE OVERRIDES ─────────────────────────────────── */
:root {
  --bg-primary:    #111827;
  --bg-secondary:  #0d1117;
  --text-primary:  #e2e8f0;
  --text-secondary:#94a3b8;
  --border-color:  #1e293b;
  --brand-white:   #111827;
  --accent-color:  #22c55e;
  --secondary-color: #22c55e;
}

/* ── BASE ───────────────────────────────────────────────────── */
body {
  background-color: #0a0f1a !important;
  color: #e2e8f0 !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* ── NAVBAR (already dark, just ensure text is correct) ─────── */
.nav {
  background: rgba(13, 17, 23, 0.97) !important;
  border-bottom: 1px solid #1e293b;
}

/* ── HERO SLIDER (already dark overlay, keep as-is) ─────────── */
/* .hero already has a dark overlay from Styles.css */

/* Hero centrado (Servicios.html — was white) */
.hero--centered {
  background: #0d1117 !important;
  border-bottom-color: #22c55e !important;
}
.hero__title {
  color: #4ade80 !important;
}
.hero__subtitle {
  color: #e2e8f0 !important;
}

/* ── SECTIONS ────────────────────────────────────────────────── */
.section {
  background: transparent;
}

.about {
  background: #0d1117 !important;
}

.questions {
  background: #0a0f1a !important;
}

.products-gallery {
  background: transparent !important;
}

.products-accordion {
  background: #0d1117 !important;
}

.hero-products {
  background: linear-gradient(135deg, #0f2027 0%, #0d3a1e 100%) !important;
}

/* Partners / gallery background */
.partners,
.gallery-section {
  background: #0d1117 !important;
}

/* Knowledge section — keep gradient but darken */
.knowledge {
  background: linear-gradient(135deg, #0a1a0a 0%, #14532d 100%) !important;
}

/* ── SECTION TITLES & SUBTITLES ─────────────────────────────── */
.section-title {
  color: #f1f5f9 !important;
}

.section-subtitle {
  color: #94a3b8 !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #f1f5f9;
  transition: color 0.3s ease;
}

p, li, span, td, th {
  color: #cbd5e1;
}

a {
  transition: color 0.2s ease;
}

/* ── CARDS ───────────────────────────────────────────────────── */
.about__icons {
  background: #111827 !important;
  border-color: #1e293b !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important;
}

.about__title {
  color: #f1f5f9 !important;
}

.about__paragrah {
  color: #94a3b8 !important;
}

.product-card {
  background: #111827 !important;
  border-color: #1e293b !important;
}

.product-card:hover {
  border-color: #22c55e !important;
}

.product-title {
  color: #f1f5f9 !important;
  background: linear-gradient(135deg, #111827 0%, #0d1117 100%) !important;
}

/* ── ACCORDION / FAQ ─────────────────────────────────────────── */
.questions__padding {
  background: #111827 !important;
  border-color: #1e293b !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.4) !important;
}

.questions__padding:hover {
  border-color: #22c55e !important;
  box-shadow: 0 4px 16px rgba(34,197,94,0.15) !important;
}

.questions__title {
  color: #4ade80 !important;
}

.questions__title:hover {
  background: rgba(34,197,94,0.08) !important;
  color: #86efac !important;
}

.questions__img {
  filter: invert(44%) sepia(98%) saturate(400%) hue-rotate(90deg) brightness(110%) !important;
}

.questions__show,
.questions__answer {
  background: #111827 !important;
  color: #94a3b8 !important;
  border-color: #1e293b !important;
}

.questions__answer:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
}

/* ── ACCORDION (productos.html) ─────────────────────────────── */
.accordion-item {
  background: #111827 !important;
  border-color: #1e293b !important;
}

.accordion-header {
  background: #111827 !important;
  color: #f1f5f9 !important;
}

.accordion-header:hover {
  background: #1a1f2e !important;
}

.accordion-content {
  background: #0d1117 !important;
  color: #94a3b8 !important;
}

/* ── COMPARISON SECTION ─────────────────────────────────────── */
.comparison-label {
  background: #111827 !important;
  border-color: #1e293b !important;
  color: #e2e8f0 !important;
}

.comparison-image-container {
  border-color: #1e293b !important;
}

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

/* ── GALLERY (logos/partners) ───────────────────────────────── */
.gallery img {
  background: #111827 !important;
  border-color: #1e293b !important;
  filter: grayscale(100%) brightness(1.4) !important;
}

.gallery img:hover {
  filter: grayscale(0%) brightness(1.1) !important;
}

/* ── BUTTONS ─────────────────────────────────────────────────── */
.slide-cta,
.main-cta,
.btn-primary,
.cta-button {
  background: #22c55e !important;
  color: #fff !important;
  border-color: #22c55e !important;
  transition: background 0.2s ease, box-shadow 0.2s ease !important;
}

.slide-cta:hover,
.main-cta:hover,
.btn-primary:hover,
.cta-button:hover {
  background: #16a34a !important;
  box-shadow: 0 4px 16px rgba(34,197,94,0.3) !important;
}

/* WhatsApp float button stays green — no override needed */

/* ── FORMS & INPUTS ──────────────────────────────────────────── */
input,
textarea,
select {
  background: #111827 !important;
  color: #e2e8f0 !important;
  border-color: #1e293b !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #22c55e !important;
  box-shadow: 0 0 0 3px rgba(34,197,94,0.15) !important;
  outline: none;
}

input::placeholder,
textarea::placeholder {
  color: #64748b !important;
}

label {
  color: #94a3b8 !important;
}

/* contact.html specific form wrapper */
.contact-form,
.form-wrapper,
.contact-card,
.contact__container {
  background: #111827 !important;
  border-color: #1e293b !important;
}

/* ── SERVICE CARDS (Servicios.html) ─────────────────────────── */
.service-card,
.service__item,
.feature-card,
.feature__item {
  background: #111827 !important;
  border-color: #1e293b !important;
  color: #e2e8f0 !important;
}

.service-card:hover,
.service__item:hover {
  border-color: #22c55e !important;
}

/* ── DIGITAL PAGE SPECIFIC ───────────────────────────────────── */
.digital-hero,
.digital-section {
  background: #0d1117 !important;
}

/* ── LIGHTBOX ────────────────────────────────────────────────── */
.lightbox-content {
  background: #111827 !important;
}

/* ── FOOTER (already dark, just refine) ─────────────────────── */
.footer {
  background: #080c14 !important;
  border-top: 1px solid #1e293b;
}

.footer__copyright {
  color: #64748b !important;
}

.nav__link--footer a {
  color: #64748b !important;
}

.nav__link--footer a:hover {
  color: #22c55e !important;
}

.footer__copy {
  border-top-color: #1e293b !important;
}

/* ── DROPDOWN MENUS ──────────────────────────────────────────── */
.dropdown-menu {
  background: rgba(13, 17, 23, 0.99) !important;
  border: 1px solid #1e293b !important;
}

.dropdown-menu li a {
  color: #cbd5e1 !important;
}

.dropdown-menu li a:hover {
  background: rgba(34,197,94,0.08) !important;
  color: #4ade80 !important;
}

/* ── MOBILE NAV OVERLAY ──────────────────────────────────────── */
.nav__links-mobile,
.nav__menu-mobile {
  background: #0d1117 !important;
}

/* ── SMOOTH SCROLL HIGHLIGHT OVERRIDE ───────────────────────── */
:target {
  scroll-margin-top: 80px;
}