@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700|Work+Sans:400,600,700');
@import url(style.css);

/* Reset y Base */
body { font-family: 'Roboto', sans-serif; color: #636363; font-size: 15px; line-height: 1.8; }
h1, h2, h3, h4, h5, h6 { font-family: 'Work Sans', sans-serif; color: #000; font-weight: 700; }
a { color: #f7941d; transition: 0.3s; }
a:hover { color: #d67d16; text-decoration: none; }

/* Utilidades de Color */
.text-primary { color: #f7941d !important; }
.bg-primary { background: #f7941d !important; color: #FFF; }

/* GridLex (Sistema de columnas original) */
[class*=GridLex-grid] { display: flex; flex-flow: row wrap; margin: 0; }
.GridLex-col-3_sm-6_xs-12 { flex: 0 0 25%; max-width: 25%; padding: 0 15px; }
.GridLex-col-4_sm-6_xs-12 { flex: 0 0 33.33%; max-width: 33.33%; padding: 0 15px; }

@media (max-width: 991px) {
    .GridLex-col-3_sm-6_xs-12, .GridLex-col-4_sm-6_xs-12 { flex: 0 0 50%; max-width: 50%; }
}
@media (max-width: 768px) {
    .GridLex-col-3_sm-6_xs-12, .GridLex-col-4_sm-6_xs-12 { flex: 0 0 100%; max-width: 100%; }
}

/* Espaciados */
.section { padding: 80px 0; }
.mb-30 { margin-bottom: 30px; }
.mt-30 { margin-top: 30px; }