/* =========================================================
   SCIMEC SAS — Tema oscuro para encabezado, Proyectos,
   Contacto y pie de página (coherente con Inicio, Nosotros
   y Servicios). Se carga AL FINAL de todas las hojas.
   Para revertir: quitar el <link> de este archivo y volver a
   usar assets/logo/scimec-logo-hd.png y scimec-logo.png.
   ========================================================= */

/* ---------- Encabezado ---------- */
.site-header {
  background: rgba(12, 18, 23, 0.92);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 0 10px 30px rgba(0, 0, 0, 0.35);
}
.main-nav a { color: rgba(255, 255, 255, 0.9); }
.main-nav a:hover,
.main-nav a:focus-visible { color: #FFFFFF; }
.nav-dropdown-toggle { color: rgba(255, 255, 255, 0.8); }
.nav-toggle span { background: #FFFFFF; }

.nav-submenu {
  background: #141C22;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5);
}
.main-nav .nav-submenu a { color: rgba(255, 255, 255, 0.82); }
.main-nav .nav-submenu a:hover,
.main-nav .nav-submenu a:focus-visible {
  color: #FFA352;
  background: rgba(241, 121, 31, 0.12);
}

.social-link {
  color: rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.18);
}
.social-link.pending {
  color: rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.10);
}

@media (max-width: 980px) {
  .main-nav {
    background: #121A20;
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.45);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
  }
  .main-nav a { border-bottom-color: rgba(255, 255, 255, 0.08); }
  .nav-submenu { background: transparent; border-top: 0; border-right: 0; border-bottom: 0; box-shadow: none; }
}

/* ---------- Proyectos destacados ---------- */
.projects {
  position: relative;
  background:
    radial-gradient(1100px 420px at 50% 0%, rgba(241, 121, 31, 0.07), rgba(241, 121, 31, 0) 70%),
    linear-gradient(180deg, #10171C 0%, #0D1317 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.projects .section-tag { color: #FFA352; }
.projects .section-title { color: #FFFFFF; }
.projects .section-desc { color: rgba(255, 255, 255, 0.78); }
.project-item {
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.4);
  transition: border-color 0.25s, transform 0.25s;
}
.project-item:hover {
  border-color: rgba(241, 121, 31, 0.5);
  transform: translateY(-4px);
}

/* ---------- Contacto ---------- */
.contact {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #FFFFFF;
  background: #121A20 url("assets/img/servicios/contacto-fondo-seccion.webp") center / cover no-repeat;
  border-top: 1px solid rgba(255, 163, 82, 0.22);
}
.contact::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(105deg, rgba(10, 20, 27, 0.96) 0%, rgba(10, 20, 27, 0.90) 50%, rgba(10, 20, 27, 0.80) 100%);
}
.contact .section-tag { color: #FFA352; }
.contact-info h2 { color: #FFFFFF; }
.contact-desc { color: rgba(255, 255, 255, 0.78); }
.contact-item { border-bottom-color: rgba(255, 255, 255, 0.10); }
.contact-item strong { color: #FFFFFF; }
.contact-item span { color: rgba(255, 255, 255, 0.68); }
.contact-item:hover strong { color: #FFA352; }
.contact-icon { background: rgba(241, 121, 31, 0.16); color: #FFA352; }
.contact-icon.whatsapp { background: rgba(37, 211, 102, 0.16); color: #3FDB7E; }

.contact-form {
  background: rgba(20, 28, 34, 0.86);
  border: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.45);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}
.form-title { color: #FFFFFF; }
.form-row label { color: rgba(255, 255, 255, 0.82); }
.form-row input,
.form-row textarea {
  color: #FFFFFF;
  background: rgba(8, 13, 17, 0.65);
  border-color: rgba(255, 255, 255, 0.14);
}
.form-row input::placeholder,
.form-row textarea::placeholder { color: rgba(255, 255, 255, 0.42); }
.form-row input:focus,
.form-row textarea:focus {
  border-color: #F1791F;
  box-shadow: 0 0 0 3px rgba(241, 121, 31, 0.18);
}
.form-row input:-webkit-autofill,
.form-row textarea:-webkit-autofill {
  -webkit-text-fill-color: #FFFFFF;
  -webkit-box-shadow: 0 0 0 100px #0E1519 inset;
          box-shadow: 0 0 0 100px #0E1519 inset;
}
.form-note { color: rgba(255, 255, 255, 0.55); }
.form-status.sending { color: rgba(255, 255, 255, 0.78); }
.form-status.success { color: #4ADE80; }
.form-status.error { color: #F87171; }

/* ---------- Pie de página ---------- */
.site-footer {
  background: #0B1014;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.footer-logo {
  height: 52px;
  width: auto;
  padding: 0;
  background: none;
  border-radius: 0;
}