/* Tipografía global */
html {
    font-size: 115%;   /* +15% de tamaño */
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #000000;
    color: #ffffff;
}

/* Color general de textos */
* {
    color: inherit;
}

/* Colores corporativos */
.text-accent {
    color: #FF7700 !important;   /* Naranja principal */
}

/* Header */
header {
    background-color: #000000 !important;
    border-bottom: 1px solid #1f1f1f;
}

header a {
    color: #ffffff !important;
}

header a:hover {
    color: #ffffff !important;
}

/* CTA */
.cta-gradient {
    background: linear-gradient(135deg, #FF7700, #cc5f00);
    color: #ffffff !important;
    transition: all 0.3s ease;
}

.cta-gradient:hover {
    background: linear-gradient(135deg, #cc5f00, #ff7700);
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(255, 119, 0, 0.4);
}

/* Sección Hero */
#inicio {
    background-color: #000000;
    border-bottom: 1px solid #1f1f1f;
}

#inicio h1 {
    color: #ffffff;
}

#inicio p {
    color: #cccccc;
}

/* Problemas */
#problemas {
    background-color: #0a0a0a;
}

#problemas .card-dark {
    background-color: #111111 !important;
    color: #ffffff !important;
}

#problemas p {
    color: #cccccc;
}

/* Placeholder */
.bg-gray-200 {
    background-color: #1a1a1a !important;
    color: #555555 !important;
}

/* Menú móvil */
#mobile-menu {
    background-color: #000000 !important;
    border-color: #1f1f1f;
}

#mobile-menu a:hover {
    background-color: #1a1a1a !important;
}
/* BOTÓN FLOTANTE WHATSAPP */
.whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 25px;
    background-color: #25D366; /* Verde WhatsApp */
    padding: 14px;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5);
    z-index: 9999;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.whatsapp-button:hover {
    transform: scale(1.1);
    box-shadow: 0 0 20px rgba(37, 211, 102, 0.6);
}

.whatsapp-button img {
    filter: invert(100%);
}