:root {
    --color-boton-gradiente-1:rgba(192, 145, 214, 0.9);
    --color-boton-gradiente-2:rgba(221, 193, 219, 0.9);
    --color-boton-gradiente-3:rgba(218, 187, 226, 0.9);
    --color-boton-gradiente-4:rgba(148, 80, 142, 0.9);
    --color-boton-gradiente-5:rgba(120, 94, 126, 0.9);
    --color-item-enfatizado: rgba(135, 77, 150, 1.00);

    --horarios-tamano-item-titulo: 1rem;
    --horarios-separacion-contenedor-items: 3rem;
    --contenedor-item-margen-arriba: 1.5rem;
    --horarios-tamano-texto: 1rem;
    --contenedor-item-fondo-color: rgba(245, 245, 245, 0.5);
    --contenedor-item-radio: 1rem;
    --contenedor-item-padding: 1rem;

    --tamano-texto-titulo: 1.3rem;
    --tamano-texto-subtitulo: 1.2rem;
    --tamano-texto-normal: 1.1rem;
    --tamano-texto-etiqueta: 1.0rem;
    --tamano-texto-alerta: 1.0rem;
    --padding-lateral-contenedor-editor: 0rem;
    --tabla-ajuste-de-fila:flex;

    --formulario-color-fondo-botones: linear-gradient(0deg, var(--color-boton-gradiente-1), var(--color-boton-gradiente-2) 15%, var(--color-boton-gradiente-2) 85%, var(--color-boton-gradiente-1));
    --formulario-color-fondo-botones-hover: linear-gradient(0deg, var(--color-boton-gradiente-5), var(--color-boton-gradiente-4) 15%, var(--color-boton-gradiente-4) 85%, var(--color-boton-gradiente-5));
    --formulario-color-texto-botones: rgb(31, 0, 41);
    --formulario-color-texto-botones-hover: var(--color-boton-gradiente-2);

    --tamano-editor-texto: 90%;
    --tamano-editor-area-texto: 90%;
    --tamano-editor-texto-tabla: 90%;

    --ancho-contenedor-editor-selector-imagen: 100%;
    --modalidad-contenedores-alineados-ajustables: row;

    --formulario-color-texto-contenido: rgb(0, 0, 0);
    --formulario-color-fondo-contenido: rgba(255, 255, 255, 0.35);
    --formulario-color-fondo-contenido-hover: rgba(255, 255, 255, 0.67);
    --formulario-color-texto-numero: var(--formulario-color-texto-botones);
    --formulario-color-texto-numero-hover: var(--formulario-color-texto-botones-hover);
    --formulario-color-fondo-numero: rgb(255, 255, 255, 0.152);
    --formulario-color-fondo-numero-hover: var(--formulario-color-texto-contenido);
    --formulario-color-borde: rgba(0, 0, 0, 0.26);
    --formulario-color-texto:rgba(54, 63, 55, 0.252);
    --formulario-color-texto-hover:rgb(1, 56, 9);
    --formulario-duracion-animacion: 1.5s;
    --formulario-items-radio: 25px;
    --formulario-transicion-generica:0.6s;
    --formulario-boton-ancho: 20rem;
    --formulario-boton-ancho-enviar: 30rem;
    --formulario-boton-tabla-ancho: 100%;
    --formulario-duracion-animacion: 1.5s;
    --formulario-control-margen-arriba: 1.0rem;
    --formulario-control-margen-abajo: 1.0rem;
    --formulario-control-margen-izquierda: 2.5rem;
    --formulario-control-margen-derecha: 3.0rem;
}
@media only screen and (max-width: 400px) {
    :root {
        --ancho-contenedor-editor-selector-imagen: 100%;
        --tamano-texto-titulo: 1.15rem;
        --tamano-texto-subtitulo: 1.05rem;
        --tamano-texto-normal: 0.95rem;
        --tamano-texto-etiqueta: 0.85rem;
        --tamano-texto-alerta: 0.85rem;
        --padding-lateral-contenedor-editor: 0rem;
        --modalidad-contenedores-alineados-ajustables: column;
    }
}
@media only screen and (min-width: 401px) and (max-width: 700px) {
    :root {
        --ancho-contenedor-editor-selector-imagen: 100%;
        --tamano-texto-titulo: 1.2rem;
        --tamano-texto-subtitulo: 1.1rem;
        --tamano-texto-normal: 1.0rem;
        --tamano-texto-etiqueta: 0.90rem;
        --tamano-texto-alerta: 0.90rem;
        --padding-lateral-contenedor-editor: 0rem;
        --modalidad-contenedores-alineados-ajustables: column;
    }
}
@media only screen and (min-width: 701px) and (max-width: 1200px) {
    :root {
        --ancho-contenedor-editor-selector-imagen: 100%;
        --tamano-texto-titulo: 1.25rem;
        --tamano-texto-subtitulo: 1.15rem;
        --tamano-texto-normal: 1.05rem;
        --tamano-texto-etiqueta: 0.95rem;
        --tamano-texto-alerta: 0.95rem;
        --padding-lateral-contenedor-editor: 0.5%;
        --modalidad-contenedores-alineados-ajustables: row;
    }
}
@media only screen and (min-width: 1200px) {
    :root {
        --ancho-contenedor-editor-selector-imagen: 47%;
        --tamano-texto-titulo: 1.3rem;
        --tamano-texto-subtitulo: 1.2rem;
        --tamano-texto-normal: 1.1rem;
        --tamano-texto-etiqueta: 1.0rem;
        --tamano-texto-alerta: 1.0rem;
        --padding-lateral-contenedor-editor: 0.5%;
        --modalidad-contenedores-alineados-ajustables: row;
    }
}

.alerta
{
    color: red !important;
    font-weight: bolder;
}
.alerta_editor_generico
{
    display: flex;
    width: 100%;
    margin-top: 0.3rem;
    margin-bottom: 1rem;
    color: red !important;
    font-weight: bolder;
    text-align: center;
    font-size: 1rem;
}
.editor_contenedor_principal_mitad,
.editor_contenedor_principal
{
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 5rem;
    padding-left: var(--padding-lateral-contenedor-editor);
    padding-right: var(--padding-lateral-contenedor-editor);
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.editor_contenedor_principal_mitad
{
    width: var(--ancho-contenedor-editor-selector-imagen) !important;
    margin: 1%;
}
.editor_titulo_principal
{
    padding-left: 1rem;
}
.boton_editor_accion
{
    margin-top: 3.5rem;
}
.editor_etiqueta
{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    font-size: var(--tamano-texto-etiqueta);
}
.editor_etiqueta_sola
{
    display: flex;
    width: 100%;
}
.imagen_editor_boton_archivo[type=file]::file-selector-button,
.boton_archivo[type=file]::file-selector-button,
.formulario_editor_botones[type=file]::file-selector-button,
.formulario_editor_botones,
.boton_formulario_enviar_inversa,
.boton_formulario_enviar,
.boton_formulario
{
    color: var(--formulario-color-texto-botones);
    background: var(--formulario-color-fondo-botones);
    width: var(--formulario-boton-ancho);
    margin: 0.5rem 0.1rem 0.5rem 0.1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    border-radius: 5vh;
    margin-top: auto;
    margin-bottom: auto;
    user-select: none;
    text-align: center;
    overflow: hidden;
    transition: 0.1s;
}
.imagen_editor_boton_archivo:hover[type=file]::file-selector-button,
.boton_archivo:hover[type=file]::file-selector-button,
.formulario_editor_botones:hover[type=file]::file-selector-button,
.formulario_editor_botones:hover,
.boton_formulario_enviar_inversa:hover,
.boton_formulario_enviar:hover,
.boton_formulario:hover
{
    cursor: pointer;
    color: var(--color-boton-gradiente-3);
    background: var(--formulario-color-fondo-botones-hover);
    transform: scale(1.10);
}
.boton_archivo[type=file]::file-selector-button,
.formulario_editor_botones[type=file]::file-selector-button
{
    display: flex;
    width: auto;
    flex-wrap: wrap;
}
.boton_archivo,
.boton_formulario,
.formulario_editor_botones
{
    margin-top: 3rem !important;
}
.boton_formulario_enviar,
.boton_formulario_enviar_inversa
{
    width: var(--formulario-boton-ancho-enviar);
    border-style: solid;
    border-color: rgb(205, 43, 226);
    border-width: 0.15em;
    position: sticky;
}
.boton_formulario_enviar
{
    bottom: 1rem;
}
.boton_formulario_enviar_inversa
{
    top: 2.5rem;
}
.boton_formulario_enviar:hover,
.boton_formulario_enviar_inversa:hover
{
    border-color: rgb(137, 43, 226);
}

.formulario_editor_botones
{
    width: 50%;
}
.editor_selector_generico
{
    width: 100%;
}
.editor_input_texto,
.editor_area_texto_reducido
{
    display: flex;
    font-size: var(--tamano-texto-normal);
    width: var(--tamano-editor-texto);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    flex-direction: column;
    overflow-wrap: break-word;
    word-break: break-all;
}
.editor_area_texto
{
    padding: 2.5%;
    font-size: var(--tamano-texto-normal);
    width: var(--tamano-editor-area-texto) !important;
    overflow-wrap: break-word;
    word-break: break-all;
}
.editor_area_texto_reducido
{
    font-size: var(--tamano-texto-normal);
    min-height: 5rem;
    overflow-wrap: break-word;
    word-break: break-all;
}
.editor_titulo_caja_radio
{
    display: flex;
    width: 100%;
}
.contenedor_principal_botones_radio
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0.5rem;
    width: 100%;
}
.contenedor_principal_checkboxes,
.contenedor_caja_radio
{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.editor_boton_radio
{
    margin-left: 1.5rem;
    width: 1.5em;
}
.editor_input_texto,
.editor_area_texto,
.editor_contenedor_checkbox,
.boton_editor_accion
{
    font-size: 1.1rem;
}
.boton_editor_accion
{
    margin-left: var(--formulario-control-margen-izquierda);
    margin-right: var(--formulario-control-margen-derecha);
}
.editor_contenedor_checkbox
{
    display: flex;
    flex-wrap: wrap;
}
.alinear_derecha
{
    display: flex;
    width: 50% !important;
    justify-content: right;
}
.editor_checkbox
{
    display: flex;
    margin-right: 2.0vw;
    width: 1.5em;
    justify-content: right;
}
.editor_registro_contenedor_principal,
.editor_asignacion_contenedor_principal
{
    width: 100%;
}
.editor_selector_contenedor_item,
.editor_registro_contenedor_item,
.editor_asignacion_contenedor_item
{
    width: 90%;
    background-color: var(--contenedor-item-fondo-color);
    border-radius: var(--contenedor-item-radio);
    padding: 1rem;
}
.editor_registro_item_texto,
.editor_asignacion_item_texto
{
    width:fit-content;
    padding: 1rem;
    font-size: var(--horarios-tamano-texto);  
}
.editor_registro_item_especial,
.editor_asignacion_item_especial
{
    width:fit-content;
    padding: 1rem;
    font-size: var(--horarios-tamano-texto);  
}
.editor_registro_item_titulo,
.editor_asignacion_item_titulo
{
    display: flex;
    width: 100%;
    font-size: var(--horarios-tamano-item-titulo);
    font-style: italic;
    font-weight: bold;
}
.editor_registro_item_etiqueta,
.editor_asignacion_item_etiqueta
{
    width:fit-content;
    padding: 1rem;
    font-style: italic;
}
.editor_registro_item_especial,
.editor_asignacion_item_especial
{
    width:fit-content;
    padding: 1rem;
    font-style: italic;  
}
.editor_texto_tabla,
.editor_texto
{
    display:flex;
    flex-wrap: wrap;
    flex-direction: column;
    background-color: rgba(255, 255, 255, 0.9);
    color: rgb(0, 0, 0);
    min-height: 7rem;
    border-color: rgb(139, 139, 139);
    border-radius: 10px;
    border-width: 0.01em;
    border-style: solid;
    padding: 2rem;
    width: var(--tamano-editor-texto);
    overflow-wrap: break-word;
    word-break: break-all;
}
.editor_texto_tabla
{
    width: var(--tamano-editor-texto-tabla); 
    max-height: 3rem;
    min-height: 1rem;
    font-size: 1.1rem;
    padding: 0.7rem;
    padding-left: 5%;
    padding-right: 5%;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.item_input_texto,
.item_input_contrasena,
.item_selector
{
    display: flex;
    width: 100%;
    margin: 0.5rem;
    font-size: 0.9rem;
    justify-content: right;
}
.item_selector
{
    padding: 0.5rem;
    margin-bottom: 1rem;
}
.item_input_etiqueta
{
    width: 40%;
    font-size: 1.0rem;
}
.contenedor_formulario_editor{
    display: flex;
    flex-wrap: wrap;
}
.formulario_editor_texto,
.editor_texto
{
    float: right;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.1rem;
    width: 50%;
    display: flex;
}
.item_input_titulo
{
    width: 100%;
}
.editor_contenedor_input
{
    display: inline;
    width: 100%;
    margin: 0.5rem;
    font-size: 0.9rem;
}
.item_input_numero
{
    width: 50%;
    font-size: 1.0rem;
    flex-wrap: wrap;
    float: right;
    padding-left: 1rem;
}

.boton_tabla
{
    color: var(--formulario-color-texto-botones);
    background: var(--formulario-color-fondo-botones);
    width: var(--formulario-boton-tabla-ancho);
    margin: 0.5rem 0.1rem 0.5rem 0.1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    border-radius: 5vh;
    margin-top: auto;
    margin-bottom: auto;
    user-select: none;
    text-align: center;
    overflow: hidden;
    transition: 0.1s;
}
.boton_tabla:hover
{
    cursor: pointer;
    color: var(--color-boton-gradiente-3);
    background: var(--formulario-color-fondo-botones-hover);
    transform: scale(1.10);
}
.subtitulo_tabla
{
    font-style: italic;
    font-size: var(--tamano-texto-normal);
}
.visualizar_texto_tabla
{
    font-size: var(--tamano-texto-normal);
}
.tabla_fila_ajustable
{
    box-shadow: 0px 4px 10px rgb(10, 10, 10, 0.4);
    margin: 1rem;
}
.columna_tabla
{
    padding: 1rem;
    padding-right: 1rem;
}
.columna_tabla_selector
{
    padding: 1rem;
    width: 45%;
}
.columna_tabla_mitad
{
    width: 45%;
}
.item_seleccionable
{
    overflow: hidden;
    border-style: hidden;
    object-position: center;
    padding: auto;
    margin: 1%;
    box-shadow: 5px 3px 3px rgb(10, 10, 10, 0.8);
    border-radius: var( --formulario-items-radio);
    border-color: blueviolet;
    transition: 0.1s;
}
.item_seleccionable:hover,
.item_seleccionable:focus
{
    transform: scale(1.10);
    box-shadow: 15px 9px 9px rgba(10, 10, 10, 0.25);
    border-style: solid;
    border-width: 0.1%;
    overflow: visible;
    cursor: pointer;
}
.enfatizado
{
    transform: scale(1.05);
    box-shadow: 10px 7px 7px rgba(10, 10, 10, 0.25);
    border-style: solid;
    border-width: 0.1%;
    overflow: visible;
    border-color: var(--color-item-enfatizado);
}
.contenedor_item_editor_asignacion
{
    float: right;
    width: 90%;
    margin-top: var(--contenedor-item-margen-arriba);  
    background-color: var(--contenedor-item-fondo-color);
    border-radius: var(--contenedor-item-radio);
    padding: var(--contenedor-item-padding);
}
.titulo,
.titulo_1,
.titulo_2,
.titulo_3,
.titulo_4,
.titulo_5
{
    width: 100%;
}
.resumen
{
    min-height: 10rem;
}
.texto_informacion
{
    font-size: 1.1rem;
    margin: 1rem;
}
.contenedor_titulo_flotante
{
    position: sticky !important;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 0.3rem;
    text-align: center;
    border-style: solid;
    border-width: 0.2rem;
    border-color: var(--color-item-enfatizado);
    box-shadow: 5px 3px 3px rgb(10, 10, 10, 0.5);
    border-radius: var(--contenedor-item-radio);
    top: 0;
}
.archivo_contenedor_visor
{
    width: 100%;
    margin-top: 3rem;
    border-radius: var(--contenedor-item-radio);
}
.archivo_contenedor_controles
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}
.imagen_editor_contenedor
{
    width: var(--ancho-contenedor-editor-selector-imagen);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 2rem;
}
.imagen_editor_titulo
{
    margin: 1rem;
    font-size: var(--tamano-texto-subtitulo);
    font-weight: bold;
}
.imagen_editor_contenedor_imagen
{
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 90%;
    padding:2rem;
    border-radius: 5rem;
    background-color: rgba(255, 255, 255, 0.2);

}
.imagen_editor_imagen
{
    height: 10rem;
    object-fit:scale-down;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 5rem;
}
.editor_fecha_tiempo
{
    min-width: 30%;
    padding: 0.5rem;
    margin-right: 0.5rem;
}
.contenedor_fecha_tiempo
{
    margin-top: 0.5rem;
}
.editor_contenedor_inputs_alineados
{
    display: flex;
    width: 100%;
}
.editor_contenedores_alineados_ajustables
{
    display: flex;
    flex-direction: var(--modalidad-contenedores-alineados-ajustables);
}
.editor_contenedor_input_doble
{
    display: flex;
    justify-content: right;
    flex-direction: column;
    width: var(--ancho-contenedor-editor-selector-imagen);
}
.editor_contenedor_input_100
{
    width: 100%;
}
.editor_contenedor_input_90
{
    width: 90%;
}
.editor_contenedor_input_80
{
    width: 80%;
}
.editor_contenedor_input_70
{
    width: 70%;
}
.editor_contenedor_input_60
{
    width: 60%;
}
.editor_contenedor_input_50
{
    width: var(--ancho-contenedor-editor-selector-imagen) !important;
}
.editor_contenedor_input_40
{
    width: 40%;
}
.editor_contenedor_input_30
{
    width: 30%;
}
.editor_contenedor_input_20
{
    width: 20%;
}
.editor_contenedor_input_10
{
    width: 10%;
}