
.categorias{position: relative;background: var(--bg-1);background-image: url("../img/bg/bg-1.png");background-position: center;background-size: cover;}
.degrade{
  position: absolute;
  top: 0;
  width: 100%;
  min-height: 20vh;

  background: linear-gradient(
    to bottom,
    #061225 0%,
    rgba(6, 18, 37, 0.75) 35%,
    rgba(6, 18, 37, 0.4) 65%,
    rgba(6, 18, 37, 0) 100%
  );

  z-index: 3;
}
.categorias .section_container{display: flex;}
.categorias_info{color: var(--paper);display: flex;flex-direction: column;justify-content: end;}
.categorias_info h2{margin:0.5em 0;font-size: 180%}
.categorias_info p{margin: 0 0 2em;font-weight: 400;color: var(--paper);}
.categorias_info_img img{width: 100%;object-fit: cover;height: 100%;}
.servicios_list{display: flex;flex-wrap: wrap;list-style: none;margin: 0;gap: 1em;}
.servicios_list li{padding: 1em; width: 40%;background-color: var(--bg-2);border-radius: 5px;cursor: pointer;box-shadow: var(--shadow);overflow-wrap: break-word;overflow-wrap: break-word;}
.servicios_list li img{width: 30%;}
.servicios_list li h3{margin-bottom: 0.5em;margin-top: 0;}
.servicios_list li p{font-size: 80%;margin-top: 0;}
/* =========================================================
  RESPONSIVE: MÓVILES / TABLET (≤ 959px) */
@media (max-width:959px){
  .categorias .section_container{flex-direction: column;padding: 3em 3% 2em;}
  .servicios_list li{width: 38%;}
  .servicios_list{padding: 2em 0 0;justify-content: center;}
}

/* =========================================================
  RESPONSIVE: ESCRITORIO (≥ 960px) */
@media (min-width:960px){
  .categorias .categorias_info{width: 45%;}
  .servicios_list{width: 55%;}
  .categorias .section_container{padding: 8em 7% 4em;}
  .servicios_list li{width: 40%;}
  .servicios_list{padding: 0;justify-content: end;}
}
