:root{--green:#336633;--lime:#669933;--gray:#807f7f;--charcoal:#3e333f;--light:#cccaca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--gray);font-family:Asap,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:var(--green)}img{max-width:100%;height:auto}.container{width:min(1200px,calc(100% - 40px));margin:auto}.narrow{max-width:900px}h1,h2,h3,h4{color:var(--charcoal);line-height:1.3;font-weight:400}h1{font-size:40px}h2{font-size:32px}.skip-link{position:absolute;left:-9999px;z-index:1000;background:#fff;padding:10px}.skip-link:focus{left:10px;top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #111;outline-offset:3px}.site-header{height:106px;background:#fff}.header-inner{width:min(1200px,calc(100% - 32px));height:106px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{height:106px;display:flex;align-items:center}.brand img{width:214px;height:114px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:31px}.site-header nav>a{color:#333;text-decoration:none;font-size:13px;font-weight:700}.site-header nav>a.active,.site-header nav>a:hover{color:var(--lime)}.site-header .header-cta,.button{display:inline-block;border:0;border-radius:5px;background:var(--lime);color:#fff;text-decoration:none;text-transform:uppercase;font:700 13px Raleway,Arial,sans-serif;letter-spacing:1.1px;padding:17px 28px;cursor:pointer}.site-header .header-cta{padding:13px 20px}.button:hover{background:#81d742}.button.secondary{background:#aaa}.menu-toggle{display:none;background:none;border:0;font-size:28px}.hero{min-height:620px;background:url('../images/home-hero.jpg') center/cover no-repeat;display:grid;place-items:center;text-align:center}.hero h1{color:#fff;font-weight:700;margin:100px 0 25px}.section{padding:100px 20px 78px}.services-grid{width:min(1200px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:60px;text-align:center}.service-icon{font-size:64px;line-height:1;color:var(--green)}.services h3{font-size:22px;font-weight:700}.services p{font-size:19px;line-height:30px}.split{min-height:520px;display:grid;grid-template-columns:1fr 1fr;background-position:center;background-size:cover}.split>div{padding:90px max(35px,calc((100vw - 1200px)/2))}.split h2{font-size:36px}.whatsapp{background-image:url('../images/conversacion.png')}.whatsapp h2,.whatsapp p{color:#fff}.whatsapp>div:first-child{padding:0}.easy{background-image:url('../images/gris-claro.png')}.easy>div:last-child{padding:0}.home-cta{text-align:center;padding:65px 20px}.page-banner{height:100px;background-size:1920px auto;background-position:center;background-attachment:fixed}.banner-sobre-nosotros{background-image:url('../images/sobre-nosotros.png')}.banner-servicios{background-image:url('../images/servicios.png')}.banner-solicitud{background-image:url('../images/solicitud.png')}.about-section{padding:138px 0 148px;background:url('../images/gris-claro.png') center/cover no-repeat}.about-section p{font-size:19px;line-height:30px}.contact-section{padding:86px 0 55px}.contact-grid{width:min(1200px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:2fr 1fr;gap:65px}.contact-grid h1{margin-top:0}.contact-grid aside h2{font-size:24px}.contact-form label,#loan-form label{display:block;margin-bottom:9px;font-weight:600;color:var(--charcoal)}input,textarea{display:block;width:100%;margin-top:6px;background:transparent;border:1px solid #111;border-radius:5px;color:var(--gray);font:400 14px Raleway,Arial,sans-serif;padding:15px 20px}textarea{min-height:140px;resize:vertical}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.success{padding:12px;border-left:4px solid var(--lime);background:#f1f7ed}.error{display:block;color:#a11;font-size:14px}.application-section{padding:65px 0 100px}.application-section h1{text-align:center}.steps{display:flex;margin:35px 0;counter-reset:step}.steps span{flex:1;text-align:center;border-top:6px solid #aaa;padding-top:10px;color:#777}.steps span.active{border-color:var(--lime);color:var(--green)}.steps b{display:block}.form-step{display:none;border:1px solid #ddd;border-radius:5px;padding:30px}.form-step.active{display:block}.form-step legend{padding:0 10px;color:var(--charcoal);font-size:24px}.form-actions{display:flex;justify-content:space-between;gap:15px;margin-top:25px}.validation-summary{background:#fff5f5;border-left:4px solid #a11;padding:15px;margin-bottom:25px;color:#811}.consent{display:grid!important;grid-template-columns:24px 1fr;gap:10px}.consent input{width:auto;margin-top:7px}.consent .error{grid-column:2}.processed,.legal{padding:80px 0 110px}.request-number{padding:24px;border:2px solid var(--lime);font-size:20px}.error-page{min-height:500px;display:grid;place-items:center;text-align:center;padding:40px}.error-page .code{font-size:72px;color:var(--green);margin:0}footer{background:#3e333f;color:#ccc;padding-top:55px}footer a{color:#ccc;text-decoration:none}.footer-grid{width:min(1200px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:45px}.footer-grid h3{color:#fff}.copyright{text-align:center;border-top:1px solid #554b56;margin-top:45px;padding:18px;font-size:13px}
@media(max-width:900px){.site-header,.header-inner{height:90px}.brand,.brand img{height:90px;width:170px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;z-index:20;top:90px;left:0;right:0;background:#fff;padding:15px 22px;box-shadow:0 5px 10px #0002}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-header nav>a{padding:12px}.services-grid{grid-template-columns:1fr;gap:40px}.split{grid-template-columns:1fr;min-height:auto}.whatsapp>div:last-child,.easy>div:last-child{display:none}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.page-banner{height:auto;aspect-ratio:1920/360;background-size:cover;background-attachment:scroll}.hero{min-height:560px}.hero h1{font-size:34px}}
@media(max-width:480px){h1{font-size:32px}h2{font-size:27px}.container,.contact-grid{width:calc(100% - 30px)}.hero{min-height:500px}.hero h1{font-size:29px;margin-top:30px}.section{padding:65px 15px}.split>div{padding:65px 25px}.footer-grid{grid-template-columns:1fr}.steps b{font-size:12px}.form-step{padding:22px 15px}.form-actions{flex-direction:column}.form-actions .button{width:100%}.contact-section{padding-top:55px}}
