*,:after,:before{box-sizing:border-box}.page{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e6f7ff);padding:2rem 1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.wrapper{max-width:1250px;margin:0 auto}.loadingContainer{display:flex;justify-content:center;align-items:center;height:60vh;font-size:1.5rem;color:#3498db}.loadingSpinner{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;animation:spin 2s linear infinite;margin-right:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{text-align:center;padding:3rem 1.5rem;border-bottom:3px solid #3498db;color:#2c3e50;margin-top:-75px;margin-bottom:0;height:100px;font-size:2.5rem}.header h1{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.header p{font-size:1.1rem;opacity:.9;margin:0}.section{margin-bottom:4rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.section h2{font-size:clamp(1.2rem,2.5vw,1.5rem);color:#1e40af;font-weight:700;margin:0 0 2rem;text-align:center;width:100%}.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;width:100%;max-width:1000px}.card{display:flex;align-items:center;gap:1.2rem;padding:1.5rem;background:hsla(68,54%,84%,.2);border-radius:12px;border:1px solid #f1f5f9;transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.05);border-color:#13cb13;background:#f1f5d8}.icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon img{width:100%;height:100%;object-fit:contain}.label{font-size:.75rem;color:#6b7280;font-weight:700;text-transform:uppercase;margin-bottom:.2rem}.value{font-size:1rem;color:#1e293b;font-weight:500}.section-appointment{padding:40px 0;box-sizing:border-box}.appointmentBox,.section-appointment{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.appointmentBox{background:#f8fafc;border-radius:16px;border:1px solid #c6d5e7;padding:2.5rem 1.5rem;max-width:1000px;margin:0 auto;overflow:hidden}.appointmentBox>div{width:100%;display:flex}.mapBox{width:100%;max-width:1100px;height:400px;border-radius:15px;overflow:hidden;border:1px solid #d3deed;box-shadow:0 4px 15px rgba(0,0,0,.05)}.mapBox iframe{width:100%;height:100%;border:none}.feedbackBox{background:#f8fafc;border-radius:15px;border:1px solid #e2e8f0;padding:2.5rem;width:100%}.form{display:grid;grid-gap:1.2rem;gap:1.2rem;width:100%;max-width:700px;margin:0 auto}.form input,.form textarea{width:100%;padding:1rem;border-radius:10px;border:2px solid #e5e7eb;font-size:1rem;outline:none;transition:border-color .3s ease}.form input:focus,.form textarea:focus{border-color:#0b7ac4}.form button[type=submit]{background-color:#0b7ac4;color:#fff;padding:1rem;border-radius:10px;border:none;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.form button[type=submit]:hover{background-color:#1e40af;transform:translateY(-2px)}@media (max-width:768px){.grid{grid-template-columns:1fr}.header{padding:2rem 1rem}.wrapper{padding:1.5rem 1rem}}@media (max-width:480px){.header h1{font-size:1.8rem}.appointmentBox{padding:1.5rem 1rem}.mapBox{margin-left:clamp(10px,4vw,0px)}}@media (min-width:1258px){.header{text-align:center;justify-content:center;margin-bottom:0;padding:3rem 1.5rem;border-bottom:3px solid #3498db;color:#2c3e50;margin-top:-75px;height:140px;font-size:2.5rem}}@media (min-width:1000px){.header{text-align:center;justify-content:center;padding:3rem 1.5rem;border-bottom:3px solid #3498db;color:#2c3e50;margin-top:-70px;height:120px;font-size:2.5rem}}