/* Tipografía y colores base */

@font-face {
    font-family: 'Signika';
    src: url('assets/fonts/Signika-Bold.woff2') format('woff2');
    font-weight: 700; /* Bold */
    font-style: normal;
    font-display: swap;
}

/* Aplicar a todos los títulos */
h1.title, h2, h3, h4, h5, h6 {
font-family: 'Signika', sans-serif;
}

h3{
    text-align:Center;
}

.text0-rojo {
    color:  #9d1a05;  
}
.default-header .container h1.title{
  color:  #9d1a05;
  text-align: center;
  font-weight: 700;
  font-size: clamp(1.8rem, 3.2vw, 2.8rem);
  line-height: 1.12;
  margin: 0.6em 0;
}

.boton {
   padding: 10px;
   text-decoration: none;
   display: block;
   border: none;
   cursor: pointer;
   text-align: center;
   margin: 0 auto;
   width: fit-content;
   border-radius: 20px; 
}
.rojo, .rojo a {
   background-color: #9d1a05;
   color: white;  
}

.azul, .azul a {
   background-color: #0000ff;
   color: white;  
}

.eslogan {
	color:#9d1a05;
	text-align:center;
	font-size:1.5rem;
	font-weight:600;
	margin: 0 auto;
	
}
.entry-related .entry-item img{
        width: 100%;
        max-width: 300px;   /* ajusta el tamaño máximo */
        margin: 0 auto;
        display: block;
    }

    .entry-related .entry-item{
        text-align: center; /* centra el contenido */
    }
    
      #comments {
        padding: 0 15px;
    }
   @media (min-width: 600px) {
    .entry-related, {
    padding:0 100px;
    }
    #comments {
        padding: 0 30px;
    }
   }