/******************************************************CONTENEDORES****************************************************/
.content-row {
    display: flex;
}
.content-row > * {
    flex-grow: 1;
    box-sizing: border-box; /* Para que el padding y border sean parte del ancho fijo */
    /*vertical-align: top; /* Alineación vertical opcional */
}


/******************************************************UTILITARIOS*****************************************************/
.size-x2{
      transform: scale(2);
}
.size-x3{
    transform: scale(3);
}

.tachar{
    text-decoration: line-through;
}
.tachar-linea-roja{
    text-decoration: line-through;
    text-decoration-color: #BB0000;
}

.truncar_texto_largo {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.truncar_texto_largo:hover {
    white-space: normal;
    overflow: visible;
}

.sin_salto_de_linea{
    white-space: nowrap;
}

.box{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: var(--border-cons-radius-vistas);
    padding:5px;
}
.box h1{
    font-weight: 600;
    font-size: 16px;
    background-color: var(--color-cons-3);
    color: var(--color-cons-5);
    margin-top: -5px;
    margin-left: -5px;
    margin-right: -5px;
}

.opacity-10{
    opacity: 1;
}
.opacity-9{
    opacity: 0.9;
}
.opacity-8{
    opacity: 0.8;
}
.opacity-7{
    opacity: 0.7;
}
.opacity-6{
    opacity: 0.6;
}

.border-shadow{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.border-radius{
    border-radius: var(--border-cons-radius-vistas);
}

.background-1{
    background-color: var(--color-cons-1)!important;
}
.background-2{
    background-color: var(--color-cons-2)!important;;
}
.background-3{
    background-color: var(--color-cons-3)!important;;
}
.background-4{
    background-color: var(--color-cons-4)!important;;
}
.background-5{
    background-color: var(--color-cons-5)!important;;
}
.background-6{
    background-color: var(--color-cons-6)!important;;
}
.background-7{
    background-color: var(--color-cons-7)!important;;
}
.background-8{
    background-color: var(--color-cons-8)!important;;
}
.background-9{
    background-color: var(--color-cons-9)!important;;
}
.background-10{
    background-color: var(--color-cons-10)!important;;
}
.background-11{
    background-color: var(--color-cons-11)!important;;
}


.background-light-1{
    background-color: var(--color-cons-light-1)!important;;
}
.background-light-2{
    background-color: var(--color-cons-light-2)!important;;
}
.background-light-3{
    background-color: var(--color-cons-light-3)!important;;
}
.background-light-4{
    background-color: var(--color-cons-light-4)!important;;
}
.background-light-5{
    background-color: var(--color-cons-light-5)!important;;
}

.color-1{
    color: var(--color-cons-1)!important;;
}
.color-2{
    color: var(--color-cons-2)!important;;
}
.color-3{
    color: var(--color-cons-3)!important;;
}
.color-4{
    background-color: var(--color-cons-4)!important;;
}
.color-5{
    color: var(--color-cons-5)!important;;
}
.color-6{
    color: var(--color-cons-6)!important;;
}
.color-7{
    color: var(--color-cons-7)!important;;
}
.color-8{
    color: var(--color-cons-8)!important;;
}
.color-9{
    color: var(--color-cons-9)!important;;
}
.color-10{
    color: var(--color-cons-10)!important;;
}
.color-11{
    color: var(--color-cons-11)!important;;
}


.campo_plano{
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.icon-xxs-size{
    font-size: 8px;
}

.icon-xs-size{
    font-size: 10px;
}

.icon-sm-size{
    font-size: 15px;
}

.icon-mdS-size{
    font-size: 20px;
}
.icon-mdL-size{
    font-size: 25px;
}
.icon-lg-size{
    font-size: 32px;
}

.icon-xlg-size{
    font-size: 45px;
}

.icon-xxlg-size{
    font-size: 60px;
}

.text-right{
    text-align: right!important;
}

.text-left{
    text-align: left!important;
}

.text-center{
    text-align: center!important;
}

.group-elements{
    display: flex;
    align-items: center; /* Centra verticalmente */
    justify-content: center;/*centra horizontalmente*/
}
.group-elements input,.group-field-icon input,.group-field-icon button,.group-field-icon a {
    flex: 1; /* espacio restante */
}

.padding-r-1{
    padding-right: 1px!important;
}
.padding-r-2{
    padding-right: 2px!important;
}
.padding-r-3{
    padding-right: 3px!important;
}
.padding-r-4{
    padding-right: 4px!important;
}
.padding-r-5{
    padding-right: 5px!important;
}

.padding-l-15{
    padding-left: 15px!important;
}

.margin-b-5{
    margin-bottom: 5px!important;
}

.margin-b-15{
    margin-bottom: 15px!important;
}

.margin-b-20{
    margin-bottom: 20px!important;
}

.margin-b--15{
    margin-bottom: -15px!important;
}

.margin-r-0{
    margin-right: 0px!important;
}

.margin-r-5{
    margin-right: 5px!important;
}


.margin-r-15{
    margin-right: 15px!important;
}

.margin-r-20{
    margin-right: 20px!important;
}

.margin-l-5{
    margin-left: 5px!important;
}

.margin-l-15{
    margin-left: 15px!important;
}

.margin-l-20{
    margin-left: 20px!important;
}

.margin-l-25{
    margin-left: 25px!important;
}



.width-100{
    width: 100%!important;
}
/************* Estilos de comportamiento general que estaban en las clase: ******************/
    /***************************** Clase - Utilitarios, style_simples.css  **********************/

    .texto-azul { color: /*<apariencia-color-titulo2>*/#143961/*</apariencia-color-titulo2>*/!important; }

    .texto-azul-claro { color: #3acff8!important; }

    .texto-rojo { color: /*<apariencia-color-titulo1>*/#C63457/*</apariencia-color-titulo1>*/!important; }

    .texto-blanco{color:#fff!important;}

    .texto-verde{color:#77cc77!important;}

    .texto-legible-fondo-oscuro{text-shadow: #fff 0.1em 0.1em 0.2em!important;}

    .texto-negro { color: #000!important; }

    .texto-mayuscula {
        text-transform: uppercase;
    }

    .texto-subrayado {
        border-bottom: 1px solid;
    }

    .texto-negrilla {
        font-weight: bolder;
    }

    .cienporciento{width: 100%;}

    .width-99{
        width: 99%;
    }

    .width-100{
        width: 100%;
    }

    .fondo-rojo{background-color: /*<apariencia-color-titulo1>*/#C63457/*</apariencia-color-titulo1>*/;}

    .fondo-blanco{background-color: #fff;}

    .fondo-negro{background-color: #000;}

    .fondo-azul{background-color: /*<apariencia-color-titulo2>*/#143961/*</apariencia-color-titulo2>*/;}

    .fondo-gris-claro{background-color: #f5f5f5;}

    .sombra {
        /*text-shadow: -1px -1px #ccc, 1px 1px #555;*/
        text-shadow: #ccc 0.1em 0.1em 0.2em;
    }

    .imagen_center{
        margin:auto;
        overflow: visible;
        height: 90%;
        position:absolute;
    }

    .transparencia{
        opacity: 0.7;
        filter: alpha(opacity=70); /* For IE8 and earlier */
    }

    .desabilitado{
        background-color: #eee !important;
    }

    .ocultar,.hidden{
        display: none;
    }

    .sin_borde{
        border: 0px;
    }

    .puntero{
        cursor: pointer;
    }

    .border-1{
        border: solid 1px #ccc;
        border-radius: 5px;
    }

    .padding-1{
        padding: 1px;
    }

    .padding-2{
        padding: 2px;
    }

    .padding-3{
        padding: 3px;
    }

    .padding-4{
        padding: 4px;
    }

    .padding-5{
        padding: 5px;
    }

    .padding-10{
        padding: 10px;
    }

    .padding-top-1{
        padding-top: 1px;
    }

    .padding-top-2{
        padding-top: 2px;
    }

    .padding-top-3{
        padding-top: 3px;
    }

    .padding-top-4{
        padding-top: 4px;
    }

    .padding-top-5{
        padding-top: 5px;
    }

    .padding-bottom-1{
        padding-bottom: 1px;
    }

    .padding-bottom-2{
        padding-bottom: 2px;
    }

    .padding-bottom-3{
        padding-bottom: 3px;
    }

    .padding-bottom-4{
        padding-bottom: 4px;
    }

    .padding-bottom-5{
        padding-bottom: 5px;
    }

    .contenido-oculto{
        display: none;
        overflow: hidden;
    }

    .expandible{
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    .font_size_5{
        font-size: 16px;
    }

    .font_size_4{
        font-size: 14px;
    }