Skip to content
Snippets Groups Projects
Commit 3b242c6d authored by Otto Zaiser's avatar Otto Zaiser
Browse files

Estilos para Landing

parent 5d61a790
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 854 additions and 60 deletions
_src/js/main.js
+ 1
− 1
View file @ 3b242c6d
......@@ -6,7 +6,7 @@
function checkNav(){
var currentScroll = $(this).scrollTop();
if(currentScroll > 110) {
if(currentScroll > 50) {
$('#navbar').addClass('navbar-fondo');
if(isIE()) $(".path-frontpage #logo").attr("src", "/themes/bfa/logo.svg");
} else {
......
_src/scss/general/_casos.scss
+ 3
− 1
View file @ 3b242c6d
......@@ -15,10 +15,12 @@
img{
border-radius: 10px;
transition: opacity 0.5s ease;
transition: all 0.2s ease;
}
img:hover{
opacity: .85;
transform: scale(1.05);
transition: all 0.2s ease;
}
margin-bottom: 20px;
......
_src/scss/general/_header.scss
+ 9
− 2
View file @ 3b242c6d
......@@ -20,6 +20,13 @@ body.toolbar-fixed .toolbar-oriented .toolbar-bar {
}
}
}
@media (max-width: 620px){
img {
height: 75px !important;
margin-top: 0px;
}
}
}
.navbar-default{
background-color: transparent;
......@@ -258,7 +265,7 @@ body.toolbar-fixed .toolbar-oriented .toolbar-bar {
}
.navbar-nav li ul.dropdown-menu li:last-child>a:hover, .navbar-nav li ul.dropdown-menu li:last-child>a:focus, {
.navbar-nav li ul.dropdown-menu li:last-child>a:hover, .navbar-nav li ul.dropdown-menu li:last-child>a:focus {
background-color: transparent;
color: $primaryColor;
}
......@@ -385,7 +392,7 @@ body.toolbar-fixed .toolbar-oriented .toolbar-bar {
border: none;
}
.navbar-nav li ul.dropdown-menu li:last-child>a:hover, .navbar-nav li ul.dropdown-menu li:last-child>a:focus, {
.navbar-nav li ul.dropdown-menu li:last-child>a:hover, .navbar-nav li ul.dropdown-menu li:last-child>a:focus {
background-color: transparent;
color: $primaryColor;
}
......
_src/scss/general/_home.scss
+ 5
− 3
View file @ 3b242c6d
......@@ -72,12 +72,12 @@
.hero_bg {
position: absolute;
z-index: -100;
top: -45px;
top: -130px;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
height: 120%;
background: url('../images/pattern.png'), $hero-gradient-init; /* Old browsers */
background: url('../images/pattern.png'), linear-gradient(to right, $hero-gradient-init 0%,$hero-gradient-end 100%);
transform: skewY(-10deg);
......@@ -217,10 +217,12 @@
img{
border-radius: 15px;
margin: 0 auto;
transition: opacity 0.5s ease;
transition: all 0.2s ease;
}
img:hover{
opacity: .85;
transform: scale(1.05);
transition: all 0.2s ease;
}
h3 {
font-size: 1.1em;
......
_src/scss/general/_landing.scss 0 → 100644
+ 285
− 0
View file @ 3b242c6d
$landingPrimary: #0000ff;
$landingHighlight: #fcffdd;
nav.navbar-landing{
.logo img{
filter: contrast(0) sepia(100%) hue-rotate(200deg) brightness(0.6) saturate(10);
&:hover{
filter: none;
transition: all 0.2s ease;
}
}
.navbar-nav li > a{
color: $landingPrimary;
&:hover{
color: $landingPrimary;
border-bottom-color: $landingPrimary;
}
}
.navbar-nav li:last-child > a{
color: $landingPrimary;
border-color: $landingPrimary;
&:hover{
background-color: $landingPrimary;
}
}
.navbar-toggle {
border-color: $landingPrimary;
}
.navbar-toggle:hover, .navbar-toggle:focus, .navbar-toggle .icon-bar{
background-color: $landingPrimary;
}
}
main.landing{
margin-top: 0;
padding: 0;
padding-right: 15px;
padding-left: 15px;
.field{
position: relative;
}
.btn-primary, .btn-default {
color: $landingPrimary;
background-color: $blanco;
border-color: $landingPrimary;
border-radius: 50px;
&:hover, &:focus {
color: $blanco;
background-color: $landingPrimary;
border-color: $landingPrimary;
}
}
h3 {
color: $negro;
}
h2:after {
background-color: $landingPrimary;
}
.paragraph {
.anchor{
// width: 20px;
// height: 20px;
// background: red;
position: absolute;
margin-top: -200px;
}
}
.jumbotron{
color: $blanco;
background: url('../images/pattern.png'), $landingPrimary; /* Old browsers */
$hardColor: lighten($landingPrimary, 5);
background: url('../images/pattern.png'), linear-gradient(to bottom, $landingPrimary 0%, $hardColor 100%);
padding-bottom: 50px;
padding-top: 150px;
position: relative;
box-shadow: inset 0 -10px 10px -10px $negro;
border-radius: 0;
h1 {
font-size: 2.5em;
}
p{
max-width: 800px;
margin-bottom: 1.3em;
}
.logo-evento{
padding-top: 50px;
svg{
height: 400px;
@media (max-width: 992px) {
height: 250px;
}
}
@media (max-width: 992px) {
margin-bottom: 20px ;
}
}
.bajada{
padding-top: 100px;
@media (max-width: 992px) {
padding-top: 0px;
}
}
.btn-primary {
color: $landingPrimary;
background-color: $blanco;
border-color: $blanco;
border-radius: 50px;
&:hover, &:focus {
color: $blanco;
background-color: transparent;
border-color: $blanco;
}
}
h2{
margin-bottom: 1em;
}
h2:after{
content: none;
}
@media (max-width: 768px) {
padding-top: 140px;
}
}
.cta{
margin-bottom: 0;
margin: 0 auto;
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
p{
margin: 0 auto;
margin-bottom: 1.3em;
}
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
section{
padding: 0;
margin: 0;
}
table.table.agenda{
thead th{
font-size: 1.2em;
}
th,td{
padding: 20px;
}
tr.break{
background-color: $muyClaro;
}
tbody tr > th{
// background-color: $secondaryColor;
border-left: 5px solid $blanco;
// color: $blanco;
transition: all 0.2s ease;
}
tbody tr:hover {
background-color: $landingHighlight;
}
tbody tr:hover > th{
// background-color: $secondaryColor;
border-left: 5px solid $landingPrimary;
// color: $blanco;
}
tbody td p:last-child{
margin-bottom: 0px;
}
}
.field--name-field-grilla.row {
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
.field--name-field-grilla > .field--item{
// border: 1px solid red;
.paragraph--type--grilla{
border-radius: 5px;
padding: 20px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid $claro;
h3{
background-image: none;
padding-left: 0;
margin-top: 10px;
font-size: 1.2em;
}
img{
margin: 0;
padding: 0;
width: 100%;
}
.field--name-field-body{
font-size: 0.8em;
}
@media (min-width: 768px) {
&:hover{
border: 1px solid $landingPrimary;
// margin-top: 0px;
transform: scale(1.05);
transition: all 0.2s ease;
}
}
}
}
.mapOver{
position: absolute;
background: $blanco;
padding: 40px;
max-width: 30%;
top: 80px;
left: 100px;
z-index: 100;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
h3{
background-image: none;
padding-left: 0;
margin-top: 10px;
font-size: 1.2em;
}
}
.map{
filter: grayscale(100%);
margin-bottom: -10px;
transition: all 0.2s ease;
&:hover, &:focus{
filter: grayscale(0);
}
}
}
footer.footerArea-landing ul li a:hover{
background-color: $landingPrimary;
}
\ No newline at end of file
_src/scss/general/_login.scss
+ 68
− 8
View file @ 3b242c6d
.topnav{
position: relative;
z-index: 1035;
padding-top: 15px;
z-index: 1035;
font-size: 0.65em;
nav, .links{
float: right;
margin-left: 20px;
padding-top: 10px;
}
@media (max-width: 768px) {
margin-right: 60px;
font-size: 0.85em;
margin-right: 70px;
font-size: 0.75em;
}
.menu, .links{
float: right;
@media (max-width: 380px) {
.links{
display: none;
}
}
@media (max-width: 320px) {
display: none;
}
&:last-child{
margin-right: 0px;
}
ul > li {
......@@ -37,9 +55,51 @@
margin-right: 0px;
}
a:after{
content: '';
content: none;
margin-right: 0px;
}
}
nav.login{
padding-top: 0;
ul > li > a {
padding: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border: 1px solid $blanco;
border-top: 0;
color: $blanco;
text-decoration: none;
&:hover, &:focus{
background: $blanco;
color: $primaryColor;
}
&:after{
content: none;
margin-left: 0px;
}
}
}
@media (max-width: 620px) {
margin-top: 8px;
nav.login{
ul > li {
float: none !important;
margin-bottom: 5px;
}
ul > li > a{
border: 1px solid $blanco;
border-radius: 5px;
min-width: 50px;
padding: 8px;
text-align: center;
margin-right: 0px;
}
}
}
}
\ No newline at end of file
_src/scss/main.scss
+ 1
− 0
View file @ 3b242c6d
......@@ -13,3 +13,4 @@
@import 'general/eventos';
@import 'general/casos';
@import 'general/login';
@import 'general/landing';
bfa.theme
+ 19
− 1
View file @ 3b242c6d
......@@ -40,4 +40,22 @@ function bfa_preprocess_paragraph(&$variables) {
}
}
}
}
\ No newline at end of file
}
/**
* Implements hook_theme_suggestions_page_alter().
*/
function bfa_theme_suggestions_page_alter(&$suggestions, $variables) {
$node = \Drupal::routeMatch()->getParameter('node');
if ($node instanceof \Drupal\node\NodeInterface) {
$suggestions[] = 'page__' . $node->bundle();
$suggestions[] = 'page__node_' . $node->bundle();
}
}
/**
* Cambiar English a EN
*/
function bfa_preprocess_links__language_block(&$variables) {
$variables['links']['en']['link']['#title'] = 'EN';
}
\ No newline at end of file
css/main.css
+ 1
− 1
View file @ 3b242c6d
@import url(https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,700,700i,800,800i);footer h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}html{font-size:1.125em}body{font-family:Raleway,Arial,sans-serif;font-size:1.125em;font-weight:300;background-color:#fff;line-height:1.45;color:#333;margin-top:0}.form-group:last-child,.panel:last-child,p,p:last-child{margin-bottom:1.3em}h1,h2,h3,h4{margin:1em 0 .5em;font-weight:700;line-height:1.2}h1{margin-top:0;font-size:2.441em}h2{font-size:1.953em}h3{font-size:1.563em}h4{font-size:1.25em}.breadcrumb,.font_small,small{font-size:.8em}@media (max-width:620px){h2{font-size:1.563em}body,html{font-size:1em}}a.skip-link{padding:20px;margin:0 auto;background-color:#0094d4;text-align:center}.breadcrumb{background:0 0;padding:10px 0;margin-top:20px}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"\00bb"}.fa{vertical-align:middle}.btn-primary{background-color:#0094d4;color:#fff;border-color:#0094d4;border-radius:50px;border-width:2px;font-weight:700;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-primary:active,.btn-primary:active:hover,.btn-primary:focus,.btn-primary:hover{background-color:#fff;color:#0094d4;border-color:#0094d4}.btn-default{color:#0094d4;background-color:transparent;border-color:#0094d4;border-width:2px;font-weight:700;border-style:solid;-webkit-border-image:initial;-o-border-image:initial;border-image:initial;padding:10px 16px;border-radius:50px;margin-top:2px}.btn-default:focus,.btn-default:hover{color:#fff;background-color:#0094d4;border-color:#0094d4}.modal-open .navbar-fixed-bottom,.modal-open .navbar-fixed-top{margin-right:15px}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;opacity:.65;border-color:#ccc;background-color:#ccc}.btn.disabled:hover,.btn[disabled]:hover,fieldset[disabled] .btn:hover{color:#fff;border-color:#ccc;background-color:#ccc}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.ekko-lightbox .modal-dialog{-webkit-box-flex:100%!important;-ms-flex:100%!important;flex:100%!important;margin-left:0;margin-right:0;overflow:hidden;-ms-overflow-style:none}}.form-required:after{font-size:1.5em;display:inline-block;vertical-align:text-top;content:"*";color:red;background-image:none;background-size:auto}body.toolbar-fixed .toolbar-oriented .toolbar-bar{z-index:2000}.path-frontpage nav:not(.navbar-fondo) .navbar-header .logo img{-webkit-filter:brightness(500%);filter:brightness(500%)}.navbar-header .logo img{height:100px;width:140px}.navbar-header .logo img:hover{opacity:.9}.navbar-default{background-color:transparent;border-color:transparent;padding-top:30px;-webkit-transition:all .2s ease;transition:all .2s ease}.navbar-default .navbar-nav li>a{color:#0094d4;font-weight:400}@media (min-width:768px){.navbar-default .navbar-nav li>a{color:#fff;padding-bottom:8px;padding-left:4px;padding-right:4px;margin-left:20px;border-bottom:2px solid transparent}}@media (min-width:768px) and (max-width:992px){.navbar-default .navbar-nav li>a{font-size:.8em}}@media (max-width:768px){.navbar-default .navbar-nav li>a:focus,.navbar-default .navbar-nav li>a:hover{color:#0094d4;text-decoration:underline}}@media (min-width:768px){.navbar-default .navbar-nav li>a:focus,.navbar-default .navbar-nav li>a:hover{color:#fff;border-bottom:2px solid #fff}}.navbar-default .navbar-nav a.is-active,.navbar-default .navbar-nav a.is-active:focus,.navbar-default .navbar-nav a.is-active:hover{color:#fff;background-color:transparent;border-bottom:2px solid #fff}@media (max-width:768px){.navbar-default .navbar-nav a.is-active,.navbar-default .navbar-nav a.is-active:focus,.navbar-default .navbar-nav a.is-active:hover{color:#2e2f30;background-color:transparent;border-bottom:none}}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background-color:transparent;border-bottom:2px solid #fff}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#fff;background-color:transparent}.navbar-default .navbar-nav li:last-child>a{color:#0094d4;background-color:transparent;border-color:#0094d4;border-width:2px;border-style:solid;-webkit-border-image:initial;-o-border-image:initial;border-image:initial;padding:10px 16px;border-radius:20px;margin-top:2px;-webkit-transition:all .2s ease;transition:all .2s ease}.navbar-default .navbar-nav li:last-child>a:focus,.navbar-default .navbar-nav li:last-child>a:hover{color:#fff;background-color:#0094d4}@media (min-width:768px){.navbar-default .navbar-nav li:last-child>a{color:#fff;background-color:transparent;border-color:#fff}.navbar-default .navbar-nav li:last-child>a:focus,.navbar-default .navbar-nav li:last-child>a:hover{color:#0094d4;background-color:#fff}}.navbar-default .navbar-toggle{border-color:#fff}.navbar-default .navbar-toggle .icon-bar{background-color:#fff}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#fff}.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar{background-color:#2e2f30}.navbar-default .menu{margin-top:40px}@media (max-width:768px){.navbar-default{padding-top:0}.navbar-default .navbar-collapse{-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,.2);box-shadow:0 5px 5px 0 rgba(0,0,0,.2);background-color:#fff}.navbar-default .menu{margin-top:0}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#0094d4}}@media (min-width:768px){.navbar-default .navbar-nav li ul.dropdown-menu{padding:0;border:none;left:20px;margin-top:16px;border-radius:4px}}.navbar-default .navbar-nav li ul.dropdown-menu li a{border:none;padding:12px 18px;white-space:normal;font-size:1.125em;background-color:#fff;color:#0094d4;margin-left:0}.navbar-default .navbar-nav li ul.dropdown-menu li a:hover{border:none;text-decoration:underline}.navbar-default .navbar-nav li ul.dropdown-menu li a.is-active{color:#2e2f30;text-decoration:underline}@media (max-width:768px){.navbar-default .navbar-nav li ul.dropdown-menu li a{padding-left:50px}}.navbar-content{background:#fff;border-color:#e7e7e7}.navbar-content .navbar-toggle{border-color:#0094d4}.navbar-content .navbar-toggle .icon-bar{background-color:#0094d4}.navbar-content .navbar-toggle:focus,.navbar-content .navbar-toggle:hover{background-color:#0094d4}.navbar-content .navbar-toggle:focus .icon-bar,.navbar-content .navbar-toggle:hover .icon-bar{background-color:#fff}.navbar-content .navbar-nav li>a{color:#0094d4}@media (max-width:768px){.navbar-content .navbar-nav li>a:focus,.navbar-content .navbar-nav li>a:hover{color:#0094d4;text-decoration:underline}}@media (min-width:768px){.navbar-content .navbar-nav li>a:focus,.navbar-content .navbar-nav li>a:hover{color:#0094d4;border-bottom:2px solid #0094d4}}.navbar-content .navbar-nav a.is-active,.navbar-content .navbar-nav a.is-active:focus,.navbar-content .navbar-nav a.is-active:hover{color:#2e2f30;background-color:transparent;border-bottom:2px solid #2e2f30}.navbar-content .navbar-nav>.active>a,.navbar-content .navbar-nav>.active>a:focus,.navbar-content .navbar-nav>.active>a:hover{color:#2e2f30;background-color:transparent;border-bottom:2px solid #2e2f30}@media (max-width:768px){.navbar-content .navbar-nav>.active>a,.navbar-content .navbar-nav>.active>a:focus,.navbar-content .navbar-nav>.active>a:hover{border-bottom:none}}.navbar-content .navbar-nav li:last-child>a{color:#0094d4;background-color:transparent;border-color:#0094d4;border-width:2px;border-style:solid;-webkit-border-image:initial;-o-border-image:initial;border-image:initial;padding:10px 16px;border-radius:20px;margin-top:2px}.navbar-content .navbar-nav li:last-child>a:focus,.navbar-content .navbar-nav li:last-child>a:hover{color:#fff;background-color:#0094d4}.navbar-content .navbar-nav li.active:last-child>a{cursor:default;border-color:#2e2f30;color:#2e2f30}.navbar-content .navbar-nav li.active:last-child>a:focus,.navbar-content .navbar-nav li.active:last-child>a:hover{color:#2e2f30;background-color:#fff;border-color:#2e2f30}.navbar-content .navbar-nav>.open>a,.navbar-content .navbar-nav>.open>a:focus,.navbar-content .navbar-nav>.open>a:hover{color:#0094d4}.navbar-content .navbar-nav li ul.dropdown-menu li:last-child>a:focus,.navbar-content .navbar-nav li ul.dropdown-menu li:last-child>a:hover{background-color:transparent;color:#0094d4}.navbar-content .navbar-nav li ul.dropdown-menu li.active:last-child>a{display:block}.navbar-content .navbar-nav>.open>a,.navbar-content .navbar-nav>.open>a:focus,.navbar-content .navbar-nav>.open>a:hover{color:#0094d4}.navbar-content .navbar-nav li ul.dropdown-menu{border-top:1px solid #0094d4;border-top-left-radius:0;border-top-right-radius:0}@media (min-width:768px){.navbar-content .navbar-nav li ul.dropdown-menu{margin-top:31px}}.navbar-content .navbar-nav li ul.dropdown-menu:before{border:none}.navbar-fondo{background:#fff;border-color:#e7e7e7;padding-top:0}.navbar-fondo .logo img{height:75px!important;margin-top:0}.navbar-fondo .navbar-toggle{border-color:#0094d4}.navbar-fondo .navbar-toggle .icon-bar{background-color:#0094d4}.navbar-fondo .navbar-toggle:focus,.navbar-fondo .navbar-toggle:hover{background-color:#0094d4}.navbar-fondo .navbar-toggle:focus .icon-bar,.navbar-fondo .navbar-toggle:hover .icon-bar{background-color:#fff}@media (min-width:768px){.navbar-fondo .menu{margin-top:20px}}.navbar-fondo .navbar-nav li>a{color:#0094d4}@media (max-width:768px){.navbar-fondo .navbar-nav li>a:focus,.navbar-fondo .navbar-nav li>a:hover{color:#0094d4;text-decoration:underline}}@media (min-width:768px){.navbar-fondo .navbar-nav li>a:focus,.navbar-fondo .navbar-nav li>a:hover{color:#0094d4;border-bottom:2px solid #0094d4}}.navbar-fondo .navbar-nav a.is-active,.navbar-fondo .navbar-nav a.is-active:focus,.navbar-fondo .navbar-nav a.is-active:hover{color:#2e2f30;background-color:transparent;border-bottom:2px solid #2e2f30}@media (max-width:768px){.navbar-fondo .navbar-nav a.is-active,.navbar-fondo .navbar-nav a.is-active:focus,.navbar-fondo .navbar-nav a.is-active:hover{border-bottom:none}}.navbar-fondo .navbar-nav>.active>a,.navbar-fondo .navbar-nav>.active>a:focus,.navbar-fondo .navbar-nav>.active>a:hover{color:#2e2f30;background-color:transparent;border-bottom:2px solid #2e2f30}.navbar-fondo .navbar-nav>.open>a,.navbar-fondo .navbar-nav>.open>a:focus,.navbar-fondo .navbar-nav>.open>a:hover{color:#0094d4;background-color:transparent}.navbar-fondo .navbar-nav li:last-child>a{color:#0094d4;background-color:transparent;border-color:#0094d4;border-width:2px;border-style:solid;-webkit-border-image:initial;-o-border-image:initial;border-image:initial;padding:10px 16px;border-radius:20px;margin-top:2px}.navbar-fondo .navbar-nav li:last-child>a:focus,.navbar-fondo .navbar-nav li:last-child>a:hover{color:#fff;background-color:#0094d4}.navbar-fondo .navbar-nav li:last-child>a .is-active{border-color:#2e2f30}.navbar-fondo .navbar-nav li ul.dropdown-menu{border-top:1px solid #0094d4;border-top-left-radius:0;border-top-right-radius:0}@media (min-width:768px){.navbar-fondo .navbar-nav li ul.dropdown-menu{margin-top:26px}}.navbar-fondo .navbar-nav li ul.dropdown-menu:before{border:none}.navbar-fondo .navbar-nav li ul.dropdown-menu li:last-child>a:focus,.navbar-fondo .navbar-nav li ul.dropdown-menu li:last-child>a:hover{background-color:transparent;color:#0094d4}.navbar-fondo .navbar-nav>.open>a,.navbar-fondo .navbar-nav>.open>a:focus,.navbar-fondo .navbar-nav>.open>a:hover{color:#0094d4}@media (max-width:992px){.navbar-default .navbar-nav li>a{margin-left:10px;font-size:.8em}}footer{color:#fff;background-color:#2e2f30;text-align:center;padding:80px 0 60px 0}footer ul{list-style:none;padding-left:0;margin-bottom:30px}footer ul li{position:relative;display:inline-block;margin:0 10px}footer ul li a{color:#2e2f30;font-size:16px;display:inline-block;background-color:#fff;border-radius:60px;width:50px;height:50px;padding:.55em 0;vertical-align:middle;-webkit-transition:all .2s ease;transition:all .2s ease}footer ul li a:focus,footer ul li a:hover{color:rgba(255,255,255,.8);color:#fff;background-color:#0094d4;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.path-frontpage h2{color:#755293;text-transform:uppercase;text-align:center;font-weight:800}.hero{width:100%;position:relative;color:#fff}.hero .row{margin-top:250px;padding-bottom:380px}@media (max-width:1400px){.hero .row{margin-top:200px;padding-bottom:330px}}@media (max-width:1200px){.hero .row{margin-top:200px;padding-bottom:350px}}@media (max-width:992px){.hero .row{margin-top:200px;padding-bottom:300px}}@media (max-width:768px){.hero .row{margin-top:150px;padding-bottom:300px}}@media (max-width:620px){.hero .row{margin-top:200px;padding-bottom:400px}}@media (max-width:992px){.hero .row>[class*=col-]:first-child{text-align:center}}@media (min-width:992px){.hero .row>[class*=col-]:first-child{padding-right:120px}}.hero h1{text-transform:uppercase}.hero img{margin-top:-60px;opacity:.8}.hero p{font-size:1.2em}.hero .field--name-body{margin-bottom:20px}.hero .field--name-field-link-1,.hero .field--name-field-link-2{display:inline-block}.hero .field--name-field-link-1{margin-right:10px}.hero .hero_bg{position:absolute;z-index:-100;top:-45px;bottom:0;right:0;left:0;width:100%;height:100%;background:url(../images/pattern.png),#3b76ba;background:url(../images/pattern.png),-webkit-gradient(linear,left top,right top,from(#3b76ba),to(#7dd2d9));background:url(../images/pattern.png),-webkit-linear-gradient(left,#3b76ba 0,#7dd2d9 100%);background:url(../images/pattern.png),linear-gradient(to right,#3b76ba 0,#7dd2d9 100%);-webkit-transform:skewY(-10deg);-ms-transform:skewY(-10deg);transform:skewY(-10deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.hero .btn-primary{color:#0094d4;background-color:#fff;border-color:#fff;border-radius:50px}.hero .btn-primary:focus,.hero .btn-primary:hover{color:#fff;background-color:transparent;border-color:#fff}.hero .btn-default{color:#fff;border-color:#fff}.hero .btn-default:focus,.hero .btn-default:hover{color:#0094d4;background-color:#fff;border-color:#fff}.caracteristicas{background-color:rgba(255,255,255,.96);margin-top:-250px;position:relative;padding:80px;border-radius:50px;-webkit-box-shadow:0 8px 32px 0 rgba(0,0,0,.2);box-shadow:0 8px 32px 0 rgba(0,0,0,.2)}.caracteristicas h2{margin-top:0}.caracteristicas img{width:200px;height:200px;margin:0 auto}@media (max-width:768px){.caracteristicas img{width:150px;height:150px}}.caracteristicas h3{font-size:1.2em;font-weight:400;text-align:center;margin-top:0}.caracteristicas .field--name-field-body{font-size:.8em;text-align:center;margin-bottom:30px}@media (max-width:620px){.caracteristicas{padding:50px}}.caracteristicas .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.caracteristicas .row>[class*=col-]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 30px}.aplicaciones{margin-top:50px}@media (min-width:768px){.aplicaciones{margin-bottom:100px}}@media (max-width:768px){.aplicaciones{margin-bottom:50px}}.aplicaciones p{text-align:center;margin-bottom:50px}.aplicaciones .field--name-body ul{margin:0 auto;padding-left:0;width:80%;list-style-type:none}@media (min-width:768px){.aplicaciones .field--name-body ul{-webkit-column-count:2;column-count:2}}@media (max-width:768px){.aplicaciones .field--name-body ul{max-width:300px}}.aplicaciones .field--name-body ul li{display:block;padding-left:1.8em;background-image:url(../images/bullet.svg);background-repeat:no-repeat;background-position:0 50%;margin-bottom:20px}.casos{margin-top:50px;text-align:center;margin-bottom:50px}.casos .grid{margin-bottom:50px}.casos .grid .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (max-width:768px){.casos .grid .col-xs-12{margin-bottom:50px}}.casos .grid .contentWrapper img{border-radius:15px;margin:0 auto;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.casos .grid .contentWrapper img:hover{opacity:.85}.casos .grid .contentWrapper h3{font-size:1.1em;margin:10px;font-weight:400}.casos .grid .contentWrapper h3:after{content:none}.sumate{color:#fff;font-size:1.2em;text-align:center;background:url(../images/cta-bg.png) no-repeat;background-size:cover;background-position:center center;position:relative}.sumate div,.sumate h2{position:relative;z-index:1}.sumate:before{background:url(../images/pattern.png),#3b76ba;background:url(../images/pattern.png),-webkit-gradient(linear,left bottom,left top,from(#3b76ba),color-stop(130%,#7dd2d9));background:url(../images/pattern.png),-webkit-linear-gradient(bottom,#3b76ba 0,#7dd2d9 130%);background:url(../images/pattern.png),linear-gradient(to top,#3b76ba 0,#7dd2d9 130%);content:' ';display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;opacity:.9}.sumate svg{position:absolute;top:-1px;left:0;width:100%;height:100px}@media (max-width:768px){.sumate svg{height:50px}}@media (min-width:768px){.sumate{padding:100px 0}}@media (max-width:768px){.sumate{padding:50px 0}}.sumate h2{color:#fff;text-transform:uppercase;text-align:center;font-weight:800;padding:0 50px;padding-top:30px}.sumate p{margin:0 auto;margin-bottom:30px;max-width:600px;padding:0 50px}.sumate .field--type-link{display:inline-block}.sumate .btn-primary{color:#0094d4;background-color:#fff;border-color:#fff;border-radius:50px;text-transform:uppercase}.sumate .btn-primary:focus,.sumate .btn-primary:hover{color:#fff;background-color:transparent;border-color:#fff}.sumate .btn-default{color:#fff;border-color:#fff}.sumate .btn-default:focus,.sumate .btn-default:hover{color:#0094d4;background-color:#fff;border-color:#fff}.hash{word-wrap:break-word;word-break:break-all}article .field--name-body{margin-bottom:50px}article .field--name-body .ajustar,article .field--name-body h1,article .field--name-body h2,article .field--name-body h3,article .field--name-body h4,article .field--name-body hr,article .field--name-body p,article .field--name-body table,article .field--name-body ul{margin-left:auto;margin-right:auto;max-width:700px}article .field--name-body .no-ajustar{max-width:100%}article ol,article ul{margin-top:20px}article ol li,article ul li{margin-bottom:20px}article ol li ol,article ol li ul,article ul li ol,article ul li ul{margin-bottom:40px}article img{display:block;max-width:100%;height:auto;margin:30px auto;clear:both;border-radius:4px}article a img{border:1px solid #ccc}article a:focus img,article a:hover img{border:1px solid #2e2f30;-webkit-box-shadow:0 3px 0 0 #ccc;box-shadow:0 3px 0 0 #ccc}article .field--name-field-image img{margin-top:0;margin-bottom:50px;border-bottom:10px solid #0094d4}article .field--name-field-fecha{float:left;padding:10px}article .field--name-field-categoria{float:left;color:#fff;background-color:#0094d4;padding:10px}article .field--name-field-categoria a{color:#fff}form{margin:0 auto;margin-bottom:50px;max-width:700px}form .btn-primary{padding:10px 16px;font-size:18px;line-height:1.3333333}#edit-preview{display:none}main section{margin-top:35px;padding:0 10px}main section section{margin-top:0}@media (max-width:768px){main section{margin-top:0}}main.main-content-inside{margin-top:30px;padding:0 20px}main.main-content-inside h2{position:relative;margin-bottom:50px}main.main-content-inside h2:after{background-color:#755293;content:"";display:block;height:5px;left:0;bottom:-15px;position:absolute;width:50px}main.main-content-inside h3{color:#755293;padding-left:1.5em;background-image:url(../images/bullet.svg);background-repeat:no-repeat;background-position:0}.diagonal-header{height:160px;content:"";background:url(../images/pattern.png),#3b76ba;background:url(../images/pattern.png),-webkit-gradient(linear,left top,left bottom,from(#3b76ba),color-stop(130%,#7dd2d9));background:url(../images/pattern.png),-webkit-linear-gradient(top,#3b76ba 0,#7dd2d9 130%);background:url(../images/pattern.png),linear-gradient(to bottom,#3b76ba 0,#7dd2d9 130%);-webkit-transform:skewY(1.5deg);-ms-transform:skewY(1.5deg);transform:skewY(1.5deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}@media (max-width:768px){.diagonal-header{height:130px}}table[role=presentation] img{margin:0}.tituloTabla{font-weight:700}.view-presentaciones .views-field-field-certificado,.view-presentaciones .views-field-field-ppt{text-align:center}.sumate-bloque{margin-bottom:50px}.sumate-bloque .row .col-md-6{padding:50px;border:1px solid #ccc;margin-top:125px;margin-left:10px;margin-right:10px;border-radius:10px}.sumate-bloque .row .col-md-6:hover{-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,.2);box-shadow:0 3px 5px 0 rgba(0,0,0,.2)}.sumate-bloque .row .col-md-6 img{width:350px;margin:0 auto;margin-top:-225px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sumate-bloque .row .col-md-6 h2{margin-top:0}.sumate-bloque .row .col-md-6 ul{margin-bottom:40px}@media (min-width:992px){.sumate-bloque .row .col-md-6 .btn{width:100%}}@media (max-width:992px){.sumate-bloque .row .col-md-6{margin-top:0;margin-left:50px;padding-left:100px;position:relative}.sumate-bloque .row .col-md-6 img{position:absolute;width:200px;margin:auto;left:-100px;top:-20px}.sumate-bloque .row .col-md-6:not(first-child){margin-top:20px}}@media (min-width:992px){.sumate-bloque .row{display:-webkit-box;display:-ms-flexbox;display:flex}.sumate-bloque .row .col-md-6{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sumate-bloque .row .col-md-6 .btn{-ms-flex-item-align:end;align-self:flex-end}.sumate-bloque .row .col-md-6 .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.webform-confirmation__message{text-align:center}.webform-confirmation__message p{margin-bottom:10px}.webform-confirmation__message img{width:300px;margin-top:-50px;margin-bottom:-30px}.webform-confirmation__message .btn{margin-top:20px}.webform-svg{background-color:red}#views-bootstrap-miembros-block-1 .row{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}#views-bootstrap-miembros-block-1 div.col{margin-bottom:40px;text-align:center}#views-bootstrap-miembros-block-1 div.col a img{margin:0 auto;border:1px solid #ccc;border-radius:100px;-webkit-box-shadow:0 0 0 0 #ccc;box-shadow:0 0 0 0 #ccc}#views-bootstrap-miembros-block-1 div.col a:focus img,#views-bootstrap-miembros-block-1 div.col a:hover img{border:1px solid #2e2f30;-webkit-box-shadow:0 3px 0 0 #ccc;box-shadow:0 3px 0 0 #ccc}@media (max-width:460px){#views-bootstrap-miembros-block-1 div.col img{max-width:80px}}#views-bootstrap-miembros-block-1 div.col div.views-field-title{padding:10px}.view-faq .panel,.view-glosario .panel{border:0;-webkit-box-shadow:none;box-shadow:none}.view-faq .panel .panel-heading,.view-glosario .panel .panel-heading{padding:0;margin:0;background:0 0}.view-faq .panel .panel-heading .panel-title,.view-glosario .panel .panel-heading .panel-title{font-size:1em;padding:0;margin:0}.view-faq .panel .panel-heading .panel-title a,.view-glosario .panel .panel-heading .panel-title a{display:block;width:100%;padding:10px 15px;border-bottom:1px solid #0094d4;color:#0094d4;position:relative}.view-faq .panel .panel-heading .panel-title a:focus,.view-faq .panel .panel-heading .panel-title a:hover,.view-glosario .panel .panel-heading .panel-title a:focus,.view-glosario .panel .panel-heading .panel-title a:hover{color:#0094d4;border-bottom-color:#0094d4;text-decoration:none}.view-faq .panel .panel-heading .panel-title a .fa-chevron-down,.view-glosario .panel .panel-heading .panel-title a .fa-chevron-down{position:absolute;right:15px;top:15px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .2s ease;transition:all .2s ease}.view-faq .panel .panel-heading .panel-title a.collapsed,.view-glosario .panel .panel-heading .panel-title a.collapsed{color:#333;border-bottom-color:#f5f5f5}.view-faq .panel .panel-heading .panel-title a.collapsed:focus,.view-faq .panel .panel-heading .panel-title a.collapsed:hover,.view-glosario .panel .panel-heading .panel-title a.collapsed:focus,.view-glosario .panel .panel-heading .panel-title a.collapsed:hover{color:#0094d4;border-bottom-color:#0094d4;text-decoration:none}.view-faq .panel .panel-heading .panel-title a.collapsed .fa-chevron-down,.view-glosario .panel .panel-heading .panel-title a.collapsed .fa-chevron-down{position:absolute;right:15px;top:15px;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:all .2s ease;transition:all .2s ease}.view-faq .panel .panel-heading+.panel-collapse>.panel-body,.view-glosario .panel .panel-heading+.panel-collapse>.panel-body{border:1px solid #0094d4;border-top:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.view-eventos .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}.view-eventos .evento{margin-bottom:20px}.view-eventos .evento .contentWrapper{border:1px solid #ccc;border-radius:4px}.view-eventos .evento img{-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.view-eventos .evento img:hover{opacity:.85}.view-eventos .evento h2{font-size:1.1em;margin:10px}.view-eventos .evento h2:after{content:none}.view-eventos .evento .views-field-field-fecha-fin{background:#0094d4;color:#fff;padding:4px;text-align:center}.view-eventos .evento-pasado .evento img{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.85;-webkit-transition:-webkit-filter .5s ease;transition:-webkit-filter .5s ease;transition:filter .5s ease;transition:filter .5s ease,-webkit-filter .5s ease}.view-eventos .evento-pasado .evento img:hover{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}.view-eventos .evento-pasado .evento .views-field-field-fecha-fin{background:#2e2f30}.view-eventos .evento-pasado .evento h2 a{color:#2e2f30}.view-casos-de-uso .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}.view-casos-de-uso .caso{margin-bottom:20px}.view-casos-de-uso .caso .contentWrapper{text-align:center}.view-casos-de-uso .caso img{border-radius:10px;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.view-casos-de-uso .caso img:hover{opacity:.85}.view-casos-de-uso .caso h2{font-size:1.1em;margin:10px;font-weight:400}.view-casos-de-uso .caso h2:after{content:none}.topnav{position:relative;z-index:1035;padding-top:15px;font-size:.65em}@media (max-width:768px){.topnav{margin-right:60px;font-size:.85em}}.topnav .links,.topnav .menu{float:right}.topnav ul>li{float:left!important;display:block}.topnav ul>li a{padding:0;margin-right:10px;color:#fff;text-decoration:underline}.topnav ul>li a:focus,.topnav ul>li a:hover{background:0 0;text-decoration:none}.topnav ul>li a:after{content:'|';margin-left:10px}.topnav ul>li:last-child a{margin-right:0}.topnav ul>li:last-child a:after{content:'';margin-right:0}
\ No newline at end of file
@import url(https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,700,700i,800,800i);footer h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}html{font-size:1.125em}body{font-family:Raleway,Arial,sans-serif;font-size:1.125em;font-weight:300;background-color:#fff;line-height:1.45;color:#333;margin-top:0}.form-group:last-child,.panel:last-child,p,p:last-child{margin-bottom:1.3em}h1,h2,h3,h4{margin:1em 0 .5em;font-weight:700;line-height:1.2}h1{margin-top:0;font-size:2.441em}h2{font-size:1.953em}h3{font-size:1.563em}h4{font-size:1.25em}.breadcrumb,.font_small,small{font-size:.8em}@media (max-width:620px){h2{font-size:1.563em}body,html{font-size:1em}}a.skip-link{padding:20px;margin:0 auto;background-color:#0094d4;text-align:center}.breadcrumb{background:0 0;padding:10px 0;margin-top:20px}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"\00bb"}.fa{vertical-align:middle}.btn-primary{background-color:#0094d4;color:#fff;border-color:#0094d4;border-radius:50px;border-width:2px;font-weight:700;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-primary:active,.btn-primary:active:hover,.btn-primary:focus,.btn-primary:hover{background-color:#fff;color:#0094d4;border-color:#0094d4}.btn-default{color:#0094d4;background-color:transparent;border-color:#0094d4;border-width:2px;font-weight:700;border-style:solid;-webkit-border-image:initial;-o-border-image:initial;border-image:initial;padding:10px 16px;border-radius:50px;margin-top:2px}.btn-default:focus,.btn-default:hover{color:#fff;background-color:#0094d4;border-color:#0094d4}.modal-open .navbar-fixed-bottom,.modal-open .navbar-fixed-top{margin-right:15px}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;opacity:.65;border-color:#ccc;background-color:#ccc}.btn.disabled:hover,.btn[disabled]:hover,fieldset[disabled] .btn:hover{color:#fff;border-color:#ccc;background-color:#ccc}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.ekko-lightbox .modal-dialog{-webkit-box-flex:100%!important;-ms-flex:100%!important;flex:100%!important;margin-left:0;margin-right:0;overflow:hidden;-ms-overflow-style:none}}.form-required:after{font-size:1.5em;display:inline-block;vertical-align:text-top;content:"*";color:red;background-image:none;background-size:auto}body.toolbar-fixed .toolbar-oriented .toolbar-bar{z-index:2000}.path-frontpage nav:not(.navbar-fondo) .navbar-header .logo img{-webkit-filter:brightness(500%);filter:brightness(500%)}.navbar-header .logo img{height:100px;width:140px}.navbar-header .logo img:hover{opacity:.9}@media (max-width:620px){.navbar-header img{height:75px!important;margin-top:0}}.navbar-default{background-color:transparent;border-color:transparent;padding-top:30px;-webkit-transition:all .2s ease;transition:all .2s ease}.navbar-default .navbar-nav li>a{color:#0094d4;font-weight:400}@media (min-width:768px){.navbar-default .navbar-nav li>a{color:#fff;padding-bottom:8px;padding-left:4px;padding-right:4px;margin-left:20px;border-bottom:2px solid transparent}}@media (min-width:768px) and (max-width:992px){.navbar-default .navbar-nav li>a{font-size:.8em}}@media (max-width:768px){.navbar-default .navbar-nav li>a:focus,.navbar-default .navbar-nav li>a:hover{color:#0094d4;text-decoration:underline}}@media (min-width:768px){.navbar-default .navbar-nav li>a:focus,.navbar-default .navbar-nav li>a:hover{color:#fff;border-bottom:2px solid #fff}}.navbar-default .navbar-nav a.is-active,.navbar-default .navbar-nav a.is-active:focus,.navbar-default .navbar-nav a.is-active:hover{color:#fff;background-color:transparent;border-bottom:2px solid #fff}@media (max-width:768px){.navbar-default .navbar-nav a.is-active,.navbar-default .navbar-nav a.is-active:focus,.navbar-default .navbar-nav a.is-active:hover{color:#2e2f30;background-color:transparent;border-bottom:none}}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background-color:transparent;border-bottom:2px solid #fff}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#fff;background-color:transparent}.navbar-default .navbar-nav li:last-child>a{color:#0094d4;background-color:transparent;border-color:#0094d4;border-width:2px;border-style:solid;-webkit-border-image:initial;-o-border-image:initial;border-image:initial;padding:10px 16px;border-radius:20px;margin-top:2px;-webkit-transition:all .2s ease;transition:all .2s ease}.navbar-default .navbar-nav li:last-child>a:focus,.navbar-default .navbar-nav li:last-child>a:hover{color:#fff;background-color:#0094d4}@media (min-width:768px){.navbar-default .navbar-nav li:last-child>a{color:#fff;background-color:transparent;border-color:#fff}.navbar-default .navbar-nav li:last-child>a:focus,.navbar-default .navbar-nav li:last-child>a:hover{color:#0094d4;background-color:#fff}}.navbar-default .navbar-toggle{border-color:#fff}.navbar-default .navbar-toggle .icon-bar{background-color:#fff}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#fff}.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar{background-color:#2e2f30}.navbar-default .menu{margin-top:40px}@media (max-width:768px){.navbar-default{padding-top:0}.navbar-default .navbar-collapse{-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,.2);box-shadow:0 5px 5px 0 rgba(0,0,0,.2);background-color:#fff}.navbar-default .menu{margin-top:0}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#0094d4}}@media (min-width:768px){.navbar-default .navbar-nav li ul.dropdown-menu{padding:0;border:none;left:20px;margin-top:16px;border-radius:4px}}.navbar-default .navbar-nav li ul.dropdown-menu li a{border:none;padding:12px 18px;white-space:normal;font-size:1.125em;background-color:#fff;color:#0094d4;margin-left:0}.navbar-default .navbar-nav li ul.dropdown-menu li a:hover{border:none;text-decoration:underline}.navbar-default .navbar-nav li ul.dropdown-menu li a.is-active{color:#2e2f30;text-decoration:underline}@media (max-width:768px){.navbar-default .navbar-nav li ul.dropdown-menu li a{padding-left:50px}}.navbar-content{background:#fff;border-color:#e7e7e7}.navbar-content .navbar-toggle{border-color:#0094d4}.navbar-content .navbar-toggle .icon-bar{background-color:#0094d4}.navbar-content .navbar-toggle:focus,.navbar-content .navbar-toggle:hover{background-color:#0094d4}.navbar-content .navbar-toggle:focus .icon-bar,.navbar-content .navbar-toggle:hover .icon-bar{background-color:#fff}.navbar-content .navbar-nav li>a{color:#0094d4}@media (max-width:768px){.navbar-content .navbar-nav li>a:focus,.navbar-content .navbar-nav li>a:hover{color:#0094d4;text-decoration:underline}}@media (min-width:768px){.navbar-content .navbar-nav li>a:focus,.navbar-content .navbar-nav li>a:hover{color:#0094d4;border-bottom:2px solid #0094d4}}.navbar-content .navbar-nav a.is-active,.navbar-content .navbar-nav a.is-active:focus,.navbar-content .navbar-nav a.is-active:hover{color:#2e2f30;background-color:transparent;border-bottom:2px solid #2e2f30}.navbar-content .navbar-nav>.active>a,.navbar-content .navbar-nav>.active>a:focus,.navbar-content .navbar-nav>.active>a:hover{color:#2e2f30;background-color:transparent;border-bottom:2px solid #2e2f30}@media (max-width:768px){.navbar-content .navbar-nav>.active>a,.navbar-content .navbar-nav>.active>a:focus,.navbar-content .navbar-nav>.active>a:hover{border-bottom:none}}.navbar-content .navbar-nav li:last-child>a{color:#0094d4;background-color:transparent;border-color:#0094d4;border-width:2px;border-style:solid;-webkit-border-image:initial;-o-border-image:initial;border-image:initial;padding:10px 16px;border-radius:20px;margin-top:2px}.navbar-content .navbar-nav li:last-child>a:focus,.navbar-content .navbar-nav li:last-child>a:hover{color:#fff;background-color:#0094d4}.navbar-content .navbar-nav li.active:last-child>a{cursor:default;border-color:#2e2f30;color:#2e2f30}.navbar-content .navbar-nav li.active:last-child>a:focus,.navbar-content .navbar-nav li.active:last-child>a:hover{color:#2e2f30;background-color:#fff;border-color:#2e2f30}.navbar-content .navbar-nav>.open>a,.navbar-content .navbar-nav>.open>a:focus,.navbar-content .navbar-nav>.open>a:hover{color:#0094d4}.navbar-content .navbar-nav li ul.dropdown-menu li:last-child>a:focus,.navbar-content .navbar-nav li ul.dropdown-menu li:last-child>a:hover{background-color:transparent;color:#0094d4}.navbar-content .navbar-nav li ul.dropdown-menu li.active:last-child>a{display:block}.navbar-content .navbar-nav>.open>a,.navbar-content .navbar-nav>.open>a:focus,.navbar-content .navbar-nav>.open>a:hover{color:#0094d4}.navbar-content .navbar-nav li ul.dropdown-menu{border-top:1px solid #0094d4;border-top-left-radius:0;border-top-right-radius:0}@media (min-width:768px){.navbar-content .navbar-nav li ul.dropdown-menu{margin-top:31px}}.navbar-content .navbar-nav li ul.dropdown-menu:before{border:none}.navbar-fondo{background:#fff;border-color:#e7e7e7;padding-top:0}.navbar-fondo .logo img{height:75px!important;margin-top:0}.navbar-fondo .navbar-toggle{border-color:#0094d4}.navbar-fondo .navbar-toggle .icon-bar{background-color:#0094d4}.navbar-fondo .navbar-toggle:focus,.navbar-fondo .navbar-toggle:hover{background-color:#0094d4}.navbar-fondo .navbar-toggle:focus .icon-bar,.navbar-fondo .navbar-toggle:hover .icon-bar{background-color:#fff}@media (min-width:768px){.navbar-fondo .menu{margin-top:20px}}.navbar-fondo .navbar-nav li>a{color:#0094d4}@media (max-width:768px){.navbar-fondo .navbar-nav li>a:focus,.navbar-fondo .navbar-nav li>a:hover{color:#0094d4;text-decoration:underline}}@media (min-width:768px){.navbar-fondo .navbar-nav li>a:focus,.navbar-fondo .navbar-nav li>a:hover{color:#0094d4;border-bottom:2px solid #0094d4}}.navbar-fondo .navbar-nav a.is-active,.navbar-fondo .navbar-nav a.is-active:focus,.navbar-fondo .navbar-nav a.is-active:hover{color:#2e2f30;background-color:transparent;border-bottom:2px solid #2e2f30}@media (max-width:768px){.navbar-fondo .navbar-nav a.is-active,.navbar-fondo .navbar-nav a.is-active:focus,.navbar-fondo .navbar-nav a.is-active:hover{border-bottom:none}}.navbar-fondo .navbar-nav>.active>a,.navbar-fondo .navbar-nav>.active>a:focus,.navbar-fondo .navbar-nav>.active>a:hover{color:#2e2f30;background-color:transparent;border-bottom:2px solid #2e2f30}.navbar-fondo .navbar-nav>.open>a,.navbar-fondo .navbar-nav>.open>a:focus,.navbar-fondo .navbar-nav>.open>a:hover{color:#0094d4;background-color:transparent}.navbar-fondo .navbar-nav li:last-child>a{color:#0094d4;background-color:transparent;border-color:#0094d4;border-width:2px;border-style:solid;-webkit-border-image:initial;-o-border-image:initial;border-image:initial;padding:10px 16px;border-radius:20px;margin-top:2px}.navbar-fondo .navbar-nav li:last-child>a:focus,.navbar-fondo .navbar-nav li:last-child>a:hover{color:#fff;background-color:#0094d4}.navbar-fondo .navbar-nav li:last-child>a .is-active{border-color:#2e2f30}.navbar-fondo .navbar-nav li ul.dropdown-menu{border-top:1px solid #0094d4;border-top-left-radius:0;border-top-right-radius:0}@media (min-width:768px){.navbar-fondo .navbar-nav li ul.dropdown-menu{margin-top:26px}}.navbar-fondo .navbar-nav li ul.dropdown-menu:before{border:none}.navbar-fondo .navbar-nav li ul.dropdown-menu li:last-child>a:focus,.navbar-fondo .navbar-nav li ul.dropdown-menu li:last-child>a:hover{background-color:transparent;color:#0094d4}.navbar-fondo .navbar-nav>.open>a,.navbar-fondo .navbar-nav>.open>a:focus,.navbar-fondo .navbar-nav>.open>a:hover{color:#0094d4}@media (max-width:992px){.navbar-default .navbar-nav li>a{margin-left:10px;font-size:.8em}}footer{color:#fff;background-color:#2e2f30;text-align:center;padding:80px 0 60px 0}footer ul{list-style:none;padding-left:0;margin-bottom:30px}footer ul li{position:relative;display:inline-block;margin:0 10px}footer ul li a{color:#2e2f30;font-size:16px;display:inline-block;background-color:#fff;border-radius:60px;width:50px;height:50px;padding:.55em 0;vertical-align:middle;-webkit-transition:all .2s ease;transition:all .2s ease}footer ul li a:focus,footer ul li a:hover{color:rgba(255,255,255,.8);color:#fff;background-color:#0094d4;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.path-frontpage h2{color:#755293;text-transform:uppercase;text-align:center;font-weight:800}.hero{width:100%;position:relative;color:#fff}.hero .row{margin-top:250px;padding-bottom:380px}@media (max-width:1400px){.hero .row{margin-top:200px;padding-bottom:330px}}@media (max-width:1200px){.hero .row{margin-top:200px;padding-bottom:350px}}@media (max-width:992px){.hero .row{margin-top:200px;padding-bottom:300px}}@media (max-width:768px){.hero .row{margin-top:150px;padding-bottom:300px}}@media (max-width:620px){.hero .row{margin-top:200px;padding-bottom:400px}}@media (max-width:992px){.hero .row>[class*=col-]:first-child{text-align:center}}@media (min-width:992px){.hero .row>[class*=col-]:first-child{padding-right:120px}}.hero h1{text-transform:uppercase}.hero img{margin-top:-60px;opacity:.8}.hero p{font-size:1.2em}.hero .field--name-body{margin-bottom:20px}.hero .field--name-field-link-1,.hero .field--name-field-link-2{display:inline-block}.hero .field--name-field-link-1{margin-right:10px}.hero .hero_bg{position:absolute;z-index:-100;top:-130px;bottom:0;right:0;left:0;width:100%;height:120%;background:url(../images/pattern.png),#3b76ba;background:url(../images/pattern.png),-webkit-gradient(linear,left top,right top,from(#3b76ba),to(#7dd2d9));background:url(../images/pattern.png),-webkit-linear-gradient(left,#3b76ba 0,#7dd2d9 100%);background:url(../images/pattern.png),linear-gradient(to right,#3b76ba 0,#7dd2d9 100%);-webkit-transform:skewY(-10deg);-ms-transform:skewY(-10deg);transform:skewY(-10deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.hero .btn-primary{color:#0094d4;background-color:#fff;border-color:#fff;border-radius:50px}.hero .btn-primary:focus,.hero .btn-primary:hover{color:#fff;background-color:transparent;border-color:#fff}.hero .btn-default{color:#fff;border-color:#fff}.hero .btn-default:focus,.hero .btn-default:hover{color:#0094d4;background-color:#fff;border-color:#fff}.caracteristicas{background-color:rgba(255,255,255,.96);margin-top:-250px;position:relative;padding:80px;border-radius:50px;-webkit-box-shadow:0 8px 32px 0 rgba(0,0,0,.2);box-shadow:0 8px 32px 0 rgba(0,0,0,.2)}.caracteristicas h2{margin-top:0}.caracteristicas img{width:200px;height:200px;margin:0 auto}@media (max-width:768px){.caracteristicas img{width:150px;height:150px}}.caracteristicas h3{font-size:1.2em;font-weight:400;text-align:center;margin-top:0}.caracteristicas .field--name-field-body{font-size:.8em;text-align:center;margin-bottom:30px}@media (max-width:620px){.caracteristicas{padding:50px}}.caracteristicas .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.caracteristicas .row>[class*=col-]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 30px}.aplicaciones{margin-top:50px}@media (min-width:768px){.aplicaciones{margin-bottom:100px}}@media (max-width:768px){.aplicaciones{margin-bottom:50px}}.aplicaciones p{text-align:center;margin-bottom:50px}.aplicaciones .field--name-body ul{margin:0 auto;padding-left:0;width:80%;list-style-type:none}@media (min-width:768px){.aplicaciones .field--name-body ul{-webkit-column-count:2;column-count:2}}@media (max-width:768px){.aplicaciones .field--name-body ul{max-width:300px}}.aplicaciones .field--name-body ul li{display:block;padding-left:1.8em;background-image:url(../images/bullet.svg);background-repeat:no-repeat;background-position:0 50%;margin-bottom:20px}.casos{margin-top:50px;text-align:center;margin-bottom:50px}.casos .grid{margin-bottom:50px}.casos .grid .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (max-width:768px){.casos .grid .col-xs-12{margin-bottom:50px}}.casos .grid .contentWrapper img{border-radius:15px;margin:0 auto;-webkit-transition:all .2s ease;transition:all .2s ease}.casos .grid .contentWrapper img:hover{opacity:.85;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all .2s ease;transition:all .2s ease}.casos .grid .contentWrapper h3{font-size:1.1em;margin:10px;font-weight:400}.casos .grid .contentWrapper h3:after{content:none}.sumate{color:#fff;font-size:1.2em;text-align:center;background:url(../images/cta-bg.png) no-repeat;background-size:cover;background-position:center center;position:relative}.sumate div,.sumate h2{position:relative;z-index:1}.sumate:before{background:url(../images/pattern.png),#3b76ba;background:url(../images/pattern.png),-webkit-gradient(linear,left bottom,left top,from(#3b76ba),color-stop(130%,#7dd2d9));background:url(../images/pattern.png),-webkit-linear-gradient(bottom,#3b76ba 0,#7dd2d9 130%);background:url(../images/pattern.png),linear-gradient(to top,#3b76ba 0,#7dd2d9 130%);content:' ';display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;opacity:.9}.sumate svg{position:absolute;top:-1px;left:0;width:100%;height:100px}@media (max-width:768px){.sumate svg{height:50px}}@media (min-width:768px){.sumate{padding:100px 0}}@media (max-width:768px){.sumate{padding:50px 0}}.sumate h2{color:#fff;text-transform:uppercase;text-align:center;font-weight:800;padding:0 50px;padding-top:30px}.sumate p{margin:0 auto;margin-bottom:30px;max-width:600px;padding:0 50px}.sumate .field--type-link{display:inline-block}.sumate .btn-primary{color:#0094d4;background-color:#fff;border-color:#fff;border-radius:50px;text-transform:uppercase}.sumate .btn-primary:focus,.sumate .btn-primary:hover{color:#fff;background-color:transparent;border-color:#fff}.sumate .btn-default{color:#fff;border-color:#fff}.sumate .btn-default:focus,.sumate .btn-default:hover{color:#0094d4;background-color:#fff;border-color:#fff}.hash{word-wrap:break-word;word-break:break-all}article .field--name-body{margin-bottom:50px}article .field--name-body .ajustar,article .field--name-body h1,article .field--name-body h2,article .field--name-body h3,article .field--name-body h4,article .field--name-body hr,article .field--name-body p,article .field--name-body table,article .field--name-body ul{margin-left:auto;margin-right:auto;max-width:700px}article .field--name-body .no-ajustar{max-width:100%}article ol,article ul{margin-top:20px}article ol li,article ul li{margin-bottom:20px}article ol li ol,article ol li ul,article ul li ol,article ul li ul{margin-bottom:40px}article img{display:block;max-width:100%;height:auto;margin:30px auto;clear:both;border-radius:4px}article a img{border:1px solid #ccc}article a:focus img,article a:hover img{border:1px solid #2e2f30;-webkit-box-shadow:0 3px 0 0 #ccc;box-shadow:0 3px 0 0 #ccc}article .field--name-field-image img{margin-top:0;margin-bottom:50px;border-bottom:10px solid #0094d4}article .field--name-field-fecha{float:left;padding:10px}article .field--name-field-categoria{float:left;color:#fff;background-color:#0094d4;padding:10px}article .field--name-field-categoria a{color:#fff}form{margin:0 auto;margin-bottom:50px;max-width:700px}form .btn-primary{padding:10px 16px;font-size:18px;line-height:1.3333333}#edit-preview{display:none}main section{margin-top:35px;padding:0 10px}main section section{margin-top:0}@media (max-width:768px){main section{margin-top:0}}main.main-content-inside{margin-top:30px;padding:0 20px}main.main-content-inside h2{position:relative;margin-bottom:50px}main.main-content-inside h2:after{background-color:#755293;content:"";display:block;height:5px;left:0;bottom:-15px;position:absolute;width:50px}main.main-content-inside h3{color:#755293;padding-left:1.5em;background-image:url(../images/bullet.svg);background-repeat:no-repeat;background-position:0}.diagonal-header{height:160px;content:"";background:url(../images/pattern.png),#3b76ba;background:url(../images/pattern.png),-webkit-gradient(linear,left top,left bottom,from(#3b76ba),color-stop(130%,#7dd2d9));background:url(../images/pattern.png),-webkit-linear-gradient(top,#3b76ba 0,#7dd2d9 130%);background:url(../images/pattern.png),linear-gradient(to bottom,#3b76ba 0,#7dd2d9 130%);-webkit-transform:skewY(1.5deg);-ms-transform:skewY(1.5deg);transform:skewY(1.5deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}@media (max-width:768px){.diagonal-header{height:130px}}table[role=presentation] img{margin:0}.tituloTabla{font-weight:700}.view-presentaciones .views-field-field-certificado,.view-presentaciones .views-field-field-ppt{text-align:center}.sumate-bloque{margin-bottom:50px}.sumate-bloque .row .col-md-6{padding:50px;border:1px solid #ccc;margin-top:125px;margin-left:10px;margin-right:10px;border-radius:10px}.sumate-bloque .row .col-md-6:hover{-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,.2);box-shadow:0 3px 5px 0 rgba(0,0,0,.2)}.sumate-bloque .row .col-md-6 img{width:350px;margin:0 auto;margin-top:-225px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sumate-bloque .row .col-md-6 h2{margin-top:0}.sumate-bloque .row .col-md-6 ul{margin-bottom:40px}@media (min-width:992px){.sumate-bloque .row .col-md-6 .btn{width:100%}}@media (max-width:992px){.sumate-bloque .row .col-md-6{margin-top:0;margin-left:50px;padding-left:100px;position:relative}.sumate-bloque .row .col-md-6 img{position:absolute;width:200px;margin:auto;left:-100px;top:-20px}.sumate-bloque .row .col-md-6:not(first-child){margin-top:20px}}@media (min-width:992px){.sumate-bloque .row{display:-webkit-box;display:-ms-flexbox;display:flex}.sumate-bloque .row .col-md-6{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sumate-bloque .row .col-md-6 .btn{-ms-flex-item-align:end;align-self:flex-end}.sumate-bloque .row .col-md-6 .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.webform-confirmation__message{text-align:center}.webform-confirmation__message p{margin-bottom:10px}.webform-confirmation__message img{width:300px;margin-top:-50px;margin-bottom:-30px}.webform-confirmation__message .btn{margin-top:20px}.webform-svg{background-color:red}#views-bootstrap-miembros-block-1 .row{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}#views-bootstrap-miembros-block-1 div.col{margin-bottom:40px;text-align:center}#views-bootstrap-miembros-block-1 div.col a img{margin:0 auto;border:1px solid #ccc;border-radius:100px;-webkit-box-shadow:0 0 0 0 #ccc;box-shadow:0 0 0 0 #ccc}#views-bootstrap-miembros-block-1 div.col a:focus img,#views-bootstrap-miembros-block-1 div.col a:hover img{border:1px solid #2e2f30;-webkit-box-shadow:0 3px 0 0 #ccc;box-shadow:0 3px 0 0 #ccc}@media (max-width:460px){#views-bootstrap-miembros-block-1 div.col img{max-width:80px}}#views-bootstrap-miembros-block-1 div.col div.views-field-title{padding:10px}.view-faq .panel,.view-glosario .panel{border:0;-webkit-box-shadow:none;box-shadow:none}.view-faq .panel .panel-heading,.view-glosario .panel .panel-heading{padding:0;margin:0;background:0 0}.view-faq .panel .panel-heading .panel-title,.view-glosario .panel .panel-heading .panel-title{font-size:1em;padding:0;margin:0}.view-faq .panel .panel-heading .panel-title a,.view-glosario .panel .panel-heading .panel-title a{display:block;width:100%;padding:10px 15px;border-bottom:1px solid #0094d4;color:#0094d4;position:relative}.view-faq .panel .panel-heading .panel-title a:focus,.view-faq .panel .panel-heading .panel-title a:hover,.view-glosario .panel .panel-heading .panel-title a:focus,.view-glosario .panel .panel-heading .panel-title a:hover{color:#0094d4;border-bottom-color:#0094d4;text-decoration:none}.view-faq .panel .panel-heading .panel-title a .fa-chevron-down,.view-glosario .panel .panel-heading .panel-title a .fa-chevron-down{position:absolute;right:15px;top:15px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .2s ease;transition:all .2s ease}.view-faq .panel .panel-heading .panel-title a.collapsed,.view-glosario .panel .panel-heading .panel-title a.collapsed{color:#333;border-bottom-color:#f5f5f5}.view-faq .panel .panel-heading .panel-title a.collapsed:focus,.view-faq .panel .panel-heading .panel-title a.collapsed:hover,.view-glosario .panel .panel-heading .panel-title a.collapsed:focus,.view-glosario .panel .panel-heading .panel-title a.collapsed:hover{color:#0094d4;border-bottom-color:#0094d4;text-decoration:none}.view-faq .panel .panel-heading .panel-title a.collapsed .fa-chevron-down,.view-glosario .panel .panel-heading .panel-title a.collapsed .fa-chevron-down{position:absolute;right:15px;top:15px;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:all .2s ease;transition:all .2s ease}.view-faq .panel .panel-heading+.panel-collapse>.panel-body,.view-glosario .panel .panel-heading+.panel-collapse>.panel-body{border:1px solid #0094d4;border-top:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.view-eventos .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}.view-eventos .evento{margin-bottom:20px}.view-eventos .evento .contentWrapper{border:1px solid #ccc;border-radius:4px}.view-eventos .evento img{-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.view-eventos .evento img:hover{opacity:.85}.view-eventos .evento h2{font-size:1.1em;margin:10px}.view-eventos .evento h2:after{content:none}.view-eventos .evento .views-field-field-fecha-fin{background:#0094d4;color:#fff;padding:4px;text-align:center}.view-eventos .evento-pasado .evento img{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.85;-webkit-transition:-webkit-filter .5s ease;transition:-webkit-filter .5s ease;transition:filter .5s ease;transition:filter .5s ease,-webkit-filter .5s ease}.view-eventos .evento-pasado .evento img:hover{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}.view-eventos .evento-pasado .evento .views-field-field-fecha-fin{background:#2e2f30}.view-eventos .evento-pasado .evento h2 a{color:#2e2f30}.view-casos-de-uso .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}.view-casos-de-uso .caso{margin-bottom:20px}.view-casos-de-uso .caso .contentWrapper{text-align:center}.view-casos-de-uso .caso img{border-radius:10px;-webkit-transition:all .2s ease;transition:all .2s ease}.view-casos-de-uso .caso img:hover{opacity:.85;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all .2s ease;transition:all .2s ease}.view-casos-de-uso .caso h2{font-size:1.1em;margin:10px;font-weight:400}.view-casos-de-uso .caso h2:after{content:none}.topnav{position:relative;z-index:1035;font-size:.65em}.topnav .links,.topnav nav{float:right;margin-left:20px;padding-top:10px}@media (max-width:768px){.topnav{margin-right:70px;font-size:.75em}}@media (max-width:380px){.topnav .links{display:none}}@media (max-width:320px){.topnav{display:none}}.topnav:last-child{margin-right:0}.topnav ul>li{float:left!important;display:block}.topnav ul>li a{padding:0;margin-right:10px;color:#fff;text-decoration:underline}.topnav ul>li a:focus,.topnav ul>li a:hover{background:0 0;text-decoration:none}.topnav ul>li a:after{content:'|';margin-left:10px}.topnav ul>li:last-child a{margin-right:0}.topnav ul>li:last-child a:after{content:none;margin-right:0}.topnav nav.login{padding-top:0}.topnav nav.login ul>li>a{padding:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border:1px solid #fff;border-top:0;color:#fff;text-decoration:none}.topnav nav.login ul>li>a:focus,.topnav nav.login ul>li>a:hover{background:#fff;color:#0094d4}.topnav nav.login ul>li>a:after{content:none;margin-left:0}@media (max-width:620px){.topnav{margin-top:8px}.topnav nav.login ul>li{float:none!important;margin-bottom:5px}.topnav nav.login ul>li>a{border:1px solid #fff;border-radius:5px;min-width:50px;padding:8px;text-align:center;margin-right:0}}nav.navbar-landing .logo img{-webkit-filter:contrast(0) sepia(100%) hue-rotate(200deg) brightness(.6) saturate(10);filter:contrast(0) sepia(100%) hue-rotate(200deg) brightness(.6) saturate(10)}nav.navbar-landing .logo img:hover{-webkit-filter:none;filter:none;-webkit-transition:all .2s ease;transition:all .2s ease}nav.navbar-landing .navbar-nav li>a{color:#00f}nav.navbar-landing .navbar-nav li>a:hover{color:#00f;border-bottom-color:#00f}nav.navbar-landing .navbar-nav li:last-child>a{color:#00f;border-color:#00f}nav.navbar-landing .navbar-nav li:last-child>a:hover{background-color:#00f}nav.navbar-landing .navbar-toggle{border-color:#00f}nav.navbar-landing .navbar-toggle .icon-bar,nav.navbar-landing .navbar-toggle:focus,nav.navbar-landing .navbar-toggle:hover{background-color:#00f}main.landing{margin-top:0;padding:0;padding-right:15px;padding-left:15px}main.landing .field{position:relative}main.landing .btn-default,main.landing .btn-primary{color:#00f;background-color:#fff;border-color:#00f;border-radius:50px}main.landing .btn-default:focus,main.landing .btn-default:hover,main.landing .btn-primary:focus,main.landing .btn-primary:hover{color:#fff;background-color:#00f;border-color:#00f}main.landing h3{color:#2e2f30}main.landing h2:after{background-color:#00f}main.landing .paragraph .anchor{position:absolute;margin-top:-200px}main.landing .jumbotron{color:#fff;background:url(../images/pattern.png),#00f;background:url(../images/pattern.png),-webkit-gradient(linear,left top,left bottom,from(#00f),to(#1a1aff));background:url(../images/pattern.png),-webkit-linear-gradient(top,#00f 0,#1a1aff 100%);background:url(../images/pattern.png),linear-gradient(to bottom,#00f 0,#1a1aff 100%);padding-bottom:50px;padding-top:150px;position:relative;-webkit-box-shadow:inset 0 -10px 10px -10px #2e2f30;box-shadow:inset 0 -10px 10px -10px #2e2f30;border-radius:0}main.landing .jumbotron h1{font-size:2.5em}main.landing .jumbotron p{max-width:800px;margin-bottom:1.3em}main.landing .jumbotron .logo-evento{padding-top:50px}main.landing .jumbotron .logo-evento svg{height:400px}@media (max-width:992px){main.landing .jumbotron .logo-evento svg{height:250px}}@media (max-width:992px){main.landing .jumbotron .logo-evento{margin-bottom:20px}}main.landing .jumbotron .bajada{padding-top:100px}@media (max-width:992px){main.landing .jumbotron .bajada{padding-top:0}}main.landing .jumbotron .btn-primary{color:#00f;background-color:#fff;border-color:#fff;border-radius:50px}main.landing .jumbotron .btn-primary:focus,main.landing .jumbotron .btn-primary:hover{color:#fff;background-color:transparent;border-color:#fff}main.landing .jumbotron h2{margin-bottom:1em}main.landing .jumbotron h2:after{content:none}@media (max-width:768px){main.landing .jumbotron{padding-top:140px}}main.landing .cta{margin-bottom:0;margin:0 auto;text-align:center;padding-top:40px;padding-bottom:40px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);box-shadow:0 0 5px 0 rgba(0,0,0,.75)}main.landing .cta p{margin:0 auto;margin-bottom:1.3em}main.landing section{padding:0;margin:0}main.landing table.table.agenda thead th{font-size:1.2em}main.landing table.table.agenda td,main.landing table.table.agenda th{padding:20px}main.landing table.table.agenda tr.break{background-color:#f5f5f5}main.landing table.table.agenda tbody tr>th{border-left:5px solid #fff;-webkit-transition:all .2s ease;transition:all .2s ease}main.landing table.table.agenda tbody tr:hover{background-color:#fcffdd}main.landing table.table.agenda tbody tr:hover>th{border-left:5px solid #00f}main.landing table.table.agenda tbody td p:last-child{margin-bottom:0}main.landing .field--name-field-grilla.row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}main.landing .field--name-field-grilla>.field--item .paragraph--type--grilla{border-radius:5px;padding:20px;margin-top:10px;margin-bottom:10px;border:1px solid #ccc}main.landing .field--name-field-grilla>.field--item .paragraph--type--grilla h3{background-image:none;padding-left:0;margin-top:10px;font-size:1.2em}main.landing .field--name-field-grilla>.field--item .paragraph--type--grilla img{margin:0;padding:0;width:100%}main.landing .field--name-field-grilla>.field--item .paragraph--type--grilla .field--name-field-body{font-size:.8em}@media (min-width:768px){main.landing .field--name-field-grilla>.field--item .paragraph--type--grilla:hover{border:1px solid #00f;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all .2s ease;transition:all .2s ease}}main.landing .mapOver{position:absolute;background:#fff;padding:40px;max-width:30%;top:80px;left:100px;z-index:100;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);box-shadow:0 0 5px 0 rgba(0,0,0,.75)}main.landing .mapOver h3{background-image:none;padding-left:0;margin-top:10px;font-size:1.2em}main.landing .map{-webkit-filter:grayscale(100%);filter:grayscale(100%);margin-bottom:-10px;-webkit-transition:all .2s ease;transition:all .2s ease}main.landing .map:focus,main.landing .map:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}footer.footerArea-landing ul li a:hover{background-color:#00f}
\ No newline at end of file
js/main.js
+ 1
− 43
View file @ 3b242c6d
(function ($, Drupal) {
$('.bt-top').hide();
$(window).scroll(function() {
checkNav();
});
function checkNav(){
var currentScroll = $(this).scrollTop();
if(currentScroll > 110) {
$('#navbar').addClass('navbar-fondo');
if(isIE()) $(".path-frontpage #logo").attr("src", "/themes/bfa/logo.svg");
} else {
$('#navbar').removeClass('navbar-fondo');
if(isIE()) $(".path-frontpage #logo").attr("src", "/themes/bfa/logo-white.svg");
}
}
function isIE() {
var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");
if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) // If Internet Explorer, return version number
{
//alert(parseInt(ua.substring(msie + 5, ua.indexOf(".", msie))));
return true;
}
else // If another browser, return 0
{
return false;
}
return false;
}
checkNav();
$(document).on('click', '[data-toggle="lightbox"]', function(event) {
event.preventDefault();
$(this).ekkoLightbox({
alwaysShowClose: false
});
});
})(jQuery, Drupal);
!function(o,t){function a(){o(this).scrollTop()>50?(o("#navbar").addClass("navbar-fondo"),n()&&o(".path-frontpage #logo").attr("src","/themes/bfa/logo.svg")):(o("#navbar").removeClass("navbar-fondo"),n()&&o(".path-frontpage #logo").attr("src","/themes/bfa/logo-white.svg"))}function n(){return!!(window.navigator.userAgent.indexOf("MSIE ")>0||navigator.userAgent.match(/Trident.*rv\:11\./))}o(".bt-top").hide(),o(window).scroll(function(){a()}),a(),o(document).on("click",'[data-toggle="lightbox"]',function(t){t.preventDefault(),o(this).ekkoLightbox({alwaysShowClose:!1})})}(jQuery,Drupal);
\ No newline at end of file
templates/field/field--paragraph--field-grilla.html.twig 0 → 100644
+ 44
− 0
View file @ 3b242c6d
{%
set classes = [
'field',
'field--name-' ~ field_name|clean_class,
'field--type-' ~ field_type|clean_class,
'field--label-' ~ label_display,
]
%}
{%
set title_classes = [
'field--label',
label_display == 'visually_hidden' ? 'sr-only',
]
%}
{% if label_hidden %}
{% if multiple %}
<div class="container">
<div{{ attributes.addClass(classes, 'field--items row') }}>
{% for item in items %}
<div{{ item.attributes.addClass('field--item col-md-3 col-sm-6 col-xs-12') }}>{{ item.content }}</div>
{% endfor %}
</div>
</div>
{% else %}
{% for item in items %}
<div{{ attributes.addClass(classes, 'field--item col-md-3 col-sm-6 col-xs-12') }}>{{ item.content }}</div>
{% endfor %}
{% endif %}
{% else %}
<div{{ attributes.addClass(classes) }}>
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
{% if multiple %}
<div class="field__items">
{% endif %}
{% for item in items %}
<div{{ item.attributes.addClass('field--item col-md-3 col-sm-6 col-xs-12') }}>{{ item.content }}</div>
{% endfor %}
{% if multiple %}
</div>
{% endif %}
</div>
{% endif %}
templates/field/field--paragraph--field-title--grilla.html.twig 0 → 100644
+ 83
− 0
View file @ 3b242c6d
{#
/**
* @file
* Theme override for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @ingroup templates
*
* @see template_preprocess_field()
*/
#}
{%
set classes = [
'field',
'field--name-' ~ field_name|clean_class,
'field--type-' ~ field_type|clean_class,
'field--label-' ~ label_display,
]
%}
{%
set title_classes = [
'field--label',
label_display == 'visually_hidden' ? 'sr-only',
]
%}
{% if label_hidden %}
{% if multiple %}
<div{{ attributes.addClass(classes, 'field--items') }}>
{% for item in items %}
<h3>{{ item.content }}</h3>
{% endfor %}
</div>
{% else %}
{% for item in items %}
<div{{ attributes.addClass(classes, 'field--item') }}>
<h3>{{ item.content }}</h3>
</div>
{% endfor %}
{% endif %}
{% else %}
<div{{ attributes.addClass(classes) }}>
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
{% if multiple %}
<div class="field__items">
{% endif %}
{% for item in items %}
<h3>{{ item.content }}</h3>
{% endfor %}
{% if multiple %}
</div>
{% endif %}
</div>
{% endif %}
templates/field/field--paragraph--field-title--seccion.html.twig 0 → 100644
+ 86
− 0
View file @ 3b242c6d
{#
/**
* @file
* Theme override for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @ingroup templates
*
* @see template_preprocess_field()
*/
#}
{%
set classes = [
'field',
'field--name-' ~ field_name|clean_class,
'field--type-' ~ field_type|clean_class,
'field--label-' ~ label_display,
]
%}
{%
set title_classes = [
'field--label',
label_display == 'visually_hidden' ? 'sr-only',
]
%}
<div class="container">
<div class="row">
<div class="col-md-12">
{% if label_hidden %}
{% if multiple %}
<div{{ attributes.addClass(classes, 'field--items') }}>
{% for item in items %}
<h2{{ item.attributes.addClass('field--item') }}>{{ item.content }}</h2>
{% endfor %}
</div>
{% else %}
{% for item in items %}
<h2{{ attributes.addClass(classes, 'field--item') }}>{{ item.content }}</h2>
{% endfor %}
{% endif %}
{% else %}
<div{{ attributes.addClass(classes) }}>
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
{% if multiple %}
<div class="field__items">
{% endif %}
{% for item in items %}
<h2{{ item.attributes.addClass('field--item') }}>{{ item.content }}</h2>
{% endfor %}
{% if multiple %}
</div>
{% endif %}
</div>
{% endif %}
</div>
</div>
</div>
\ No newline at end of file
templates/menu/menu--landing.html.twig 0 → 100644
+ 56
− 0
View file @ 3b242c6d
{#
/**
* @file
* Default theme implementation to display a menu.
*
* Available variables:
* - menu_name: The machine name of the menu.
* - items: A nested list of menu items. Each menu item contains:
* - attributes: HTML attributes for the menu item.
* - below: The menu item child items.
* - title: The menu link title.
* - url: The menu link url, instance of \Drupal\Core\Url
* - localized_options: Menu link localized options.
*
* @ingroup templates
*/
#}
{% import _self as menus %}
{#
We call a macro which calls itself to render the full tree.
@see http://twig.sensiolabs.org/doc/tags/macro.html
#}
{{ menus.menu_links(items, attributes, 0) }}
{% macro menu_links(items, attributes, menu_level) %}
{% import _self as menus %}
{% if items %}
{% if menu_level == 0 %}
<ul{{ attributes.addClass('menu', 'nav', 'navbar-nav', 'navbar-right') }}>
{% else %}
<ul{{ attributes.addClass('dropdown-menu') }}>
{% endif %}
{% for item in items %}
{%
set item_classes = [
item.is_expanded? 'expanded',
item.is_expanded and menu_level == 0 ? 'dropdown',
item.in_active_trail ? 'active',
]
%}
{% if menu_level == 0 and item.is_expanded %}
<li{{ item.attributes.addClass(item_classes) }}>
<a href="{{ item.url }}" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ item.title }} <span class="caret"></span></a>
{% else %}
<li{{ item.attributes.addClass(item_classes) }}>
{{ link(item.title, item.url) }}
{% endif %}
{% if item.below %}
{{ menus.menu_links(item.below, attributes.removeClass('nav', 'navbar-nav'), menu_level + 1) }}
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
{% endmacro %}
templates/system/page--node-landing.html.twig 0 → 100644
+ 192
− 0
View file @ 3b242c6d
{#
/**
* @file
* Default theme implementation to display a single page.
*
* The doctype, html, head and body tags are not in this template. Instead they
* can be found in the html.html.twig template in this directory.
*
* Available variables:
*
* General utility variables:
* - base_path: The base URL path of the Drupal installation. Will usually be
* "/" unless you have installed Drupal in a sub-directory.
* - is_front: A flag indicating if the current page is the front page.
* - logged_in: A flag indicating if the user is registered and signed in.
* - is_admin: A flag indicating if the user has permission to access
* administration pages.
*
* Site identity:
* - front_page: The URL of the front page. Use this instead of base_path when
* linking to the front page. This includes the language domain or prefix.
*
* Navigation:
* - breadcrumb: The breadcrumb trail for the current page.
*
* Page content (in order of occurrence in the default page.html.twig):
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title: The page title, for use in the actual content.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
* - messages: Status and error messages. Should be displayed prominently.
* - tabs: Tabs linking to any sub-pages beneath the current page (e.g., the
* view and edit tabs when displaying a node).
* - action_links: Actions local to the page, such as "Add menu" on the menu
* administration interface.
* - node: Fully loaded node, if there is an automatically-loaded node
* associated with the page and the node ID is the second argument in the
* page's path (e.g. node/12345 and node/12345/revisions, but not
* comment/reply/12345).
*
* Regions:
* - page.header: Items for the header region.
* - page.navigation: Items for the navigation region.
* - page.navigation_collapsible: Items for the navigation (collapsible) region.
* - page.highlighted: Items for the highlighted content region.
* - page.help: Dynamic help text, mostly for admin pages.
* - page.content: The main content of the current page.
* - page.sidebar_first: Items for the first sidebar.
* - page.sidebar_second: Items for the second sidebar.
* - page.footer: Items for the footer region.
*
* @ingroup templates
*
* @see template_preprocess_page()
* @see html.html.twig
*/
#}
{% set container = theme.settings.fluid_container ? 'container-fluid' : 'container' %}
{# Navbar #}
{% if page.navigation or page.navigation_collapsible %}
{% block navbar %}
<nav id="navbar" role="banner" class="navbar navbar-default navbar-fixed-top navbar-content navbar-landing">
{% if not navbar_attributes.hasClass(container) %}
<div class="container">
{% endif %}
<div class="navbar-header">
{{ page.navigation }}
{# .btn-navbar is used as the toggle for collapsed navbar content #}
{% if page.navigation_collapsible %}
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">{{ 'Toggle navigation'|t }}</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
{% endif %}
</div>
{# Navigation (collapsible) #}
{% if page.navigation_collapsible %}
<div id="navbar-collapse" class="navbar-collapse collapse">
{{ page.navigation_collapsible }}
</div>
{% endif %}
{% if not navbar_attributes.hasClass(container) %}
</div>
{% endif %}
<div class="clear"></div>
</nav>
{% endblock %}
{% endif %}
{# Hero #}
{% if page.hero %}
<div id="hero" class="hero jumbotron">
{% block hero %}
<div class="container">
<div>{{ page.hero }}</div>
</div>
{% endblock %}
</div>
{% endif %}
{# Main #}
{% block main %}
<main role="main" class="main-container container-fluid js-quickedit-main-content main-content-inside landing">
<div class="row">
{# Sidebar First #}
{% if page.sidebar_first %}
{% block sidebar_first %}
<aside class="col-sm-3" role="complementary">
{{ page.sidebar_first }}
</aside>
{% endblock %}
{% endif %}
{# Content #}
{%
set content_classes = [
page.sidebar_first and page.sidebar_second ? 'col-sm-6',
page.sidebar_first and page.sidebar_second is empty ? 'col-sm-9',
page.sidebar_second and page.sidebar_first is empty ? 'col-sm-9',
page.sidebar_first is empty and page.sidebar_second is empty ? 'col-sm-12'
]
%}
<section>
{# Breadcrumbs #}
{% if breadcrumb %}
{% block breadcrumb %}
{{ breadcrumb }}
{% endblock %}
{% endif %}
{# Action Links #}
{% if action_links %}
{% block action_links %}
<ul class="action-links">{{ action_links }}</ul>
{% endblock %}
{% endif %}
{# Help #}
{% if page.help %}
{% block help %}
{{ page.help }}
{% endblock %}
{% endif %}
{# Content #}
{% block content %}
<a id="main-content"></a>
{{ page.content }}
{% endblock %}
</section>
{# Sidebar Second #}
{% if page.sidebar_second %}
{% block sidebar_second %}
<aside class="col-sm-3" role="complementary">
{{ page.sidebar_second }}
</aside>
{% endblock %}
{% endif %}
</div>
</main>
{% endblock %}
{# Prefooter #}
{% if page.prefooter %}
<div id="prefooter" class="prefooter prefooter-landing">
{% block prefooter %}
<div class="container-fluid">
<div class="row">
{{ page.prefooter }}
</div>
</div>
{% endblock %}
</div>
{% endif %}
{% if page.footer%}
{% block footer %}
<footer class="footerArea footerArea-landing" role="contentinfo">
<div class="{{ container }}">
<div class="row">
<div class="col col-xs-12">{{ page.footer }}</div>
</div>
</div>
</footer>
{% endblock %}
{% endif %}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment