/* Responsive grid */
/*@media (min-width: 600px) {
    .wcgs-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 900px) {
    .wcgs-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}*/

@media (min-width: 600px) {
    .cat54, .cat55, .cat56 {
        min-height: 1165px !important;
    }
	
	body.page-id-6162 .cat54, body.page-id-6162 .cat55, body.page-id-6162 .cat56 {
        min-height: 1177px !important;
    }
}

.wcgs-wrapper {
    width: 100%;
    background-color: #BDBEC0;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.wcgs-wrapper.wcgs-limitar-tercio {
    background-color: #FFFFFF;
}

.wcgs-category-block {
    width: 100%;
    margin-bottom: 30px;
}

.wcgs-category-block-sub, ._56, ._110, ._112 {
    margin-bottom: 0px;
}

.wcgs-category-block h2 {
    font-size: 18px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    color: #333;
    font-weight: bold;
    line-height: 1.1;
    font-family: "Inter", Sans-serif;
    background-color: #BDBEC0;
    padding: 20px 20px 0px 20px;
    margin-bottom: 0px !important;
}

.wcgs-category-block h2.sub {
    font-size: 16px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    color: #333;
    font-weight: bold;
    line-height: 1.1;
    font-family: "Inter", Sans-serif;
    background-color: #BDBEC0;
    padding: 20px 20px 0px 20px;
    margin-bottom: 0px !important;
}

.wcgs-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Mantener 1/3 del ancho en PC siempre */
.wcgs-col {
    /*flex: 1 1 calc(100% - 10px);*/
    /*flex: 1 1 calc(33.333% - 10px);*/
    background-color: #BDBEC0;
    padding: 15px 15px 30px 15px;
    box-sizing: border-box;
    min-width: 250px;
    /*max-width: calc(33.333% - 10px);*/
}

.wcgs-wrapper.wcgs-limitar-tercio .wcgs-col {
    flex: 1 1 calc(33.333% - 10px);
    max-width: calc(33.333% - 10px);
}

.parent_57 .wcgs-grid .wcgs-col,
.parent_58 .wcgs-grid .wcgs-col,
.parent_59 .wcgs-grid .wcgs-col,
.parent_60 .wcgs-grid .wcgs-col,
.parent_61 .wcgs-grid .wcgs-col,
.parent_62 .wcgs-grid .wcgs-col,
.parent_111 .wcgs-grid .wcgs-col,
.parent_114 .wcgs-grid .wcgs-col,
.parent_116 .wcgs-grid .wcgs-col,
.parent_118 .wcgs-grid .wcgs-col,
.parent_120 .wcgs-grid .wcgs-col,
.parent_122 .wcgs-grid .wcgs-col,
.parent_113 .wcgs-grid .wcgs-col,
.parent_115 .wcgs-grid .wcgs-col,
.parent_117 .wcgs-grid .wcgs-col,
.parent_119 .wcgs-grid .wcgs-col,
.parent_121 .wcgs-grid .wcgs-col,
.parent_123 .wcgs-grid .wcgs-col {
    padding-bottom: 0px;
}

.parent_62, .parent_122, .parent_123 {
	padding-bottom: 50px;
}

/*.wcgs-wrapper.wcgs-limitar-tercio .wcgs-col {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(33.333% - 10px);
    max-width: calc(33.333% - 10px);
}*/

/* Responsive: una columna debajo de otra */
@media only screen and (max-device-width: 767px), @media (max-width: 767px) {
    .wcgs-wrapper.wcgs-limitar-tercio .wcgs-col {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        margin: 0px 20px !important; /* centra en lugar de empujar con px fijos */
    }
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    .wcgs-wrapper.wcgs-limitar-tercio .wcgs-col {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        margin: 0px 20px !important; /* centra en lugar de empujar con px fijos */
    }
}

.wcgs-product {
    border-bottom: 2px solid #453E3E;
	min-height: 37px;
    display: flex;
    align-items: flex-end;
}

.wcgs-col > div:first-of-type {
  /* estilos para el primer div hijo */
  min-height: 0px;
}

.wcgs-product h3 {
    margin: 0;
    color: #453E3E;
    font-size: 14px;
    font-family: "Inter", Sans-serif;
    line-height: 1.3em;
    /*text-transform: lowercase;*/
}

.wcgs-product h3::first-letter {
    /*text-transform: uppercase;*/
}

.wcgs-subcat h3 {
    margin: 0;
    color: #453E3E;
    font-size: 18px;
    font-family: "Inter", Sans-serif;
    line-height: 1.3em;
}

.wcgs-product h3.multiline {
  padding-top: 10px;
}

.wcgs-col > div:first-of-type h3 {
  padding-top: 0px;
}

.wcgs-subcat a, .wcgs-product a {
    color: #453E3E;
    font-size: 18px;
    font-family: "Inter", Sans-serif;
    line-height: 1.3em;
}

.wcgs-subcat a:hover {
    color: #ff6600;
}

/* Responsive: una columna debajo de otra */
/*@media (max-width: 768px) {
    .wcgs-wrapper.wcgs-limitar-tercio .wcgs-col {
        flex: 1 1 100%;
        max-width: 100%;
		margin: 0px 20px;
    }
}*/