/* Add here all your css styles (customizations) */
/*
  .material-icons {
    font-size: 60px;   /* tamaño del icono *//*
    color: #00ff40;    /* color */
 /* }
  */

.material-icons-lg {
    font-size: 100px;
}

.material-icons-md{
    font-size: 70px;
}

.material-icons-sm{
    font-size: 50px;
}
.verde2{
    color:#15c717;
}
.icon-center {
    display: flex;
    justify-content: center; /* centra horizontalmente */
    align-items: center;     /* centra verticalmente */
}

.icon-white{
    color:white;
}

.icon-red{
    color:red;
}

.icon-green{
    color:green;
}

.text-white{
    color:white;
}



/* Mantener links siempre blancos incluso al hacer scroll */
.one-page-header.navbar.one-page-nav__fixed .navbar-nav > li > a {
  color: #fff !important; /* blanco siempre */
}

/* Opcional: mantener hover en verde corporativo */
.one-page-header.navbar.one-page-nav__fixed .navbar-nav > li > a:hover {
  color: #2db96c !important; /* verde corporativo */
}

.navbar-nav {
  list-style: none !important;
}
.navbar-nav > li {
  list-style: none !important;
}

/* Mantener la hamburguesa blanca siempre */
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff !important;
}

/* Opcional: también el borde del botón hamburguesa */
.navbar-default .navbar-toggle {
  border-color: rgba(255,255,255,0.6);
}

a{
    text-decoration: none !important;
    color: inherit;
    cursor: pointer;
    transition: all 0.3s ease; /* Smooth transition for hover effects */
}