:root{--verde-salvia:#5fa777;--coral-suave:#e98f7a;--azul-petroleo:#3d6f73;--blanco-hueso:#faf9f6;--beige-calido:#f6f7f4;--gris-grafito:#3a3a3a}html,body{width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--blanco-hueso)!important;color:var(--gris-grafito)!important}#root{width:100%;margin:0;padding:0;display:block!important}#root>div{flex-direction:column;min-height:100vh;display:flex}main{flex:1 0 auto}.site-header{z-index:100;background-color:#fff;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:relative;box-shadow:0 2px 5px #0000001a}.brand{color:var(--verde-salvia);align-items:center;text-decoration:none;display:flex}.logo-img{border-radius:6px;height:40px;margin-right:10px}.title{color:var(--verde-salvia);font-size:1.5rem;font-weight:700}nav .nav-list{align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--gris-grafito);font-weight:500;text-decoration:none}.menu-btn{cursor:pointer;color:var(--gris-grafito);background:0 0;border:none;font-size:1.6rem;display:none}.hero{text-align:center;min-height:80vh;color:var(--gris-grafito);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;display:flex;position:relative}.hero-card{text-align:left;background-color:#faf9f6d9;border-radius:16px;max-width:800px;padding:3rem;box-shadow:0 4px 20px #0000000d}.hero-card img{border-radius:50%;width:180px;height:auto;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;display:block}.hero h1{color:var(--azul-petroleo);text-align:center;margin-bottom:1rem;font-size:3rem;font-weight:700}.hero p.lead{color:var(--verde-salvia);text-align:center;margin-bottom:2.5rem;font-size:1.5rem;font-style:italic}.hero-card h2{color:var(--coral-suave);margin-bottom:1rem;font-size:2rem}.hero-card p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.6}.contact-card{background-color:var(--gris-grafito);color:var(--blanco-hueso);border-radius:16px;padding:4rem 3rem;box-shadow:0 10px 30px #0000001a}.contact-card h2{color:var(--coral-suave);margin-bottom:2rem;font-size:2rem}.contact-card p{color:#ccc}.contact-email{overflow-wrap:anywhere;word-break:break-word;font-size:1.5rem;font-weight:700}.impact-section{text-align:center;background-color:var(--beige-calido);padding:3rem 2rem}.impact-cards{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1.5rem;display:flex}.impact-card{box-sizing:border-box;background-color:#fff;border-radius:15px;flex:150px;min-width:150px;max-width:220px;padding:2rem}@media (width<=768px){.contact-card{padding:2rem 1.25rem}.contact-email{font-size:1.1rem}.impact-card{flex-basis:100%;max-width:100%}.site-header{flex-wrap:wrap;padding:.75rem 1rem}.title{font-size:1.2rem}.menu-btn{margin-left:auto;display:block}nav .nav-list{flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem;display:none!important}nav .nav-list.show{background:#fff;flex-direction:column;gap:.5rem;padding:1rem;position:absolute;top:100%;left:0;right:0;box-shadow:0 6px 20px #00000014;display:flex!important}.nav-link{padding:.5rem 0;display:block}.hero{min-height:60vh;padding:3rem 1rem}.hero-card{border-radius:12px;max-width:100%;padding:1.5rem}.hero-card img{width:120px}.hero h1{font-size:2rem}.hero p.lead{font-size:1.1rem}.hero-card h2{font-size:1.3rem}.hero-card p{font-size:1rem}}