.oculto{
        display:none;
    }
    .visible{
        display: block;
    }
    .titulo
    {
        color:#6a0030;
    }
    .cardPanel a {
  color: #fff;
  text-decoration: none;
}
.separacion_global{
    padding-top:1.5em;
}

@font-face {
  font-family: 'Patria';
  src: url('font_patria/Patria_Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Patria';
  src: url('font_patria/Patria_Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Patria';
  src: url('font_patria/Patria_Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
    
    body { margin:0; font-family: 'Patria',serif; background:#f9f9f9; }
    .navbar { background:#3a0d1d; color:white; padding:15px; display:flex; justify-content:space-between; align-items:center; }
    .navbar a { color:white; text-decoration:none; margin-left:15px; }
    .bienvenido { text-align:center; background:#eee; padding:15px; font-size:18px; }
   .containerPanel { display:grid; grid-template-columns: repeat(auto-fit, minmax(250px,1fr)); gap:20px; padding:20px; max-width:1000px; margin:auto; }
    .cardPanel { background:#9d2449; color:white; border-radius:15px; padding:30px 20px; text-align:center; cursor:pointer; transition:0.2s;    text-decoration: none; margin: 3px;
}
    .cardPanel:hover { transform: translateY(-5px); box-shadow:0px 5px 15px rgba(0,0,0,0.2); }
    .cardPanel a{
    color:#fff;
    }
    .card-icon { font-size:40px; margin-bottom:15px; }

      body { padding-top: 70px; } 
      
    .oculto{
        display:none;
    }
    .visible{
        display: block;
    }
    .titulo
    {
        color:#6a0030;
    }
    .cardPanel a {
  color: #fff;
  text-decoration: none;
}
.separacion_global{
    padding-top:1.5em;
}