.site-header-content
{
width:100% !important;
}

.category
{
position: center;
max-width: 100%;
}



@media (min-width: 768px) 
{

.wp-block-column
{
padding-left: 20px;
padding-right: 20px;
}
.site-content
{
padding-left: 200px;
padding-right: 200px;
}

.wp-block-categories-list 
{
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px; /* Puedes ajustar el valor del gap según tus necesidades */
}

}

@media (max-width: 768px) 
{
	
.site-content{
padding-left: 40px;
padding-right: 40px;
}

.wp-block-button__link 
{
margin-bottom: 20px; /* Puedes ajustar el valor según sea necesario */
}

.wp-block-categories-list li 
{
  list-style: none; /* Opcional: quita los puntos de la lista */
  border-right: 2px solid #000; /* Borde a la derecha */
  border-bottom: 2px solid #000; /* Borde debajo */
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); /* Sombra a la derecha y debajo */
  padding: 16px; /* Espacio interno, ajusta según tus necesidades */
  box-sizing: border-box; /* Asegura que el padding y el border se incluyan en el ancho total */
  border-radius: 8px; /* Bordes redondeados, ajusta según tus necesidades */
	text-align: center;
}

.su-u-responsive-media-yes {
    position: relative;
    padding-bottom: 26.25% !important;
    height: 0;
    overflow: hidden;
}

.wp-block-categories-list 
{
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 16px; /* Puedes ajustar el valor del gap según tus necesidades */
}


}