body.darkmode {
  --primary-white: var(--darkmode-gray-body);
  background-color: var(--primary-white);
}

body.darkmode a, body.darkmode .titles {
    color: var(--darkmode-blue);
}

body.darkmode .white-p,
 body.darkmode .button-p,
  body.darkmode .time,
   body.darkmode .status,
    body.darkmode .modal-text,
     body.darkmode .faq-answer,
      body.darkmode .faq-list,
       body.darkmode .fa-xmark,
        body.darkmode .form-footer div p {
    color: var(--darkmode-gray);
}


body.darkmode .zap-text, body.darkmode .campo-2, body.darkmode .campo, body.darkmode .popup-explain-p  {
    color: #ffffff;
}

body.darkmode .campo:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #2C2C2C inset;
    -webkit-text-fill-color: #ffffff;
}

body.darkmode #button-bulb {
    color: var(--darkmode-gray-footer);
    background-color: #ffffff;
}

body.darkmode .gray-area {
    background-color: var(--darkmode-gray-area);
}

body.darkmode .ninth-container {
    background:  linear-gradient(to bottom, var(--darkmode-gray-area) 1%, transparent 3%);
    background-color: #E0E0E0;
}

body.darkmode .ninth-container-images-2 {
    background:  linear-gradient(to top, var(--darkmode-gray-area) 1%, transparent 5%);
    background-color: #E0E0E0;
}

body.darkmode .footer-content {
    background-color: var(--darkmode-gray-footer);
    color: var(--darkmode-gray);
}

body.darkmode .fa-phone, body.darkmode .footer-circle {
    color: var(--darkmode-gray-footer);
    background-color: var(--darkmode-gray);
}

body.darkmode .footer-circle:hover {
     background-color: var(--primary-gray-selected);
}

body.darkmode #ballon2 {
    background-color: var(--darkmode-green);
}

body.darkmode .fa-arrow-right {
    color: var(--primary-black);
}

body.darkmode #button-dark:hover,
body.darkmode #button-faq:hover,
body.darkmode .fa-xmark:hover {
  background-color: var(--darkmode-gray-selected);
}

body.darkmode .fake-zap {
  width: 100%;
  height: 90%;
  background-image: url(../images/whatsapp-noturno-hero.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
