/* ==========================================================================
   ESTILOS DEL FOOTER CLAYMÓRFICO
   ========================================================================== */

.clay-footer {
    background: var(--clay-bg);
    border-top: 2px solid rgba(0, 0, 0, 0.03);
}

.clay-footer-card {
    background: #ffffff;
    border-radius: 32px;
    padding: 2rem;
    box-shadow: 
        10px 14px 22px rgba(0, 0, 0, 0.06),
        inset -5px -6px 10px rgba(0, 0, 0, 0.05),
        inset 5px 6px 10px rgba(255, 255, 255, 0.9);
}

.clay-footer-inset {
    background: #eae7e8;
    border-radius: 24px;
    box-shadow: 
        inset 4px 6px 10px rgba(0, 0, 0, 0.1),
        inset -4px -6px 10px rgba(255, 255, 255, 0.8);
}

.hover-rojo {
    transition: color 0.2s ease, transform 0.2s ease;
}

.hover-rojo:hover {
    color: var(--pt-rojo) !important;
    transform: translateX(4px);
}