.header,.logo,.logo-text,.navbar,.navbar ul{display:flex}.logo a,.logo-text a,.navbar ul li a{text-decoration:none}.logo-text h1,.navbar ul li a{font-weight:700;font-family:Georgia,serif}.logo-text h1,.navbar ul li a,.subtitulo{font-family:Georgia,serif}.header{background:linear-gradient(to right,#5a3e1b,#8a5e2a);color:#fff;padding:15px 20px;align-items:center;justify-content:space-between;box-shadow:0 4px 6px rgba(0,0,0,.1);flex-wrap:wrap}.logo-text h1:hover,.subtitulo{color:#d4a373}.logo{align-items:center;gap:10px}.logo img{width:50px;height:50px;border-radius:50%;border:2px solid #fff;transition:transform .3s}.logo img:hover{transform:scale(1.1)}.logo-text{flex-direction:column;align-items:flex-start}.logo-text a{color:#fff}.logo-text h1{font-size:24px;margin:0;transition:color .3s}.subtitulo{font-size:14px;font-style:italic;margin-top:3px}.navbar{flex-grow:1;justify-content:center}.navbar ul{list-style:none;margin:0;padding:0;gap:15px}.navbar ul li{display:inline}.navbar ul li a{color:#fff;font-size:16px;padding:10px 15px;border-radius:5px;transition:background .3s,transform .2s}.navbar ul li a:hover{background:rgba(255,255,255,.3);transform:scale(1.05)}@media (max-width:768px){.header{flex-direction:column;text-align:center}.logo{justify-content:center;margin-bottom:10px}.navbar{width:100%;display:flex;justify-content:center}.navbar ul{flex-direction:column;align-items:center;gap:8px;width:100%}.navbar ul li a{width:100%;text-align:center}}.logo-principal{font-size:24px;margin:0;font-weight:700;font-family:Georgia,serif;color:#fff;transition:color .3s}.logo-principal:hover{color:#d4a373}