.agreements-page{min-height:100vh;background:var(--gradient-hero)}.hero-section{padding:var(--spacing-2xl) var(--spacing-md);padding-top:5rem;padding-bottom:5rem}.hero-container{max-width:64rem;margin:0 auto;text-align:center}.hero-title{font-size:3rem;font-family:var(--font-family-serif);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);line-height:1.1}@media (min-width:768px){.hero-title{font-size:3.75rem}}.hero-description{font-size:1.25rem;color:var(--color-text-secondary);line-height:1.6}.como-funciona-section{padding:4rem var(--spacing-md)}.como-funciona-container{max-width:72rem;margin:0 auto}.section-title{font-size:2.5rem;font-family:var(--font-family-serif);text-align:center;color:var(--color-text-primary);margin-bottom:var(--spacing-2xl)}.proceso-grid{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}@media (min-width:768px){.proceso-grid{grid-template-columns:repeat(4,1fr)}}.proceso-card{background:var(--color-bg-primary);border:1px solid var(--color-primary-border);border-radius:var(--border-radius-md);padding:var(--spacing-lg);text-align:center;transition:var(--transition-normal);box-shadow:var(--shadow)}.proceso-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.proceso-icon{width:3rem;height:3rem;color:var(--color-primary);margin:0 auto var(--spacing-md)}.proceso-title{font-family:var(--font-family-serif);font-size:1.125rem;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.proceso-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.beneficios-section{padding:4rem var(--spacing-md);background-color:var(--color-bg-secondary)}.beneficios-container{max-width:72rem;margin:0 auto}.beneficios-grid{display:grid;grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}@media (min-width:768px){.beneficios-grid{grid-template-columns:repeat(2,1fr)}}.beneficio-card{background:var(--color-bg-primary);border:1px solid var(--color-primary-border);border-radius:var(--border-radius-md);padding:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-md);transition:var(--transition-normal);box-shadow:var(--shadow)}.beneficio-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.beneficio-icon{width:3rem;height:3rem;color:var(--color-primary);flex-shrink:0}.beneficio-content{flex:1 1}.beneficio-title{font-size:1.25rem;font-family:var(--font-family-serif);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.beneficio-description{color:var(--color-text-secondary);line-height:1.6}.formulario-section{padding:4rem var(--spacing-md)}.formulario-container{max-width:42rem;margin:0 auto}.formulario-card{background:var(--color-bg-primary);border:1px solid var(--color-primary-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);overflow:hidden}.formulario-header{text-align:center;padding:var(--spacing-lg) var(--spacing-lg) 0}.formulario-title{font-size:1.875rem;font-family:var(--font-family-serif);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.formulario-subtitle{color:var(--color-text-secondary);line-height:1.5}.formulario-content{padding:var(--spacing-lg)}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.error-text{color:#dc2626;font-size:.875rem;font-weight:500}.formulario{gap:var(--spacing-lg)}.form-group,.formulario{display:flex;flex-direction:column}.form-row{display:grid;grid-gap:var(--spacing-md);gap:var(--spacing-md)}@media (min-width:768px){.form-row{grid-template-columns:repeat(2,1fr)}}.form-label{font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:.875rem}.form-input,.form-textarea{padding:var(--spacing-sm) var(--spacing-md);border:1px solid #d1d5db;border-radius:var(--border-radius);font-size:1rem;line-height:1.5;transition:var(--transition-fast);background-color:var(--color-bg-primary);color:var(--color-text-primary)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-border)}.form-textarea{resize:vertical;min-height:6rem}.form-submit-button{width:100%;background-color:var(--color-primary);color:white;border:none;border-radius:var(--border-radius-full);padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);margin-top:var(--spacing-sm)}.form-submit-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.form-submit-button:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary-border)}.form-submit-button:disabled{cursor:not-allowed}.form-submit-button:disabled,.form-submit-button:disabled:hover{background-color:#9ca3af;transform:none}.submitted-page{min-height:100vh;background:var(--gradient-hero);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.submitted-card{background:var(--color-bg-primary);border:1px solid #d1f7c4;border-radius:var(--border-radius-md);padding:var(--spacing-xl);text-align:center;max-width:28rem;width:100%;box-shadow:var(--shadow-md)}.submitted-icon{width:4rem;height:4rem;color:#16a34a;margin:0 auto var(--spacing-md)}.submitted-title{font-size:1.5rem;font-family:var(--font-family-serif);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.submitted-description{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.submitted-button{border:1px solid var(--color-primary);background-color:var(--color-bg-primary);color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.submitted-button:hover{background-color:var(--color-primary-light)}.submitted-button:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary-border)}@media (max-width:768px){.hero-section{padding:var(--spacing-xl) var(--spacing-md)}.hero-title{font-size:2.5rem}.hero-description{font-size:1.125rem}.section-title{font-size:2rem}.beneficios-section,.como-funciona-section,.formulario-section{padding:var(--spacing-xl) var(--spacing-md)}.beneficios-grid,.proceso-grid{grid-template-columns:1fr}}