.contact-page{background:var(--gray-50);padding:0 0 5rem}.contact-hero{background:linear-gradient(135deg,var(--admin-dark)0%,var(--admin-dark-secondary)50%,var(--admin-dark-tertiary)100%);border-radius:0 0 var(--radius-lg)var(--radius-lg);text-align:center;margin-bottom:2rem;padding:3.5rem 2rem}.contact-hero h1{color:var(--white);margin-bottom:.75rem;font-size:2.25rem;font-weight:800}.contact-hero-subtitle{color:#fffc;max-width:550px;margin:0 auto;font-size:1.1rem;line-height:1.7}.contact-quick-options{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1100px;margin:0 auto 2rem;padding:0 1.5rem;display:grid}.contact-quick-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:var(--shadow-sm);align-items:center;gap:1rem;padding:1.25rem 1.5rem;text-decoration:none;display:flex}.contact-quick-card:hover{border-color:var(--primary-red);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.contact-quick-icon{background:var(--primary-red-light-solid);width:48px;height:48px;color:var(--primary-red);transition:var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-quick-card:hover .contact-quick-icon{background:var(--primary-red);color:var(--white)}.contact-quick-whatsapp .contact-quick-icon{color:#25d366;background:#25d3661a}.contact-quick-whatsapp:hover .contact-quick-icon{color:var(--white);background:#25d366}.contact-quick-whatsapp:hover{border-color:#25d366}.contact-quick-text{flex-direction:column;display:flex}.contact-quick-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.contact-quick-value{color:var(--dark);font-size:.95rem;font-weight:700}.contact-grid{grid-template-columns:1.15fr 1fr;gap:2rem;max-width:1100px;margin:0 auto;padding:0 1.5rem;display:grid}.contact-form-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);padding:2.5rem}.contact-form-card h2{color:var(--dark);border-bottom:3px solid var(--primary-red);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.35rem;font-weight:700}.contact-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.contact-form-group{margin-bottom:1.25rem}.contact-form-group label{color:var(--gray-700);margin-bottom:.4rem;font-size:.9rem;font-weight:600;display:block}.contact-form-group input[type=text],.contact-form-group input[type=email],.contact-form-group input[type=tel],.contact-form-group select,.contact-form-group textarea{border:2px solid var(--gray-200);border-radius:var(--radius);width:100%;transition:var(--transition);background:var(--white);outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.contact-form-group input:focus,.contact-form-group select:focus,.contact-form-group textarea:focus{border-color:var(--primary-red);box-shadow:0 0 0 3px var(--primary-red-light)}.contact-form-group textarea{resize:vertical;min-height:140px}.contact-form-group select{cursor:pointer;appearance:auto}.contact-file-upload{flex-direction:column;gap:.5rem;display:flex}.contact-file-input{display:none}.contact-file-label{border:2px dashed var(--gray-300);border-radius:var(--radius);cursor:pointer;color:var(--gray-600);transition:var(--transition);background:var(--gray-50);align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.contact-file-label:hover{border-color:var(--primary-red);color:var(--primary-red);background:var(--primary-red-light-solid)}.contact-file-preview{background:var(--gray-50);border-radius:var(--radius);color:var(--gray-700);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;display:flex}.contact-file-preview span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.contact-file-remove{cursor:pointer;color:var(--gray-600);transition:var(--transition);background:0 0;border:none;align-items:center;padding:2px;display:flex}.contact-file-remove:hover{color:var(--primary-red)}.contact-privacy{margin-top:.5rem}.contact-checkbox-label{cursor:pointer;align-items:flex-start;gap:.75rem;font-weight:400!important;display:flex!important}.contact-checkbox-label input[type=checkbox]{display:none}.contact-checkbox-custom{border:2px solid var(--gray-300);width:20px;min-width:20px;height:20px;transition:var(--transition);border-radius:4px;justify-content:center;align-items:center;margin-top:2px;display:flex;position:relative}.contact-checkbox-label input[type=checkbox]:checked+.contact-checkbox-custom{background:var(--primary-red);border-color:var(--primary-red)}.contact-checkbox-label input[type=checkbox]:checked+.contact-checkbox-custom:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.contact-checkbox-text{color:var(--gray-600);font-size:.82rem;line-height:1.5}.contact-submit{background:linear-gradient(135deg,var(--primary-red),var(--primary-red-hover));width:100%;color:var(--white);border-radius:var(--radius);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:700;display:inline-flex}.contact-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-red-hover),#a00410);transform:translateY(-1px);box-shadow:0 4px 16px #e306134d}.contact-submit:disabled{opacity:.6;cursor:not-allowed}.contact-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite contact-spin}@keyframes contact-spin{to{transform:rotate(360deg)}}.contact-success-animation{text-align:center;padding:2rem 1rem;animation:.5s contact-fade-in}.contact-success-checkmark{margin-bottom:1.25rem}.contact-success-circle{stroke-dasharray:166;stroke-dashoffset:166px;animation:.6s cubic-bezier(.65,0,.45,1) forwards contact-stroke-circle}.contact-success-check{stroke-dasharray:48;stroke-dashoffset:48px;animation:.3s cubic-bezier(.65,0,.45,1) .4s forwards contact-stroke-check}@keyframes contact-stroke-circle{to{stroke-dashoffset:0}}@keyframes contact-stroke-check{to{stroke-dashoffset:0}}@keyframes contact-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contact-success-animation h3{color:#22c55e;margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.contact-success-animation p{color:var(--gray-600);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.contact-new-message-btn{background:var(--white);border:2px solid var(--primary-red);color:var(--primary-red);border-radius:var(--radius);cursor:pointer;transition:var(--transition);padding:.65rem 1.5rem;font-size:.9rem;font-weight:600}.contact-new-message-btn:hover{background:var(--primary-red);color:var(--white)}.contact-success{color:var(--success-green);border-radius:var(--radius);background:#22c55e14;border:1px solid #22c55e33;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.9rem}.contact-error{color:var(--primary-red);border-radius:var(--radius);background:#e3061314;border:1px solid #e3061333;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.9rem}.contact-info-side{flex-direction:column;gap:1.5rem;display:flex}.contact-info-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem}.contact-info-card h2{color:var(--dark);border-bottom:3px solid var(--primary-red);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.35rem;font-weight:700}.contact-info-item{align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}.contact-info-item:last-child{margin-bottom:0}.contact-info-icon{background:var(--primary-red-light-solid);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.contact-info-text h3{color:var(--dark);margin-bottom:.2rem;font-size:.95rem;font-weight:700}.contact-info-text p{color:var(--gray-600);font-size:.92rem;line-height:1.6}.contact-info-text a{color:var(--primary-red);text-decoration:none}.contact-info-text a:hover{text-decoration:underline}.contact-hours{flex-direction:column;gap:.3rem;display:flex}.contact-hours-row{color:var(--gray-600);justify-content:space-between;max-width:200px;font-size:.92rem;display:flex}.contact-hours-row span:first-child{color:var(--gray-700);font-weight:600}.contact-hours-closed span:last-child{color:var(--primary-red);font-weight:600}.contact-map-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.contact-map-card h2{color:var(--dark);border-bottom:3px solid var(--primary-red);margin-bottom:0;padding:1.5rem 2rem .75rem;font-size:1.35rem;font-weight:700}.contact-map-card iframe{border:none;width:100%;height:280px;display:block}.contact-map-link{color:var(--primary-red);border-top:1px solid var(--gray-100);transition:var(--transition);justify-content:center;align-items:center;gap:.4rem;padding:.75rem;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.contact-map-link:hover{background:var(--primary-red-light-solid)}@media (max-width:960px){.contact-quick-options,.contact-grid{grid-template-columns:1fr;padding:0 1rem}.contact-form-row{grid-template-columns:1fr}}@media (max-width:768px){.contact-hero{padding:2.5rem 1.5rem}.contact-hero h1{font-size:1.75rem}.contact-form-card,.contact-info-card{padding:1.5rem}}
