/* ============================================================ RESET */
*,
*::before,
*::after {
  box-sizing: border-box
}

html {
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0;
  font-family: "Segoe UI", Arial, sans-serif;
  color: var(--text);
  background: linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);
  min-height: 100vh
}

body.modal-abierto {
  overscroll-behavior: none
}

img {
  max-width: 100%;
  display: block
}

button,
input,
textarea,
select {
  font: inherit
}

button {
  border: none;
  cursor: pointer
}

textarea {
  resize: vertical
}

/* ============================================================ UTILITIES */
.oculto {
  display: none !important
}

.sin-imagen {
  width: 100%;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  border-radius: var(--radius-md);
  background: linear-gradient(180deg, #f3e7d8 0%, #eadac6 100%);
  color: #7b6551;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  padding: 10px
}

.preview-imagen {
  margin-top: 10px
}

.preview-img {
  width: 110px;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-sm)
}

.subtitulo-resultados {
  margin: 4px 0 0;
  color: var(--text-soft);
  font-size: 14px
}

.texto-corto {
  display: none
}