.contact-page{padding-top:80px}.contact-hero{padding:var(--space-20)0 var(--space-10);background:var(--background-alt);position:relative;overflow:hidden}.contact-hero-bg{pointer-events:none;background:radial-gradient(at 30% 0,#75b4d71f 0%,#0000 50%),radial-gradient(at 70% 100%,#82c99c1a 0%,#0000 50%);position:absolute;inset:0}.contact-content{background:var(--background)}.contact-grid{gap:var(--space-12);grid-template-columns:1.2fr 1fr;align-items:start;display:grid}.contact-form-wrapper{padding:var(--space-10);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.contact-form{gap:var(--space-5);flex-direction:column;display:flex}.contact-form-row{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.contact-form-group{gap:var(--space-2);flex-direction:column;display:flex}.contact-form-group label{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.contact-form-group input,.contact-form-group select,.contact-form-group textarea{padding:var(--space-4);background:var(--neutral-50);border:2px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);transition:border-color var(--duration-fast)var(--ease-out-quart),box-shadow var(--duration-fast)var(--ease-out-quart)}.contact-form-group input:focus,.contact-form-group select:focus,.contact-form-group textarea:focus{border-color:var(--primary-400);outline:none;box-shadow:0 0 0 4px #3486b21a}.contact-form-group input.error,.contact-form-group select.error,.contact-form-group textarea.error{border-color:#e53e3e}.contact-form-group input::placeholder,.contact-form-group textarea::placeholder{color:var(--text-muted)}.contact-form-group select{cursor:pointer;appearance:none;padding-right:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.contact-form-group textarea{resize:vertical;min-height:120px}.error-message{font-size:var(--text-xs);color:#e53e3e}.contact-success{text-align:center;padding:var(--space-10)var(--space-6)}.contact-success-icon{background:var(--accent-100);border-radius:var(--radius-full);width:80px;height:80px;color:var(--accent-600);margin-bottom:var(--space-6);justify-content:center;align-items:center;display:inline-flex}.contact-success-icon svg{width:40px;height:40px}.contact-success h3{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-3);font-weight:700}.contact-success p{font-size:var(--text-base);color:var(--text-secondary);max-width:350px;margin:0 auto var(--space-6)}.contact-info{gap:var(--space-6);flex-direction:column;display:flex}.contact-info-card{padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.contact-info-card h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-3);font-weight:600}.contact-info-card>p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-5)}.contact-methods{gap:var(--space-3);flex-direction:column;display:flex}.contact-method{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--neutral-50);border-radius:var(--radius-lg);transition:background var(--duration-fast)var(--ease-out-quart),transform var(--duration-fast)var(--ease-out-quart);text-decoration:none;display:flex}.contact-method:hover{background:var(--neutral-100);transform:translate(4px)}.contact-method-whatsapp{background:#22c35d1a}.contact-method-whatsapp:hover{background:#22c35d26}.contact-method-icon{background:var(--primary-100);border-radius:var(--radius-md);width:40px;height:40px;color:var(--primary-600);justify-content:center;align-items:center;display:flex}.contact-method-whatsapp .contact-method-icon{color:#fff;background:#25d366}.contact-method-icon svg{width:20px;height:20px}.contact-method-content{flex-direction:column;display:flex}.contact-method-label{font-size:var(--text-xs);color:var(--text-muted)}.contact-method-value{font-size:var(--text-base);color:var(--text-primary);font-weight:500}.contact-hours{gap:var(--space-3);flex-direction:column;display:flex}.contact-hours-row{font-size:var(--text-sm);justify-content:space-between;display:flex}.contact-hours-row span:first-child{color:var(--text-secondary)}.contact-hours-row span:last-child{color:var(--text-primary);font-weight:500}.contact-location{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--primary-50);border-radius:var(--radius-lg);display:flex}.contact-location svg{width:24px;height:24px;color:var(--primary-500);flex-shrink:0}.contact-location p{color:var(--text-primary);margin-bottom:var(--space-1);font-weight:500}.contact-location span{font-size:var(--text-sm);color:var(--text-muted)}@media (max-width:1024px){.contact-grid{gap:var(--space-8);grid-template-columns:1fr}.contact-info{order:-1}}@media (max-width:768px){.contact-hero{padding:var(--space-16)0 var(--space-8)}.contact-form-wrapper{padding:var(--space-6)}.contact-form-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.contact-method{transition:none}.contact-method:hover{transform:none}}