@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800');
/* Cuatro usos con el aspecto y el fondo de la web original. Reglas aisladas. */
.original-use{position:relative;width:100%;background-image:url('../assets/features-bg.jpg');background-position:center center;background-size:cover;background-attachment:fixed;color:#fff;font-family:'Open Sans',Arial,sans-serif;font-size:15px;letter-spacing:.5px;line-height:1.5;padding:100px 0}
.original-use::before{background:rgba(0,0,0,.99);opacity:.84;content:'';position:absolute;inset:0;pointer-events:none}
.original-container{position:relative;width:1170px;max-width:calc(100% - 30px);margin:0 auto;padding:0 15px}
.original-title{text-align:center;padding:0 120px}
.original-use h2,.original-use h3{font-family:'Open Sans',Arial,sans-serif;letter-spacing:.5px;color:white;font-weight:500;line-height:1.1}
.original-title h2{font-size:32px;margin:0 0 15px;text-transform:capitalize}
.original-use p{color:white;font-size:14px;line-height:1.5;margin:0 0 10px}
.original-title p{font-size:15px}
.original-title-dot{height:8px;width:8px;display:inline-block;border-radius:50%;background:#4568dc;margin-bottom:20px;position:relative}
.original-title-dot::before,.original-title-dot::after{content:'';position:absolute;height:3px;width:50px;top:2px;background:#4568dc}
.original-title-dot::before{left:15px}.original-title-dot::after{right:15px}
.original-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;margin-top:30px}
.original-visual{text-align:left;min-width:0}
.original-visual>img{display:block;width:100%;height:auto;object-fit:contain}
.original-video{border:2px solid #fff;border-radius:50px;color:#fff;display:inline-flex;align-items:center;gap:8px;margin:35px 10px 20px;padding:11px 22px;text-transform:uppercase;font-size:14px;transition:color .2s,background .2s}
.original-video img{width:40px;height:auto}.original-video:hover{background:white;color:#4568dc}
.original-features>h2{font-size:30px;margin:0 0 30px}
.original-feature{display:flex;align-items:flex-start;gap:15px;border-bottom:1px solid #ddd;margin:15px 0 20px;padding-bottom:20px;transition:border-color .2s}
.original-feature h3{font-size:22px;font-weight:500;margin:0 0 5px;transition:color .2s}
.original-feature p{margin-bottom:0}
.original-feature-icon{background:#4568dc;color:white;font-size:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;min-height:36px;border-radius:4px}
.original-feature:hover{border-color:#4568dc}.original-feature:hover h3{color:#8ea9ff}
.original-anchor{position:absolute;top:0;scroll-margin-top:100px}
.municipal-footer{font-size:9px;line-height:1.7;max-width:370px}
@media(max-width:1199px){.original-container{width:970px}.original-title{padding:0 60px}}
@media(max-width:991px){.original-container{width:750px}.original-columns{grid-template-columns:1fr}.original-visual{max-width:570px;margin:0 auto;width:100%}.original-title{padding:0 30px}.original-features{margin-top:20px}.original-use{padding:75px 0;background-attachment:scroll}}
@media(max-width:600px){.original-container{max-width:100%;padding:0 22px}.original-title{padding:0}.original-title h2{font-size:27px}.original-use{padding:55px 0}.original-features>h2{font-size:26px}.original-feature h3{font-size:20px}.original-title p{font-size:14px}.original-feature{gap:12px}.original-feature-icon{flex-basis:34px;font-size:17px}.original-video{margin-top:25px}}
.original-private{margin-top:45px}.original-private h3{font-size:26px;margin:0 0 15px}
