.cpt-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 20px;
}

.bnc-items {
    color: #470F24;
}

.bnc-items a {
    color: #470F24;
    margin-top: 20px;
    text-decoration: underline !important;
}

.bnc-items a:hover{
    text-decoration: underline;
}

form {
    margin-bottom: 20px;
}



/*Search*/

.search-container {
            display: flex;
            align-items: center;
            width: 100%; /* Ajusta el tamaño según tus necesidades */
            margin: 20px auto;
            border-radius: 25px;
            border: 2px solid #5a2c3f; /* Color del borde */
            padding: 0px 15px;
        }

        .search-container input[type="text"] {
            border: none;
            outline: none;
            width: 100%;
            font-size: 16px;
            padding: 10px;
        }

        .search-container button {
            background: none;
            border: none;
            cursor: pointer;
            padding-top: 10px;
        }
        
        .search-container button:hover{
            background: #ddd;
        }

        .search-container button img {
            width: 20px;
            height: 20px;
        }
        
        
        

.elementor-shortcode{
	font-family: "Bree Serif", Sans-serif;
	color: #470f24;
	font-size: 18px;
}


.filter-select {
	background: white;
  margin: 8px 0px 15px 0px;
}

.filters-form input{
    width: 50%;
    color: #470f24;
    margin-top: 15px;
}

/** Lista de banco de partituras **/
article {
            display: flex;
            align-items: center;
            border: 2px solid #e0c352; /* Color del borde */
            border-radius: 5px;
            margin: 20px 0;
            background-color: #ffffff;
        }

        .image-container {
            background-color: #eedc6c; /* Color de fondo del icono */
            padding: 10px;
            border-radius: 5px 0 0 5px;
            width: 12%;
        }

        .image-container img {
            display: block;
            width: 90px;
            height: auto;
        }

        .text-container {
            padding: 10px 20px;
            flex-grow: 1;
            width: 88%;
        }

        .text-container h2 {
            margin: 0;
            color: #5a2c3f; /* Color del título */
        }

        .text-container p {
            margin: 5px 0;
            font-size: 1em;
            color: #5a2c3f; /* Color del texto */
        }

        .text-container p span {
            font-weight: bold;
        }
        
        h2.title-bnc {
            font-size: 22px !important;
        }
        
/*Search filters form*/

.filters-search-container {
    display: flex;
    align-items: center;
    width: 100%; /* Ajusta el tamaño según tus necesidades */
    margin: 20px auto;
    border-radius: 25px;
    border: 2px solid #5a2c3f; /* Color del borde */
    padding: 0px 15px;
}

.filters-search-container input[type="text"] {
    border: none;
    outline: none;
    width: 100%;
    font-size: 16px;
    padding: 10px 1px;
}

.filters-search-container select {
    border: none;
    outline: none;
    width: 200px;
    font-size: 16px;
    padding: 10px 10px;
}

.filters-search-container button {
    background: none;
    border: none;
    cursor: pointer;
    width: 120px;
    padding-top: 10px;
}

.filters-search-container button:hover{
    background: #ddd;
}

.filters-search-container button img {
    width: 20px;
    height: 20px;
}

@media screen and (max-width: 690px) {
  .filters-search-container {
      display: block;
      text-align: center;
  }
  
  .filters-search-container select {
      width: 100%;
  }
}