@import 'colors.css';

/* Footer */
footer {
    padding: 40px;
    background-color: var(--secondary-background-color-dark);
    text-align: center;
    color: var(--primary-text-color-dark);
}

footer .logo {
    font-family: "Playfair Display", "Yeseva One","Jacques Francois Shadow","Kalnia Glaze","DM Serif Text","Jacques Francois Shadow", serif;
    /*font-family: "Yeseva One";
    font-family: "Jacques Francois Shadow";
    font-family: "Kalnia Glaze";
    font-family: "DM Serif Text";
    font-family: "Jacques Francois Shadow";
    font-family: "Playfair Display";*/

    font-size: 29px;
    font-weight: bold;

    /*revisar*/
    letter-spacing: 1.8vw;
    white-space: nowrap;
    transition: letter-spacing 0.2s ease;

    background: var(--gradient-color);
    background-size: 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine 15s infinite ease-in-out; /* Animación de ida y vuelta */
}

footer p {
    margin: auto;
    margin-block: 5px;
    font-size: 16px;
    max-width: 600px;
    color: var(--primary-text-color-dark);
}

footer a{
    color: var(--primary-text-color-dark);
}


footer .power-by{
    font-size: 10px;
}

footer .power-by strong{
    font-family: Montserrat, Arial, sans-serif;
}

footer .power-by p{
    font-size: 10px;
}

footer .power-by .privacidad-datos {
    font-size: 10px; color: #999;
}

footer .power-by .btn {
    text-decoration: none; 
    background: linear-gradient(to right, #ff3860, blue); 
    color: white; padding: 5px 10px; border-radius: 5px;
}