@media (prefers-color-scheme: dark) {

    body {
      background-color: #050220;
    }

    #home-hero {
      background-color: #050220;
    }

    #home-hero .bg {
      background: -o-linear-gradient(348.39deg, #110a3a 3.52%, #13094e 97.73%);
      background: linear-gradient(101.61deg, #110a3a 3.52%, #13094e 97.73%);
        /* otros estilos para el modo oscuro... */
    }

    #home-hero .container .content h1 { 
      text-shadow: -5px 7px 4px rgba(102, 102, 102, 0.35);
    }


  #service-section { 
      background-color: #110c3a !important;
      color: #FFF;
    }

    #service-section .container .boxes .box { 
      background-color: #110c3a !important;
      color: #FFF;
    }

    #service-section .container .boxes .box p { 
      color: #FFF;
    }

    #service-section .container .boxes .box .d-flex .more-info {
      color: #FFF;
    }

    #service-section .container .boxes .box .d-flex .icon { 
      opacity: .45;
    }

    #about-section { 
      background-color: #050220;
      color: #FFF;
    }

    #about-section .container .info p { 
      color: #FFF;
    }

    #cta-section {
      background-color: #050220;
    }

    #process-section {
      background-color: #050220;
    }

    #process-section .container h2 {
      color: #fcd03f;
    }

   #process-section .container .boxes .box { 
      background-color: #110c3a !important;
      color: #FFF;
      -webkit-box-shadow: 4px 4px 25px rgba(251, 250, 250, 0.4);
      box-shadow: 4px 4px 25px rgba(251, 250, 250,0.4);
    }

    #process-section .container .boxes .box .inbox .header h5 {
      color: #fff;
    }

    #process-section .container .boxes .box .inbox p {
      color: #fff;
    }

    #contacto {
      background: -o-linear-gradient(348.39deg, #110a3a 3.52%, #13094e 97.73%);
      background: linear-gradient(101.61deg, #110a3a 3.52%, #13094e 97.73%);
        /* otros estilos para el modo oscuro... */
    }

    #main-footer .inwrap { 
      color: #fff;
    }

    #trabajos {
      background: -o-linear-gradient(348.39deg, #110a3a 3.52%, #13094e 97.73%);
      background: linear-gradient(101.61deg, #110a3a 3.52%, #13094e 97.73%);
        /* otros estilos para el modo oscuro... */
    }

    #cta-section .container {
      background: -o-linear-gradient(348.39deg, #110a3a 3.52%, #13094e 97.73%);
      background: linear-gradient(101.61deg, #110a3a 3.52%, #13094e 97.73%);
    }

  }