.elementor-338 .elementor-element.elementor-element-0fa0b26{--display:flex;--overlay-opacity:0.1;}.elementor-338 .elementor-element.elementor-element-0fa0b26:not(.elementor-motion-effects-element-type-background), .elementor-338 .elementor-element.elementor-element-0fa0b26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-338 .elementor-element.elementor-element-0fa0b26::before, .elementor-338 .elementor-element.elementor-element-0fa0b26 > .elementor-background-video-container::before, .elementor-338 .elementor-element.elementor-element-0fa0b26 > .e-con-inner > .elementor-background-video-container::before, .elementor-338 .elementor-element.elementor-element-0fa0b26 > .elementor-background-slideshow::before, .elementor-338 .elementor-element.elementor-element-0fa0b26 > .e-con-inner > .elementor-background-slideshow::before, .elementor-338 .elementor-element.elementor-element-0fa0b26 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://elgeneralmaintenance.com/wp-content/uploads/2025/11/9a406a9d-7d31-4372-a8c5-109fd85a98fd.webp");--background-overlay:'';}:root{--page-title-display:none;}/* Start custom CSS */.electrical-general {
  background: #0A0A05;
  color: #fff;
  font-family: 'Arial Black', 'Impact', sans-serif;
  line-height: 1.6;
}

/* HERO */
.electrical-general .hero {
  position: relative;
  min-height: 90vh;
  background: linear-gradient(to bottom, #332B00 0%, #4D4300 70%, #1C1800 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow: hidden;
}

.electrical-general .electrical-hero-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.25;
  z-index: 1;
  filter: brightness(0.8) contrast(1.1);
}

.electrical-general .hero-content {
  position: relative;
  z-index: 5;
  animation: fadeInUp 1.2s ease-in-out;
}

.electrical-general .hero h1 {
  font-size: clamp(58px, 9vw, 120px);
  color: #FFE75F;
  text-transform: uppercase;
  text-shadow: 0 0 60px #FFF4A1, 5px 5px 20px #000;
  letter-spacing: 3px;
}

.electrical-general .hero h2 {
  font-size: clamp(28px, 5vw, 60px);
  color: #FFFCEE;
  font-weight: bold;
  text-shadow: 2px 2px 10px #000;
  margin-top: 10px;
}

.electrical-general .subtitle {
  font-size: clamp(18px, 3vw, 26px);
  color: #FFF59E;
  margin-top: 20px;
  font-weight: 500;
}

/* SERVICES */
.electrical-general .about-electrical {
  padding: 100px 30px;
  text-align: center;
  max-width: 1200px;
  margin: auto;
}

.electrical-general .about-electrical h2 {
  font-size: clamp(36px, 6vw, 80px);
  color: #FFE75F;
  text-shadow: 0 0 40px #FFE75F;
}

.electrical-general .electrical-services {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 40px;
  margin-top: 60px;
}

.electrical-general .service {
  background: rgba(255, 231, 95, 0.1);
  border: 6px solid #FFE75F;
  border-radius: 30px;
  padding: 40px 20px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.6);
  transition: transform .4s ease, box-shadow .4s ease;
}

.electrical-general .service:hover {
  transform: translateY(-10px);
  box-shadow: 0 40px 100px rgba(255, 231, 95, 0.6);
}

.electrical-general .service h3 {
  color: #FFE75F;
  font-size: clamp(22px, 3vw, 32px);
  margin-bottom: 10px;
}

/* GALLERY */
.electrical-general .electrical-gallery {
  padding: 100px 30px;
  text-align: center;
}

.electrical-general .electrical-gallery h2 {
  font-size: clamp(36px, 6vw, 80px);
  color: #FFE75F;
  text-shadow: 0 0 40px #FFE75F;
}

.electrical-general .gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin-top: 50px;
}

.electrical-general .gallery-grid img {
  width: 100%;
  border-radius: 20px;
  border: 5px solid #FFE75F;
  box-shadow: 0 10px 40px rgba(0,0,0,0.6);
  transition: transform .3s ease, box-shadow .3s ease;
}

.electrical-general .gallery-grid img:hover {
  transform: scale(1.05);
  box-shadow: 0 20px 80px rgba(255, 231, 95, 0.6);
}

/* CTA */
.electrical-general .electrical-cta {
  background: linear-gradient(to bottom, #403800, #2A2400);
  text-align: center;
  padding: 120px 30px;
  border-top: 10px double #FFE75F;
}

.electrical-general .electrical-cta h2 {
  font-size: clamp(36px, 6vw, 80px);
  color: #FFE75F;
  text-shadow: 0 0 40px #FFE75F;
}

.electrical-general .electrical-cta p {
  font-size: clamp(18px, 3vw, 28px);
  color: #fff;
  margin: 30px auto;
}

.electrical-general .btn-electrical {
  display: inline-block;
  background: linear-gradient(135deg, #FFFBA3, #FFE75F, #FFFDD0);
  color: #000;
  font-size: clamp(24px, 5vw, 48px);
  font-weight: 900;
  padding: 25px 80px;
  border-radius: 100px;
  text-decoration: none;
  border: 8px solid #000;
  box-shadow: 0 40px 100px rgba(255, 231, 95, 0.9);
  transition: transform .4s ease;
}

.electrical-general .btn-electrical span {
  display: block;
  font-size: clamp(18px, 3vw, 30px);
}

.electrical-general .btn-electrical:hover {
  transform: translateY(-10px) scale(1.05);
}

/* Animación */
@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(40px); }
  100% { opacity: 1; transform: translateY(0); }
}

@media (max-width:768px){
  .electrical-general .hero{padding:80px 20px;min-height:70vh;}
  .electrical-general .gallery-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}
}
/* MATA TODO EL ESPACIO BLANCO EN CONTACT US */
body.page-id-XXX,  /* cambia XXX por el ID real de tu página Contact Us */
.elementor-page,
#page,
.site-content,
.entry-content {
  background: #000000 !important;   /* fondo negro militar total */
  padding: 0 !important;
  margin: 0 !important;
}

/* Quita espacios del section principal */
.elementor-section,
.elementor-top-section,
.elementor-widget-wrap {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Quita el padding que Elementor pone por defecto */
.elementor-section-height-min-height .elementor-section {
  min-height: 0 !important;
}

/* Si tienes un section con fondo blanco, lo mata */
.elementor-section.elementor-section-boxed > .elementor-container {
  padding: 0 !important;
  margin: 0 auto !important;
}/* End custom CSS */