/* css/styles.css */
body {
    background-color: #FFFFFF;
    color: #0F2238;
    overflow-x: hidden;
}

.font-heading { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
}

/* Paleta de Colores de Marca Dartha */
.bg-dartha-cobalto { background-color: #1D4ED8 !important; }
.text-dartha-cobalto { color: #1D4ED8 !important; }
.border-dartha-cobalto { border-color: #1D4ED8 !important; }

.bg-dartha-marino { background-color: #0F2238 !important; }
.text-dartha-marino { color: #0F2238 !important; }
.border-dartha-marino { border-color: #0F2238 !important; }

.bg-dartha-coral { background-color: #FF6B6B !important; }
.text-dartha-coral { color: #FF6B6B !important; }
.border-dartha-coral { border-color: #FF6B6B !important; }

.bg-dartha-ambar { background-color: #F59E0B !important; }
.text-dartha-ambar { color: #F59E0B !important; }

.bg-dartha-hielo { background-color: #E0F2FE !important; }
.text-dartha-hielo { color: #E0F2FE !important; }
.border-dartha-hielo { border-color: #E0F2FE !important; }

.bg-dartha-blanco { background-color: #FFFFFF !important; }

/* Animaciones de revelado */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }

/* Tarjetas */
.service-card {
    transition: all 0.4s ease;
    border: 1px solid transparent;
}

.service-card:hover {
    transform: translateY(-5px);
    border-color: #1D4ED8;
    box-shadow: 0 20px 40px -15px rgba(29, 78, 216, 0.1);
}

.service-card:hover .icon-container i {
    color: #FF6B6B;
    transform: scale(1.1);
}

.icon-container i {
    transition: all 0.3s ease;
}

/* Fondo Canvas */
#tech-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.4;
    pointer-events: none;
}