:root{--primary-red: #c12b2b;--primary-blue: #104566;--secondary-blue: #0068b3;--white: #ffffff;--black: #000000;--light-gray-bg: #f8f9fa;--font-headings: "Roboto", sans-serif;--font-body: "Roboto", sans-serif}html{background-color:var(--light-gray-bg)}body{margin:0;font-family:var(--font-body);background-color:var(--light-gray-bg);color:var(--primary-blue);box-sizing:border-box;min-height:100vh}#root{width:100%}.top-bar{background-color:var(--primary-blue);color:var(--white);padding:.5rem 1.5rem;width:100%;box-sizing:border-box;font-size:.9rem}.top-bar-content{display:flex;justify-content:space-between;align-items:center;max-width:975px;margin:0 auto}.phone-info{display:flex;align-items:center;gap:.5rem}.phone-info a{color:var(--white);text-decoration:none;font-weight:600;font-family:var(--font-headings)}.phone-info a:hover{text-decoration:underline}.lang-switcher{display:flex;align-items:center;gap:.5rem}.lang-btn{background:none;border:none;color:var(--white);cursor:pointer;font-family:var(--font-headings);font-weight:600;font-size:.9rem;padding:.25rem;opacity:.7;transition:opacity .2s ease}.lang-btn.active,.lang-btn:hover{opacity:1}.lang-btn.active{text-decoration:underline;text-underline-offset:4px}.lang-switcher span{opacity:.5}.container{max-width:975px;width:100%;background-color:var(--white);padding:2rem 1.5rem;border-radius:16px;box-shadow:0 8px 32px #0000001a;text-align:center;animation:fadeIn .8s ease-in-out;margin:2rem auto;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logo{max-width:180px;margin-bottom:1rem}.slogan{font-family:var(--font-headings);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--primary-red);margin:.5rem 0 1.5rem}.info-text{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.contact-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem;border-radius:8px;text-decoration:none;font-weight:700;font-family:var(--font-headings);font-size:1.1rem;transition:transform .2s ease,box-shadow .2s ease;border:none;cursor:pointer}.btn i{margin-right:.75rem;font-size:1.3rem}.btn:hover{transform:translateY(-4px);box-shadow:0 6px 15px #00000026}.btn-call{background-color:var(--primary-blue);color:var(--white)}.btn-appointment{background-color:var(--primary-red);color:var(--white)}.btn-whatsapp{background-color:#25d366;color:var(--white)}.website-promo{margin-bottom:0;padding:2rem 0;border-top:1px solid #eee}.promo-text{font-size:1.1rem;line-height:1.6;margin-top:0;margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.btn-website{background-color:var(--secondary-blue);color:var(--white)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}.feature-item{text-align:center}.feature-item i{font-size:2.5rem;color:var(--primary-red);margin-bottom:1rem}.feature-item h3{font-family:var(--font-headings);font-size:1.2rem;color:var(--primary-blue);margin-top:0;margin-bottom:.75rem}.feature-item p{font-size:.95rem;line-height:1.5;color:var(--primary-blue);margin:0}.socials{border-top:1px solid #eee;padding-top:2rem;margin-bottom:1.5rem}.socials-cta{font-size:1.1rem;font-weight:600;font-family:var(--font-headings);margin:0 0 1.5rem;color:var(--primary-blue)}.socials a{color:var(--primary-blue);font-size:2.2rem;margin:0 .75rem;transition:color .3s ease,transform .3s ease;display:inline-block}.socials a:hover{color:var(--primary-red);transform:scale(1.1)}@media (max-width: 992px){.features{grid-template-columns:1fr;gap:2.5rem}}@media (max-width: 630px){.container{margin-left:1rem;margin-right:1rem;width:auto}}@media (min-width: 500px){.contact-buttons{flex-direction:row;justify-content:center}.btn{padding:1rem 1.5rem}.container{padding:3rem}.socials a{margin:0 1rem}}
