main{min-height:100vh}main .heading{position:relative;width:100%;overflow:hidden}main .heading .graph{width:100%;height:100%}main .heading .graph img{width:100%;height:auto;filter:brightness(0.8)}main .heading .text{position:absolute;bottom:10%;left:5%;width:auto;height:auto;color:#FFFFFF}main .heading .text h1{font-weight:600}main .heading .text a{text-decoration:none;color:#FFFFFF}main .heading .text .nav p{font-weight:bold}main .section{width:100%;height:auto;padding:80px 0px;color:#666666}main .section h1{color:#258D19;width:90%}main .section .content{width:90%;height:auto}main #delegaciones{background-color:#F0F0F0}@media screen and (max-width: 767px) and (orientation: portrait){.heading{height:300px}.heading .text{width:90%}.heading .text h1{font-size:40px;margin:10px 0px}.heading .text a,.heading .text p{font-size:16px;margin:0px 20px 0px 0px}.heading .text a img,.heading .text p img{width:20px;height:20px;margin:0px 10px 0px 0px}.heading .text .nav{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.section .content{margin:20px 0px 0px 0px}#recientes{background:url("../images/_backgroundSUTIEBO.png");background-attachment:fixed;background-size:cover;background-position:center}#recientes .content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}#recientes .content .post{width:100%;height:200px;position:relative;margin:0px 0px 15px 0px}#recientes .content .post .graph{width:100%;height:100%;overflow:hidden}#recientes .content .post .graph img{object-fit:cover;width:100%;height:100%}#recientes .content .post .data{position:absolute;top:0;left:0;width:100%;height:100%;color:#FFFFFF;background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.6));transition:all ease .5s}#recientes .content .post .data .title{width:90%;height:auto;margin:0px 0px 20px 0px}#recientes .content .post .data p{width:90%;height:auto;text-align:left;margin:0px 0px 6px 0px}#destacadas{background-color:#F0F0F0}}@media screen and (max-width: 767px) and (orientation: landscape){.heading{height:100vh}.heading .graph{flex-direction:column;align-items:center;justify-content:flex-start}.heading .text h1{font-size:40px;margin:10px 0px}.heading .text a,.heading .text p{font-size:16px;margin:0px 20px 0px 0px}.heading .text a img,.heading .text p img{width:20px;height:20px;margin:0px 10px 0px 0px}.heading .text .nav{width:auto;flex-direction:row;align-items:center;justify-content:space-between}.heading .text .nav a{margin:0px 20px 0px 0px;padding:2px}.heading .text .nav p{margin:0px 20px 0px 0px}.section .content{margin:20px 0px 0px 0px}#recientes{background:url("../images/_backgroundSUTIEBO.png");background-attachment:fixed;background-size:cover;background-position:center}#recientes .content{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:30px}#recientes .content .post{width:100%;height:200px;position:relative}#recientes .content .post .graph{width:100%;height:100%;overflow:hidden}#recientes .content .post .graph img{object-fit:cover;width:100%;height:100%}#recientes .content .post .data{position:absolute;top:0;left:0;width:100%;height:100%;color:#FFFFFF;background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.6));transition:all ease .5s}#recientes .content .post .data .title{width:90%;height:auto;margin:0px 0px 20px 0px}#recientes .content .post .data p{width:90%;height:auto;text-align:left;margin:0px 0px 6px 0px}#destacadas{background-color:#F0F0F0}}@media screen and (min-width: 768px) and (max-width: 1023px){.heading{height:50vh}.heading .text h1{font-size:60px;margin:10px 0px}.heading .text a,.heading .text p{font-size:16px}.heading .text a img,.heading .text p img{width:20px;height:20px;margin:0px 10px 0px 0px}.heading .text .nav{width:auto;flex-direction:row;align-items:center;justify-content:space-between}.heading .text .nav a{margin:0px 20px 0px 0px}.heading .text .nav p{margin:0px 20px 0px 0px}.section .content{margin:20px 0px 0px 0px}#recientes{background:url("../images/_backgroundSUTIEBO.png");background-attachment:fixed;background-size:cover;background-position:center}#recientes .content{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:20px}#recientes .content .post{width:100%;height:200px;transition:all ease .5s;position:relative}#recientes .content .post .graph{width:100%;height:100%;overflow:hidden}#recientes .content .post .graph img{object-fit:cover;width:100%;height:100%}#recientes .content .post .data{position:absolute;top:0;left:0;width:100%;height:100%;color:#FFFFFF;background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.6));transition:all ease .5s}#recientes .content .post .data .title{width:90%;height:auto;margin:0px 0px 20px 0px}#recientes .content .post .data p{width:90%;height:auto;text-align:left;margin:0px 0px 6px 0px}#recientes .content .post:hover .data{background-color:rgba(0,0,0,0.4)}#destacadas{background-color:#F0F0F0}}@media screen and (min-width: 1024px){.heading{height:60vh}.heading .graph{align-items:center;justify-content:flex-start}.heading .graph img{height:100%;width:auto}.heading .text h1{font-size:60px;margin:10px 0px}.heading .text a,.heading .text p{font-size:16px}.heading .text a img,.heading .text p img{width:20px;height:20px;margin:0px 10px 0px 0px}.heading .text .nav{width:auto;flex-direction:row;align-items:center;justify-content:space-between}.heading .text .nav a{margin:0px 20px 0px 0px;padding:2px;transition:all ease .5s}.heading .text .nav p{margin:0px 20px 0px 0px}.heading .text .nav a:hover{background-color:#258D19}.section{padding:60px 0px}.section .content{margin:20px 0px 0px 0px}#recientes{background:url("../images/_backgroundSUTIEBO.png");background-attachment:fixed;background-size:cover;background-position:center}#recientes .content{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:30px}#recientes .content .post{width:100%;height:240px;transition:all ease .5s;position:relative}#recientes .content .post .graph{width:100%;height:100%;overflow:hidden}#recientes .content .post .graph img{object-fit:cover;width:100%;height:100%}#recientes .content .post .data{position:absolute;top:0;left:0;width:100%;height:100%;color:#FFFFFF;background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.6));transition:all ease .5s}#recientes .content .post .data .title{width:90%;height:auto;margin:0px 0px 20px 0px}#recientes .content .post .data p{width:90%;height:auto;text-align:left;margin:0px 0px 6px 0px}#recientes .content .post:hover .data{background-color:rgba(0,0,0,0.4)}#destacadas{background-color:#F0F0F0}}
