/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
@import url('https://fonts.googleapis.com/css?family=Tinos');
font-family: 'Tinos', cursive;

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

@import url('https://fonts.googleapis.com/css?family=Tangerine');
font-family: 'Tangerine', cursive;

@import url('https://fonts.googleapis.com/css?family=Great+Vibes');
font-family: 'Great Vibes', cursive;


<link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
  />



body {
    font-family: Tinos;
}



.cat-children{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;           /* Hace que los ítems estén en línea */
  flex-wrap: wrap;         /* Permite que salten a otra línea si no caben */
  gap: 1rem;               /* Espaciado entre los enlaces */
}

.cat-children li {
  margin: 0;
}

.cat-children li a {
  display: inline-block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  background: #f5f5f5;
  border-radius: 4px;
  transition: background 0.3s;
}

.cat-children li a:hover {
  background: #ddd;
}
 
h2, .h2 {
    font-size: calc(.7rem + .9vw) !important;
}

a {
    text-decoration: none !important;
/*    color: #c02a07 !important; */
}

h3, .h3 {
    font-size: calc(0.8rem + .6vw) !important;
}

 
dbp04{
  color: #073a9f;
  background:red;
}

.dbp02 {
  padding-top: 20px;
  text-shadow: 2px 2px 4px #6A6969  ;
  font-family: 'Great Vibes', cursive;
  text-decoration: none;
  	color: white;
    text-decoration: none;
    cursor: pointer;
 }

.footer {
    color: #fff;
    background-color: #000000 !important;
    background-image: linear-gradient(135deg, #0a0a0a 0%, #808087 100%) !important;
    margin-top: 1em;
}

.a {
    
    text-decoration: none !important;
}

.container-header {
    z-index: 10;
    background-color: #78797d !important ;
    background-image: linear-gradient(185deg, #0a0a0a 0%, #808087 100%) !important;
    position: relative;
    box-shadow: inset 0 5px 5px #00000008;
}