.metodo-page{min-height:100vh;background:var(--color-bg)}.metodo-hero{padding:calc(56px + var(--space-lg)) 0 var(--space-lg);border-bottom:1px solid var(--color-border);background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.5)),var(--color-bg) url(/images/headers/metodo-header.jpg);background-size:cover;background-position:50%;background-attachment:fixed;position:relative}.metodo-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,228,92,.15),rgba(89,226,192,.15));pointer-events:none}.metodo-intro{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:transparent}.metodo-intro__content .lead{font-size:1.25rem}.metodo-steps{padding:var(--space-xl) 0}.metodo-steps .section-title{font-size:2rem;font-weight:700;margin-bottom:var(--space-lg)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.step-card{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-base);display:flex;flex-direction:column;gap:var(--space-xs);transition:all var(--transition-base);position:relative;overflow:hidden}.step-card:hover{border-color:var(--color-accent)}.step-card__number{position:relative;width:60px;height:60px;margin-bottom:var(--space-base)}.step-card__number span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700;color:var(--color-text)}.step-card__content h3{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-xs)}.step-card__content p{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--space-base)}.step-card__icon{opacity:.1;position:absolute;bottom:var(--space-base);right:var(--space-base)}.metodo-tools{padding:var(--space-xl) 0;background:var(--color-bg-alt)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-base);gap:var(--space-base)}.tool-card{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-base);text-align:center;transition:all var(--transition-base)}.tool-card:hover{border-color:var(--color-accent)}.tool-card__icon{font-size:2.5rem;margin-bottom:var(--space-xs)}.tool-card h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-xs)}.tool-card p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.metodo-quote{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom);background:var(--color-bg)}.metodo-quote blockquote{max-width:800px;margin:0 auto;text-align:center;position:relative;padding:var(--space-lg) 0}.quote-decoration{position:absolute;left:-40px;top:0}.metodo-quote p{font-size:1.75rem;font-weight:500;line-height:1.5;margin-bottom:var(--space-base);font-style:italic}.metodo-quote footer{font-size:1rem;color:var(--color-text-secondary);font-style:normal}.metodo-when{padding:var(--space-xl) 0;background:var(--color-bg-alt)}.metodo-when .section-title{font-size:2rem;font-weight:700;margin-bottom:var(--space-lg)}.when-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--space-base);gap:var(--space-base)}.when-card{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-base);display:flex;flex-direction:column;gap:var(--space-xs);transition:all var(--transition-base)}.when-card:hover{border-color:var(--color-accent)}.when-card h3{font-size:1.125rem;font-weight:600;margin:0}.when-card p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.metodo-cta{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom);background:transparent;border-top:1px solid var(--color-border)}.cta-box{max-width:700px;margin:0 auto;text-align:center;background:var(--color-bg-alt);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.cta-box h2{font-size:2rem;font-weight:700;margin-bottom:var(--space-sm)}.cta-box p{font-size:1.125rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--space-lg)}@media (max-width:768px){.metodo-hero__title{font-size:2.5rem}.metodo-hero__subtitle{font-size:1.125rem}.metodo-quote p{font-size:1.25rem}.quote-decoration{display:none}.steps-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.when-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}}