/* assets/css/style.css */
body, .text-white-all * { color: #fff !important; }
.hero {
  min-height: 100vh;
  background: radial-gradient(circle at 20% 20%, #1a2a6c, transparent 40%),
              radial-gradient(circle at 80% 0%, #b21f1f, transparent 30%),
              radial-gradient(circle at 50% 100%, #fdbb2d, transparent 45%),
              #0b0f1a url('https://images.unsplash.com/photo-1446776811953-b23d57bd21aa?q=80&w=2070&auto=format&fit=crop') center/cover no-repeat fixed;
}
.card {
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 1rem;
}
label.form-label { color: #fff; }
.form-control, .form-control:focus, .form-select { background: rgba(255,255,255,0.08); color: #fff; border: 1px solid rgba(255,255,255,0.25); }
.btn-primary { border-radius: 9999px; padding: 0.75rem 1.25rem; }
.thumb { max-width: 140px; height: auto; border-radius: 0.5rem; margin: 0.25rem; }
footer { color: rgba(255,255,255,0.8) }
.aclaracion {
  background: transparent !important;   /* fondo transparente */
  color: black !important;              /* texto blanco */
  font-weight: bold;                    /* todo en negrita */
  border: none !important;              /* sin borde */
  box-shadow: none !important;          /* sin sombra */
}
/* Texto visible en las opciones del select */
select option {
  color: black !important;      /* texto negro para que se vea sobre fondo blanco */
  background-color: white !important; /* fondo blanco */
}
select {
  color: white;                  /* lo que se ve cuando está cerrado */
  background-color: transparent; /* mantiene transparencia en el formulario */
}

select option {
  color: black !important;       /* cuando se abre, texto negro */
  background-color: black !important;
}
/* Previews de archivos — versión compatible (sin Grid, sin gap) */
.proof-wrap { margin-top: .5rem; }
.proof-head { display:flex; align-items:center; justify-content:space-between; font-size:.9rem; color:#6b7280; }

.proof-grid{
  display:flex;
  flex-wrap:wrap;
  margin-top:.5rem;
  /* simulamos "gap" con márgenes en los items */
  margin-left:-8px;  /* compensación del margen de items */
  margin-top:-8px;
}
.proof-item{
  width:110px;
  margin-left:8px;   /* “gap” horizontal */
  margin-top:8px;    /* “gap” vertical */
  position:relative;
  border:1px solid #e5e7eb;
  border-radius:10px;
  overflow:hidden;
  background:#0b0f1a0d;
}

/* Miniatura SIEMPRE pequeña, aunque exista .img-fluid */
.proof-item img{
  display:block;
  width:100% !important;
  height:80px !important;
  object-fit:cover;
}

.proof-item .meta{
  padding:6px 8px;
  font-size:.75rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.proof-remove{
  position:absolute; top:6px; right:6px;
  border:0; border-radius:999px; width:24px; height:24px; cursor:pointer;
  background:rgba(0,0,0,.55); color:#fff; line-height:24px; text-align:center; font-weight:700;
}
.proof-remove:hover{ background:rgba(0,0,0,.75); }