.contacto-modal__backdrop{z-index:4000;background:#0f14288c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.contacto-modal{color:#1c2340;background:#fff;border-radius:12px;width:100%;max-width:520px;max-height:90vh;font-family:Inter,system-ui,sans-serif;overflow-y:auto;box-shadow:0 18px 48px #00000038}.contacto-modal__header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.contacto-modal__title{margin:0;font-size:1.05rem;font-weight:700}.contacto-modal__close{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.5rem;line-height:1}.contacto-modal__close:hover{color:#1c2340}.contacto-modal__body{flex-direction:column;gap:12px;padding:18px 20px 20px;display:flex}.contacto-modal__field{flex-direction:column;gap:5px;display:flex}.contacto-modal__label{color:#374151;font-size:.82rem;font-weight:600}.contacto-modal__input,.contacto-modal__textarea{color:#1c2340;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.95rem}.contacto-modal__input:focus,.contacto-modal__textarea:focus{border-color:#ff8b00;outline:none;box-shadow:0 0 0 3px #ff8b0029}.contacto-modal__textarea{resize:vertical;min-height:130px}.contacto-modal__hint{color:#6b7280;margin:0;font-size:.8rem}.contacto-modal__error{color:#b91c1c;background:#b91c1c12;border:1px solid #b91c1c38;border-radius:8px;margin:0;padding:8px 10px;font-size:.85rem}.contacto-modal__ok{color:#166534;background:#16653412;border:1px solid #16653438;border-radius:8px;margin:0;padding:10px 12px;font-size:.92rem}.contacto-modal__actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.contacto-modal__btn{cursor:pointer;color:#fff;background:#ff8b00;border:none;border-radius:8px;padding:10px 16px;font-family:inherit;font-size:.9rem;font-weight:600}.contacto-modal__btn:hover:not(:disabled){background:#e67d00}.contacto-modal__btn:disabled{opacity:.55;cursor:not-allowed}.contacto-modal__btn--ghost{color:#374151;background:0 0;border:1px solid #d1d5db}.contacto-modal__btn--ghost:hover{background:#f3f4f6}