:root {
	/*colores*/
  --blue: #00a7e1;
  --darkblue: #026782;
  --green: #3aaa35;
  --green2: #3fbc5c;
  --green3: #95e391;
  --white: #ffffff;
  --gray: #706f6f;
  --gray2: #c2c2c2;
  --brown: #635241;

}


/*BOTONES*/
.btn-blue{
font-size: 18px;
color: var(--white);
background-color: var(--blue);
padding: 8px 20px 8px 20px;
border-radius: 50px;
text-align: center;
border: 2px solid var(--blue);
}


.btn-blue:hover{color: var(--white); background-color: var(--darkblue);}


.btn-brown{
font-size: 18px;
color: var(--white);
background-color: var(--brown);
padding: 8px 20px 8px 20px;
border-radius: 50px;
text-align: center;
border: 2px solid var(--white);
}


.btn-brown:hover{color: var(--brown); background-color: var(--white);}


.btn-invblue{
font-size: 18px;
color: var(--blue);
background-color: var(--white);
padding: 8px 20px 8px 20px;
border-radius: 50px;
text-align: center;
border: 2px solid var(--blue);
}
.btn-invblue:hover{color: var(--white); background-color: var(--darkblue);}

.btn-green{
font-size: 18px;
color: var(--white);
background-color: var(--green);
padding: 8px 20px 8px 20px;
border-radius: 50px;
text-align: center;
border: 2px solid var(--white);
}
.btn-green:hover{color: var(--white); background-color: var(--green2);}

.btn-gray{
font-size: 18px;
color: var(--white);
background-color: var(--gray);
padding: 8px 20px 8px 20px;
border-radius: 50px;
text-align: center;
}


/*LISTAS*/
ol,
ul {
 margin:0;
}

#lista ul {
    margin: 20px;
    
}

#lista li{
  list-style-image: url("/wp-content/uploads/2021/12/list-icon.png");
    position: relative;
   margin:0px;
    color: #00a06e;
    text-decoration: none;
    
}

#listagreen ul {
    margin: 20px;
    
}

#listagreen li{
  list-style-image: url("/wp-content/uploads/2021/12/list-icon-green.png");
    position: relative;
    color: #00a06e;
    text-decoration: none;
    
}





 /******************************************
*********         350              ********
*******************************************/
@media only screen and (max-width: 350px){

/*Botón indicador iconos, eliminamos el radio*/
.btn-gray{border-radius: 0px;}


}