/* Autor: Henrique Viana Garcia Alves */

.modal { position: fixed; z-index: 50; inset: 0; display: grid; place-items: center; padding: 24px; background: rgba(14, 10, 20, 0.94); }
.modal.hide { display: none; }
.modal-content { width: min(100%, 480px); color: white; }
.modal-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 36px; }
.modal-header h2 { margin: 0; color: white; font-size: clamp(1.8rem, 5vw, 2.25rem); }
.modal-close { width: 44px; height: 44px; border: 0; background: url("../assets/x.svg") center no-repeat; }
.modal form label { display: block; margin-bottom: 12px; font-size: 1.125rem; font-weight: 700; }
.search-field { display: flex; }
.search-field input { min-width: 0; flex: 1; height: 64px; padding: 0 20px; border: 0; border-radius: 8px 0 0 8px; background: var(--background-color); color: var(--title-color); font-size: 1rem; }
.search-field button { display: grid; place-items: center; width: 68px; border: 0; border-radius: 0 8px 8px 0; background: var(--primary-color); }
.search-field button:hover { background: #2fb86e; }
.point-content { display: flex; align-items: center; flex-direction: column; text-align: center; }
.point-content h2 { margin-top: 24px; color: white; }