@import url('https://fonts.googleapis.com/css2?family=Georama:ital,wght@0,300;0,400;0,500;0,700;1,400;1,500&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,700&display=swap');
body {font-family: 'Roboto', sans-serif;}
#logo {position: fixed;z-index: 100;top: 0px;width: 100%;}
.padcel10 {padding-left: 10%; padding-right: 10%;}	
.padcel20 {padding-left: 20%; padding-right: 20%;}
.padcel30 {padding-left: 30%; padding-right: 30%;}
.spangold, strong {color: #ff9700;}	
.hotlight {color: #fa2a20;}
.som-toolbar.som-top-right { top: 5px; }	
.tagprecios {border: 2px solid #555;padding: 10px;text-align: center;border-radius: 5px;}
.mtitle {font-size: 180%;line-height: 1;letter-spacing: 0.07em;font-weight: 600;}
.usdprice {font-size: 200%;letter-spacing: 0.1em;font-weight: 700;padding-top: 1px;font-style: italic;}
.usdspan {font-size: 45%;font-weight: 400;letter-spacing: 0em;padding-right: 5px;}
.ingreso {font-size: 0.5em !important;line-height: normal;padding: 0;letter-spacing: normal !important;font-weight: normal;display: block;font-style: italic;}
.abs-center {display: flex;align-items: center;justify-content: center;min-height: 70vh;}
.webdev {background-attachment: fixed;background-position: right bottom;background-repeat: no-repeat;background-size: cover;}
.footer {font-size: 75%;background-color: #0F0F0F;color: #ddd;letter-spacing: .2em;}	
.clearcolumns { clear: both;}
.graycool {background-color: #1b1b1b;color: #fff;}
.black {background: #060606;color: #eee;}
.scaleimg {width: 90%;height: auto;}
.scaleimg2 {width: 75%;height: auto;}
.logobg {background: rgba(0,0,0,.85);}
.blacktransp {background-color: rgba(0,0,0,.7);color: #fff;}
.bluetransp {background-color: rgba(15,8,75,.8);color: #fff;}
.carbon {background-color: #232b2b;color: #fff;}
.carbontransp {background-color: rgba(35,43,43,.8);color: #fff;}
.graybg {background-color: #444;color: #fff;}
.graytransp {background-color: rgba(180,180,160,.8);color: #222;}
.white {background-color: #fff;color: #000;}
.whitetransp {background-color: rgba(245,245,245,.7);color: #000;}
.white2 {background-color: #f9f9fa;color: #000;}
.blue {background-color: #0071E3;color: #fff;}
.lightgray {background-color: #f5f5f5;color: #000;}
.row-white {background-color: rgba(255,255,255,.9);color: #000;}
.purplebg {background-color: #bf29ec;color: #fff;}
.intro {padding-top: 60px;padding-bottom: 60px;}
.superstrong {font-weight: 700;}
.topborder {border-top: 1px dotted #ff6000;}
.floating-button-01 {width: 50px;height: 50px;position: fixed;right: 10px;bottom: 10px;transform: translate3d(-10%,-10%,0);cursor: pointer;z-index: 20;}
.floating-langlink {left: 10px;top: 15px;z-index: 200;position: relative;}
.alogotop:hover {background-color: none;}
.userprof2 img {width: 50%;height: auto;box-shadow: 0px 0px 10px rgba(0,0,0,.65);}
.descripciones p {font-size: 1.1em;line-height: 1.2;padding-bottom: .8em;margin: 0 0 1em;}
.section_title.v1_mod {margin: 0 0 .3em;}
.section_title {font-size: 1.7em;font-weight: 500;line-height: 1.2; font-family: 'Georama', sans-serif;}
.section_title1a {font-size: 1.4em;font-weight: 700;line-height: 1.1;}
.section_title_span {font-size: 1em; color: #ffca00;}
.section_title2 {font-size: 1.3em;line-height: 1.1;margin: 0 0 .1em 0;font-weight: 700;}
.section_title3 {font-size: 1em;font-weight: normal;line-height: 1.1;margin: .1em 0 .1em 0;}
.webdev_title1 {font-size: 1.8em;line-height: 1.1;margin: 0 0 0.1em 0;font-weight: 900;text-transform: uppercase;}
.webdev_title2 {font-size: 1.2em;font-weight: normal;line-height: 1.1;margin: 0.1em 0 0.1em 0;color: #fff;text-transform: capitalize;}
.webdev_title3 {font-size: 1.3em;line-height: 1.1;margin: 0.1em 0 0.1em 0;color: #fff;font-weight: 700;}
.webdev_desc {font-family: 'Roboto', sans-serif;font-size: 1.2em;line-height: 1.4;padding-bottom: .8em;margin: 0 0 1em; text-align: justify;}
.spanlight {color: #fff;}
.spangold {color: #f3a115;}
.spanblue {color: #1e264b;}
.spangreen {color: #009129;}
.spanred {color: #e42024;}
.spantitle {font-weight: 700;}
.section_desc {font-size: 1.2em;line-height: 1.2;padding-bottom: .8em;margin: 0 0 1em;color: #f2f2f2;padding-top: 20px;font-weight: 500;}
.section_desc2 {font-size: 0.9em;line-height: 1.6;margin: 0 0 1em;color: #000;padding-top: 20px;}
.bodypanels {padding-bottom: 120px;padding-top: 120px;}
.bodypanels2 {padding-bottom: 40px;padding-top: 70px;}
.bodypanels3 {padding-bottom: 20px;padding-top: 20px;}
.footer3 {font-weight: 300;font-size: 70%;color: #ddd;letter-spacing: .3em;margin-top: 40px;}
.footer {font-size: 60%;background-color: #353535;color: #ddd;letter-spacing: .2em;border-top: 1px solid #333;background-repeat: no-repeat;background-position: bottom center;background-size: cover;}
.footer a, .footer3 a {text-decoration: none;border-bottom: 1px dotted #ddd;color: #ddd;}
.footer a:hover {text-decoration: none;}
.menulist {margin: 0px;padding: 0px;}
.menulist li {list-style-type: none;margin-bottom: 4px;}
.menulist a {color: #fff;display: block;padding: 10px;border: 1px solid #525252;text-decoration: none;transition: all linear .3s .01s;border-radius: 5px;}
.menulist a:hover {color: #FFF;border-color: #FFF;background-color: #fb0b0b;text-decoration: none;}
@media only screen and (min-width: 1025px) {	
.vidpc {width: 50%; padding-left: 25%;}
.vidpc2 {width: 60%; padding-left: 20%;}	
.intro {padding-top: 80px; padding-bottom: 80px;}
.floating-button-01 {right: 10px;width: 70px;height: 70px;}
.section_title {font-size: 2.5em;}
.section_title_span {font-size: 2.1em;}	
.section_desc {font-size: 1.9em; line-height: 1.2;}
.vacapurpura p {font-size: 1.7em;line-height: 1.3;}
.vacapurpura img {width: 50%;}
.vacapurpura {background-size: auto;background-position: left bottom;}
.bodypanels2 {padding-bottom: 90px;padding-top: 90px;}
.footer {padding-left: 20%; padding-right: 20%;}
.padpc10 {padding-left: 10%; padding-right: 10%;}	
.padpc20 {padding-left: 20%; padding-right: 20%;}
.padpc30 {padding-left: 30%; padding-right: 30%;}
.displaycel {display: none;}
.webdev_title1 {font-size: 2.9em;}
.webdev_title2 {font-size: 2em;font-weight: 700;}
.webdev_title3 {font-size: 1.8em;}
.webdev_desc {font-size: 1.5em;}
.servtitle {font-size: 1.2em;}
.servdesc {font-size: 0.9em;line-height: 1.3;}
.servimg {width: 96px;height: auto;}
.scaleimg {width: 70%;}
.scaleimg2 {width: 450px;}
.group .form-input {padding: 7px 10px;height: 50px;}
.padleft30pc {padding-left: 30%;}
.padleft10pc {padding-left: 10%;}
.section_desc2 {font-size: 1em;}
.userprof2 img {width: 30%;}
}