/* BOTONES BLANCOS PARA PC - APLICAR EN TODAS LAS PÁGINAS */

/* SOLO PARA PANTALLAS DE PC (769px+) */
@media screen and (min-width: 769px) {
  
  /* BOTONES BLANCOS - MÁXIMA ESPECIFICIDAD */
  html body .whatsapp-link,
  html body .btn-whatsapp,
  html body .btn-primary,
  html body .btn,
  html body a.whatsapp-link,
  html body a.btn-whatsapp,
  html body a.btn-primary,
  html body a.btn,
  html body a[href*="wa.me"],
  html body a[href*="19808088760"],
  html body a[class*="btn"],
  html body a[class*="whatsapp"],
  html body .cta-box a,
  html body .contact-item a[href*="wa.me"],
  html body div .whatsapp-link,
  html body div a[href*="wa.me"],
  html body div a[href*="19808088760"],
  html body .cta-box .whatsapp-link,
  html body .contact-item .whatsapp-link {
    color: #ffffff !important;
    background-color: #25D366 !important;
    text-decoration: none !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    display: inline-block !important;
  }
  
  /* REGLA DE FUERZA BRUTA - SOBRESCRIBIR TODO */
  html body * a[href="https://wa.me/19808088760"],
  html body * .whatsapp-link,
  html body * a[class="whatsapp-link"] {
    color: #ffffff !important;
    background: #25D366 !important;
    background-color: #25D366 !important;
  }
  
  /* HOVER STATES */
  html body .whatsapp-link:hover,
  html body .btn-whatsapp:hover,
  html body .btn-primary:hover,
  html body .btn:hover,
  html body a.whatsapp-link:hover,
  html body a.btn-whatsapp:hover,
  html body a.btn-primary:hover,
  html body a.btn:hover,
  html body a[href*="wa.me"]:hover,
  html body a[href*="19808088760"]:hover,
  html body a[class*="btn"]:hover,
  html body a[class*="whatsapp"]:hover,
  html body .cta-box a:hover,
  html body .contact-item a[href*="wa.me"]:hover,
  html body div .whatsapp-link:hover,
  html body div a[href*="wa.me"]:hover,
  html body div a[href*="19808088760"]:hover,
  html body .cta-box .whatsapp-link:hover,
  html body .contact-item .whatsapp-link:hover {
    color: #ffffff !important;
    background-color: #128C7E !important;
    background: #128C7E !important;
  }
  
  /* EXCLUIR BOTONES DE ENLACES NEGROS */
  html body a:not(.btn):not(.hero-tab):not(.service-card):not(.whatsapp-link):not([href*="wa.me"]):not([href*="19808088760"]) {
    color: #222222 !important;
  }
  
  /* ENLACES DE CONTACTO NEGROS - SOLO LOS QUE NO SON WHATSAPP */
  html body .contact-item a:not(.whatsapp-link):not([href*="wa.me"]):not([href*="19808088760"]) {
    color: #222222 !important;
  }
}