/* Estilos para el área de texto */
.line-textarea {
border: none !important;
border-bottom: 1px solid #ccc !important; /* Línea inferior */
padding: 8px 0;
width: 100%;
box-sizing: border-box !important;
height: 1.2em; /* ajusta la altura según tu diseño */
font-size: 16px;
resize: none; /* Evita que se redimensione */
transition: box-shadow 0.3s ease-in-out !important; /* Transición para el sombreado */
overflow: hidden auto !important;   
}

.line-textarea:focus {
outline: none;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Sombreado centrado al hacer foco */
}
/* Select que se usa  como si fuera un titulo */
.hiddenSelect{
    border: 0px solid transparent;
    color: #5d596c;
    font-size: 1.375rem;
    background-color: transparent;
    padding: 0px;
    font-weight: bold;
    cursor: pointer;
}
.hiddenSelect:focus {
    /* color: #6f6b7d;
    background-color: #fff;
    border-color: #7367f0;
    outline: 0; */
    box-shadow: none;
}