:root {
    /* paleta oficial tamaroca */
    --tamaroca-azul-1: #3771c8;
    --tamaroca-azul-2: #162d50;
    
    --tamaroca-rojo-1: #ff5555;
    --tamaroca-rojo-2: #a02c2c;
    --tamaroca-rojo-3: #ff2a2a;
    
    --tamaroca-verde-1: #aad400;
    --tamaroca-verde-2: #445500;
    
    --tamaroca-amarillo: #ffdd55;
}

.text-extra-link-1 { color: var(--tamaroca-amarillo) !important; }

.text-primary { color: var(--tamaroca-azul-1) !important; }
.bg-primary { background-color: var(--tamaroca-azul-1) !important; }

.btn-primary {
    background-color: var(--tamaroca-azul-1) !important;
    border-color: var(--tamaroca-azul-1) !important;
    color: white !important;
}

.btn-primary:hover {
    background-color: var(--tamaroca-azul-2) !important; 
    border-color: var(--tamaroca-azul-2) !important;
}


.bg-dark {
    background-color: var(--tamaroca-azul-2) !important;
}


.hover-lift {
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;
    border-radius: 1rem;
    border: 1px solid rgba(0,0,0,0.05);
}

.hover-lift:hover {
    transform: translateY(-12px) rotate(2deg);
    box-shadow: 0 15px 35px rgba(55, 113, 200, 0.25) !important;
    border-bottom: 5px solid var(--tamaroca-amarillo) !important;
}


footer a i {
    transition: color 0.3s ease, transform 0.3s ease;
}

footer a:hover i {
    color: var(--tamaroca-amarillo) !important;
    transform: scale(1.3) rotate(-10deg); 
    display: inline-block;
}


.text-info { color: var(--tamaroca-verde-1) !important; }
.text-success { color: var(--tamaroca-rojo-1) !important; }
.btn-outline-success {
    color: var(--tamaroca-verde-2);
    border-color: var(--tamaroca-verde-2);
}
.btn-outline-success:hover {
    background-color: var(--tamaroca-verde-1);
    border-color: var(--tamaroca-verde-1);
    color: #162d50;
}