:root{

    --font1:"Rubik", system-ui;
    --font2:"Open Sans", system-ui;

    --negro:#000937;
    --blanco:#ffffff;

    --color_texto:#000937;
    --color_fondo:#ffffff;

    --color1:#021B7B;
    --color2:#0269D7;
    --color3:#F7C805;
    --color4:#EFEFEF;
    --color5:#707070;
    --color6:#010F57;

}

/* Clases de SpaceCat */


/* --- */

body{
    padding:0;
    margin:0;
    color:var(--color_texto);
    box-sizing: border-box;
    font-size: 10px;
}


a{
    color:var(--color2);
    font-weight: 500;
    text-decoration: none;
}

li{
    font-family: var(--font1);
    font-weight: 500;
    font-size: 1.5em;
    letter-spacing: 5%;
    line-height: 100%;
    margin-block-start: 0;
    margin-block-end: 1.0rem;
    text-align: justify;
}

p{
    font-family: var(--font1);
    font-weight: 200;
    font-size: 1.6em;
    letter-spacing: 5%;
    line-height: 150%;
    margin-block-start: 0;
    margin-block-end: 1.5rem;
    text-align: justify ;
}


/* Titular */ 
h1{
    font-family: var(--font2);
    font-weight: 700;
    font-size: 2.6rem; /* font-size: 4.5rem; */ 
    letter-spacing: 5%;
    line-height: 110%;
    margin-block-start: 0;
    margin-block-end: 2rem;
}

/* Título */ 
h2{
    font-family: var(--font2);
    font-weight: 700;
    font-size: 2.0rem;
    letter-spacing: 3%;
    line-height: 120%;
    margin-block-start: 0;
    margin-block-end: 2.2rem;
    color:var(--color1);
}

/* Subtítulo */ 
h3{
    font-family: var(--font1);
    font-weight: 500;
    font-size: 1.3rem;
    letter-spacing: 3%;
    line-height: 120%;
    margin-block-start: 0;
    margin-block-end: 0.7rem;
}

/* Volanta */ 
h4{
    font-family: var(--font2);
    font-weight: 600;
    font-size: 1.2rem;
    letter-spacing: 10%;
    line-height: 120%;
    margin-block-start: 0;
    margin-block-end: 0.3rem;
}

/* Subtítulo secundario */ 
h5{
    font-family: var(--font1);
    font-weight: 600;
    font-size: 1.2rem;
    letter-spacing: 10%;
    line-height: 130%;
    margin-block-start: 0;
    margin-block-end: 0.8rem;
}

/* Texto secundario */ 
h6{
    font-family: var(--font1);
    font-weight: 200;
    font-size: 0.9rem;
    letter-spacing: 10%;
    line-height: 150%;
    margin-block-start: 0;
    margin-block-end: 1rem;
}