.h-tools--boxes-container{display:flex;flex-direction:column;gap:25px}.h-tools--boxes-container .h-tools-content--box{padding:48px;border-radius:8px;border:1px solid var(--neutral-300);display:grid;grid-template-columns:30% 1fr;gap:50px}@media screen and (max-width: 768px){.h-tools--boxes-container .h-tools-content--box{grid-template-columns:1fr;padding:25px}}.h-tools--boxes-container .h-tools-content--box .content-box--left{display:flex;flex-direction:column;gap:25px;justify-content:center;text-align:center}.h-tools--boxes-container .h-tools-content--box .content-box--left .haciendola-button{width:fit-content;margin:0 auto}.h-tools--boxes-container .h-tools-content--box .content-box--left img{width:100%;height:auto;object-fit:cover;border-radius:8px;max-width:275px;margin:0 auto}.h-tools--boxes-container .h-tools-content--box .content-box--right{display:flex;flex-direction:column;gap:20px}.h-tools--boxes-container .h-tools-content--box .content-box--right .content-box--title{display:flex;justify-content:space-between}.h-tools--boxes-container .h-tools-content--box .content-box--right .content-box--title span,.h-tools--boxes-container .content-box-left-tag{display:flex;padding:4px 8px;border-radius:8px;color:var(--neutral);align-items:center;min-width:fit-content}.h-tools--boxes-container .content-box-left-tag{display:none}@media screen and (max-width: 768px){.h-tools--boxes-container .content-box-left-tag{width:fit-content;display:block}.h-tools--boxes-container .h-tools-content--box .content-box--right .content-box--title span{display:none}}.h-tools--boxes-container .h-tools-content--box .content-box--right h3{font-size:var(--font-md);font-weight:var(--demi-bold);line-height:30px}.h-tools--boxes-container .h-tools-content--box .content-box--right p{text-align:justify;color:var(--neutral-600);font-size:var(--font-sm)}.haciendola-gradient--text{display:flex;gap:10px;font-weight:var(--demi-bold);position:relative;background:-webkit-linear-gradient(90deg,rgba(44,39,193,1) 0%,rgba(255,13,88,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.content-box--right-caption,.content-box--right .haciendola-button{display:none}@media screen and (max-width: 768px){.content-box--left .haciendola-button,.content-box--left-caption{display:none}.content-box--right-caption,.content-box--right .haciendola-button{display:block}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/h-tools-boxes.css.map */