.metodo-hero{text-align:center;background-color:var(--primary-color);color:var(--white);background:linear-gradient(135deg,#4a148cf2 0%,#4a148cd9 100%),image-set("/campamento-1024.webp" 1x type("image/webp"),"/campamento-1024.jpg" 1x type("image/jpeg")) 50%/cover no-repeat;padding:160px 20px 80px;position:relative}.metodo-hero h1{font-size:var(--t-3xl);color:var(--white);margin-bottom:15px}.metodo-hero p{font-size:var(--t-l);opacity:.9;max-width:800px;margin:0 auto}.section-block{background:var(--white);padding:80px 0}.section-block.alt{background:var(--light-color)}.text-center{text-align:center}.mb-40{margin-bottom:40px}.mb-20{margin-bottom:20px}.intro-text{max-width:800px;font-size:var(--t-lead);color:var(--text-body);text-align:center;margin:0 auto}.pilares-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px;display:grid}.pilar-card{background:var(--light-color);text-align:center;box-shadow:var(--shadow-sm);border-bottom:4px solid var(--accent-color);transition:var(--transition);border-radius:12px;padding:30px 20px}.pilar-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.pilar-icon .ico{width:3rem;height:3rem}.pilar-icon{color:var(--primary-color);margin-bottom:15px;font-size:3rem}.pilar-card h3{font-size:var(--t-l);margin-bottom:10px}.compromisos-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px;display:grid}.compromiso-card{background:var(--white);text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:15px;padding:40px 30px}.compromiso-card:hover{box-shadow:var(--shadow-md)}.c-icon .ico{width:2.5rem;height:2.5rem}.c-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:2.5rem;display:flex}.c-social .c-icon{background-color:var(--icono-social)}.c-ambiental .c-icon{background-color:var(--color-scouts)}.c-salud .c-icon{background-color:var(--icono-salud)}.c-espiritual .c-icon{background-color:var(--icono-espiritual)}.progresion-flex{flex-direction:column;gap:20px;max-width:800px;margin:40px auto 0;display:flex}.progresion-step{background:var(--white);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;padding:20px 30px;display:flex}.step-num{color:var(--accent-color);min-width:40px;margin-right:20px;font-size:2rem;font-weight:800}.step-text h3{font-size:var(--t-l);margin-bottom:5px}@media (width<=600px){.progresion-step{text-align:center;flex-direction:column}.step-num{margin-bottom:10px;margin-right:0}}.metodo-cierre{margin-top:60px}