@media (max-width: 768px){.hamburger{display:block}#main-nav ul{position:fixed;top:0;left:-100%;width:100%;height:100vh;background-color:#1a1a1af2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:left .3s ease-in-out;padding:0}#main-nav.is-active ul{left:0}#main-nav ul li{margin:20px 0}#main-nav ul a{color:#fff;font-size:1.5rem;padding:10px 20px}.contact-button,.login-button{border:2px solid var(--color-principal);background-color:transparent}.contact-button:hover,.login-button:hover{background-color:var(--color-principal)}.hero-content h1{font-size:2.8rem}.hero-content p{font-size:1.2rem}.featured-pets h2,.team-section h2,.page-header h1{font-size:2.2rem}.page-header p{font-size:1.1rem}.help-section .container,.about-flex,.contact-section .container{flex-direction:column;gap:2rem}.about-flex{flex-direction:column-reverse}.pet-card{width:90%;max-width:380px;transform:none!important}.pet-card:hover{box-shadow:0 10px 30px #0000001a}.team-card{width:90%;max-width:380px}.sidebar{display:none}.main-content{margin-left:0;width:100%;padding:1rem}.main-content .header{flex-direction:column;align-items:flex-start;gap:1rem}.search-bar{width:100%}.messages-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.hero-content .cta-button{padding:.8rem 1.5rem;font-size:1rem}