:root{--primary-color:#007bff;--secondary-color:#6c757d;--background-color:#f8f9fa;--text-color:#343a40;--light-gray:#e9ecef;--white:#ffffff;--font-family:'Poppins',sans-serif;}*{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;}body{font-family:var(--font-family);line-height:1.6;background-color:var(--background-color);color:var(--text-color);}.main-header{background:var(--white);padding:1rem 5%;position:sticky;top:0;z-index:100;box-shadow:0 2px 5px rgba(0,0,0,.1);}.main-nav{display:flex;justify-content:space-between;align-items:center;}.logo{font-weight:700;font-size:1.5rem;color:var(--primary-color);text-decoration:none;}.logo img{height:40px;}.main-nav ul{list-style:none;display:flex;gap:1.5rem;}.main-nav a{text-decoration:none;color:var(--text-color);font-weight:600;transition:color .3s;}.main-nav a:hover{color:var(--primary-color);}#hero{height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;background-color:var(--white);background-image:url(assets/fondo.png);background-size:cover;background-position:center;padding:0 2rem;animation:slide-opacity 1s ease-out;}.hero-content h1{font-size:3rem;margin-bottom:1rem;}.hero-content p{font-size:1.2rem;color:var(--secondary-color);margin-bottom:2rem;}#services{border-top:1px dotted grey;}.cta-button{background:var(--primary-color);color:var(--white);padding:.8rem 1.6rem;border:none;border-radius:5px;text-decoration:none;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s,transform .2s;}.cta-button:hover{background-color:#0056b3;transform:translateY(-2px);}.content-section{padding:4rem 5%;max-width:900px;margin:0 auto;text-align:center;}.content-section h2{font-size:2.5rem;margin-bottom:1.5rem;}.fade-in-section h1{margin-bottom:2rem;}.content-section h2.header-multiline{line-height:1em;}.fade-in-section{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out;}.fade-in-section.visible{opacity:1;transform:translateY(0);}#clients{background-color:var(--white);padding:4rem 0;text-align:center;}#clients h2{font-size:2.5rem;margin-bottom:2rem;}.client-logos{width:100%;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);}.logo-slider{display:flex;animation:slide 30s linear infinite;}.logo-slider img{height:50px;margin:0 40px;filter:grayscale(100%);opacity:.7;transition:filter .3s,opacity .3s;}.logo-slider img:hover{filter:grayscale(0%);opacity:1;}@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}.contact-details{margin:2rem 0;line-height:2;}.main-footer{background-color:var(--light-gray);text-align:center;padding:2rem 5%;font-size:.9rem;}.footer-links{margin-top:1rem;}.footer-links a{margin:0 1rem;color:var(--secondary-color);text-decoration:none;}.footer-links a:hover{color:var(--primary-color);}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5);align-items:center;justify-content:center;}.modal.active{display:flex;}.modal-content{background-color:var(--white);margin:auto;padding:30px;border-radius:8px;width:90%;max-width:550px;position:relative;animation:slide-down .4s ease-out;}@keyframes slide-down{from{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-opacity{from{transform:translateY(px);opacity:0}to{transform:translateY(0);opacity:1}}.close-modal{color:#aaa;position:absolute;top:10px;right:20px;font-size:28px;font-weight:bold;border:none;background:none;cursor:pointer;}.close-modal:hover,.close-modal:focus{color:black;}#contact-form .form-group{margin-bottom:1.2rem;}#contact-form label{display:block;margin-bottom:5px;font-weight:600;text-align:left;}#contact-form input,#contact-form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-family:var(--font-family);}#contact-form input.invalid,#contact-form textarea.invalid{border-color:#dc3545;}.error-message{color:#dc3545;font-size:.8rem;display:block;text-align:left;min-height:1.2em;}@media (max-width:768px){.main-nav{flex-direction:column;gap:1rem}.main-nav ul{flex-direction:column;text-align:center;gap:.5rem}.hero-content h1{font-size:2.2rem}}