*{box-sizing:border-box;margin:0;padding:0}body{color:var(--detalles-oscuros);scroll-behavior:smooth;background-color:#f8fbf8;font-family:Inter,sans-serif;line-height:1.6}html{scroll-behavior:smooth}:root{--verde-claro:#6fd4aa;--verde-oscuro:#0d3f36;--blanco:#fff;--gris-suave:#e8f6f1;--detalles-oscuros:#05291f;--gris-medio:#cfe9de;--gris-oscuro:#175a45}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:600}p{margin-bottom:1rem}a{color:var(--verde-oscuro);text-decoration:none}a:hover{text-decoration:underline}button,a.btn-primary,a.btn-secondary{cursor:pointer;border:none;border-radius:999px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background-color:var(--verde-oscuro);color:var(--blanco);border-radius:999px}.btn-primary:hover{background-color:var(--detalles-oscuros);transform:translateY(-2px);box-shadow:0 4px 12px #0d3f364d}.btn-secondary{background-color:var(--gris-suave);color:var(--verde-oscuro);border:none;border-radius:999px}.btn-secondary:hover{background-color:var(--verde-claro);color:var(--blanco);transform:translateY(-2px);box-shadow:0 4px 12px #6fd4aa4d}.container{max-width:1200px;margin:0 auto;padding:0 1rem}section{padding:4rem 0}.section-title{text-align:center;color:var(--detalles-oscuros);margin-bottom:2rem;font-size:2.5rem}.section-subtitle{text-align:center;color:var(--gris-oscuro);max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.card{background-color:var(--blanco);border-radius:.75rem;margin-bottom:2rem;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 6px #0000001a}.card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000026}.card-title{color:var(--verde-oscuro);margin-bottom:1rem;font-size:1.5rem}.card-text{color:var(--gris-oscuro)}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:3rem;display:grid}.hero-image{border-radius:1.5rem;width:100%;max-width:520px;box-shadow:0 24px 48px #0d3f362e}.hero-text{max-width:580px}.card-icon{width:56px;height:56px;margin-bottom:1.25rem}@media (width<=768px){.hero-grid{grid-template-columns:1fr}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}section{padding:2rem 0}.card{padding:1.5rem}}