body{ font-family: Arial, sans-serif; } .navbar{ background:#c62828; } .hero{ height:100vh; background: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), url('https://images.unsplash.com/photo-1414235077428-338989a2e8c0'); background-size:cover; background-position:center; display:flex; align-items:center; justify-content:center; } .hero h1{ font-size:4rem; font-weight:bold; } .info{ background:#fff8e1; } .footer{ background:#212121; } .whatsapp{ position:fixed; bottom:25px; right:25px; background:#25D366; color:white; width:65px; height:65px; border-radius:50%; display:flex; justify-content:center; align-items:center; font-size:35px; text-decoration:none; box-shadow:0 5px 15px rgba(0,0,0,.3); z-index:999; }

.btn-rojo {
    display: inline-block;
    padding: 12px 28px;
    background: linear-gradient(135deg, #d32f2f, #b71c1c);
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(183, 28, 28, 0.3);
    transition: all 0.3s ease;
}

.btn-rojo:hover {
    background: linear-gradient(135deg, #e53935, #c62828);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(183, 28, 28, 0.4);
}

.btn-rojo:active {
    transform: translateY(0);
    box-shadow: 0 3px 8px rgba(183, 28, 28, 0.3);
}

.btn-rojo:focus {
    outline: none;
    box-shadow: 0 0 0 4px rgba(244, 67, 54, 0.3);
}