body {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #0D0F14;
}

.menu {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
    padding: 20px;
}

a {
    text-decoration  : none; /* Quitar subrayado */
    color:white;
}
/* Cambiar color de los enlaces en diferentes estados */
a:link {
    color: white; /* Color del enlace no visitado */
}

a:visited {
    color: lightgray; /* Color del enlace visitado */
}

a:hover {
    color: yellow; /* Color del enlace cuando se pasa el cursor */
}

a:active {
    color: orange; /* Color del enlace cuando se hace clic */
}


i
{

}










/*---------------------------------------------------------------*/
.tile
{
    background-color : #0078d7;
    color            : white;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    height           : 150px;
    border-radius    : 10px;
    transition       : transform 0.2s, background-color 0.2s;
    text-align       : center;
}
.tile:hover {
    transform        : scale(1.05);
    background-color : #005a9e;
}
.tile h2 {
    margin           : 0;
    font-size        : 18px;
    text-align       : center;
}
/*---------------------------------------------------------------*/


/*---------------------------------------------------------------*/
.tile_for_palaz 
{
    background-color : #0A1437;
    color            : white;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    height           : 150px;
    border-radius    : 10px;
    transition       : transform 0.2s, background-color 0.2s;
    text-decoration  : none; /* Quitar subrayado */
    text-align       : center;
}

.tile_for_palaz:hover {
    transform        : scale(1.05);
    background-color : #005a9e;
}
.tile_for_palaz h2 {
    margin: 0;
    font-size        : 18px;
    text-align       : center;
}
/*---------------------------------------------------------------*/




/*---------------------------------------------------------------*/
.tile_for_efecti 
{
    background-color : #754D8E;
    color            : white;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    height           : 150px;
    border-radius    : 10px;
    transition       : transform 0.2s, background-color 0.2s;
    text-decoration  : none; /* Quitar subrayado */
    text-align       : center;
}

.tile_for_efecti:hover {
    transform        : scale(1.05);
    background-color : #412B70;
}
.tile_for_efecti h2 {
    margin: 0;
    font-size        : 18px;
    text-align       : center;
}
/*---------------------------------------------------------------*/






/*---------------------------------------------------------------*/
.tile_for_ladingPage
{
    background-color : #B55130;
    color            : white;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    height           : 150px;
    border-radius    : 10px;
    transition       : transform 0.2s, background-color 0.2s;
    text-decoration  : none; /* Quitar subrayado */
    text-align       : center;
}

.tile_for_ladingPage:hover {
    transform        : scale(1.05);
    background-color : #682E1C;
}
.tile_for_ladingPage h2 {
    margin: 0;
    font-size        : 18px;
    text-align       : center;
}
/*---------------------------------------------------------------*/






/*---------------------------------------------------------------*/
.tile_for_administrativo
{
    background-color : #318E35;
    color            : white;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    height           : 150px;
    border-radius    : 10px;
    transition       : transform 0.2s, background-color 0.2s;
    text-decoration  : none; /* Quitar subrayado */
    text-align       : center;
}

.tile_for_administrativo:hover {
    transform        : scale(1.05);
    background-color : #1A4C1C;
}
.tile_for_administrativo h2 {
    margin: 0;
    font-size        : 18px;
    text-align       : center;
}
/*---------------------------------------------------------------*/





/*---------------------------------------------------------------*/
.tile_for_prospeccion
{
    background-color : #282923;
    color            : white;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    height           : 150px;
    border-radius    : 10px;
    transition       : transform 0.2s, background-color 0.2s;
    text-decoration  : none; /* Quitar subrayado */
    text-align       : center;
}

.tile_for_prospeccion:hover {
    transform        : scale(1.05);
    background-color : #FC4102;
}
.tile_for_prospeccion h2 {
    margin: 0;
    font-size        : 18px;
    text-align       : center;
}
/*---------------------------------------------------------------*/