*{box-sizing:border-box}
body{margin:0;font-family:'Poppins',sans-serif;background:#f5f5f5}
.hero{background:#000;color:#fff;text-align:center;padding:100px 20px}
.hero h1{font-size:44px;letter-spacing:4px}
.hero span{color:#bbb}
.line{width:30px;height:3px;background:#e32626;margin:15px auto}
.hero p{color:#aaa}
.privacy{padding:60px;display:flex;justify-content:center}
.privacy-box{background:#fff;padding:35px;border-radius:12px;max-width:700px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,0.05)}
.form-section{padding:50px;display:flex;justify-content:center}
form{width:100%;max-width:600px;display:flex;flex-direction:column}
label{margin-top:15px}
input,textarea{margin-top:5px;padding:12px;border-radius:6px;border:1px solid #ccc}
textarea{height:140px}
button {
    cursor: pointer;
    transition: all 0.1s ease;
    box-shadow: 0 6px 0 #8e1515;
}

button:active {
    transform: translateY(5px);
    box-shadow: 0 1px 0 #8e1515;
}
.gracias{text-align:center;padding:40px;color:#666}
footer{text-align:center;padding:20px;font-size:12px;color:#888;border-top:1px solid #ddd}



.toast {
    position: fixed;
    top: 20px;
    right: 20px;
    background: #1e1e1e;
    color: #fff;
    padding: 15px 20px;
    border-radius: 8px;
    font-size: 14px;
    opacity: 0;
    transform: translateY(-20px);
    transition: all 0.3s ease;
    z-index: 9999;
}

.toast.show {
    opacity: 1;
    transform: translateY(0);
}

.toast.success {
    background: #28a745;
}

.toast.error {
    background: #e32626;
}
button {
    margin-top: 20px;
    background: #e32626;
    color: #fff;
    border: none;
    padding: 14px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    box-shadow: 0 5px 0 #a61c1c;
}

/* hover */
button:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 0 #a61c1c;
}

/* click */
button:active {
    transform: translateY(3px);
    box-shadow: 0 2px 0 #a61c1c;
}

/* disabled */
button:disabled {
    background: #999;
    cursor: not-allowed;
    box-shadow: none;
}