:root{

    --font1:"Rubik", system-ui;
    --font2:"Roboto", sans-serif;

    --negro:#00223D;
    --blanco:#ffffff;

    --color_texto:#5F5F5F;
    --color_fondo:#ffffff;

    --color1:#60C422;
    --color2:#00223D;
    --color3:#60C422;
    --color4:#0F5C6E;
    --color5:#CDD934;
    --color6:#0A3654;
    
    --altura-encabezado:100px;

}

/* Clases de SpaceCat */

/* --- */

.on-movil{ display:flex; }
.no-movil{ display:none; }

/* --- */

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

#cuerpo{padding-top: var(--altura-encabezado);}

a{
    color:var(--color1);
    text-decoration: none;
}

p,li{
    font-family: var(--font2);
    font-weight: 400;
    font-size: 1.6em;
    letter-spacing: 2%;
    line-height: 150%;
    margin-block-start: 0;
    margin-block-end: 1.2rem;
    text-align: left;
}

p strong{font-weight: 600;}


/* Titular */ 
h1{
    font-family: var(--font1);
    font-weight: 600;
    font-size: 2.1rem; /* font-size: 4.5rem; */ 
    letter-spacing: 0%;
    line-height: 110%;
    margin-block-start: 0;
    margin-block-end: 0;
    color:var(--negro);
}

h1 strong{
    color:var(--color1);
	font-weight: 600;
}

/* Título */ 
h2{
    font-family: var(--font1);
    font-weight: 500;
    font-size: 1.8rem;
    letter-spacing: 2%;
    line-height: 125%;
    margin-block-start: 0;
    margin-block-end: 2.2rem;
    color:var(--color2);
}

h2 strong{
    font-weight: 500;
}

/* Volanta */ 
h3{
    font-family: var(--font2);
    font-weight: 600;
    font-size: 1.3rem;
    letter-spacing: 2%;
    line-height: 120%;
    margin-block-start: 0;
    margin-block-end: 0.7rem;
    color:var(--color1);
}

/* Subtítulo */ 
h4{
    font-family: var(--font2);
    font-weight: 700;
    font-size: 1.08rem;
    letter-spacing: 5%;
    line-height: 110%;
    margin-block-start: 0;
    margin-block-end: 0.5rem;
    color:var(--negro);
}

/* Texto listas y título 3 */ 
h5{
    font-family: var(--font1);
    font-weight: 500;
    font-size: 1.6em;
    letter-spacing: 5%;
    line-height: 120%;
    margin-block-start: 0.2rem;
    margin-block-end: 0.5rem;
    text-align: left;
}

/* Texto secundario */ 
h6{
    font-family: var(--font2);
    font-weight: 500;
    font-size: 1.6rem;
    letter-spacing: 2%;
    line-height: 125%;
    margin-block-start: 0;
    margin-block-end: 0.8rem;
    color:var(--color2);
}