:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;width:100%;min-height:100vh;display:block}#root{width:100%;margin:0;padding:0;text-align:left}:root{--mansion-blue: #0a192f;--mansion-gold: #c5a059;--mansion-gold-hover: #b08d45;--text-light: #f4f4f4;--text-dark: #333}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background-color:#f9f9f9;color:var(--text-dark)}.hero-container{background-image:url(https://images.unsplash.com/photo-1613490493576-7fde63acd811?q=80&w=2071&auto=format&fit=crop);background-size:cover;background-position:center;height:90vh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.hero-overlay{background:#0a192fb3;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}h1{font-size:3.5rem;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.gold-text{color:var(--mansion-gold)}p{font-size:1.5rem;margin-bottom:30px;max-width:800px}.cta-button{padding:15px 40px;font-size:1.2rem;background-color:var(--mansion-gold);color:var(--mansion-blue);border:none;cursor:pointer;border-radius:2px;font-weight:700;transition:all .3s ease}.cta-button:hover{background-color:var(--mansion-gold-hover);transform:translateY(-2px)}.services-section{padding:80px 20px;background-color:#f4f6f8}.section-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:60px;padding:0 20px}.section-title{color:var(--mansion-blue);font-size:2.5rem;text-transform:uppercase;margin-bottom:15px}.section-subtitle{color:#666;font-size:1.2rem;max-width:800px;margin:0 auto;line-height:1.6}.services-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;max-width:1300px;margin:0 auto}.service-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000000f;transition:transform .3s ease;display:flex;flex-direction:column;flex:0 1 350px;width:100%;max-width:400px}.service-card:hover{transform:translateY(-5px)}.service-image-container{width:100%;height:220px;overflow:hidden}.service-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.service-card:hover .service-img{transform:scale(1.05)}.service-content{padding:25px;display:flex;flex-direction:column;flex-grow:1}.service-content h3{color:var(--mansion-blue);font-size:1.4rem;margin-bottom:15px;border-bottom:2px solid var(--mansion-gold);padding-bottom:10px;display:inline-block}.service-desc{color:#555;font-size:.95rem;line-height:1.5;margin-bottom:20px;font-style:italic}.service-includes{margin-top:auto;background-color:#fafafa;padding:15px;border-radius:5px;border-left:3px solid var(--mansion-gold)}.service-includes h4{color:var(--mansion-blue);font-size:.9rem;text-transform:uppercase;margin-bottom:10px;font-weight:700}.service-includes ul{list-style:none;padding:0;margin:0}.service-includes li{position:relative;padding-left:20px;margin-bottom:8px;font-size:.9rem;color:#444;line-height:1.4}.service-includes li:before{content:"✔";color:var(--mansion-gold);font-weight:700;position:absolute;left:0;top:0}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 50px;background-color:var(--mansion-blue);position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000004d}.navbar-logo{display:flex;align-items:center;gap:10px}.logo-img{height:80px;border-radius:5px}.logo-text{color:var(--mansion-gold);font-size:1.5rem;font-weight:700;letter-spacing:2px}.navbar-links{list-style:none;display:flex;gap:30px;align-items:center}.navbar-links a{text-decoration:none;color:#fff;font-size:1rem;transition:color .3s}.navbar-links a:hover{color:var(--mansion-gold)}.nav-cta{background-color:var(--mansion-gold);color:var(--mansion-blue)!important;padding:8px 20px;border-radius:4px;font-weight:700}.nav-cta:hover{background-color:var(--mansion-gold-hover)}.footer{background-color:var(--mansion-blue);color:#fff;padding:60px 20px 20px}.footer-content{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.footer-section h3{color:var(--mansion-gold);margin-bottom:20px;font-size:1.3rem;text-transform:uppercase}.footer-desc{font-size:.9rem;color:#ccc;margin-top:10px;line-height:1.6}.contact p{margin-bottom:10px;font-size:.95rem}.links ul{list-style:none}.links ul li{margin-bottom:10px}.links a{color:#ccc;text-decoration:none}.links a:hover{color:var(--mansion-gold)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:#888}.about-section{padding:80px 20px;background-color:#fff}.about-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-text p{margin-bottom:20px;font-size:1.1rem;color:#444;line-height:1.8;text-align:justify}.about-text strong{color:var(--mansion-blue);font-weight:700}.about-values{display:flex;flex-direction:column;gap:20px}.value-card{background-color:var(--mansion-blue);padding:30px;border-left:5px solid var(--mansion-gold);color:#fff;border-radius:4px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease}.value-card:hover{transform:translate(10px)}.value-card h3{color:var(--mansion-gold);font-size:1.5rem;margin-bottom:10px;text-transform:uppercase}.value-card p{font-size:1rem;line-height:1.5;color:#e0e0e0}@media(max-width:768px){.about-container{grid-template-columns:1fr;gap:40px}}.values-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.values-list li{font-size:.95rem;color:#e0e0e0;position:relative;padding-left:15px}.values-list li:before{content:"▪";color:var(--mansion-gold);font-size:1.2rem;position:absolute;left:0;top:-2px}.contact-section{padding:80px 20px;background-color:#fff;text-align:center}.contact-container{max-width:1000px;margin:0 auto}.contact-intro{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:20px;max-width:800px;margin-left:auto;margin-right:auto}.contact-cta{font-size:1.2rem;color:var(--mansion-blue);font-weight:700;margin-bottom:40px}.company-info-card{background-color:#f8f9fa;padding:30px;border-radius:8px;border-top:4px solid var(--mansion-gold);margin-bottom:60px;box-shadow:0 4px 10px #0000000d}.company-info-card h3{color:var(--mansion-blue);margin-bottom:15px;letter-spacing:1px}.team-title{font-size:2rem;color:var(--mansion-blue);margin-bottom:50px;text-transform:uppercase;border-bottom:1px solid #ddd;padding-bottom:20px;display:inline-block}.team-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:50px}.team-card{flex:0 1 300px;display:flex;flex-direction:column;align-items:center;text-align:center}.image-wrapper{width:180px;height:180px;border-radius:50%;border:4px solid var(--mansion-gold);overflow:hidden;margin-bottom:20px;box-shadow:0 5px 15px #0003;transition:transform .3s ease}.image-wrapper:hover{transform:scale(1.05)}.team-img{width:100%;height:100%;object-fit:cover}.team-info h4{color:var(--mansion-blue);font-size:1.2rem;margin-bottom:5px}.role{color:var(--mansion-gold);font-weight:700;font-size:.95rem;margin-bottom:5px;text-transform:uppercase}.team-label{font-size:.85rem;color:#888;margin-bottom:15px;font-style:italic}.contact-details p{font-size:.95rem;margin:5px 0;color:#444}.contact-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:80px;text-align:left}@media(max-width:768px){.contact-content-grid{grid-template-columns:1fr}}.form-column h3{color:var(--mansion-blue);margin-bottom:20px;border-left:4px solid var(--mansion-gold);padding-left:10px}.contact-form{background:#f9f9f9;padding:30px;border-radius:8px;box-shadow:0 4px 15px #0000000d}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:700;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;transition:border .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--mansion-gold);box-shadow:0 0 5px #c5a05933}.submit-btn{width:100%;font-weight:700;letter-spacing:1px}.form-status{margin-top:15px;text-align:center;font-weight:700;color:var(--mansion-blue)}.info-column{display:flex;flex-direction:column;justify-content:center}.contact-cta-small{margin-top:20px;font-style:italic;color:#666}html{scroll-behavior:smooth}#inicio,#nosotros,#servicios,#contacto{scroll-margin-top:100px}@media(max-width:768px){section{padding:60px 20px}.navbar{flex-direction:column;padding:15px;position:relative}.navbar-links{width:100%;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:10px}.hero-container h1{font-size:2rem;line-height:1.2}.hero-container p{font-size:1rem;padding:0 15px}.contact-section{padding:40px 15px}.contact-content-grid{grid-template-columns:1fr;gap:50px;margin-bottom:40px}.contact-form{padding:20px 15px}.company-info-card{padding:25px 15px;word-wrap:break-word;width:100%;margin:0}.company-info-card h3{font-size:1.2rem}.company-info-card p{font-size:.9rem;line-height:1.5}.team-grid{flex-direction:column;align-items:center}.team-card{width:100%;max-width:300px}}