.elementor-434 .elementor-element.elementor-element-02707c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-f1bd003 *//* ============================================================
   CSS AVANZADO: FOOTER GLOBAL MATECHS (#202020)
============================================================ */
.elementor-434 .elementor-element.elementor-element-f1bd003 {
  --footer-bg: #202020;         
  --footer-text: #FFFFFF;       
  --footer-muted: #9CA3AF;      
  --footer-border: rgba(255, 255, 255, 0.1); 
  --footer-hover-default: #FFFFFF; 
}

.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer {
  background-color: var(--footer-bg);
  color: var(--footer-text);
  font-family: var(--e-global-typography-text-font-family), sans-serif;
  padding: clamp(4rem, 8vw, 6rem) 24px 2rem 24px;
  width: 100vw;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  border-top: 1px solid var(--footer-border);
}

.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer *, .elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer *::before, .elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer *::after {
  box-sizing: border-box;
}

.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

/* --- SECCIÓN PRINCIPAL --- */
.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__main {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: clamp(2rem, 5vw, 4rem);
  margin-bottom: 4rem;
}

/* Columna de Marca (Logo e imagen) */
.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__logo-link {
  display: inline-block;
  margin-bottom: 1.5rem;
}

.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__logo-img {
  max-height: 120px; /* LOGO MÁS GRANDE EN DESKTOP */
  width: auto;
  display: block;
}

.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__desc {
  color: var(--footer-muted);
  line-height: 1.7;
  font-size: 0.95rem;
  max-width: 350px;
  margin: 0;
}

/* --- TÍTULOS DE COLUMNAS --- */
.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__title {
  font-family: var(--e-global-typography-primary-font-family), sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0 0 1.5rem 0;
  color: #FFFFFF !important;
  letter-spacing: 0.5px;
}

/* --- ENLACES Y LISTAS --- */
.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__links ul,
.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__contact ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__links a {
  color: var(--footer-muted);
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.3s ease;
  display: inline-block;
}

/* Interacción por defecto */
.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__links a:hover,
.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__legal a:hover {
  color: var(--footer-hover-default);
  transform: translateX(5px);
}

/* --- INTERACCIONES DE COLOR POR SOLUCIÓN (HOVER EXACTO) --- */
.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__links a.matechs-hover-cctv:hover { color: #FF0042 !important; }
.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__links a.matechs-hover-con:hover { color: #57B8FD !important; }
.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__links a.matechs-hover-solar:hover { color: #FEE300 !important; }
.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__links a.matechs-hover-comp:hover { color: #172DFD !important; }

/* --- CONTACTO E ICONOS --- */
.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__contact li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: var(--footer-muted);
  font-size: 0.95rem;
  line-height: 1.5;
}

.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__icon {
  font-size: 1.2rem;
  opacity: 0.9;
}

/* --- BARRA INFERIOR --- */
.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 2rem;
  border-top: 1px solid var(--footer-border);
  gap: 1.5rem;
}

.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__copy {
  color: var(--footer-muted);
  font-size: 0.85rem;
  margin: 0;
}

.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__legal {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__legal a {
  color: var(--footer-muted);
  text-decoration: none;
  font-size: 0.85rem;
  transition: all 0.3s ease;
}

.elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__separator {
  color: var(--footer-border);
  font-size: 0.85rem;
}

/* --- REGLAS RESPONSIVE --- */
@media (max-width: 1024px) {
  .elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__main { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
  .elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer { padding: 4rem 20px 2rem 20px; }
  .elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__main { grid-template-columns: 1fr; gap: 2.5rem; }
  
  /* LOGO MÁS PROPORCIONADO EN MÓVIL */
  .elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__logo-img { max-height: 70px; }

  .elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__bottom { flex-direction: column; text-align: center; justify-content: center; }
  .elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__legal { justify-content: center; flex-wrap: wrap; }
  .elementor-434 .elementor-element.elementor-element-f1bd003 .matechs-footer__links a:hover { transform: translateX(3px); } 
}/* End custom CSS */