From 3b242c6d21bac7576fc801c1fb98fc4ccd8b3877 Mon Sep 17 00:00:00 2001
From: Otto Zaiser <zaisero@nic.ar>
Date: Tue, 24 Sep 2019 14:09:49 -0300
Subject: [PATCH] Estilos para Landing
---
_src/js/main.js | 2 +-
_src/scss/general/_casos.scss | 4 +-
_src/scss/general/_header.scss | 11 +-
_src/scss/general/_home.scss | 8 +-
_src/scss/general/_landing.scss | 285 ++++++++++++++++++
_src/scss/general/_login.scss | 76 ++++-
_src/scss/main.scss | 1 +
bfa.theme | 20 +-
css/main.css | 2 +-
js/main.js | 44 +--
.../field--paragraph--field-grilla.html.twig | 44 +++
...--paragraph--field-title--grilla.html.twig | 83 +++++
...-paragraph--field-title--seccion.html.twig | 86 ++++++
templates/menu/menu--landing.html.twig | 56 ++++
templates/system/page--node-landing.html.twig | 192 ++++++++++++
15 files changed, 854 insertions(+), 60 deletions(-)
create mode 100644 _src/scss/general/_landing.scss
create mode 100644 templates/field/field--paragraph--field-grilla.html.twig
create mode 100644 templates/field/field--paragraph--field-title--grilla.html.twig
create mode 100644 templates/field/field--paragraph--field-title--seccion.html.twig
create mode 100644 templates/menu/menu--landing.html.twig
create mode 100644 templates/system/page--node-landing.html.twig
diff --git a/_src/js/main.js b/_src/js/main.js
index 1360e1b..3d93b89 100644
--- a/_src/js/main.js
+++ b/_src/js/main.js
@@ -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 {
diff --git a/_src/scss/general/_casos.scss b/_src/scss/general/_casos.scss
index 5cda3a1..22e2895 100644
--- a/_src/scss/general/_casos.scss
+++ b/_src/scss/general/_casos.scss
@@ -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;
diff --git a/_src/scss/general/_header.scss b/_src/scss/general/_header.scss
index 97feeb4..38daf50 100644
--- a/_src/scss/general/_header.scss
+++ b/_src/scss/general/_header.scss
@@ -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;
}
diff --git a/_src/scss/general/_home.scss b/_src/scss/general/_home.scss
index bd2bff8..fafeda4 100644
--- a/_src/scss/general/_home.scss
+++ b/_src/scss/general/_home.scss
@@ -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;
diff --git a/_src/scss/general/_landing.scss b/_src/scss/general/_landing.scss
new file mode 100644
index 0000000..b457d08
--- /dev/null
+++ b/_src/scss/general/_landing.scss
@@ -0,0 +1,285 @@
+$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
diff --git a/_src/scss/general/_login.scss b/_src/scss/general/_login.scss
index bde1e6b..322b266 100644
--- a/_src/scss/general/_login.scss
+++ b/_src/scss/general/_login.scss
@@ -1,15 +1,33 @@
.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
diff --git a/_src/scss/main.scss b/_src/scss/main.scss
index 28a30c4..9077580 100644
--- a/_src/scss/main.scss
+++ b/_src/scss/main.scss
@@ -13,3 +13,4 @@
@import 'general/eventos';
@import 'general/casos';
@import 'general/login';
+@import 'general/landing';
diff --git a/bfa.theme b/bfa.theme
index 2b2eb53..5fa6d22 100644
--- a/bfa.theme
+++ b/bfa.theme
@@ -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
diff --git a/css/main.css b/css/main.css
index 64b9cdc..c696ce7 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1 +1 @@
-@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
diff --git a/js/main.js b/js/main.js
index 1360e1b..013d04c 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,43 +1 @@
-(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
diff --git a/templates/field/field--paragraph--field-grilla.html.twig b/templates/field/field--paragraph--field-grilla.html.twig
new file mode 100644
index 0000000..cbcb903
--- /dev/null
+++ b/templates/field/field--paragraph--field-grilla.html.twig
@@ -0,0 +1,44 @@
+
+{%
+ 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 %}
diff --git a/templates/field/field--paragraph--field-title--grilla.html.twig b/templates/field/field--paragraph--field-title--grilla.html.twig
new file mode 100644
index 0000000..dddbcc3
--- /dev/null
+++ b/templates/field/field--paragraph--field-title--grilla.html.twig
@@ -0,0 +1,83 @@
+{#
+/**
+ * @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 %}
diff --git a/templates/field/field--paragraph--field-title--seccion.html.twig b/templates/field/field--paragraph--field-title--seccion.html.twig
new file mode 100644
index 0000000..1fbeaad
--- /dev/null
+++ b/templates/field/field--paragraph--field-title--seccion.html.twig
@@ -0,0 +1,86 @@
+{#
+/**
+ * @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
diff --git a/templates/menu/menu--landing.html.twig b/templates/menu/menu--landing.html.twig
new file mode 100644
index 0000000..38911fc
--- /dev/null
+++ b/templates/menu/menu--landing.html.twig
@@ -0,0 +1,56 @@
+{#
+/**
+ * @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 %}
diff --git a/templates/system/page--node-landing.html.twig b/templates/system/page--node-landing.html.twig
new file mode 100644
index 0000000..214b1fb
--- /dev/null
+++ b/templates/system/page--node-landing.html.twig
@@ -0,0 +1,192 @@
+{#
+/**
+ * @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 %}
--
GitLab