#metology #inicio{position:relative;background-color:#faf8f6}#metology #inicio h1{color:var(--primary-color);font-size:30px}#metology #inicio h3{font-size:16px;text-transform:uppercase}#metology #inicio hr{background-color:var(--secondary-color);height:2px;width:30%}#metology #inicio:before{content:"";position:absolute;background-image:url(/build/assets/tachas-BMghjjiB.svg);height:40px;width:30%;bottom:0;left:0;background-size:100%}#metology #inicio:after{content:"";background-image:url(/build/assets/circulos-MiBmH9QS.png);width:60px;height:150px;background-size:100%;position:absolute;right:0;top:35%}#metology #conoce{background-color:#94b4d4}#metology #conoce h1{font-size:28px;color:#fff;padding:15px;margin:0}#metology #seleccion .content .img{padding:30px}#metology #seleccion .content .text p{line-height:30px}#metology #developers{background-color:#f1ece4;padding:10vh 0px}#metology #developers h1{font-size:30px;color:#3d3d3d;text-align:center;margin-bottom:50px;font-weight:600}#metology #developers .content-square .square-head{background-color:var(--secondary-color);padding:8px}#metology #developers .content-square .square-head p{color:#fff;font-size:20px;margin:0;text-align:center;font-weight:500}#metology #developers .content-square .square-body{padding:0 10px}#metology #developers .content-square .square-body .square-border{padding:15px;border:2px solid var(--secondary-color);border-top:0px;position:relative}#metology #developers .content-square .square-body .square-border ul{margin-left:0;padding-left:15px}#metology #developers .content-square .square-body .square-border ul li{font-size:14px;font-weight:400;color:#3d3d3d;margin:0}#metology #developers .content-square .square-body .square-border ul li ul{list-style:none;padding:0}#metology #developers .content-square .square-body .square-border ul li ul li{padding-left:15px}#metology #developers .content-square .square-body .square-border ul li ul li:before{content:"";font-family:"Font Awesome 5 Free";display:inline-block;font-weight:900;font-size:8px;margin-left:-15px;width:15px}#metology #developers .content-square .square-body .square-border:after{content:"";position:absolute;bottom:-21px;width:100%;height:20px;background-image:url(/build/assets/lines-Da57m7ie.png);background-size:cover;left:-12px}#metology #developers .content-arrow{padding:45px 0 30px}#metology #developers .content-arrow .arrow_down{background-image:url(/build/assets/flecha-8NpSYD44.png);background-size:cover;background-position:center;width:17px;height:78px;display:block;margin:0 auto}#metology #developers .square-black{background-color:#3d3d3d;padding:8px 0}#metology #developers .square-black p{font-family:Montserrat,sans-serif!important;font-size:14px;font-style:italic;color:#fff;margin:0}#metology #developers .content-line{margin-bottom:100px;min-height:100px}#metology #developers .content-line .line{width:100%;height:3px;background-color:var(--secondary-color);position:relative;top:47px}#metology #developers .content-line .line .circle{position:absolute;border-radius:100%;background-color:var(--secondary-color)}#metology #developers .content-line .line .c-1{width:20px;height:20px;left:12.5%;top:-9px}#metology #developers .content-line .line .c-1:after{content:"1";position:absolute;bottom:-70px;font-size:18px;color:#3d3d3d;font-weight:600;left:0;right:0;margin:0 auto;width:5px}#metology #developers .content-line .line .c-2{width:40px;height:40px;left:32.5%;top:-19px}#metology #developers .content-line .line .c-2:after{content:"2";position:absolute;bottom:-60px;font-family:EB Garamond;font-size:18px;color:#3d3d3d;font-weight:600;left:0;right:0;margin:0 auto;width:5px}#metology #developers .content-line .line .c-3{width:60px;height:60px;left:52.5%;top:-29px}#metology #developers .content-line .line .c-3:after{content:"3";position:absolute;bottom:-50px;font-family:EB Garamond;font-size:18px;color:#3d3d3d;font-weight:600;left:0;right:0;margin:0 auto;width:5px}#metology #developers .content-line .line .c-4{width:80px;height:80px;left:72.5%;top:-39px}#metology #developers .content-line .line .c-4:after{content:"4";position:absolute;bottom:-40px;font-family:EB Garamond;font-size:18px;color:#3d3d3d;font-weight:600;left:0;right:0;margin:0 auto;width:5px}#metology #developers .content-line .line .c-5{width:100px;height:100px;left:92.5%;top:-49px}#metology #developers .content-line .line .c-5:after{content:"5";position:absolute;bottom:-30px;font-size:18px;color:#3d3d3d;font-weight:600;left:0;right:0;margin:0 auto;width:5px}@media only screen and (min-width: 768px) and (max-width: 992px){#metology #inicio{padding:0 30px}#metology #inicio:before{display:none}#metology #inicio:after{display:none}#metology #proceso{padding:0 30px}#metology #proceso p.desc{text-align:justify}#metology #conoce{padding:30px}#metology #conoce h1{font-size:6vmin}#metology #seleccion{padding:0 30px 30px!important}#metology #seleccion p.desc{text-align:justify}#metology #seleccion p.desc b{text-align:center}#metology #developers .content-line .line .c-1{width:10px;height:10px;left:13%;top:-4px}#metology #developers .content-line .line .c-1:after{bottom:-55px}#metology #developers .content-line .line .c-2{width:20px;height:20px;left:33%;top:-9px}#metology #developers .content-line .line .c-2:after{bottom:-50px}#metology #developers .content-line .line .c-3{width:30px;height:30px;left:53%;top:-14px}#metology #developers .content-line .line .c-3:after{bottom:-45px}#metology #developers .content-line .line .c-4{width:40px;height:40px;left:73%;top:-19px}#metology #developers .content-line .line .c-4:after{bottom:-40px}#metology #developers .content-line .line .c-5{width:50px;height:50px;left:93%;top:-24px}#metology #developers .content-line .line .c-5:after{bottom:-35px}#metology #developers{padding:30px 10px}#metology #developers p.desc{text-align:justify}#metology #developers .content-square{margin-bottom:40px}#metology #developers .content-arrow{padding:20px 0 30px}#metology #developers .square-black{padding:15px 20px}#metology #developers .square-black p{text-align:justify}#metology #squares{margin-top:0!important}}@media only screen and (max-width: 767px){#metology #inicio{padding:0 30px}#metology #inicio:before{display:none}#metology #inicio:after{display:none}#metology #proceso{padding:0 30px}#metology #proceso p.desc{text-align:justify}#metology #conoce{padding:30px}#metology #conoce h1{font-size:6vmin}#metology #seleccion{padding:0 30px 30px!important}#metology #seleccion p.desc{text-align:justify}#metology #seleccion p.desc b{text-align:center}#metology #developers .content-line .line .c-1{width:10px;height:10px;left:10%;top:-4px}#metology #developers .content-line .line .c-1:after{bottom:-55px}#metology #developers .content-line .line .c-2{width:20px;height:20px;left:30%;top:-9px}#metology #developers .content-line .line .c-2:after{bottom:-50px}#metology #developers .content-line .line .c-3{width:30px;height:30px;left:50%;top:-14px}#metology #developers .content-line .line .c-3:after{bottom:-45px}#metology #developers .content-line .line .c-4{width:40px;height:40px;left:70%;top:-19px}#metology #developers .content-line .line .c-4:after{bottom:-40px}#metology #developers .content-line .line .c-5{width:50px;height:50px;left:90%;top:-24px}#metology #developers .content-line .line .c-5:after{bottom:-35px}#metology #developers{padding:30px 10px}#metology #developers p.desc{text-align:justify}#metology #developers .content-square{margin-bottom:40px}#metology #developers .content-arrow{padding:20px 0 30px}#metology #developers .square-black{padding:15px 20px}#metology #developers .square-black p{text-align:justify}#metology #squares{margin-top:0!important}}
