.menu-categoria li{ display:inline-block; margin-right:1rem; }
.menu-categoria .active{color:#bf0310; font-weight: bold;}
.menu-categoria li a{text-decoration: underline;}

.inline{list-style-type:none; padding:0; margin:0.5rem 0;}
.inline li{display:inline; color:#13729f;}
.inline li:after{content:'-';}
.inline li:last-of-type::after {
  content: '';
}


h1 {font-size:calc(1.2rem + 1.5vw); margin-bottom: calc(1rem + 0.1vw); line-height:1.5;}
article header h2{font-size:calc(1rem + 0.5vw);}
h3 {font-size:calc(1.0rem + 1vw); margin-bottom: calc(0.2rem + 0.1vw); margin-top: calc(2.5rem + 0.1vw);}
h4 {font-size:calc(1rem + 0.7vw); margin-bottom: calc(0.5rem + 0.1vw); margin-top: calc(2.5rem + 0.1vw);}
p, ul, ol, li, blockquote  {font-size: calc(1rem + 0.1vw); line-height: 1.6;}

small {font-size:0.9rem;;}
.categoria{font-weight: bold; color:#bf0310;}

.cta {background:#0f2f3f; padding:10rem; text-align: center; color:#fff;}
.cta h2 {font-size: calc(2.8rem + 2vw);}
.cta p:first-of-type{margin-bottom:2rem;}


@media (max-width:400px){
 .linea{ gap:4rem 0;padding:1rem;} 
}

@media (min-width:401px) and (max-width:768px){

  .linea{ gap:4rem 1rem;padding:1rem;}  
}

@media (min-width:769px) and (max-width:992px){

  .linea{ gap:4rem 2rem;padding:1rem;}  
}

@media (min-width:993px) and (max-width:1340px){
  .linea{ gap:4rem 2rem;padding:4rem;}   
}

@media (min-width:1341px) and (max-width:1920px){

 .linea{ gap: 6rem 2rem;padding:6rem 10vw;}}

@media (min-width:1921px) and (max-width:2560px){
  .linea{ gap: 6rem 4rem;padding:6rem 23vw;}
  .navegador-categorias{padding:6rem 23vw 0 23vw;}
}

@media (min-width:2561px) and (max-width:3840px){
    .linea{ gap: 6rem 2rem;padding:6rem 25vw;}
}

@media (min-width:3841px){
  .linea{ gap: 6rem 2rem;padding:6rem 25vw;}
}
.linea{  display: flex;  flex-wrap: wrap;}
article {flex: 1 1 300px; /* crece, encoge, base mínima de 250px */min-width: 250px;}
img {max-width:100%; height:auto;   aspect-ratio: 16 / 9; margin-bottom:1rem;}