.blog{grid-column:full-start/full-end}.blog__main .wrapper{display:flex}.blog__main .wrapper .heading-secondary{color:#dd5300;display:inline-block;border-bottom:3px solid #dd5300;padding-bottom:1rem}@media only screen and (max-width:58.25em){.blog__main .wrapper{flex-direction:column}}.blog__main .wrapper ul{list-style:none}.blog__temas{width:20%}@media only screen and (max-width:58.25em){.blog__temas{width:100%;margin-bottom:5rem}}.blog__temas ul{padding-top:3rem;display:flex;flex-direction:column;align-items:flex-start}@media only screen and (max-width:58.25em){.blog__temas ul{flex-direction:row}}.blog__temas ul li{font-size:1.3rem;color:#dd5300;padding:5px 10px;border:1px solid #dd5300;border-radius:15px;display:inline-block;margin:.4rem 0;transition:all .2s ease-out;cursor:pointer}.blog__temas ul li:hover{color:#fff;background-color:#dd5300}.blog__noticias{width:100%}.blog__noticias ul{display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);flex-wrap:wrap;grid-gap:1.5rem;gap:1.5rem;height:70vh;width:100%;padding:3rem 0}@media only screen and (max-width:58.25em){.blog__noticias ul{display:flex;height:-moz-fit-content;height:fit-content}}.blog__noticias ul li{background-color:#757375;cursor:pointer;background-size:cover}.blog__noticias ul li div{height:100%;width:100%;background-color:#0009;position:relative}.blog__noticias ul li div h5{font-family:var(--font-open-sans),sans-serif;position:absolute;bottom:10%;left:4%;text-shadow:0 12px 40px #000000bf;font-weight:600;color:#fff;transition:all .3s ease-in-out;font-size:3.5rem;line-height:4rem;width:95%}@media only screen and (max-width:75em){.blog__noticias ul li div h5{font-size:1.8rem;line-height:2.5rem;width:80%}}.blog__noticias ul li div h5 span{display:inline-block;font-size:1.6rem;color:#fff;padding:5px 10px;font-weight:400;border-radius:4px;background-color:#dd5300;margin-bottom:1.5rem}.blog__noticias ul li:not(:first-of-type) div h5{font-size:2.5rem}@media only screen and (max-width:75em){.blog__noticias ul li:not(:first-of-type) div h5{font-size:1.8rem}}.blog__noticias ul li:first-of-type div h5 span,.blog__noticias ul li:not(:first-of-type) div h5 span{line-height:normal}@media only screen and (max-width:58.25em){.blog__noticias ul li{width:100%;height:30rem}}.blog__noticias ul li:first-of-type{grid-row:1/-1}.blog__noticias ul li:hover div h5{transform:translateY(-1rem)}