/* fuente */
@font-face {
    font-family:open-sans;
    font-weight:normal;
    font-style:normal;
    src:url('./open-sans/OpenSans-Regular.ttf');
}

@font-face {
    font-family:open-sans;
    font-weight:bold;
    font-style:normal;
    src:url('./open-sans/OpenSans-Bold.ttf');
}

@font-face {
    font-family:open-sans;
    font-weight:normal;
    font-style:italic;
    src:url('./open-sans/OpenSans-Italic.ttf');
}

@font-face {
    font-family:open-sans;
    font-weight:bold;
    font-style:italic;
    src:url('./open-sans/OpenSans-BoldItalic.ttf');
}

/* origen */
:root {
    --fuente-origen:open-sans,sans-serif,Arial,Helvetica,FreeSans;
    
    --fuente-gigante:24px;
    --fuente-extensa:16px;
    --fuente-regular:15px;
    --fuente-mediana:14px;
    --fuente-pequena:13px;
    
    --mama-css-width:220px;
    --hijo-css-width:200px;
    --arco-css-width:208px; /* mama-css-width - 12px */
    --arco-css-height:40px; /* arco height */
    --view-css-margin:32px; /* view margin left and right */
    
    /*--base-min-width:300px;*/
    --base-min-width:320px;
    --base-max-width:1280px;
    
    /* **** RGB -> RGBA **** */
    /* **** RGB -> RGBA **** */
    /* **** RGB -> RGBA **** */
    /* **** RGB -> RGBA **** */
    
    --color-texto-origen:rgb(224,64,64); /* COLOR ORIGINAL */
    /*--color-texto-origen:rgb(48,48,48);*/ /* **** COLOR DE PRUEBA **** */
    /* **** */
    --color-texto-normal:rgb(32,32,32);
    --color-texto-palido:rgb(255,255,255);
    --color-texto-sombra:rgb(128,128,128);
    
    --color-fondo-origen:rgb(224,64,64); /* COLOR ORIGINAL */
    /*--color-fondo-origen:rgb(48,48,48);*/ /* **** COLOR DE PRUEBA **** */
    /* **** */
    --color-fondo-normal:rgb(244,248,252);
    --color-fondo-palido:rgb(255,255,255);
    --color-fondo-sombra:rgb(224,224,224);
    
    --color-borde-origen:rgb(232,232,232);
    --color-borde-normal:rgb(192,192,192);
    --color-borde-palido:rgb(255,255,255);
    --color-borde-sombra:rgb(216,216,216);
    /*--color-borde-sombra:rgb(192,192,192);*/
    
    --color-marco-obliga:rgb(224,64,64); /* COLOR DE CIRCULO DE CAMPOS OBLIGATORIOS */
    --color-texto-albino:rgb(180,180,180); /* PARA MOSTRAR VERSION DE SISTEMA */
    --color-fondo-anular:rgb(240,192,192); /* COLOR DE FONDO PARA ITEMS ANULADOS */
    
    /*--color-fondo-pagina:rgb(232,232,232);*/
    /*--color-fondo-pagina:rgb(224,228,232);*/
    --color-fondo-pagina:rgb(232,236,240); /* COLOR DE FONDO PARA PAGINACION */
    
    /*--color-borde-revoca:rgb(112,112,112);*/ /* SIN UTILIZAR **** VALIDAR */
    /*--color-borde-revoca:rgb(248,248,248);*/
    
    /*--color-borde-select:rgb(200,32,32);*/ /* SIN UTILIZAR **** VALIDAR */
    /*--color-fondo-select:rgb(255,255,255);*/
    /*--color-opaco-select:rgb(255,255,255);*/
    
    /*--color-fondo-revoca:rgb(250,250,250);*/
    /*--color-opaco-revoca:rgb(208,208,208);*/
    
    /* por validar */
    --colorXYZ-fondoXYZ-aXYZ:rgb(240,128,128); /* fondo alternativo para cabeceras tablas o tarjetas (todos)) */
    --colorXYZ-fondoXYZ-bXYZ:rgb(240,192,192); /* fondo alternativo para cabeceras tablas o tarjetas (todos)) */
    --colorXYZ-fondoXYZ-cXYZ:rgb(64,80,96); /* fondo para cabeceras tablas o tarjetas - fuente clara (blanca)) */
    --colorXYZ-fondoXYZ-dXYZ:rgb(192,208,224); /* fondo para cabeceras tablas o tarjetas - fuente oscura (negra)) */
    
    /* por validar */
    --valor-gigante:20px;
    --valor-extenso:16px;
    --valor-regular:12px;
    --valor-mediano:8px;
    --valor-pequeno:4px;
    
    --talla-gigante:42px;
    --talla-extenso:40px;
    --talla-regular:34px;
    --talla-mediano:32px;
    --talla-pequeno:24px;
    --talla-humilde:8px;
    
    --radio-gigante:16px;
    --radio-extenso:14px;
    --radio-regular:12px;
    --radio-mediano:8px;
    --radio-pequeno:4px;
    
}