/* Estilo para el contenedor del campo de texto */
.input-wrapper {
    position: relative;
    margin-bottom: 1.5rem;
}

.input-wrapper textarea {
    font-size: 1rem;
    padding: 10px 15px;
    padding-left: 0px;
    padding-right: 40px;
    /* Espacio para el icono */
    border: none;
    width: 100%;
    outline: none;
    color: #333;
    background-color: transparent;
    border-bottom: 1px solid #008080;
}

/* Estilo para la etiqueta flotante */
.input-wrapper label {
    position: absolute;
    top: 12px;
    /* Mantener la posición del texto en el centro verticalmente */
    left: 0px;
    /* Alinear la etiqueta al inicio del campo de entrada */
    font-size: 0.875rem;
    color: #6c757d;
    pointer-events: none;
    /* Para que el texto no interfiera con la interacción */
    transition: top 0.3s ease, font-size 0.3s ease, opacity 0.3s ease;
}

.input-wrapper .input-wrapper textarea:focus {
    border-bottom: 2px solid #008080;
}

/* Cuando el campo tiene texto o está en foco, el hint se mueve hacia arriba */
.input-wrapper textarea:focus+label,
.input-wrapper textarea:not(:placeholder-shown)+label {
    top: -8px;
    font-size: 0.75rem;
    color: #6c757d;
    opacity: 1;
}

/* Estilo para centrar los radio buttons y sus etiquetas */
.form-check-inline {
    display: inline-block; /* Los radio buttons estarán en línea */
    text-align: center; /* Centra el contenido dentro de cada contenedor */
    margin-right: 20px; /* Agregar margen entre los radio buttons */
}

.form-check-inline label {
    font-size: 16px; /* Reducir el tamaño de la fuente */
    color: #333;
    padding-left: 1px; /* Separar el texto del radio button */
}

/* Estilo para los radio buttons */
.form-check-input {
    width: 16px; /* Hacer el radio button más pequeño */
    height: 16px; /* Hacer el radio button más pequeño */
    border-radius: 50%;
    border: 2px solid #008080;
    transition: all 0.3s ease;
}

/* Estilo cuando el radio button está seleccionado */
.form-check-input:checked {
    background-color: #008080;
    border-color: #008080;
}

/* Alineación y espacio entre los radio buttons */
.envio-container {
    display: flex;
    justify-content: center; /* Centra los radio buttons */
    margin-bottom: 15px; /* Espacio inferior entre los elementos */
}