/* Categorias principais (pills) - estilos focados na seção */

.pills-container {
  margin: 20px 0;
  padding: 10px 0;
  -webkit-overflow-scrolling: touch;
  background-color: rgba(54,57,61,.03);
}

.pills-container .h4,
.pills-container h2 {
  margin: 10px 0 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: "Montserrat", sans-serif;
  text-align: center;
}

/* Título escondido no mobile como no snippet */
@media (max-width: 767px) {
  .hidden-xs { display: none !important; }
}

.pills-container .list-inline {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

.pills-container .pill {
  display: inline-block;
  margin: 5px 4px;
}

.pills-container .pill-link {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 4px;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 12px !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  border-bottom: 4px solid #fc32b1;
  background: #fd64c4;
  background: -moz-linear-gradient(top, rgba(253,100,196,0.7) 0%, rgba(253,100,196,0.9) 100%);
  background: -webkit-linear-gradient(top, rgba(253,100,196,0.7) 0%, rgba(253,100,196,0.9) 100%);
  background: linear-gradient(to bottom, rgba(253,100,196,0.7) 0%, rgba(253,100,196,0.9) 100%);
  transition: background .2s ease-in-out, transform .2s ease-in-out;
}

.pills-container .pill-link:hover,
.pills-container .pill-link:focus {
  color: #fff;
  background: -moz-linear-gradient(top, rgba(253,100,196,0.8) 0%, #fd64c4 100%);
  background: -webkit-linear-gradient(top, rgba(253,100,196,0.8) 0%, #fd64c4 100%);
  background: linear-gradient(to bottom, rgba(253,100,196,0.8) 0%, #fd64c4 100%);
  outline: 0;
  box-shadow: none;
}

/* utilitários simples e alinhamentos */
.p-none { padding: 0 !important; }
.m-none { margin: 0 !important; }
.m-left-half { margin-left: 10px !important; }
.p-right-half { padding-right: 10px !important; }

@media (max-width: 767px) {
  .text-left-xs { text-align: left !important; }
}

/* mobile: rolagem horizontal amigável */
@media (max-width: 767px) {
  .pills-container .list-inline {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    text-align: left;
    padding: 0 8px;
  }
  .pills-container .pill {
    margin: 6px 6px;
  }
}