/*-----VARIABLES------*/
:root {
    --colorRojo: #c92327;
    --colorVerde: #00dc82;
    --colorSombra: rgb(172, 172, 172);
    --colorGris: #f0f0f0;
    --fuentePrincipal: 'Arial';
    --normal: 400;
    --semiBold: 600;
    --bold: 700;
    --fontSizeHeader: 16pt;
    --fontSizeBtn: 12pt;
    --fontSizeTit: 12pt;
    --fontSizeTxt: 11pt;
    --fontSizeS: 9pt;
    --fontSizeFooter: 10pt;
}

/* Elimina el relleno gris en navegadores basados en Chrome, Edge y Opera */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    box-shadow: 0 0 0px 1000px white inset !important;
}

/* Opcional: restablece el color del texto para entradas autocompletadas */
input:-webkit-autofill {
    -webkit-text-fill-color: black !important; /* Cambia 'black' al color que desees */
}

body {
}

.fontMain {
    font-family: var(--fuentePrincipal);
}

.btnConectar {
    font-family: var(--fuentePrincipal);
    font-weight: var(--semiBold);
    font-size: var(--fontSizeBtn);
    color: white;
    text-align: center;
    background-color: var(--colorVerde);
    box-shadow: 0.5px 0.5px 10px var(--colorSombra);
    border: 0px;
    border-radius: 40px;
    width: 200px;/*115px;*/
    height: 50px;
    margin: 10px;
}

.btnConectar:hover {
    transform: scale(1.03);
}

.btnVolver {
    font-family: var(--fuentePrincipal);
    font-weight: var(--semiBold);
    font-size: var(--fontSizeBtn);
    color: white;
    text-align: center;
    align-content:center;
    background-color: var(--colorVerde);
    box-shadow: 0.5px 0.5px 10px var(--colorSombra);
    border: 0px;
    border-radius: 40px;
    width: 100px; /*115px;*/
    height: 50px;
    margin: 10px;
}

    .btnVolver:hover {
        transform: scale(1.03);
    }

.div_desktop_general {
    border-radius: 30px;
    box-shadow: 0.5px 0.5px 10px var(--colorSombra);
    /*width: 600px;*/
    /*height: 600px;*/
    margin-top: 20px;
    margin-bottom: 80px;

    padding-top: 20px;
    /*display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;*/
}

.divRed {
    display: flex;
    justify-content: left;
    align-items: center;
    background-color: white;
    box-shadow: 0.5px 0.5px 10px var(--colorSombra);
    border-radius: 15px;
    /*width: 420px; 290px;*/
    height: 50px;
    margin: 10px;
}

.divRed .parrafos {
    font-family: var(--fuentePrincipal);
    font-weight: var(--semiBold);
    font-size: var(--fontSizeTxt);
    text-align: left;
    width: 180px;/*130px;*/
    margin: 5px;
    padding-left: 10px;
}

.divRed .parrafos2 {
    font-family: var(--fuentePrincipal);
    font-weight: var(--semiBold);
    font-size: var(--fontSizeTxt);
    text-align: left;
    width: 220px; /*130px;*/
    margin: 5px;
    padding-left: 10px;
}

.inputIpFija {
    font-family: var(--fuentePrincipal);
    font-weight: var(--normal);
    font-size: var(--fontSizeTxt);
    border: 0 none;
    width: 220px;/*140px;*/
    height: 25px;
    padding-left: 5px;
    margin-right: 2px;
    outline: 0 none;
}

.inputIpFija2 {
    font-family: var(--fuentePrincipal);
    font-weight: var(--normal);
    font-size: var(--fontSizeTxt);
    border: 0 none;
    width: 300px; /*140px;*/
    height: 25px;
    padding-left: 5px;
    margin-right: 2px;
    outline: 0 none;
}