.contacto-page{padding-top:var(--header-height)}.contacto-content{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.contacto-info h2{margin-bottom:var(--spacing-lg)}.contacto-info>p{margin-bottom:var(--spacing-2xl);font-size:1.1rem}.info-items{gap:var(--spacing-xl);flex-direction:column;display:flex}.info-item{gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-light);border-radius:var(--radius-md);transition:transform var(--transition-fast);display:flex}.info-item:hover{transform:translate(8px)}.info-icon{flex-shrink:0;font-size:2rem}.info-text h4{color:var(--color-primary);margin-bottom:var(--spacing-xs);font-size:1.1rem}.info-text p{color:var(--color-text-light);margin:0;font-size:1rem}.contacto-form-wrapper{background-color:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:0 8px 30px var(--color-shadow)}.contacto-form h3{margin-bottom:var(--spacing-xl);color:var(--color-primary)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{margin-bottom:var(--spacing-xs);color:var(--color-primary);font-size:.95rem;font-weight:600;display:block}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background-color:var(--color-white);font-family:inherit;font-size:1rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #e74c3c1a}.form-group textarea{resize:vertical;min-height:120px}.btn-full{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.form-message{margin-top:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-sm);text-align:center;font-weight:500}.form-message.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}@media (max-width:968px){.contacto-content{gap:var(--spacing-2xl);grid-template-columns:1fr}.contacto-form-wrapper{padding:var(--spacing-xl)}}@media (max-width:768px){.contacto-form-wrapper{padding:var(--spacing-lg)}}