:root {
    /*tipo(color o propiedad)-nombre "color_tonalidad" de color- % de la transparencia-"apellido(0 = tirado blanco, 100 tirado al color mensionado)"*/
    --color-white-1: var(--color-blue_light-100-05);
    /*propiedad-atributo del css-nombre comun*/
    --prop-border-simple: 1px solid var(--color-gray_light-100-12);
    /* ==================== */
    /*       Blancos        */
    /* ==================== */
    --color-white-100-100: #ffffff; /* white, #ffffff, rgb(255,255,255), rgba(255,255,255,1) */
    --color-white-80-100: rgba(255,255,255,0.8); /* rgba(255,255,255,0.8), #ffffffcc */
    --color-white-50-100: rgba(255,255,255,0.5); /* rgba(255,255,255,0.5), #ffffff80 */
    --color-white-30-100: rgba(255,255,255,0.3); /* rgba(255,255,255,0.3), #ffffff4d */
    --color-white-20-100: rgba(255, 255, 255, 0.2); /* rgba(255,255,255,0.2), #ffffff33 */
    --color-white-10-100: rgba(255,255,255,0.10); /* rgba(255,255,255,0.10) */
    --color-white-0-100: rgba(255,255,255,0); /* transparent (equivalente: rgba(255,255,255,0)) */
    /* ==================== */
    /*        Grises        */
    /* ==================== */
    --color-gray_light-73-12: #dde4ecba; /* hex con alpha  rgba(221,228,236,0.73) */
    --color-gray_light-100-05: #f8fafc;
    --color-gray_light-100-12: #f1f1f1;
    --color-gray_light-100-24: #e0e0e0;
    --color-gray_light-100-35: #d3d3d3;
    --color-gray_light-100-55: #c4c4c4;
    --color-gray_light-100-83: #6c757d;
    /***************/
    --color-gray_medium-100-40: #c0c0c0; /* #c0c0c0, rgb(192,192,192), rgba(192,192,192,1) */
    --color-gray_medium-100-70: #666666; /* #666666, rgb(102,102,102), rgba(102,102,102,1) */
    --color-gray_medium-100-85: #555557; /* #555557, rgb(85,85,87), rgba(85,85,87,1) */
    --color-gray_medium-100-100: #444444; /* #444444, rgb(68,68,68), rgba(68,68,68,1) */
    --color-gray_medium-95-60: rgba(101,112,129,0.95); /* rgba(101,112,129,0.95), #657081f2 */
    --color-gray_medium-10-100: #7d7d7d1a; /* hex con alpha  rgba(125,125,125,0.10) */
    --color-gray-medium-50-100: #80808080;
    /*******************/
    --color-gray_dark-100-70: #334155; /* #334155, rgb(51,65,85), rgba(51,65,85,1) */
    --color-gray_dark-100-82: #2a2f38; /* #2a2f38, rgb(42,47,56), rgba(42,47,56,1) */
    --color-gray_dark-100-95: #0f172a; /* #0f172a, rgb(15,23,42), rgba(15,23,42,1) */
    --color-gray_dark-100-100: #1a1a1a; /* #1a1a1a, rgb(26,26,26), rgba(26,26,26,1) */
    --color-gray_dark-61-75: #3333339c; /* hex con alpha  rgba(51,51,51,0.61) */
    /***********************/
    /* ==================== */
    /*        Negros        */
    /* ==================== */
    --color-black-10-100: rgba(0,0,0,0.1); /* rgba(0,0,0,0.1), #00000019 */
    --color-black-30-100: rgba(0,0,0,0.3); /* rgba(0,0,0,0.3), #0000004d */
    --color-black-50-100: rgba(0,0,0,0.5); /* rgba(0,0,0,0.5), #00000080 */
    --color-black-70-100: rgba(0,0,0,0.7); /* rgba(0,0,0,0.7), #000000b3 */
    --color-black-100-100: #000000; /* black, #000000, rgb(0,0,0), rgba(0,0,0,1) */
    /* ==================== */
    /*       Azules         */
    /* ==================== */
    /***** light  ******/
    --color-blue_light-100-03: #E4E8EE;
    --color-blue_light-100-05: #eef6ff; /* #eef6ff, rgb(238,246,255), rgba(238,246,255,1) */
    --color-blue_light-100-07: #95B2DA;
    --color-blue_light-100-10: #d3e4ff; /* #d3e4ff, rgb(211,228,255), rgba(211,228,255,1) */
    --color-blue_light-100-15: #d0e1f9; /* #d0e1f9, rgb(208,225,249), rgba(208,225,249,1) */
    --color-blue_light-100-20: #8CA5D0;
    --color-blue_light-100-30: #8baecb; /* #8baecb, rgb(139,174,203), rgba(139,174,203,1) */
    --color-blue_light-100-35: lightskyblue; /* lightskyblue, #87cefa, rgb(135,206,250), rgba(135,206,250,1) */
    --color-blue_light-100-40: #7492C5;
    --color-blue_light-94-05: rgba(234,241,248,0.941); /* rgba(234,241,248,0.941), #eaf1f8f0 */
    /***** medium ******/
    --color-blue_medium-100-35: #88acd5; /* #88acd5, rgb(136,172,213), rgba(136,172,213,1) */
    --color-blue_medium-100-40: #64748b; /* #64748b, rgb(100,116,139), rgba(100,116,139,1) */
    --color-blue_medium-100-50: #6883b1; /* #6883b1, rgb(104,131,177), rgba(104,131,177,1) */
    --color-blue_medium-100-60: #569ae0; /* #569ae0, rgb(86,154,224), rgba(86,154,224,1) */
    --color-blue_medium-100-70: #2980b9; /* #2980b9, rgb(41,128,185), rgba(41,128,185,1) */
    --color-blue_medium-100-75: #3b82f6; /* #3b82f6, rgb(59,130,246), rgba(59,130,246,1) */
    --color-blue_medium-100-80: #0078d4; /* #0078d4, rgb(0,120,212), rgba(0,120,212,1) */
    --color-blue_medium-100-85: #1d4ed8; /* #1d4ed8, rgb(29,78,216), rgba(29,78,216,1) */
    --color-blue_medium-100-90: #007bff; /* #007bff, rgb(0,123,255), rgba(0,123,255,1) */
    --color-blue_medium-100-100: #0000ff; /* blue, #0000ff, rgb(0,0,255), rgba(0,0,255,1) */
    /**** alphas ****/
    --color-blue_medium-10-90: rgba(0,123,255,0.1); /* rgba(0,123,255,0.1), #007bff1a (hex con alpha) */
    --color-blue_medium-30-90: rgba(0,123,255,0.3); /* rgba(0,123,255,0.3), #007bff4d */
    --color-blue_medium-40-90: rgba(0,123,255,0.4); /* rgba(0,123,255,0.4), #007bff66 */
    --color-blue_medium-60-90: rgba(0,123,255,0.6); /* rgba(0,123,255,0.6), #007bff99 */
    --color-blue_medium-96-90: rgba(0,123,255,0.96); /* rgba(0,123,255,0.96), #007bfff5 */
    /***** dark  *******/
    --color-blue_dark-100-20: #454b57; /* #454b57, rgb(69,75,87), rgba(69,75,87,1) */
    --color-blue_dark-100-60: #2c3e50; /* #2c3e50, rgb(44,62,80), rgba(44,62,80,1) */
    --color-blue_dark-100-80: #1e40af; /* #1e40af, rgb(30,64,175), rgba(30,64,175,1) */
    --color-blue_dark-100-85: #0a3c8f; /* #0a3c8f, rgb(10,60,143), rgba(10,60,143,1) */
    --color-blue_dark-100-88: #0c37b3; /* #0c37b3, rgb(12,55,179), rgba(12,55,179,1) */
    --color-blue_dark-100-90: #003366; /* #003366, rgb(0,51,102), rgba(0,51,102,1) */
    --color-blue_dark-100-100: #04121f; /* #04121f, rgb(4,18,31), rgba(4,18,31,1) */
    --color-blue_dark-13-80: #2a5c9821; /* hex con alpha  rgba(42,92,152,0.13) */
    --color-blue_dark-67-98: #0f1a28aa; /* hex con alpha  rgba(15,26,40,0.67) cambiar a un gris */
    /**/
    /* ==================== */
    /*  Morados / Violetas  */
    /* ==================== */
    /**** light ******/
    --color-purple_light-100-10: #D1CFF5; /* #d1cff5, rgb(209,207,245), rgba(209,207,245,1) */
    --color-purple_light-100-90: #b768f5;
    /**** medium ******/
    --color-purple_medium-100-35: #696687; /* #696687, rgb(105,102,135), rgba(105,102,135,1) */
    --color-purple_medium-100-40: #af41c3;
    --color-purple_medium-100-50: #9a43e0;
    --color-purple_medium-100-85: #7f5af0; /* #7f5af0, rgb(127,90,240), rgba(127,90,240,1) */
    --color-purple_medium-100-90: #7e22ce;
    --color-purple_medium-20-85: rgba(127,90,240,0.2); /* rgba(127,90,240,0.2), #7f5af033 (hex con alpha) */
    /**** dark ******/
    --color-purple_dark-100-85: #3B3663; /* #3b3663, rgb(59,54,99), rgba(59,54,99,1) */
    --color-purple_dark-100-100: #5b21b6; /* #5b21b6, rgb(91,33,182), rgba(91,33,182,1) */
    --color-purple_dark-20-85: rgba(59,54,99,0.2); /* rgba(59,54,99,0.2), #3b366333 */
    /* ==================== */
    /*        Verdes        */
    /* ==================== */
    /**** light *****/
    --color-green_light-100-10: #e1f8e6; /* #e1f8e6, rgb(225,248,230), rgba(225,248,230,1) */
    --color-green_light-100-15: #b4e7c8; /* #b4e7c8, rgb(180,231,200), rgba(180,231,200,1) */
    --color-green_light-100-80: #a6dc8d;
    --color-green_light-100-90: #8fc971;
    /**** medium *****/
    --color-green_medium-100-20: #74b85b;
    --color-green_medium-100-60: #3ecf7f; /* #3ecf7f, rgb(62,207,127), rgba(62,207,127,1) */
    --color-green_medium-100-70: #34a857; /* #34a857, rgb(52,168,87), rgba(52,168,87,1) */
    --color-green_medium-100-75: #4CAF50; /* #4caf50, rgb(76,175,80), rgba(76,175,80,1) */
    --color-green_medium-100-78: rgb(50,205,50); /* rgb(50,205,50), #32cd32 (limegreen), rgba(50,205,50,1) */
    --color-green_medium-100-80: #16a34a; /* #16a34a, rgb(22,163,74), rgba(22,163,74,1) */
    /**** dark *****/
    --color-green_dark-100-80: forestgreen; /* forestgreen, #228b22, rgb(34,139,34), rgba(34,139,34,1) */
    --color-green_dark-100-90: #197954; /* #197954, rgb(25,121,84), rgba(25,121,84,1) */
    --color-green_dark-100-95: #1a5e2b; /* #1a5e2b, rgb(26,94,43), rgba(26,94,43,1) */
    /**** alphas ****/
    --color-green_medium-20-70: rgba(52,168,87,0.2); /* rgba(52,168,87,0.2), #34a85733 (hex con alpha) */
    --color-green_medium-40-70: rgba(52,168,87,0.4); /* rgba(52,168,87,0.4), #34a85766 (hex con alpha) */
    --color-green_medium-60-70: rgba(52,168,87,0.6); /* rgba(52,168,87,0.6), #34a85799 (hex con alpha) */
    --color-green_medium-50-75: rgba(76,175,80,0.5); /* rgba(76,175,80,0.5), #4caf5080 */
    --color-green_medium-80-75: rgba(76,175,80,0.8); /* rgba(76,175,80,0.8), #4caf50cc */
    /**/
    /* ===================== */
    /*  Amarillos / Dorados  */
    /* ===================== */
    /**** light ****/
    --color-yellow_light-100-05: lightyellow; /* lightyellow, #ffffe0, rgb(255,255,224), rgba(255,255,224,1) */
    --color-yellow_light-100-20: #ffeaa7;
    /**** medium ****/
    --color-yellow_medium-100-80: #ffc107; /* #ffc107, rgb(255,193,7), rgba(255,193,7,1) */
    --color-yellow_medium-100-90: yellow; /* yellow, #ffff00, rgb(255,255,0), rgba(255,255,0,1) */
    /**** dark ****/
    --color-yellow_dark-100-80: #856404;
    /**** alphas ****/
    --color-yellow_medium-76-90: rgba(220,235,20,0.76); /* rgba(220,235,20,0.76), #dceb14c1 */
    --color-yellow_medium-63-90: rgba(227,219,21,0.63); /* rgba(227,219,21,0.63), #e3db15a1 */
    /**/
    /* ==================== */
    /*        Naranjas      */
    /* ==================== */
    /**** light ****/
    --color-orange_light-100-20: #ffd7a3;
    --color-orange_light-100-90: #f9b877; /* #f9b877, rgb(249,184,119), rgba(249,184,119,1) */
    /**** medium ****/
    --color-orange_medium-100-55: #f7b56f;
    --color-orange_medium-100-70: #fb923c; /* #fb923c, rgb(251,146,60), rgba(251,146,60,1) */
    --color-orange_medium-100-80: #f59e0b; /* #f59e0b, rgb(245,158,11), rgba(245,158,11,1) */
    --color-orange_medium-100-100: #ff6600; /* #ff6600, rgb(255,102,0), rgba(255,102,0,1) */
    /**** dark ****/
    --color-orange_dark-100-85: #d97706; /* #d97706, rgb(217,119,6), rgba(217,119,6,1) */
    --color-orange_dark-100-100: #c24100; /* #c24100, rgb(194,65,0), rgba(194,65,0,1) */
    /**** alphas ****/
    --color-orange_medium-20-100: rgba(255,102,0,0.20); /* rgba(255,102,0,0.20), #ff660033 */
    --color-orange_medium-40-100: rgba(255,102,0,0.40); /* rgba(255,102,0,0.40), #ff660066 */
    --color-orange_medium-60-100: rgba(255,102,0,0.60); /* rgba(255,102,0,0.60), #ff660099 */
    --color-orange_medium-96-100: rgba(255,102,0,0.96); /* rgba(255,102,0,0.96), #ff6600f5 */
    /**/
    /* ==================== */
    /*      Rojos / Rosas   */
    /* ==================== */
    /**** light ****/
    --color-red_light-100-05: #fff5f5; /* #fff5f5, rgb(255,245,245), rgba(255,245,245,1) */
    --color-red_light-100-12: #ffdddd; /* #ffdddd, rgb(255,221,221), rgba(255,221,221,1) */
    --color-red_light-100-20: pink; /* pink, #ffc0cb, rgb(255,192,203), rgba(255,192,203,1) */
    /**** medium ****/
    --color-red_medium-100-65: #ed5d5d; /* #ed5d5d, rgb(237,93,93), rgba(237,93,93,1) */
    --color-red_medium-100-80: #f44336; /* #f44336, rgb(244,67,54), rgba(244,67,54,1) */
    --color-red_medium-100-85: #dc3545; /* #dc3545, rgb(220,53,69), rgba(220,53,69,1) */
    --color-red_medium-100-90: #ef4444; /* #ef4444, rgb(239,68,68), rgba(239,68,68,1) */
    --color-red_medium-100-100: red; /* red, #ff0000, rgb(255,0,0), rgba(255,0,0,1) */
    /**** dark ****/
    --color-red_dark-100-90: #b71c1c; /* #b71c1c, rgb(183,28,28), rgba(183,28,28,1) */
    --color-red_dark-100-100: #861c1c; /* #861c1c, rgb(134,28,28), rgba(134,28,28,1) */
    /**** alphas ****/
    --color-red_medium-12-100: rgba(255,0,0,0.12);
    --color-red_medium-50-100: rgba(255,0,0,0.50);
    --color-red_medium-76-100: rgba(255,0,0,0.76);
    /**/
    /* ==================== */
    /*    transparente      */
    /* ==================== */
    --color-transparent-0-1: transparent;
}