html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

@media (max-width: 1200px) {
    .aboutBook h1 { margin-top: 240px; }
    .hero-logo { width: 500px; top: 40px; }
    .hero-image { width: 700px; transform: translateY(70px); }
    .order-container { max-width: 85%; }
    .aboutAuthor h1, .aboutBook h1 { font-size: 1.6rem; }
    .aboutAuthor p, .aboutBook p { font-size: 1rem; }
    .footer-container { max-width: 90%; }
}

@media (max-width: 1023px) {
    .hero-logo { width: 450px; top: 35px; }
    .hero-image { width: 650px; transform: translateY(60px); }
    .order-container { flex-direction: column; align-items: center; }
    .order-image img { width: 100%; max-width: 350px; }
    .order-details { padding: 15px; }
    .order-details h2 { font-size: 1.4rem; }
    .aboutAuthor h1, .aboutBook h1 { font-size: 1.5rem; text-align: center; }
    .aboutAuthor p, .aboutBook p { font-size: 0.95rem; text-align: center; }
    .imgNomeMauricio { width: 85%; }
    .fotoMauricio { margin-top: 40px; }
    .footer-container { flex-direction: column; align-items: center; gap: 25px; }
}

@media (max-width: 767px) {
    .hero-logo { width: 90%; top: 25px; }
    .hero-image { width: 90%; transform: translateY(40px); }
    .order-container { padding: 0 10px; flex-direction: column; }
    .order-image img { width: 100%; max-width: 300px; }
    .order-details { padding: 12px; }
    .order-details h2 { font-size: 1.3rem; }
    .order-details input, .order-details select { padding: 10px 12px; font-size: 0.9rem; }
    .order-button { width: 100%; padding: 10px; font-size: 0.95rem; }
    .aboutAuthor h1, .aboutBook h1 { font-size: 1.4rem; }
    .aboutAuthor p, .aboutBook p { font-size: 0.9rem; text-align: center; }
    .imgNomeMauricio { width: 95%; }
    .fotoMauricio { margin-top: 25px; max-width: 90%; }
    .navbar-container { flex-wrap: wrap; justify-content: space-between; padding: 10px 20px; }
}

@media (max-width: 480px) {
    .hero-logo { width: 85%; top: 15px; }
    .hero-image { width: 85%; transform: translateY(25px); }
    .order-container { padding: 0 5px; flex-direction: column; }
    .order-image img { width: 100%; max-width: 250px; }
    .order-details { padding: 8px; }
    .order-details h2 { font-size: 1.1rem; }
    .order-details input, .order-details select { padding: 8px 10px; font-size: 0.85rem; }
    .order-button { width: 100%; padding: 8px; font-size: 0.9rem; }
    .aboutAuthor h1, .aboutBook h1 { font-size: 1.3rem; }
    .aboutAuthor p, .aboutBook p { font-size: 0.85rem; text-align: center; }
    .imgNomeMauricio { width: 100%; }
    .fotoMauricio { margin-top: 20px; max-width: 100%; }
    .footer-container { flex-direction: column; text-align: center; gap: 15px; }
    .footer-bottom { position: relative; padding: 15px 10px; text-align: center; }
    .footer-bottom .footer-image { position: relative; right: 0; margin: 15px 0 0 0; width: 70px; height: auto; }
}