body {
      background: radial-gradient(circle, #d0f0f0, #c0e0ff);
      /* overflow-y: hidden; */
}

.form-check-input {
    border-radius: 50%; /* radios redondeados */
    transform: scale(1.5); /* 1 = tamaño normal, 1.5 = 50% más grande */
    margin-right: 0.95rem; /* opcional: para separar del label */
    position: relative
}

/* Crear círculo interno más grande */
.form-check-input:checked::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;      /* tamaño del círculo interno */
    height: 12px;
    background-color: white; /* color del círculo interno */
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.contenedor-gradiente {
    background: linear-gradient(to bottom, #ffffff, #e2f0fd);
    border-radius: 0.5rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    min-height: 100%;
    position: relative;
}

/* Preguntas */
.form-label {
  font-weight: 450;
  font-size: 1.1rem; /* opcional: un poquito más grande */
  margin-bottom: 0.5rem; /* espacio entre la pregunta y las respuestas */
}

/* Respuestas */
.form-check-label {
  font-weight: 350;
}

@media (max-width: 767px) {
    body {
        height: 100vh;
        padding: 0;
        margin: 0;
    }
    .contenedor-gradiente {
        max-width: 100%;
        width: 100%;
        height: 100vh;
        margin: 0;
       
        border-radius: 0;
        box-shadow: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
    }
}