:root {
    --colorsecundario: #319ACD;
    --colorprimario: #23438F;
    --colorsecundario2: #AFF057;
    --colorprimario2: #6CB30F;
}

.header-top {
    background-color: var(--colorprimario) !important;
}
@media (min-width: 992px) {
    .header .header-top {
        background-color: var(--colorprimario) !important;
    }
}

    .btn-primary {
        background-color: var(--colorprimario) !important;
        border-color: var(--colorprimario) !important;
    }

        .btn-primary:hover {
            background-color: var(--colorsecundario) !important;
            border-color: var(--colorsecundario) !important;
        }

.btn-primary2 {
    background-color: var(--colorprimario2) !important;
    border-color: var(--colorprimario2) !important;
    color:#fff !important;
}

    .btn-primary2:hover {
        background-color: var(--colorsecundario2) !important;
        border-color: var(--colorsecundario2) !important;
        color: #000 !important;
    }

        .btn-primary.active {
            background-color: var(--colorprimario) !important;
            border-color: var(--colorprimario) !important;
        }

    .color-primary {
        color: var(--colorprimario) !important;
    }


    .alert-primary {
        background-color: var(--colorprimario) !important;
        border-color: var(--colorprimario) !important;
    }

    .alert-light-primary {
        border-color: var(--colorprimario) !important;
    }

    .alert-text {
        font-weight: bold;
        font-size: 1.2em;
    }

    .alert.alert-custom.alert-light-primary .alert-text {
        color: var(--colorprimario) !important;
    }
    /*inicio para el upload*/
    .file-upload {
        display: block;
        text-align: center;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
    }

        .file-upload .file-select {
            display: block;
            border: 2px solid #dce4ec;
            color: #34495e;
            cursor: pointer;
            height: 40px;
            line-height: 40px;
            text-align: left;
            background: #ffffff;
            overflow: hidden;
            position: relative;
        }

            .file-upload .file-select .file-select-button {
                background: #dce4ec;
                padding: 0 10px;
                display: inline-block;
                height: 40px;
                line-height: 40px;
            }

            .file-upload .file-select .file-select-name {
                line-height: 40px;
                display: inline-block;
                padding: 0 10px;
            }

            .file-upload .file-select:hover {
                border-color: #34495e;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
            }

                .file-upload .file-select:hover .file-select-button {
                    background: #34495e;
                    color: #ffffff;
                    transition: all 0.2s ease-in-out;
                    -moz-transition: all 0.2s ease-in-out;
                    -webkit-transition: all 0.2s ease-in-out;
                    -o-transition: all 0.2s ease-in-out;
                }

        .file-upload.active .file-select {
            border-color: var(--colorprimario);
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
        }

            .file-upload.active .file-select .file-select-button {
                background: var(--colorprimario);
                color: #ffffff;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
            }

        .file-upload .file-select input[type="file"] {
            z-index: 100;
            cursor: pointer;
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            opacity: 0;
            filter: alpha(opacity=0);
        }

        .file-upload .file-select.file-select-disabled {
            opacity: 0.65;
        }

            .file-upload .file-select.file-select-disabled:hover {
                cursor: default;
                display: block;
                border: 2px solid #dce4ec;
                color: #34495e;
                cursor: pointer;
                height: 40px;
                line-height: 40px;
                margin-top: 5px;
                text-align: left;
                background: #ffffff;
                overflow: hidden;
                position: relative;
            }

                .file-upload .file-select.file-select-disabled:hover .file-select-button {
                    background: #dce4ec;
                    color: #666666;
                    padding: 0 10px;
                    display: inline-block;
                    height: 40px;
                    line-height: 40px;
                }

                .file-upload .file-select.file-select-disabled:hover .file-select-name {
                    line-height: 40px;
                    display: inline-block;
                    padding: 0 10px;
                }
    /*fin para upload*/

    .table.table-vertical-center th, .table.table-vertical-center td {
        font-weight: normal !important;
    }

    .color-red {
        color: #a31111 !important;
    }

#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
    color:#fff !important;
}

.blanco {
    color:white !important;
}


.precios {
    background-color: #1A1337 !important;
    color: #fff !important;
    border-radius:20px !important;
    
}


.tablita {
    vertical-align: middle;
    display: table-cell;
}
.queobtengo {
    text-align: left !important;
    padding-bottom:5px;
    font-size:8px !important;
    margin-bottom:5px;
    width:100%;
}

.rayarpalabra {
    text-decoration: line-through !important;
}

.medionegro {
    color: #fff !important;
}

.lineablanca {
    border-bottom: 1px solid #3f4254 !important;
    width:100%;
}

.contenidoprecios {
    text-align:left;
    padding: 20px;
    border-radius: 5px;
    display: table-cell; /* Se comporta como una celda de tabla */
    vertical-align: middle; /* Alinea verticalmente */
}

.separarletras {
    letter-spacing: 6px;
}
.separarletras2 {
    letter-spacing: 12px;
}