.sorteo-form form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  margin: auto;
}

.sorteo-form label {
  font-weight: bold;
  margin-bottom: 5px;
}

/* Estilo genérico para todos los inputs */
.sorteo-form input, textarea, select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    font-family: inherit;
    box-sizing: border-box;
}

.sorteo-form input:focus, textarea:focus, select:focus {
    outline: none;
    border-color: #0073e6;
}

/* Ajustes específicos para campos de tipo date */
.sorteo-form input[type="date"] {
    appearance: none; /* Eliminar estilos predeterminados del navegador */
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    color: #555;
    font-size: 16px;
    font-family: inherit;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 1.375rem;
}

.sorteo-form input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    filter: invert(50%);
    opacity: 0.5; /* Cambiar icono del calendario */
}

.sorteo-form input[type="date"]:focus::-webkit-calendar-picker-indicator {
    opacity: 1;
}

/* Ajustes específicos para campos de tipo tel */
.sorteo-form input[type="tel"],
.sorteo-form input[type="number"]{
    appearance: none; /* Eliminar estilos predeterminados */
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #555;
    font-size: 16px;
    font-family: inherit;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 1.375rem;
}

.sorteo-form input[type="tel"]:focus,
.sorteo-form input[type="number"]:focus,
.sorteo-form input[type="date"]:focus{
    border-color: #0073e6;
}

/* Botón de envío */
.sorteo-form button {
    background-color: #0073e6;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
}

.sorteo-form button:hover {
    background-color: #005bb5;
}

.sorteo-form input.error {
  border: 2px solid red;
  background-color: #ffe5e5;
}