/*
Theme Name: NUCAPS
Author: YOU MEDIA
Author URI: https://www.youmedia.es/
Description: Theme creado por YOU MEDIA para la web de NUCAPS.
Version: 1.0
License: Copyright
Text Domain: Nucaps
*/

@import url(css/reset.css);
@import url(css/fonts.css);
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
 
/* Structure
/////////////////////////////////////////////////// */

.widget_icl_lang_sel_widget{display: none;}

body {font: 400 .94em/150% 'DM Sans'; color: #000; background: #fff;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga', 'kern';
}

body::before {content: ''; position: absolute; top: 0; right: -1px; z-index: 20; background-size: contain;
  -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
html{
  overflow-x: hidden;
}

.wrapper, .primary, .pusher, .pusher-content {position: relative; margin: 0; height: 100%; width: 100%; outline:none;}

.wrapper {width:100%;}
.leftsidebar {position:fixed; width: 15%;z-index:4000;top: 0; bottom: 0;}

.noscroll {overflow: hidden;}
.nofull {height: auto;}

/*SCROLL*/
.scroll {height:165px;overflow:auto;padding-right:1em;}


/* SCROLLBAR */
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {opacity: 1 !important} 
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background:#a0a0a0 !important;} 

section {position: relative;overflow: hidden;background-position: 0 0;
  background-repeat: no-repeat; background-size: cover; background-attachment: fixed;
  overflow-y: auto; 
}
section.section-full {height: 100%;}

.ct {position: relative;}
.ct::before,
.ct::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 0; z-index: 0}

a {outline:none !important; color: #666;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

a:hover {color: #000;}

b, strong {font-family: 'DM Sans';font-weight: 700;}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right}

.text-small {font-size: 85%; line-height: 1}

hr {height: 1px; background-color: #e3e3e3;}

mark {color: #000; background: #ffff41}
::-moz-selection {color: #000; background: #00ff9c; opacity: 1}
::selection {color: #000; background: #00ff9c}

.animado {visibility: hidden;}
.upper {text-transform: uppercase;}

/* Colores */
.white {color: #FFF}
.black {color: #000}
.green {color: #00c111}
.grey {color: #626261}
.greylight {color: #969696}
.ods-02{color: #c39d38;}
.ods-03{color: #5e994e;}
.ods-05{color: #e4311d;}
.ods-09{color: #d76d2e;}
.ods-12{color:#bc8a35;}
.ods-17{color: #293966;}

.bg-grey {background: #f5f5f5}
.bg-blue {background: #ABC0CB}

/* Texto */
.text-xsmall{font-size: 85%;}

/* Preloader */
#preloader {position: fixed; top: 0; width: 100%; height: 100%; z-index: 3000; background: #000}
#loader {position:absolute; width: 100%; height: 100%; left: 0; top: 50%; text-align: center; }
#loader svg {width: 230px; height: 120px; margin-top: -60px;overflow: visible; opacity: .8}

/* Header
//////////////////////////////////////////////////// */
.header {/*width: 100%; overflow:hidden; background: #2aacb9; position: relative; z-index: 50*/}
.header a {/*display: block; width: 65%; margin: 3em auto;*/}
.header svg {/*width: 70%; height: 70%;margin-left:15%;*/}


/*ct-logo*/
.ct-logo{margin:9em 0 0 2em;position: relative;z-index:10;}
.ct-logo svg{width: 100%;}

/* Menu principal
//////////////////////////////////////////////////// */
/*.act-nav-ct {display: table; width: 100%; height: 100%; 
  position: absolute; z-index: 200; left: 0; top: 0;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  transition: all .4s ease-out;
}
.act-nav-ct .menu-ct {display: table-row;  width: 100%; position: relative; overflow: visible;}
.act-nav-ct .menu-cell {position: relative; display: table-cell; vertical-align: middle; text-align: center;}
.act-navigation {display: inline-block; vertical-align: middle;}
.act-navigation ul li {position: relative; color: #FFF; cursor: pointer; margin: 0 ; text-align: left}
.act-navigation ul li a {color: #FFF; cursor: pointer; position: relative; text-transform: uppercase;
  display: inline-block; padding: .05em .15em .08em; font-family: 'Roboto Condensed', serif; font-size: 5em; line-height: 85%;
  background: #ABC0CB; letter-spacing: -0.05em}
.act-navigation ul li a:hover,
.act-navigation ul li.current-menu-item a {margin-left: -1em; background: #484848;}
*/



/* BOTONES
//////////////////////////////////////////////////// */

/* Reseteamos el botón de Wordpres */
.wp-block-button__link {background: none; padding: 0; font-size: inherit;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.btn,
input[type="button"], input[type="reset"], input[type="submit"], button[type="button"], button[type="submit"],
.wp-block-button__link,
.is-style-outline>.wp-block-button__link:not(.has-text-color), 
.wp-block-button__link.is-style-outline:not(.has-text-color)  {
    -webkit-appearance:none !important;
    position: relative;
    cursor: pointer;
    display: inline-block;   
    line-height: 1;
    width: auto;
    color: #FFF;
    margin: 0;
    text-align: center;
    z-index: 1;
    border: 1px solid #fff;
    text-transform:initial;
    text-decoration: none;
    padding: .45em 1em .45em 1em; 
    outline: none !important;
    border-radius: 0;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    font-family: 'DM Sans';
    font-weight: 700;
} 
.btn-black{
  -webkit-appearance:none !important;
    position: relative;
    cursor: pointer;
    display: inline-block;   
    line-height: 1;
    width: auto;
    color: #000;
    margin: 0;
    text-align: center;
    z-index: 1;
    border: 1px solid #000;
    text-transform:initial;
    text-decoration: none;
    padding: .45em 1em .45em 1em; 
    outline: none !important;
    border-radius: 0;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    font-family: 'DM Sans';
    font-weight: 500;
    font-size: 90%;
}

a:hover .btn-black{background:#000;color: #fff;}


     
/* PUSH PAGES */
.push-ct {
  position: absolute;
    top: 0;
    right: -85%;
    z-index: 50;
    background: #FFF;
    height: 100%;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    transition: all .6s ease-out;
 } 

.push-ct.active{
  right: 0;
} 
.widgetIdioma{
  position: fixed;
  right: 1em;
  top: 1em;
  z-index: 1000;
}
.widgetIdioma .content{
  position: relative;
}
.widgetIdioma .content .forma1{
  /*background: #00ff9c;*/
  position: fixed;
  z-index: -1;
}
.widgetIdioma .content .forma2{
  /*background: white;*/
  position: fixed;
  z-index: -1;
}
.wpml-ls-legacy-list-horizontal a{
  padding-left: 0;
  padding-right: 0;
  font-size: 1.2em;
  letter-spacing: .05em;
  color: #000;
}

.wpml-ls-legacy-list-horizontal a:hover{opacity: .6}

.wpml-ls-legacy-list-horizontal .wpml-ls-current-language a {
  font-family: 'DM Sans';
}
.wpml-ls-legacy-list-horizontal .wpml-ls-current-language a:before{color: red!important;}

.wpml-ls-legacy-list-horizontal li:first-of-type a:after{
  content: '/';
}
.main-nav-ct {
  display: table;
  position:relative; 
  z-index: 4000;
  padding-right:2em;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  transition: all .4s ease-out;
  /*background: #000;*/
}

/************************************************************************
    MENU
************************************************************************/

.logo-nucaps-menu{width:15em;position: absolute;left: 1em;}
.logo-nucaps-menu{display: none;}
.main-nav-ct.nav-fixed .logo-nucaps-menu{display: block;}
footer ul.menu{max-width: 50%;}
ul.menu {position: relative; z-index: 20; text-transform: uppercase;font-weight: 800;margin-right: 1em;}
ul.menu > li {display: inline-block; padding: 0 .5em; position: relative;}
ul.menu > li a {display: inline-block; text-decoration: none; cursor: pointer; position: relative;}

.main-nav-ct {
    right: 0;
    width: 100%;
    font-size: 110%;
    top: 0;
    padding: 1.5em 0 1.5em 0;
    color: #00001c;
    position: fixed; 
    z-index: 400;
    -ms-transition: padding .3s ease;
    -webkit-transition: padding .3s ease;
    transition: padding .3s ease; 
    text-align: right;
}

.main-nav-ct a {color: #b6b6b6; cursor: pointer; position: relative;}
.main-nav-ct ul li a:hover {color: #000;}
.main-nav-ct ul li.current-menu-item > a {color:#00c111;}

/*.menu-wp {overflow: auto; display: table}*/
/*.menu-wp {display: table-cell; vertical-align: middle;}*/
/*.menu-ct {display: flex; flex-wrap: wrap; flex-direction: column-reverse;border-bottom: 2px solid #000;}*/
.menu-ct nav, .menu-ct div {/*width: 100%*/}
.menu-ct.columns {flex-wrap: nowrap; text-transform: uppercase; border-bottom: 2px solid #000;max-width: 65em;right: 0;position: fixed;max-height: 30px;}

/* Menu principal */
.nav-site {position: relative; z-index: 20;}
/*.nav-site::after {content: ''; width: 60%; height: 4px; background: #000; position: absolute; bottom: -2em; left: 0}*/
.nav-site > ul {display: inline-block;/* border-bottom: 2px solid #000;*/}
.nav-site ul li {color: #000; cursor: pointer; position: relative; padding: .3em 0;margin: 0 .5em;}
.nav-site ul li:first-of-type {margin-left: 0;}
.nav-site ul li:last-of-type {margin-right: 0;}
.nav-site ul li.item-home {display: none;}
.nav-site ul li a {position: relative; display: block; font-size: 90%; line-height: 1; color: #777;}
/* .nav-site ul li a::after {content: ''; width: 100%; height: 100%; position: absolute;  z-index: -1; bottom: .4em; left: 0; background: #f3f3f3; opacity: 0; visibility: hidden;
    -webkit-transition: opacity .8s ease;
    -moz-transition: opacity .8s ease;
    -o-transition: opacity .8s ease;
    transition: opacity .8s ease;
}*/

.nav-site ul li a:hover {color: #00c111;}
.nav-site ul li a:hover::after {opacity: 1; visibility: visible;}
.nav-site ul li a:hover .ocult-item {opacity: 1; visibility: visible;}

/* Submenu */
.nav-site ul li ul.sub-menu{display: none;}

.nav-trigger,
.nav-utilities {display: block; position: fixed; cursor: pointer; z-index: 600; font-size: 18px;}

/* Menu trigger */
.nav-trigger,
.nav-trigger * {display: none;}
/*.nav-trigger * {display: block;}*/
.nav-trigger {/*display: block;*/ position: fixed; top: 15px; right: 20px; cursor: pointer; z-index: 500; 
  height: 23px; width: 36px; cursor: pointer;/* overflow: hidden;*/}
.nav-trigger  .btn-nav-text {display: none;}

.nav-trigger .btn-nav-icon,
.nav-trigger .btn-nav-icon:after, 
.nav-trigger .btn-nav-icon:before {position: absolute; top: 0; left: 0; height: 5px; width: 36px; 
cursor: pointer; background: #000; 
display: block; content: '';
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
}

.nav-trigger .btn-nav-icon {
  transform: translate3d(0,9px,0);
  -webkit-transform: translate3d(0,9px,0);
}

.nav-trigger .btn-nav-icon:before {
  transform: translate3d(0,-9px,0);
  -webkit-transform: translate3d(0,-9px,0);
}
.nav-trigger .btn-nav-icon:after {
  transform: translate3d(0,9px,0);
  -webkit-transform: translate3d(0,9px,0);
}

.nav-trigger.active {z-index: 700; top: 25px}
.nav-trigger.active label .btn-nav-icon {
  background-color: transparent !important;
   /*-ms-transform: translate3d(2px,17px,0) rotate(90deg);
  transform: translate3d(2px,17px,0) rotate(90deg);
  -webkit-transform: translate3d(2px,17px,0) rotate(90deg);*/
}
.nav-trigger.active label .btn-nav-icon:before {
    top: 11px;
    /*background-color: #bdd7e6 !important;*/
    -ms-transform: translate3d(0,-10px,0) rotate(45deg);
    transform: translate3d(0,-10px,0) rotate(45deg);
    -webkit-transform: translate3d(0,-10px,0) rotate(45deg);background: #fff;
}
.nav-trigger.active label .btn-nav-icon:after {
    top: 11px;
    -ms-transform: translate3d(0,-10px,0) rotate(-45deg);
    transform: translate3d(0,-10px,0) rotate(-45deg);
    -webkit-transform: translate3d(0,-10px,0) rotate(-45deg);
    background: #fff;
}
/* MENU FIXED */

.main-nav-ct.nav-fixed {background-color: #000; padding: 1em 0 3em 0;}
.main-nav-ct.nav-fixed .nav-site ul li a {color: #FFF;}
.main-nav-ct.nav-fixed .nav-site ul li a:hover{color:#00c111;} 
.main-nav-ct.nav-fixed .nav-site ul li.current-menu-item a{color:#00c111;}
.main-nav-ct.nav-fixed .nav-lang{top:.7em;}




/* Actualidad navigation*/
.act-nav-ct {display: table; width: 100%; height: 100%; 
  position: absolute; z-index: 200; left: 0; top: 0;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  transition: all .4s ease-out;
}
.act-nav-ct .menu-ct {display: table-row;  width: 100%; position: relative; overflow: visible;}
.act-nav-ct .menu-cell {position: relative; display: table-cell; vertical-align: middle; text-align: center;}
.act-navigation {display: inline-block; vertical-align: middle;}
.act-navigation ul li {position: relative; color: #FFF; cursor: pointer; margin: 0 ; text-align: left}
.act-navigation ul li a {color: #FFF; cursor: pointer; position: relative; text-transform: uppercase;
  display: inline-block; padding: .05em .15em .08em; font-family: 'DM Sans', serif; font-size: 5em; line-height: 85%;
  background: #000; letter-spacing: -0.05em}
.act-navigation ul li a:hover,
.act-navigation ul li.current-menu-item a {margin-left: -1em; background: #484848;}
/* Submenu */
.act-nav-ct ul.sub-menu {position:absolute; top: 0; visibility: hidden;  z-index:2;
  width: 20.8em; right: -20.8em; }
.act-nav-ct ul li:hover ul.sub-menu {visibility: visible;}

.act-nav-ct ul li ul.sub-menu li {float: left; margin: 0; opacity: 0;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  
  -webkit-transform: scale3d(0,1,1) translateX(0);
          transform: scale3d(0,1,1) translateX(0);
}
.act-nav-ct ul li:hover ul.sub-menu li {visibility: visible;
  -webkit-transform: scale3d(1,1,1) translateX(0px);
          transform: scale3d(1,1,1) translateX(0px);
  opacity: 1;
}

.act-nav-ct ul li ul.sub-menu li a {display: block; font-size: 15px; text-indent: -1000em; width: 4.85em; height: 4.85em; padding: 0;
  background-size: 5em; background-repeat: no-repeat; background-color: rgba(254,96,89,.3); background-position: center center}

.act-nav-ct ul li ul.sub-menu li:nth-child(1){
  -webkit-transition-delay: 0.80s;
          transition-delay: 0.80s;
}
.act-nav-ct ul li ul.sub-menu li:nth-child(2){
  -webkit-transition-delay: 0.60s;
          transition-delay: 0.60s;
}
.act-nav-ct ul li ul.sub-menu li:nth-child(3){
  -webkit-transition-delay: 0.40s;
          transition-delay: 0.40s;
}
.act-nav-ct ul li ul.sub-menu li:nth-child(4){
  -webkit-transition-delay: 0.20s;
          transition-delay: 0.20s;
}

/* En hover*/
.act-nav-ct ul li:hover ul.sub-menu li:nth-child(1) {
  -webkit-transition-delay: 0.20s;
      transition-delay: 0.20s;
}
.act-nav-ct ul li:hover ul.sub-menu li:nth-child(2) {
  -webkit-transition-delay: .40s;
      transition-delay: .40s;
}
.act-nav-ct ul li:hover ul.sub-menu li:nth-child(3) {
  -webkit-transition-delay: .60s;
      transition-delay: .60s;
}
.act-nav-ct ul li:hover ul.sub-menu li:nth-child(4) {
  -webkit-transition-delay: .80s;
      transition-delay: .80s;
}

.act-nav-ct ul li ul.sub-menu li.item-facebook a {background-image: url(images/icono-facebook.svg);}
.act-nav-ct ul li ul.sub-menu li.item-twitter a {background-image: url(images/icono-twitter.svg);}
.act-nav-ct ul li ul.sub-menu li.item-instagram a {background-image: url(images/icono-instagram.svg);}
.act-nav-ct ul li ul.sub-menu li.item-spotify a {background-image: url(images/icono-spotify.svg);}


.act-nav-ct ul li ul.sub-menu li a:hover,
.act-nav-ct ul li:hover ul.sub-menu li a:hover {margin-left: 0; background-color: rgba(254,96,89,.75);}
/*
.act-nav-ct ul li:hover ul.sub-menu {opacity: 1; visibility: visible;}
.act-nav-ct ul li:hover ul.sub-menu li a {opacity: .3}

.act-nav-ct .main-menu li:hover > ul {opacity: 1; visibility: visible; }*/

/* SCROLL DOWN */ 
.dummy {position: absolute; bottom: 0; z-index: 0; width: 100%;}
#dummytop {max-height: 240px; height: 37%;}


/* Menú idiomas
//////////////////////////////////////////////////// */
.nav-lang {/*top: 1.4em;right:.5em;z-index: 2;position: absolute;*/padding-left: 2em;margin-right: 1em;}
.nav-lang .wpml-ls-legacy-dropdown {width: auto;padding: 0; border: 0;}


.nav-lang ul li {display:inline; margin: 0; padding: 0; line-height: 1;position: relative;
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease;

}

/*.nav-lang ul li a:nth-child(1):after{content: ' /';font-family: 'DM Sans';position: relative;}
.nav-lang ul li a:nth-child(2):after{content: ' +';font-family: 'DM Sans';position: relative;}*/
.nav-lang ul li:first-of-type:after {content: '/';color: #777;}




.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding-right: .2em;}
.wpml-ls-legacy-list-vertical .wpml-ls-item{margin-right:0;}
.nav-lang .wpml-ls-legacy-dropdown a {border: 0}
.nav-lang ul li a {background: none !important; color: #777; padding:0; display:inline; line-height: 1;font-family: 'DM Sans';font-weight: 700;font-size: 90%;}
.nav-lang ul li a.lang_sel_sel {padding-bottom: .65em;}
.nav-lang .wpml-ls-flag {display: none}
.nav-lang ul li.wpml-ls-current-language a{color:#00c111;}


.nav-lang .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, 
.nav-lang .wpml-ls-legacy-dropdown a:focus, 
.nav-lang .wpml-ls-legacy-dropdown a:hover,
.nav-lang ul li a:hover {color:#00c111; background: none}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{position: relative;padding-right: 1.9em;}
.nav-lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {border-top: 0; padding-top: .2em;}
.nav-lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a { padding-top: .8em;}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{right: 15px;}

.wpml-ls-legacy-list-vertical{border: none;}



/* Menú redes sociales 
//////////////////////////////////////////////////// */

.nav-redes{width: auto;position: absolute;right: 1em;top: 2em;}
/*.social-follow {padding-left:2em;margin-top:4em;}*/
.social-follow ul {margin: .5em 0 !important}
.social-follow li {
  padding-bottom: .6em;
  margin-right: .2em;
  display: inline-block;
}
.social-follow li::before {display: none !important}
.social-follow a {border: none !important;width:100%;}
/*.social-follow a:hover {background-color:#ffff41;}*/
.social-follow * {display: block;}
.social-link {display: inline-block;}
.social-link i svg {width: 2em; height: 2em;
}
.social-follow a i svg{
  width: 2em;
  height: 2em;
}

.social-follow a:hover i svg path{
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.social-follow a:hover i svg path{
  fill: #444;
}
/*@-webkit-keyframes pulsemore {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulsemore {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}*/
/*
.rotate svg {
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}

.rotate svg:hover {
  -webkit-animation-name: pulsemore;
    animation-name: pulsemore;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
} 
*/

/* Menú abierto
//////////////////////////////////////////////////// */
.down-open.main-nav-ct {right: 0;}

/* Content
//////////////////////////////////////////////////// */


h1, h2, h3, h4, h5 {font-family: 'DM Sans'; line-height: 1;}
h1, h2, h3{text-transform: uppercase;font-weight: 800;}
h1 {font-size: 380%; line-height: 1; }
h2 {font-size: 150%; padding-bottom: .2em; }
h3 {font-size: 105%;}
h4 {font-size: 120%; margin-top: 1.5em; padding-bottom: .5em;}

p {margin: .8em 0;line-height: 1.2em;/*letter-spacing: 0*/}

/*ul + h3:first-of-type ,
ol + h3:first-of-type ,
p + h3:first-of-type  {padding-top: 1em}*/
h3 + h4 { margin-top: 0 }  
h3 + p,
h4 + p { margin-top: 0 !important }  

.floatLeft {float: left;}
.floatRight {float: right;}

/* Imagenes */
img.aligncenter {display: block; margin: 0 auto; clear: both; overflow: hidden;}
img.alignleft {float: left; margin: 0 3.7% 8px 0;}
img.alignright {float: right; margin: 0 0 8px 3.7%;}
.fullwidth {width: 100%; max-width: 1000%; display: block;}

/* Columnas*/
.columns {display: flex; justify-content: space-between; flex-wrap: wrap}
.columns.nowrap {flex-wrap: nowrap;}
.columns.valign-top {align-items: flex-start;}
.columns.valign-middle {align-items: center;}
.columns.valign-bottom {align-items: flex-end;}
.columns.align-center {justify-content: center;}
.columns.align-left {justify-content: flex-start;}
.columns.align-right {justify-content: flex-end;}

.col2-ct {
  -moz-column-count: 2;
  -moz-column-gap: 4em;
  -moz-column-rule: none;
  -webkit-column-count: 2;
  -webkit-column-gap: 4em;
  -webkit-column-rule: none;
}

.col2-ct p:first-of-type {margin-top: 0;}

.col-20{width: 20%;float:left;height: 100%;}
.col-30{width: 30%;float:left;}
.col-70{width: 70%;float:left;}
.section-ct {clear: both; overflow: hidden; position: relative; z-index: 10; margin-top: 2em}
.container {position: relative;}

.container, .container .logo, .container .content-container, .list-servicios, .widgetIdioma {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.container.big-width {width: 90%;}
.container.medium-width {width: 68%;margin: 0 auto;}
.container.small-width {width: 80%;}
.half-ct {width: 47%; float: left; margin-right: 2%}
.entry-header {padding-bottom: 1.2em; position: relative; margin: 4em 0 3em 3%}
.entry-title {font-size: 3em; font-family: 'DM Sans'; text-transform:uppercase;}
.entry-title a {color: #000}
.entry-title a:hover {background: #00ff9c; color: #FFF}
.boxed-title {color: #000; padding: .4em 4em 0 0; display: inline-block; clear: both;}
.container .entry-header {margin: 0; }
/*.page-template-default .container .entry-header{ text-align: center}*/
.entry-header svg {width: 1em;height: .8em; display: block; margin: 0 auto; }
.entry-header svg path {fill: #dedede;} 
.entry-content {margin-top: 1.5em;}

.entry-content a,
.noticia-content a,
#infomap-ct a {/*border-bottom: 1px solid #000*/}
/*.entry-content a:hover,*/
.noticia-content a:hover,
#infomap-ct a:hover {background-color: #000; color: #FFF!important; border-bottom-color: #000;}
.entry-content img {max-width: 100%; height: auto}
.entry-content ul,
.noticia-content ul,
.entry-content ol,
.noticia-content ol {margin-top: 1.3em; margin-bottom: 1.3em; text-align: left}
.entry-content ul,
.noticia-content ul {margin-left: 2.8em}
.noticia-content ul {margin-left:0}
.entry-content ol,
.noticia-content ol {margin-left: 4.5em}
.entry-content ul li,
.noticia-content ul li {padding-bottom: .1em; position: relative;}
.entry-content ul li:before,
.noticia-content ul li:before,
.sidebar .widget ul li a:before {content: '- '; color: #000;} 
.entry-content ol li,
.noticia-content ol li {padding-bottom: .8em; list-style-type: decimal-leading-zero;}
.entry-content  a:hover img{opacity: .8;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;}

.entry-content .entry-text { margin-top: .8em;}
.entry-text.scrollable .mCSB_scrollTools {display: none !important;}
.section-child .entry-text.scrollable .mCSB_scrollTools,
.entry-text.scrollable.scrollon .mCSB_scrollTools {display: block !important;}

.entry-content .entry-container {max-width: 48%; margin-left: auto; margin-right: auto}
.entry-content h2 {margin-top: 1em;}
/*.entry-content p {margin: .5em 0;}*/
/*.entry-content p:first-of-type {margin-top: 0;}*/
blockquote {color: #FFF;
    font-size: 110%;
    padding: 1em 2em 2em;
    margin-top: 2em;
    text-align: center;
    clear: both;
    background: #000;
    -webkit-border-radius: .8em;
    -moz-border-radius: .8em;
    border-radius: .8em;
  }
blockquote h2 {margin: 0.5em 0 !important}

.sec-home blockquote,
.sec-doctor blockquote {background: none; 
  color: #cbcbcb; font-size: 160%; padding: 3em 0 0 0; font-style: italic; font-weight: 300; text-align: center; clear: both}

/* Titulos */
.title-circle {background: url('images/title-circle.svg') no-repeat 0 0; background-size: contain; 
  width: 16em; height: 3.5em; padding: 2.45em 0 0 1.2em; text-transform: uppercase;}
.title-triangle {background: url('images/title-triangle.svg') no-repeat 0 0; background-size: contain; 
  width: 14em; height: 3.5em; padding: 3em 0 0 2.2em; text-transform: uppercase;}
.title-de {width: 18em; padding: .6em .3em .6em .3em; text-transform: uppercase;background:#2aacb9;margin:4em auto;text-align: center;}

.title-combine {text-transform: uppercase; text-align: left;}
.title-combine span,
.btn-mod {display: inline-block; position: relative; vertical-align: middle;}
.title-combine span.curso-subtitle,
.btn-mod {/*background: url(images/bgs/blue-circle.svg) no-repeat 0 0; background-size: contain;*/ 
    background: #ABC0CB;
    width: 5.7em;
    height: 5.7em; line-height: 5.7em; z-index: 10;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    -o-border-radius: 50em;
    border-radius: 50em;
}
.title-combine span.curso-title {z-index: 5; max-width: 70%; padding-left: 3em; margin-left: -2.5em}

.title-combine p,
.btn-mod p {margin: 1em 0 0 0; display: inline-block; text-align: center; width: 5.7em; vertical-align: baseline; line-height: 1}
.title-combine p b,
.title-combine p strong,
.btn-mod b,
.btn-mod strong {font-weight: 400; font-size: 2em; }

/* En los casos que va en 2 columnas*/
.col2-ct {
  -moz-column-count: 2;
  -moz-column-gap: 4em;
  -moz-column-rule: none;
  -webkit-column-count: 2;
  -webkit-column-gap: 4em;
  -webkit-column-rule: none;
}



.col-26 {width: 26%;}
.col-35 {width: 35%;}
.col-63 {width: 63%;}
.col-70 {width: 70%;}

.plus-ct {display: none}

/* ALINEACION VERTICAL */
.vertical-align-container {height: 100%; width: 100%; display: block; position: absolute; top: 0; left: 0}
.vertical-align-ct {height: 100%; display: table !important; width: 100%}
.vertical-align-inner {display: table-cell !important; vertical-align: middle; text-align: center}

/* PESTAÑAS / TABS */
#tabs {height: 100%; position: relative; clear: both; padding-top: 3em}
.tab-navigation {position: relative; height: 4em; clear: both; overflow: hidden; }
.tab-navigation ul {}
.tab-navigation ul li {float: left; margin-right: 1em; }
.tab-navigation ul li span,
.tab-navigation ul li a {display: block; float: left; padding: .6em 1.6em; background: #FFF; color: #000;
  font: normal 116%/1 'DM Sans', sans-serif; text-transform: uppercase; border: 1px solid #bebebe; 
  /*letter-spacing: .15em;*/}
.tab-navigation ul li a:hover,
.tab-navigation ul li.active a {background: #ABC0CB;}

.tabs-show {margin: 2em 1em}
.tabs-show h3 {font-size: 170%;}
.tabs-show .tab-content {margin-top: 1em;}
.tabs-show .tab-content p {margin: 1em 0}
.tabs-show .tab-content p:first-of-type {margin-top:0}


/* SLIDERS */
.flexslider{height: 100%;}
.flex-control-nav{margin-left:0!important;}
ol.flex-control-nav{width:22%;margin:0 33%!important;position:relative;bottom:0;}
.owl-theme .owl-controls{top: 50%; 
  webkit-transform: translateY(-50%);
  transform: translateY(-50%);
} 

.flexslider .slides li {position: relative;}
.flexslider .slides li:hover{background-color:blue;border-bottom:0;background: transparent;color:transparent;}


/* Default */
.flex-direction-nav a {color: #9B9B9B; width: 22px; height: 22px; top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.flex-direction-nav a:before {text-shadow: none; font-size: 22px;}
.flex-direction-nav a:hover {color: rgba(0,0,0,1)}
.flex-direction-nav a.flex-next {right: 2%}
.flex-direction-nav a.flex-next:before {}
.flex-direction-nav a.flex-prev:before {}
.flex-direction-nav a.flex-prev {left: 2%}





  .grises{margin:0 .3em;}
  img.grises  {

  filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
  opacity:.8;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
  filter: Gray(); /* IE4-8 and 9 */

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
    width:90%;margin-left:5%;margin-right:5%;
  }
  img:hover.grises  { 
    opacity:1;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: none;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;

  }

/* TABLAS */
.light-green{background: #253829;}
.dark-green{background: #0c2111;}


/* Page default / TEXT
//////////////////////////////////////////////////// */
/*body.page-template-default section {}*/

/* ERROR404 page
//////////////////////////////////////////////////// */
/*section.error404-ct {}*/

/*CONTENEDORES*/
div.section-body{background:#fff;}

/* Footer
//////////////////////////////////////////////////// */

.footer {width: 100%;position:relative;}
.footer {clear: both;position: relative;/* z-index: 150; */bottom: 0;width: 96%;padding: 2em 2% 0 2%;background:#005562 url('images/footer.jpg');min-height: 15px;}
.footer ul{list-style-type: none;}
.footer ul li{display: inline-block; color: white;padding-right: .1em;position: relative;font-weight: 600;}
.footer ul.menu li:after{content: '|';padding-left:.5em; }
.footer ul.menu li:last-of-type:after{content: '';}
.footer ul li a{color: white; text-transform: initial;}
.footer ul li a:hover {color:#00c111;}

.footer .bottom-logo {position:relative; width: 2em; left: 50%; top:-1.5em; transform: translateX(-50%); -webkit-transform: translateX(-50%);display: block;z-index: 20;}



/* BOTONES
//////////////////////////////////////////////////// */

.btn {
  -webkit-appearance:none !important;
  cursor: pointer;
  display: inline-block;  
  color: #fff!important;
  width: auto;
  margin: 1em 0;
  padding: .3em 1em .4em 1em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 500;
}
.item-content .btn{color:#000!important;}


/* Por defecto / Default */

.btn:hover {color: #000;}

/* Mas / Plus */
.btn-plus {
  display: inline-block;
  color: #000; padding: 0; border: none !important; text-transform: uppercase; font-size: 130%;
}
.btn-plus::before {
  font-family: 'DM Sans';
  content: '+';
  font-size: 30px;
  font-weight: 600;
  line-height: 20px;
  width: 22px;
  height: 22px;
  margin-top:3px;
  padding-left:5px;
  padding-top:3px;padding-bottom: 2px;
  display: inline-block;
  
  overflow: hidden;
  background: #000;
  color: #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover.btn-plus::before{background:#00c111!important;}

a.btn-plus:hover {background: none !important; color: #999 !important}
a.btn-plus:hover::before {background-color: #000;color:#fff; }

/* Cerrar / Close */
.btn-close { font-size: 240%; position: absolute; top: .8em; right: .4em; z-index: 60}
.btn-close::before {
  margin: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


/* Para acceder al contenido */
.btn-access-ct {position: absolute; bottom:2em; right:2em; text-align: center; width:3%; z-index: 300;}
.btn-access-ct a:hover {opacity: .65; color: #ABC0CB}
.btn-access-ct.access-down a {display: inline-block;
  /*animation: 1.4s ease-out normal none infinite floating;
  -webkit-animation: 1.4s ease-out normal none infinite floating*/
}
.btn-access-ct.access-down a {color: #FFF}
.blog-index .btn-access-ct.access-down a {color: #000}
/*.btn-access-ct.access-down a i::before {text-shadow: 0px 0px 8px rgba(0, 0, 0, .85)}*/

@-webkit-keyframes floating{0%{-webkit-transform:translateY(-8px)}50%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-8px)}}
@-moz-keyframes floating{0%{-moz-transform:translateY(-8px)}50%{-moz-transform:translateY(8px)}100%{-moz-transform:translateY(-8px)}}

/* Links*/
.link a{padding-left:1em;}
.link a:hover{background: none;color:#2aacb9;}


/* Toogles 
//////////////////////////////////////////////////////*/
.btn-toggle {}
.btn-toggle span {display: none;}
.btn-toggle span.active {display: inline;}
.btn-toggle.active {}
.btn-toggle.active::after {}

.toggle-content {display: none }
.entry-content .toggle-content p:first-of-type {margin-top: 0}


/*Breadcrumbs
//////////////////////////////////////////////////////*/
.breadcrumbs{padding-left: 4.5em;}
.breadcrumbs ul li span{color: #00c111;}
.breadcrumbs ul li a{color: #fff;}
.breadcrumbs ul li a:hover{color: #00c111;}
.breadcrumbs ul li a:after{content: '>';font-family: 'DM Sans';position: absolute;right:-.85em;top: 0;}

/* Varios
//////////////////////////////////////////////////// */

.overlay {position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.6); z-index: 510; 
  visibility: hidden; opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.clear {clear: both;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}
.imagen {width: 100%;}
.mobile, .none {display: none;}
.hidden, .inactive {visibility: hidden !important; opacity: 0 !important;}
.active {visibility: visible !important; opacity: 1 !important;}
.fixed {position: fixed;}
footer.fixed {bottom: 0}

.section-overlay {
    position: absolute;
    background: url('images/bgs/bg-dotted.png');
    height: 100%;
    width: 100%;
    z-index: 200;
    opacity: .4;
}

span.none.active{display: none}



/* ==========================================================================
   Corección plugin de cookies
   ========================================================================== */

#cookie-law-info-bar {position: absolute; opacity: .7; font-size: .8em; z-index: 1500;}
/*#cookie-law-info-bar span {color: #000 !important;}*/
#cookie-law-info-bar .cli-plugin-button, 
#cookie-law-info-bar .cli-plugin-button:visited, 
#cookie-law-info-bar .medium.cli-plugin-button,
#cookie-law-info-bar .medium.cli-plugin-button:visited {
  -webkit-border-radius: 0;
    -moz-border-radius: 0;
     -ms-border-radius: 0;
      -o-border-radius: 0;
        border-radius: 0;
  text-shadow: none; 
  border-bottom: 0
}


/* ==========================================================================
   COLORBOXES 
   ========================================================================== */

#cboxOverlay {background-color: #000 !important;}
#cboxLoadedContent {border: none !important; background: #FFF !important}
#cboxClose {
    background:url(images/ico-closed.svg) no-repeat center !important;
    height: 38px !important;
    right: -5px !important;
    top: -38px !important;
    width: 38px !important;
    text-indent: 0 !important;
    /*padding: 8px 10px 0 !important;*/
    overflow: hidden !important;
    color: transparent !important;
}


#cboxContent {margin-top: 40px !important;  background: #FFF !important;}

/* Galería */
#cboxOverlay.gallery-colorbox {background: #000 url(images/bgs/bg-gallery.jpg) no-repeat center !important;
    background-size: cover !important;}
.gallery-colorbox #cboxContent,
.gallery-colorbox #cboxLoadedContent  { background: none !important;}
.gallery-colorbox #cboxLoadedContent {padding-right: 6px;}
.gallery-colorbox .cboxPhoto {}
#cboxPrevious, #cboxNext, #cboxSlideshow {overflow: hidden !important;}
.gallery-colorbox #cboxClose {color: #FFF !important}
#cboxPrevious,
#cboxNext {background: none !important; text-indent: 0 !important; width: 28px !important; height: 38px !important; 
    line-height: 38px !important; color: rgba(255,255,255,.8) }
#cboxPrevious {left: 4px !important;}
#cboxNext {right: 14px !important;}
#cboxPrevious:before,
#cboxNext:before {display: block; font-family: "icons"; font-size: 38px; /*text-shadow: 1px 2px 5px rgba(0,0,0,0.5);*/ }
#cboxPrevious:before {content: '\e801';}
#cboxNext:before {content: '\e802';}
/*.gallery-colorbox #cboxTitle {position: absolute; top: auto; bottom: 0; left: 0; color: #FFF; background-color: rgba(0,0,0,.6); width: 96%; padding: 1em 2% 1.6em; text-transform: uppercase; letter-spacing: .03em; }*/

#cboxLoadingGraphic {background: url(images/ajax-loader.gif) no-repeat center center !important;}

/* Template page-lightbox */
#colorbox .wrapper {background: #FFF; height: auto; }
.page-colorbox#colorbox .entry-content {padding: 1.5em 4em 3em 4em; background: #FFF; margin-top: 2em; width: auto; float: none;}
.page-colorbox#colorbox .entry-content hr {background-color: #FFF; margin: 0em 0 0;}
.page-colorbox#colorbox .entry-header {padding: 1em 0 1.4em 0; margin: 0}
.page-colorbox#colorbox .entry-header h2 {font-size: 2em; line-height: 100%; color: #ABC0CB; text-transform: uppercase;}
.page-colorbox#colorbox .entry-content h3 {font-size: 140%; padding-bottom: 0.6em;}
.page-colorbox#colorbox .entry-content p + h3:first-of-type {padding-top: 1em;}
.page-colorbox#colorbox .entry-content h4 {text-transform: uppercase; font-size: 110%; line-height: 100%; padding-bottom: 0.4em}

.page-colorbox#colorbox .main-nav-ct,
.page-colorbox#colorbox .footer {display: none}
.page-colorbox#colorbox .lightbox-ct h1{display: block; padding-bottom: .3em; text-align: left}
.lightbox-ct h1 {font-weight: bold;/*text-transform: lowercase;*/}
.lightbox-ct h2 {font-size:150%; text-align: left}
.lightbox-ct .entry-content ul li{/*letter-spacing: 0;*/line-height: 1.1em;}

.lightbox-ct{width: 40%;margin:0 auto; padding:3%; color: #000}
#cboxLoadedContent .lightbox-ct{width: 100%; margin: 0; padding:0; background:#fff;}
#cboxLoadedContent .lightbox-ct .entry-content p{/*text-transform:lowercase; */}
div.wpcf7-response-output{font-size:15px;}
.lightbox-ct .entry-content ul li:before{content:'| ';}

/*.inline-colorbox #cboxContent,
.inline-colorbox #cboxLoadedContent,*/
.inline-colorbox .cboxIframe {background: #000 !important;}

/* SECCIONES HIJAS Y PUSH */
.section-child {position: absolute; width: 99%; height: 100%; top: 0; bottom: auto; right: -100%; padding-top: 0; visibility: hidden; 
  z-index: 60; background: #FFF; /*opacity: 0; */ overflow: visible;
  -webkit-transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  transition: all 1.2s ease;
}
.sec-doctor .section-child {width: 64%}
.sec-doctor .section-child.section-full {width: 100%}

.section-child .container,
.section-child .entry-content {height: 100%;}
.section-child .entry-text {height: 80%;}
.section-child.active {right: 0}


/* GENERALES*/
.sec-col {
  vertical-align: top;
  position: relative;
  z-index: 200;
  display: inline-block;
  width: 23%;
  text-align: justify;
  max-width: 250px;
  padding-bottom: 2em
}

.column-section {float: left; width: 50%; margin: 0;padding-top: 1.5em}
.column-section h2 {font-size: 140%; line-height: 1; padding-bottom: .4em}
.column-section.column-dos {width: 104%;}
.column-section.column-tres {width: 28%; margin-right: 2%}

.img-mobile-ct {bottom: 0; left: 2%; height: auto; width: 22%;} 
.img-mobile {width: 100%; display: inline-block; vertical-align: bottom;}

.btn-toggle {margin-left:0;}
/*.btn-toggle.active {display: none !important;}*/
.toggle-content {/*height: 0; opacity: 0; visibility: hidden;*/
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
/*.toggle-content.active {display: block; margin-top: 0; height: auto}*/


/* Scrollbars */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: -1.4em;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #2aacb9;}

/* Tooltips */
.tooltip {
  display: inline-block;
    position: relative;
    z-index: 999;
    top: -8px
}

/* Trigger text */
.tooltip-year {
  position: absolute;
    top: 22px;
    left: -5px;
}
.two-items .tooltip-year {left: 6px;}
.three-items .tooltip-year {left: 18px;}

.tooltip-item {
  cursor: pointer;
  display: inline-block;
}

.tooltip-item i {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  background: #ABC0CB;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  -ms-border-radius: 50em;
  -o-border-radius: 50em;
  border-radius: 50em;
}

.tooltip-item i::after {
  content: '';
  opacity: 0;
  visibility: hidden;
  background: #FFF;
  position: absolute;
  width: 0px;
  height: 0px;
  left: 10px;
  top: 10px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  -ms-border-radius: 50em;
  -o-border-radius: 50em;
  border-radius: 50em;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.tooltip:hover i::after {opacity: 1; visibility: visible;
  width: 12px;
  height: 12px;
  left: 4px;
  top: 4px;
}

/* Gap filler */

.tooltip-item::after {
  content: '';
  position: absolute;
  width: 180px;
  height: 20px;
  bottom: 100%;
  left: 50%;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.tooltip:hover .tooltip-item::after {
  pointer-events: auto;
}

/* Tooltip */

.tooltip-content {
  position: absolute;
  z-index: 9999;
  left: 50%;
  width: 140px;
  padding: 10px;
  margin: 0 0 20px -80px;
  bottom: 100%;
  text-align: left;
  font-size: 0.765em;
  line-height: 1.4;
  background: #878787;
  opacity: 0;
  cursor: default;
  pointer-events: none;
  
  
  -webkit-transform-origin: 50% calc(100% + 6em);
  transform-origin: 50% calc(100% + 6em);
  -webkit-transform: rotate3d(0,0,1,15deg);
  transform: rotate3d(0,0,1,15deg);
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, transform 0.2s;
  -webkit-transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39);
  transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39);
}

.cup-content .tooltip-content {width: 210px; margin-left: -115px;padding: 10px 0 10px 20px;}

.tooltip-content strong {font-size: 145%; text-transform: uppercase; line-height: 1; display: block;}

.tooltip:hover .tooltip-content {
  pointer-events: auto;
  opacity: 1;
  -webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
  transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

/* Arrow */

.tooltip-content::after {
  content: '';
  top: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #878787;
  border-width: 10px;
  margin-left: -10px;
  clear: both;
}

/* Tooltip content*/

.tooltip-content img {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    padding-bottom: 6px;
}

.tooltip-text {
  display: inline-block;
  color: #fff;
  padding: 0 12px;  
  text-align: center; 
}

.cup-content .tooltip-text {width: 100px;}

.tooltip-date {text-transform: uppercase;}

.tooltip-content svg {
  display: inline-block;
    width: 70px;
    height: 92px;
}

.tooltip-text a {
  font-weight: bold;
} 

/* IMAGO */
.imago svg.white  {fill: #fff;}

/* TEXT */
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}

/* FILAS Y COLUMNAS */
.row {clear: both; overflow: hidden; position: relative; display: block;}
.columns {display: flex; justify-content: space-between; flex-wrap: wrap}
.columns.nowrap {flex-wrap: nowrap;}
.columns.valign-top {align-items: flex-start;}
.columns.valign-middle {align-items: center;}
.columns.valign-bottom {align-items: flex-end;}
.columns.align-center {justify-content: center;}
.columns.align-left {justify-content: flex-start;}
.columns.align-right {justify-content: flex-end;}

.col2-ct {
  -moz-column-count: 2;
  -moz-column-gap: 4em;
  -moz-column-rule: none;
  -webkit-column-count: 2;
  -webkit-column-gap: 4em;
  -webkit-column-rule: none;
}

[class^="col-"], 
[class*=" col-"] {float: left; margin: 0; padding: 0 !important}

/*.columns [class^="col-"], 
.columns [class*=" col-"] {float: none}*/

.col-1-6 {width: 16.66666%;}
.col-5-6 {width: 83.33333%;}

.col-1-5 {width: 20%;}
.col-2-5 {width: 40%;}
.col-3-5 {width: 60%;}
.col-4-5 {width: 80%;}

.col-1-3,
.col-2-6 {width: 33.33333%;}
.col-2-3,
.col-4-6 {width: 66.66666%;}

.col-2,
.col-2-4,
.col-3-6 {width: 50%;}

.col-1-4 {width: 25%;}
.col-3-4 {width: 75%;}

.col-90 {width: 90%}
.col-45 {width: 45%}
.col-48 {width: 48%}
.col-52 {width: 52%}
.col-55 {width: 55%}







/* Por páginas
//////////////////////////////////////////////////// */

/* HOME */

.sec-home{}
.sec-home .logo-home{width: 8em;}
.sec-home .home-logo{width: 100%;position: relative;overflow: hidden;padding: 6em 0;
background: #e3e3e3 url(images/bgs/home/bg-polvo.jpg) no-repeat 100% 0;background-size: cover;}
.sec-home header{width: 72%;position: relative;margin: 0 auto;}
.sec-home header h2{text-transform: initial;font-weight: 600;font-size: 150%;}
.sec-home header h2 span{display: block;}
.sec-home header .logo{width:8em;}

.home-top{width: 100%;position: relative;overflow: visible;}
.home-top .video-home{width: 100%;position:relative;background-color:#072012;}
.home-top .video-home video{width: 100%;}
.home-top .container{width: 72%;position:absolute;margin: 0 auto;padding: 9em 0;top: 2em;left: 14%;}
.home-top .container .ct-content{width: 60%;margin-bottom: 8em;}
.home-top .container .ct-powercaps{width: 100%;position: relative;}
.home-top .container .power-caps-header{font-weight: 700;}
.home-top .container .ct-powercaps .imago{width: 3em;margin-bottom: 1em;}
.sec-home .power-caps-dest{width: 75%;position: relative;margin: 0 auto;padding: 5em 0 0 0;}
.sec-home .power-caps-dest .count-item{width: 28%;position: relative;display: inline-block;margin: 0 2.4%;text-align: center;color: #fff;}
.sec-home .power-caps-dest .count-item .power-icon{margin-bottom: 2em;}

.sec-home .ct-discover{width: 90%;position:absolute;margin: 0 auto;padding: 9em 0;top:20em;left:5%;}
.sec-home .ct-discover .container{width: 90%;position: relative;margin: 0 auto;padding-top: 5em;padding-bottom: 3em;overflow: hidden;left: inherit;}
.sec-home .ct-discover .container .discover-header{width:auto;position: relative;margin-left:0;overflow: hidden;}
.sec-home .ct-discover .container .discover-header .imago{width: 3em;position: relative;float: left;margin-right: 1em;}
.sec-home .ct-discover .container .discover-header .discover-title{width:auto;position: relative;float: left;padding-top: .4em;}
.sec-home .ct-discover .container .discover-header .discover-subtitle{width: 100%;position: relative;float: left;}
.sec-home .ct-discover .container .discover-header .discover-subtitle p{width:80%;}
.sec-home .ct-discover .container .discover-dest{width:100%;position: relative;padding: 10em 0 12em 0;}
.sec-home .ct-discover .container .discover-dest .count-item{width:auto;float: left;position: relative;padding-right:1.5em;padding-left:1.5em;z-index: 2;}

.sec-home .ct-discover .container .discover-dest .count-item:before{content: '';position: absolute;top: 0;left: 0;color:rgba(19,49,31,.4);font-family: 'DM Sans';font-weight: 900;font-size:16em;z-index: 0;}
.sec-home .ct-discover .container .discover-dest .count-item:nth-child(1):before{content: '1';}
.sec-home .ct-discover .container .discover-dest .count-item:nth-child(2):before{content: '2';}
.sec-home .ct-discover .container .discover-dest .count-item:nth-child(3):before{content: '3';}
.sec-home .ct-discover .container .discover-dest .count-item:nth-child(4):before{content: '4';}
.sec-home .ct-discover .container .discover-dest .count-item:last-child{margin-right: 0!important;}
.sec-home .ct-discover .container .discover-dest .count-item h3,
.sec-home .ct-discover .container .discover-dest .count-item ul li{z-index: 3;position: relative;}
.sec-home .ct-discover .container .discover-dest .count-item ul{padding-left: 1em;padding-top: .5em;min-height: 79px;}
.sec-home .ct-discover .container .discover-dest .count-item ul li{font-size: 105%;font-weight: 600;position: relative;}
.sec-home .ct-discover .container .discover-dest .count-item ul li:before{content: '';width: 5px;height: 5px;background-color: #00c111;border-radius: 100%;left: -10px;top: 8px;position: absolute;}
.container-power-caps{width: 100%;background: #072012;}
.container-power-caps .container{width: 72%;margin: 0 auto;padding-top: 5em;padding-bottom: 5em;}
.container-power-caps .container .imago{width: 3em;}
.sec-home .banner{width: 100%;position: relative;overlow: hidden;}

.home-bottom .destacado{width: 100%;position: relative;}
.home-bottom .destacado{width: 100%;position: relative;}

.home-bottom{width: 100%;position: relative;background: #fff;}
.home-bottom .container{width: 84%;position: relative;margin: 0 auto;padding-top: 5em;padding-bottom: 2em;}
.home-bottom .container .ods-header{width: auto;position: relative;margin-left:0;overflow: hidden;}
.home-bottom .container .ods-header .imago{width: 3em;position: relative;float: left;margin-right: 1em;}
.home-bottom .container .ods-header .discover-title{width:auto;position: relative;float: left;padding-top: .4em;}
.home-bottom .ods{width: 100%;position: relative;overflow: hidden;margin: 0 auto;padding: 3em 0;}
.home-bottom .ods ul{display:flex;}
.home-bottom .ods ul li{width: 17%;margin: 0 1% 0 0;padding: 0 .8%;display: inline-block;border-right: 1px solid #e3e3e3;overflow: hidden;}
.home-bottom .ods ul li:last-child{border-right: none;}
.home-bottom .ods span.ods-title, .home-bottom .ods span.ods-descripcion{display: block;}
.home-bottom .ods span.ods-title{font-weight: 800;font-size: 1.1em;line-height: 1.1em;margin-bottom: .8em;}
.home-bottom .ods span.ods-descripcion{font-size: .9em;line-height: 1em;font-weight: 600;}

.ods-icon{overflow:hidden;position: relative;
  -webkit-transition: all .6s ease;
    transition: all .6s ease;}
.ods-icon img{  -webkit-transition: all .6s ease;
    transition: all .6s ease;}
.ods-icon img:hover{
-webkit-transform:scale(1.05);transform:scale(1.05);}

/* PRODUCTOS */
.sec-productos .nav-products{/*display: none;*/margin-top: 1em;}
.sec-productos{width: 100%;position: relative;background: #09190d url('images/bgs/productos/bg-productos.jpg')no-repeat 0 0;background-size: cover;}
.sec-productos h1{line-height: .8em;margin-bottom: .2em;}
.sec-productos h2{text-transform: initial;font-size: 130%;font-weight: 300;margin-top:1em;}
.sec-productos h2 span{font-weight: 800;}
.sec-productos .logo{width:80%;padding: 6em 0;margin: 0 auto;}
.sec-productos .logo svg path{fill: #fff;}
.sec-productos .col-left{width: 44%;position: relative;float: left;height: 100%;overflow: visible;}

.sec-productos .productos-header ul {list-style: none;margin-left:0;margin-top: .5em;}
.sec-productos .productos-header ul li{padding-left: 1em;}
.sec-productos .productos-header ul li:before{content: '-';
    position: absolute;
    top: .1em;
    left:0;
    color: #000;
    font-family: 'DM Sans';}

nav.cat-nav{width:16%;position: fixed;top: 22em;left: 26%;z-index: 2;}
nav.cat-nav ul{list-style: none;float: right;}
nav.cat-nav ul li{text-align: right;font-size: 2em;font-weight: 800;margin-bottom:.6em;}
nav.cat-nav ul li.item.active a{color:#00c111;}
nav.cat-nav ul li a{color: #fff;text-decoration: underline;}
nav.cat-nav ul li a:hover{color: #00c111;}

.sec-productos .col-right{width: 56%;position: relative;float: left;background: #e4e4e4;}
.productos-header{width: 100%;padding: 9em 0 0 0;}
.productos-header .container{width: 88%;position: relative;margin: 0 0 0 12%;}
.productos-header .container .imago{width: 3em;margin-bottom:1em;}
.productos-header .container .entry-content{width: 72%;}

.cat-item {width: 100%;position: relative;border-top: 2px solid #b2b2b2;}
.cat-item.active{background:#072012;color: #fff;}
.cat-item.active h2 a{color: #fff;}
.cat-item.cat-tailor-made{padding-bottom: 0;}
.cat-content{padding: 1em 8em 1em 7em;position: relative;}
.cat-content.active{color: #fff;background:#072012 /*url('images/bgs/productos/bg-listado-flavours.svg')no-repeat 100%;background-position:184%;*/}
.cat-item.active h2.cat-title:before{background: none;content: '';
    width: 8px;
    height: 8px;
    background-color: #00c111;
    border-radius: 100%;
    left: -17px;
    top: 17px;
    position: absolute;}21
.cat-content.active .nav-products ul{padding-left: 0;margin-top: 2em;}

.cat-content.active .cat-summary{padding-left: 0;}
.cat-content.active h2.cat-title{color: #fff;}
.cat-content .btn-plus{position: absolute;top: 1em;right: 1em;}
.cat-content h2.cat-title{font-size:300%;font-weight: 900;position: relative;z-index: 2;}
.cat-antetitle{position: relative;text-transform: uppercase;z-index: 2;margin-top: -1em;float: left;}
.cat-content h2.cat-title:before{content: '';width: 2.5em;height: 2.5em;position: absolute;top:-.5em;left:-.5em;z-index:-1;}
.cat-nucpro h2.cat-title:before,
.cat-nucpro-es h2.cat-title:before{background: url('images/icons/productos/nuc-pro.svg')no-repeat 0 0;}
.cat-nucpre h2.cat-title:before,
.cat-nucpre-es h2.cat-title:before{background: url('images/icons/productos/nuc-pre.svg')no-repeat 0 0;}
.cat-flavourings h2.cat-title:before,
.cat-flavours-es h2.cat-title:before,
.cat-flavourings h2.cat-title:before,
.cat-aromatizantes h2.cat-title:before,
.cat-aromas-y-sabores h2.cat-title:before{background: url('images/icons/productos/flavours.svg')no-repeat 0 0;}
.cat-tailor-made h2.cat-title:before,
.cat-tailor-made-es h2.cat-title:before{background: url('images/icons/productos/tailor-made.svg')no-repeat 0 0;}
.cat-cosmetics h2.cat-title:before,
.cat-cosmeticos h2.cat-title:before{background: url('images/icons/productos/cosmetics.svg')no-repeat 0 0;}

.cat-content .cat-summary{padding: 3em 2em 0 0;}
.content-product ul li{position: relative;padding-left: 1em;}
.content-product ul li:after{content: '-';
    position: absolute;
    top: .1em;
    left: 0;
    color: #fff;
    font-family: 'DM Sans';}
.cat-tailor-made .nav-products ul{padding-bottom: 0;}
.cat-tailor-made .nav-products ul li{margin-bottom: 0;}
.nav-products ul{list-style: none;padding-left:0;padding-bottom: 2em;}
.nav-products ul li{font-size: 1.8em;margin-bottom: .5em;}
.nav-products ul li a{color:#00c111; display: inline-block;}
.nav-products ul li a:hover{color: #000;}
.nav-products ul li a::before {background-color:#00c111;width: 100%; height: 2px; bottom: -4px; top: auto;}
.nav-products ul li a:hover::before {background-color: #000;}
.img-decorativa-footer{display: none;}
.page-template-products .img-decorativa-footer,
.single-products .img-decorativa-footer{width: 44%;position: absolute;bottom: 0;left:0;z-index: 20;opacity: .5;filter: invert(1);display: block;}


/* PRODUCTOS. Child */
.producto-show{width: 100%;position: relative;overflow: hidden; min-height: 100%;background: #e4e4e4;}
/*.producto-show > .columns {height: 100%;}*/
.producto-show h1{text-transform: inherit;font-size: 5.5em;line-height: .7em;margin-bottom: .2em;}
.producto-show .col-left{width: 42%;position: relative;background: url('images/bgs/productos/bg-table.jpg')no-repeat 0 0;padding-top: 7em;background-size: cover;padding-bottom: 24em;padding-top: 8em!important;min-height: 1100px;}
.producto-show .col-left .logo{width: 29em;margin-left: 5em;}
.producto-show .col-left .logo svg path{fill: #fff;}
.producto-show .col-right{width: 58%;position: relative;background:#e4e4e4 url('images/bgs/productos/bg-no-ficha-02.svg')no-repeat 0 0;background-position: 100% 100%;background-size: 50%;padding-top: 8em!important;padding-bottom: 8em!important;}
.producto-show .col-right.has-image {background-position: 100% 100%;background-size: 30%;}
.producto-show .col-right .entry-content{/*text-align: justify;*/font-size: 1.1em;width: 100%;}
.producto-show .col-right h2{text-transform:inherit;font-size: 122%;}
.producto-show .col-right h3,
.producto-show .col-left h3{text-transform: inherit;font-size: 135%;margin-bottom: 1.6em; padding-top: 2.6em;letter-spacing: -.04em;}
.producto-show .col-right .entry-content ul{margin: 0 0 0 0;position: relative;z-index: 2;}
.producto-show .col-right .entry-content ul li,
.producto-show .col-left .entry-content ul li{position: relative;padding-right: 1em;margin-bottom: 1em;line-height: 1.2em;padding-left: 1em;}
.producto-show .col-right .entry-content ul li:before{content: '-';position: absolute;top: .1em;left:0;color: #000;font-family: 'DM Sans';}
.producto-show .col-right .entry-content ul li ul{padding-left: 1em;padding-top: 1em;}
.producto-show .col-right .entry-content ul li ul li{margin-bottom: 0;}
.producto-show .col-right .container{width: 50%;padding-left:12%;padding-bottom: 9em;overflow: visible;float: left;}
.prod-feat{width: 12%;}
.producto-show .col-right .container header{margin-bottom: 3em;}
.producto-show .col-right .prod-feat{width:auto;position: relative;top: 8em;right: 1em;float:right;}
.producto-show .col-right .prod-feat h4{font-size:5.5em;color:#347b76;font-weight: 800;padding: 0 0 0 0;margin-top: 0;letter-spacing: -.05em;}
.producto-show .col-right .prod-feat p{font-weight: 800;line-height: 1em;/*padding-left: 3em;*/font-size: 1.2em;margin-bottom: 2em;}

h3.title-advantages{}
h3.title-how{}
h3.title-text{}

h3.title-advantages,
h3.title-how,
h3.title-text{position: relative;overflow: visible;z-index: 2;}

h3.title-advantages:before,
h3.title-how:before,
h3.title-text: before{position: absolute;}

h3.title-advantages:before{background: url('images/icons/productos/titulos/nuc-pro.svg')no-repeat 0 0;width: 5em;height: 5em;position: absolute;top:0;left:-3em;z-index:-1;content: '';opacity: .3;}
h3.title-how:before{background: url('images/icons/productos/titulos/nuc-pre.svg')no-repeat 0 0;width: 5em;height: 5em;position: absolute;top:0;left:-3em;z-index:-1;content: '';opacity: .3;}
h3.title-text:before{background: url('images/icons/productos/titulos/flavours.svg')no-repeat 0 0;width: 5em;height: 5em;position: absolute;top:0;left:-3em;z-index:-1;content: '';opacity: .3;}

.col-left-mobile{display:none;}


  /* Apaños */
  .cat-tailor-made nav.nav-products ul,
  .cat-tailor-made-es nav.nav-products ul{display: none;}
  .cat-tailor-made h3,
  .cat-tailor-made-es h3{color: #fff;text-transform: initial;font-size: 110%;margin-bottom: 1em;}
  .cat-tailor-made ul,
  .cat-tailor-made-es ul{color: #fff;margin-top: 1em;padding-bottom: 1em;}
  .cat-tailor-made ul li,
  .cat-tailor-made-es ul li{font-size: 100%;position: relative;padding-right: 1em;margin-bottom: .5em;line-height: 1.2em;}
  .cat-tailor-made ul li ul,
  .cat-tailor-made-es ul li ul{color: #fff;margin-top:.5em;}
  .cat-tailor-made ul li ul li,
  .cat-tailor-made-es ul li ul li{margin-bottom: 0;}

  .cat-tailor-made .infografia{width: 100%;position: relative;padding: 1em 0 3em 0;}

  .cat-nucpro .nav-products,
  .cat-nucpre .nav-products,
  .cat-cosmetics .nav-products,
  .cat-cosmeticos .nav-products,
  .cat-nucpro-es .nav-products,
  .cat-nucpre-es .nav-products{display: none;}
   .cat-nucpre h3{color: #fff;font-size: 160%;text-transform: initial;margin-top: 1em;margin-bottom: .5em;}

  .content-product h3{font-size: 150%;margin-top: 1em;text-transform: capitalize;}
  

  /* TABLAS */
  table{border-left: 1px solid #fff;border-right: 1px solid #fff;padding: 0 .2em;}
    table tr{padding: 0 1em;}
  .producto-show .prod-table{width:50%;position: relative;margin: 8em auto 0 auto;padding:2.3em;border-radius: 25px;background:#0c2111;}
  .producto-show .prod-table span.n-information{font-weight: 700;}
  .producto-show .prod-table .ingredients{font-weight: 700;}
    table td{padding: 4px 15px;line-height: 1em;border-left: 1px solid #fff;}


  /* NO TABLAS */
  .no-table{
  width: 50%;
    position: relative;
    margin: 5em auto 0 auto;
    padding: 1em 3.5em 2.3em 3.5em;
    border-radius: 25px;
    background: #0c2111;
    color: #fff;}
  .no-table ul{}
  .no-table ul li{position: relative;padding-right: 1em;margin-bottom: 1em;line-height: 1.2em;padding-left: 1em;}
  .no-table ul li:before{content: '-';position: absolute;top: .1em;left:0;color: #ff;font-family: 'DM Sans';}

/* APLICACIONES */
.sec-aplicaciones{width: 100%;position: relative;overflow: hidden;background: #e4e4e4;}
.sec-aplicaciones .logo {width: 80%;padding: 6em 0 10em 0;margin: 0 auto;}
.sec-aplicaciones .logo svg path{fill: #fff;}
/*.sec-aplicaciones .col-left{width: 44%;position:absolute;left: 0;top: 0;z-index: 2;overflow: hidden;float: left;background: #000 url('images/bgs/aplicaciones/bg-aplicaciones.jpg')no-repeat 0 0;background-size: cover;height: 100%;min-height:1395px;}*/
/*.sec-aplicaciones .col-right{width: 56%;position: relative;overflow: hidden;float: left;background: #e4e4e4;margin-left: 44%;}*/
.sec-aplicaciones .col-left{width: 44%;position:relative;z-index: 2;overflow: hidden;float: left;background: #000 url('images/bgs/aplicaciones/bg-aplicaciones.jpg')no-repeat 0 0;background-size: cover;height: 100%;min-height:1405px;}
.sec-aplicaciones .col-right{width: 56%;position: relative;overflow: hidden;float: left;background: #e4e4e4;}
.sec-aplicaciones .col-right .container{width: 88%;position: relative;margin: 0 0 0 12%;padding-top: 9em;}
.sec-aplicaciones .col-right .container .imago {width: 3em;margin-bottom: 1em;}
.sec-aplicaciones .col-right .container h2{text-transform: initial;font-weight: normal;font-size: 120%;margin-bottom: 3em;}

.sec-aplicaciones .col-left nav{width: 38%;position: fixed;text-align: right;left: 5em;}
.sec-aplicaciones .col-left nav ul.menu{list-style: none;margin: 0 0 0 0;float: right;}
.sec-aplicaciones .col-left nav ul.menu li{text-align: right;font-size: 2em;font-weight: 800;margin-bottom: .6em;text-transform: initial;font-family: 'DM Sans';display: block;}
.sec-aplicaciones .col-left nav ul.menu li a {color: #fff;text-decoration: underline;}
.sec-aplicaciones .col-left nav ul.menu li a:hover,
.sec-aplicaciones .col-left nav ul.menu li.current-menu-item a{color:#00c111;}

.sec-aplicaciones .aplicaciones-acc{width: 100%;position: relative;overflow: hidden;}
.sec-aplicaciones .aplicaciones-acc .acc{width: 100%;position: relative;float: left;}
/*.sec-aplicaciones .aplicaciones-acc .acc li.acc-item{border-bottom: 2px solid #b2b2b2;padding: 3em 0;}*/
.sec-aplicaciones .aplicaciones-acc .acc li.acc-item{border-bottom: 2px solid #b2b2b2;padding: 1em 0;}
.sec-aplicaciones .aplicaciones-acc .acc li.acc-item:nth-child(1) {border-top: 2px solid #b2b2b2;}
.sec-aplicaciones .aplicaciones-acc .acc li.acc-item h2{text-transform: initial;font-weight: 800;font-size: 2.5em;margin-bottom:0;}
/*.acc-subtitle{display: block;padding-left: 5em;padding-right: 2em;}*/
.acc-subtitle{display: block;padding-left:0;padding-right: 2em;}
.acc-ct {
  width: 100%;
  overflow: hidden;
  height: 0;
  opacity: 0;
}

.acc-item .acc-title {
  width: 88%;
  margin-left: 12%;
  position: relative;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  transition: background 0.3s ease;
  padding-left:0;
  padding-right:0;
}

.acc-item .acc-icon {
  position: absolute;
  top: .3em;
  right: .5em;
  z-index: 2;
  font-family: 'DM Sans';
  font-weight: bold;
  font-size: 2em;
  display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    background-color: black;
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 25px;
    cursor: pointer;
    transition: transform 0.3s; /* Animación del giro */
}

.acc-item.open .acc-icon {
  transform: rotate(45deg);
  color: #fff;
  background:1#00c111;
}

.sec-aplicaciones .aplicaciones-acc .acc li .img-app{width: 28%;position: relative;float: left;}
.sec-aplicaciones .aplicaciones-acc .acc li .txt-app{width: 52%;position: relative;float: left;margin-left:12%;padding-right:8%;}
.sec-aplicaciones .aplicaciones-acc .acc li .txt-app ul{list-style: none;padding-left:0;margin-left: 1em;}
.sec-aplicaciones .aplicaciones-acc .acc li .txt-app ul li{position: relative;line-height: 1.3em;}
.sec-aplicaciones .aplicaciones-acc .acc li .txt-app ul li:before{content: '-';position: absolute;left: -1em;}






/* INNOVACIÓN */
.sec-innovacion{width: 100%;position: relative;background: #fff;}

.sec-innovacion .innovacion-logo{width: 100%;position: relative;background:#d2d2d2;}
.sec-innovacion .innovacion-logo header{width: 33em;padding: 8em 0 1em 4em;}
.sec-innovacion .innovacion-top{width: 100%;position: relative;background: #000 url('images/bgs/innovacion/bg-innovacion.jpg')no-repeat 0 0;background-size: cover;padding: 7em 0;}
.sec-innovacion .innovacion-top .ct-content{width: 32%;position: relative;margin-left: 16em;}
.sec-innovacion .innovacion-top .ct-content .imago{width: 2.8em;padding-bottom: 1.3em;}
.sec-innovacion .innovacion-top .ct-datos{width: 70%;position: relative;margin: 12em auto 7em auto;}
.sec-innovacion .innovacion-top .ct-datos .count-item{width: 25%;position: relative;display: inline-block;text-align:center;margin: 0 4%;}
.sec-innovacion .innovacion-top .ct-datos .count-item span.number{font-size: 15em;font-weight: 700;color: rgba(35,115,37,.9);position: relative;}
.sec-innovacion .innovacion-top .ct-datos .count-item h2{position: absolute;left:1.5em;bottom:-1em;font-size: 180%;}

.innovacion-bottom{width: 100%;position: relative;overflow: hidden;background: #fff;padding: 5em 0;}

.innovacion-bottom .col-left{width: 25%;position: relative;padding-right: 5%!important;float: left;}
.innovacion-bottom .col-left .nav-site-innovation ul.menu{}
.innovacion-bottom .col-left .nav-site-innovation ul.menu li{text-align: right;display: block;text-align: right;font-size: 145%;margin-bottom:.7em;font-weight: 900;line-height: .9em;}
.innovacion-bottom .col-left .nav-site-innovation ul.menu li.current-menu-item a{color: #00c111;}
.innovacion-bottom .col-left .nav-site-innovation ul.menu li a{color: #000;}
.innovacion-bottom .col-left .nav-site-innovation ul.menu li a:hover{color: #00c111;}
.innovacion-bottom .col-right{width: 54%;position: relative;border-left: 3px solid #b9b9b9;float: left;padding-left: 5%!important;padding-right: 10%!important;}
.innovacion-bottom .col-right h1{font-size: 230%;font-weight: 900;margin-bottom: 1em;}
.innovacion-bottom .col-right h2{margin-top: 2em;font-size: 165%;font-weight: 900;position: relative;padding-left:.3em;margin-left: 8px;}
.innovacion-bottom .col-right h2:before{content: '';
    width: 8px;
    height: 8px;
    background-color: #00c111;
    border-radius: 100%;
    left: -10px;
    top: 8px;
    position: absolute;}
.innovacion-bottom .col-right ul{list-style: none;margin-top: 2em;}
.innovacion-bottom .col-right ul li{position: relative;margin-left: 8px;}
.innovacion-bottom .col-right ul li ul{padding-left: 2em;margin-top: 1em;}
.innovacion-bottom .col-right ul li::before{content: '-';
    /*width: 5px;
    height: 5px;
    background-color: #00c111;
    border-radius: 100%;*/
    color: #000;
    left: -10px;
    top: 1px;
    position: absolute;}
.sec-toggle.project-item{padding: 1em 0;border-bottom: 1px solid #b2b2b2;}
.innovacion-bottom .col-right h3{font-size: 105%;margin-bottom: .3em;}
.innovacion-bottom .col-right h3.sec-toggle-trigger{font-size: 130%;}
.innovacion-bottom .col-right .power-caps-dest{width: 100%;position: relative;overflow: hidden;}
.innovacion-bottom .col-right .power-caps-dest .count-item{width: 28%;display: inline-table;margin-right: 7%;}
.innovacion-bottom .col-right .power-caps-dest .count-item .power-icon{width: 66%;margin-bottom: 2em;}
.innovacion-bottom .col-right .power-caps-dest .count-item:last-child{margin-right: 0}

.sec-toggle.project-item.active h3 a{color:#00c111;font-size: 1.4em;}

.innovacion-bottom .logos{width: 100%;position: relative;margin: 2em auto;}
.innovacion-bottom .logos ul{list-style: none;}
.innovacion-bottom .logos ul li{display: inline-block;width: 50%;}
.innovacion-bottom .logos ul li:before{content: '';}

/* INNOVACIÓN PATENTES */
.page-template-innovacion-patentes .innovacion-bottom ul{/*margin-top: 3em;*/}
.page-template-innovacion-patentes .innovacion-bottom ul li{/*margin-bottom: 1.5em;*/margin-bottom:.5em;}

/* INNOVACIÓN PROYECTOS */
.margin-right{margin-right: 1.5em;}

/* INNOVACIÓN BIBLIOGRAFÍA */
.sec-slide.bibliografia ul{}
.sec-slide.bibliografia ul li{margin-bottom: 1em;}

 /* MENÚ SERVICIOS */
.btn-nav-services {display: block; position: relative; z-index: 200;}
.is-mobile{display: none;}

/* ABOUT */
.sec-about{width: 100%;position: relative;overflow: hidden;bottom: 0;right: 0;}
.sec-about .img-decorativa{width: 36%;position: absolute;bottom: 0;right: 0;}
.sec-about .about-logo{width: 100%;position: relative;background:#d2d2d2;}
.sec-about .about-logo header{width: 33em;padding: 8em 0 1em 4em;}
.sec-about .sec-about-top{width: 100%;position: relative;overflow: hidden;background: #000 url('images/bgs/equipo/bt-team-top.jpg')no-repeat 0 0;
  background-size:cover;padding: 10em 0 0 0;}
.sec-about .sec-about-top h2{font-size: 375%;}
.sec-about .sec-about-top .entry-content a{color: #fff;}
.sec-about .sec-about-top .our-story{width: 68%;position: relative;margin: 0 auto;padding-bottom: 4em;max-width: 1200px;}
.sec-about .sec-about-top .our-story .toggle-content {position: relative; width: 100%; margin-left: 0; top:0; padding: 3em 0px;
    /*border-top: 1px solid rgb(255, 255, 255);*/ padding: 3em 0px;/* border-bottom: 1px solid rgb(255, 255, 255); */}
.sec-about .sec-about-top .our-story .imago{width: 3em;margin-bottom: .5em;}
.sec-about .sec-about-top .our-team{width: 40%;position: relative;margin: 5em 0 0 10%;}
.sec-about .sec-about-top .our-team .imago{width: 3em;margin-bottom: .5em;}
.sec-about .sec-about-top .premios{width: 100%;position: relative;overflow: hidden;background: #fff;padding-bottom: 10em;}
.sec-about .sec-about-top .premios .ct-content{width: 68%;position: relative;margin:0 auto;padding:10em 0 5em 0;color: #000;max-width: 1200px;}
.sec-about .sec-about-top .premios .ct-content .imago{width: 3em;margin-bottom: .5em;}
.sec-about .sec-about-top .premios .logotipos{width: 86%;position: relative;overflow: hidden;margin: 0 auto;}
.sec-about .sec-about-top .premios .logotipos ul{width: 100%;float: left;list-style: none;}
.sec-about .sec-about-top .premios .logotipos ul.top{border-bottom:1px solid #c0c0c0;}
.sec-about .sec-about-top .premios .logotipos ul li{width: auto;float: left;position: relative;}
.sec-about .sec-about-top .premios .logotipos ul li::before{width: 15px;height: 15px;background-color: #fff;border-radius: 100%;
left: -7px;bottom: 30px;top: inherit;z-index: 10;position: absolute;}
.sec-about .sec-about-top .premios .logotipos ul li.futuro-food{width:31.9%;border-right: 1px solid #c0c0c0;}
.sec-about .sec-about-top .premios .logotipos ul li:before.futuro-food{}
.sec-about .sec-about-top .premios .logotipos ul li.alimentaria{width: 18.9%;border-right: 1px solid #c0c0c0;}
.sec-about .sec-about-top .premios .logotipos ul li.danone{width: 18.9%;border-right: 1px solid #c0c0c0;}
.sec-about .sec-about-top .premios .logotipos ul li.transfiere{width:29.9%;}

.sec-about .sec-about-top .premios .logotipos ul li.food-4{width:18%;border-right: 1px solid #c0c0c0;}
.sec-about .sec-about-top .premios .logotipos ul li.nutra{width:21%;border-right: 1px solid #c0c0c0;}
.sec-about .sec-about-top .premios .logotipos ul li.ingenia{width:20.4%;border-right: 1px solid #c0c0c0;}
.sec-about .sec-about-top .premios .logotipos ul li.smart{width:21.5%;border-right: 1px solid #c0c0c0;}
.sec-about .sec-about-top .premios .logotipos ul li.food-ingredients{width:17%;}

.sec-about .sec-about-bottom{width: 100%;position: relative;overflow: hidden;background: #000 url('images/bgs/equipo/bt-team-bottom.jpg')no-repeat 0 0;background-size:100%;padding: 0 0;}
.sec-about .sec-about-bottom .ct-team{width:80%;margin: 0 auto;padding: 5em 0;z-index: 2;position: relative;}

/* EQUIPO */
body.page-template-equipo .header-logo figure svg path {fill: #FFF !important;}
.sec-equipo {background: url('images/bgs/equipo/fondo.jpg') no-repeat 0 0; background-size: 100%; position: static;}
.sec-equipo .header h1,
.sec-equipo .header h2 {display: none;}
.sec-equipo .header .header-imago {position: absolute; right: 6em; top: 6em;}

.team-members {
  display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: .3em;
}

/*.member-item {display: block;}*/
.member-item {position: relative;overflow: hidden;}
.member-data {/*position: absolute;
position: absolute; bottom: -40%; left: 0; width: 85%; padding: 1em 8%; background: #004b59; color: #FFF;
    -webkit-transition: bottom .6s ease;
    transition: bottom .6s ease;*/}
.member-data:hover{bottom: 0;}
.member-name {text-transform:initial; font-weight: 700; font-size: 100%;display: block;line-height: 1.1em;}
.member-ceo .member-name {text-transform: uppercase; font-weight: 700; font-size: 120%;display: block;line-height: initial;}
p.member-name {font-size: 100%}
.member-ceo .member-charge {line-height: 1em;font-size: 100%}
.member-charge {font-weight: 500;text-transform:initial;font-size: 85%;line-height: -.1em!important;}
.member-linkedin {font-size:.9em;margin: .5em 0 0 0}
.member-ceo .member-linkedin {font-size:1.1em;margin: 0}

.member-linkedin a {color: #fff; text-decoration: none;}
.member-linkedin a:hover {color: #00c111;}

.member-ceo {overflow: hidden; position: relative;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column: 1 / 3;
    grid-row: 1 / 3;display: none;}

.member-ceo .member-item .member-name a {font-size: 80%; text-transform: none; font-weight: 200}
.member-item .member-data {width: 100%;position: absolute; bottom: 2em; left:0;background:url('images/bgs/equipo/bg-datos-ceo.jpg')no-repeat 0 0;background-size:100%;padding:1em;}
.member-ceo .member-item .member-data .col-left{width: 80%;position: relative;float: left;}
.member-ceo .member-item .member-data .col-right{width: 20%;position: relative;float: left;}

.member-ceo .member-item .member-img {}
.member-ceo .member-item .member-data{font-size: 110%;}
.member-item .member-data {font-size: 80%;}


img.equipo-top {margin-top: -4em; position: relative;}


.team-members .header {padding-top: 0; text-align: center}
.team-members .header h3 {font-size: 130%;}
.members-ct .member-item {float: left; width: 25%; position: relative; overflow: hidden;}
.members-ct .member-item span {display: block;}
.members-ct .member-item:nth-child(4n+5) {clear: left;}
.members-ct .member-item .member-img { -webkit-filter: grayscale(1); /* Old WebKit */ filter: grayscale(1);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.members-ct .member-item .member-data {position: absolute; bottom: -30%;left: 0; width: 86%;padding: 1em 8%; background: #004b59; color: #FFF;
    -webkit-transition: bottom .6s ease;
    transition: bottom .6s ease;
}

/*html.touch .members-ct .member-item .member-data,*/
.members-ct .member-item:hover .member-data {bottom: 0;}
html.touch .members-ct .member-item .member-img,
.members-ct .member-item:hover .member-img {-webkit-filter: grayscale(0); /* Old WebKit */ filter: grayscale(0);}

.caption-style-2{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    
  }

  .caption-style-2 li{
    float: left;
    padding: 0px;
    position: relative;
    overflow: hidden;
  }

  .caption-style-2 img{
    margin: 0px;
    padding: 0px;
    float: left;
    z-index: 4;
    filter: grayscale(100%);
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
  }

   
  .caption-style-2 .caption{
    /*height: 84%;*/
    align-items: center;
    cursor: pointer;
    position: absolute;
    /*justify-content: space-between;*/
    opacity: 0;
    bottom: -120%;
    /*display: flex;*/
    width: 88%;
    padding: 1em 4% 1em 8%;
    background: rgba(0, 66, 74, .8);
    color: #FFF;
    -webkit-transition:bottom .6s ease;
    -moz-transition:bottom .6s ease;
    -o-transition:bottom .6s ease;
    -ms-transition:bottom .6s ease;
    transition:bottom .6s ease;

  }

  .caption-style-2 li:hover .caption{
    opacity: 1;
    bottom: 0;
  }

  .caption-style-2 li:hover img {
    filter: grayscale(0);
    /*filter: grayscale(0) saturate(120%);*/
   }
 


/* Los curriculums */
.member-cv {position: absolute; z-index: 600; width: 50%; margin: 0 25%; overflow: hidden; top: 25%; opacity: 0; visibility: hidden;}
.member-cv .member-data {background: #FFF; padding: 2em 6%}
/*.member-cv.ct {display: none;}*/
.member-cv .btn-close {color: #FFF; right: auto; left: .5em; top: .5em}
.member-cv .btn-close:hover {color: #004b59;}

.sec-about-top .entry-content ul li:before{color: #fff;}


/* MENU PUSH */
#nav_list {display: none;}


/* FORMULARIOS */
input,
select,
textarea {padding: .6em 0; background: none; width: 96.1%; font-size: 85%; border: 0;  color: #fff;  letter-spacing: 0.1em; text-transform:capitalize;
  border-bottom: 2px solid #fff;
  border-radius: 0; -webkit-border-radius: 0;
  font-family: 'DM Sans';
}
textarea {resize: vertical; height: 50px; width: 98%;}
select{text-transform: none;}

input[type="button"], input[type="reset"], input[type="submit"] {font-size: 100%; letter-spacing: -.01em;width: auto; -webkit-appearance: none; }

input[type="text"],textarea {-webkit-appearance: none;  resize:none;}
input[type="checkbox"] {display: inline; width: auto;}

input:focus,
textarea:focus {border-bottom-color: #333; outline: none; text-transform: none;}

input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {text-transform:capitalize;}

input::-webkit-contacts-auto-fill-button{
    background-color: #FFF !important;
    margin-top: 4px !important;
    right: 1.5em !important;
}

input::-webkit-contacts-auto-fill-button:hover {
    background-color: #AAA !important;
}

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 1000px #FFF inset !important;
    -webkit-text-fill-color: #000 !important;
    border-bottom-color: #000;
}

input::selection,
textarea::selection,
select::selection {/*background-color: #111 !important;*/ -webkit-text-fill-color: #DEDEDE !important;}

select,
select option {padding: .2em 0; outline: none !important; -webkit-appeareance: none}

input:disabled {opacity: .6}

/* RECAPTCHA BADGE */
.grecaptcha-badge {
    display: none;
}
/* Errores del envío */
span.wpcf7-not-valid-tip {padding: 0.6em 0 0 0; margin: 0;
    font-size: 75%;
    color: #fff;
    line-height: 1;
    position: absolute;
    left: 0;
    bottom: -2.4em;
    width: auto !important;
    text-transform: uppercase;
}
.group-input span.wpcf7-not-valid-tip {right: 2.2em}

span.wpcf7-not-valid-tip::before {padding-right: 4px; font-size: 135%;
    margin-top: 0; display: inline-block; vertical-align: middle; }
.form-ct div.input.captcha span.wpcf7-not-valid-tip {position: static; text-align: left}
.form-ct div.input.captcha span.wpcf7-not-valid-tip::before {display: none;}
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok,
div.wpcf7-response-output {clear: both; border: 0 !important; background-color: #fff; color: #000; margin: 0 !important;
    padding: 1em 5% !important; font-size: 96%; text-align: center; font-weight: 800;font-family: 'DM Sans';/*width: 88%;*/
    text-transform: uppercase;}

div.wpcf7 .ajax-loader {
  background-image: url('images/ajax-loader.gif');
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    background-size: 50px;
    top: 0;
}

.wpcf7.js{margin-top: 3em;}
.wpcf7-list-item{margin-left: 0;}


/* Placeholder */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000;
    opacity: 1;
    text-transform: capitalize!important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000;
   opacity:  1;
   text-transform: capitalize!important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000;
   opacity:  1;
   text-transform: capitalize!important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000;
   text-transform: capitalize!important;
}

.wp-block-search__input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000;
    text-transform: capitalize!important;

}
.wp-block-search__input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000;
   opacity:  1;
   text-transform: capitalize!important;
  
}
.wp-block-search__input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000;
   opacity:  1;
   text-transform: capitalize!important;
}
.wp-block-search__input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000;
   text-transform: capitalize!important;
}

.widget-area .widget .wp-block-search__input:placeholder{text-transform: capitalize;color: #000;}
/*Placeholder {color: #333 !important; }*/

/*CONTACTA CON NOSOTROS*/

.contact-nav-ct{
  background-image: url('images/bgs/bg-contacto.jpg');
  border-left: 40px solid #212234; }
.contact-nav-ct h2 {margin: 0; padding-top: .5em; font-size: 340%;
  font-weight: normal; color: #212234;font-size: 340%;text-align: center;
}
.contact-container {height: 100%; overflow-y: auto;}

.sec-contacta{
  padding:0 4em 0 4em;
  z-index:110;background:#fff;background:#fff url('images/bgs/bg-contacta.jpg')-50px 100% no-repeat;
  background-size: 90%;
  /*border-left: 20px solid #000;*/
}
.sec-contacta .claim-contacta{position: absolute;bottom:0;right:2em;width: 40%;}
.sec-contacta .claim-contacta h2{font-size: 300%;font-family: 'DM Sans';font-weight: bold;}
.sec-contacta .claim-contacta h2 span{background:#ffff41;}

.sec-contacta p{margin-bottom:.1em;margin-top:0;}
.sec-contacta p a {border-top:1px solid #000;padding-top:.3em;margin-top:1em;display: block;}
.sec-contacta .entry-header{margin-left:0;}
span.close{width: .8em;float:left;}
span.close svg{width: 100%;}

.sec-contacta input[type="button"], .sec-contacta input[type="reset"], .sec-contacta input[type="submit"] {
    background-color: #FFF;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
  }
.sec-contacta .form-ct{margin-bottom:3em;}

.sec-contacta .form-ct .input{margin-top:.4em;}



/* CONTACTO */
.sec-contacto{width: 100%;position: relative;overflow: hidden;background: #d2d2d2;}
.sec-contacto .col-left{width: 43%;position: relative;float: left;background: #d2d2d2;}
.sec-contacto .col-left .logo{width:20em;padding: 1.5em 0 0 2em;}
.sec-contacto .col-left .address{float: right;margin-right: 1em;text-align: right;padding-top: 26em;}
.sec-contacto .col-right{width: 57%;position: relative;float: left;background: #000 url(images/bgs/contacto/bg-contacto.jpg)no-repeat 100% 100%;background-size: cover;padding-top: 11em!important;}
.sec-contacto .col-right .entry-content{width: 55%;position: relative;margin: 0 20% 0 15%;padding-bottom: 4em;}
.sec-contacto .col-right .entry-content .imago{width:2.2em;margin-bottom: .2em;}
.sec-contacto  form.wpcf7-form p {
  display: inline-block;
  width: 49%;
  margin-top: 0;
  position: relative;
  margin-top: 1em;
}
.sec-contacto .col-right .img-decorativa{width: 25%;position: absolute;bottom: 0;right: 0;}
.sec-contacto form.wpcf7-form p:nth-of-type(5),
.sec-contacto form.wpcf7-form p:nth-of-type(6), 
.sec-contacto form.wpcf7-form p:nth-of-type(7){
  width: 100%;
}
.sec-contacto form.wpcf7-form p:nth-of-type(7){
  font-size: .9em;
  color: #fff;
  text-transform: initial;
}


#map_div {width: 100%; min-height: 375px;float: left;margin-top: -4px;}
#map_div img {width: auto; height: auto;}
#infomap-ct {margin: 0;min-width: 180px; letter-spacing: .15em; text-align: center;}
#infomap-ct p {margin-top: 1em;}
#infomap-ct h2 {font-weight: 700; text-transform: uppercase; padding-bottom: .8em}
.map-info{text-align: right;color: #000;font-family: 'DM Sans';}
.map-info a{color: #000;text-decoration: underline;}

.si-float-wrapper p{text-align: right;font-family: 'DM Sans';font-size: 12px;}
.wpcf7-form-control-wrap{margin-right: .5em;}

.infomap-ct .entry-subtitle{font-family: 'DM Sans';font-weight: 900;color: #000;text-transform: uppercase;font-size: 2em;letter-spacing: -.1em;}
.infomap-ct .entry-subtitle p{margin: 0 0!important;}


/* BLOG */

.page-template-blog .nav-site ul li a,
.single-post  .nav-site ul li a{color: #fff;}
.single-post  .nav-site ul li a:hover{color: #00c111;}
.page-template-blog .nav-site > ul,
.single-post .nav-site > ul{/*border-bottom: 2px solid #fff;*/}
.sec-blog{width: 100%;position: relative;overflow: hidden;background: #d2d2d2;}
.sec-blog .imago{width: 2.8em;}
.sec-blog .img-deco,
.sec-news .img-deco{width: 10%;position: absolute;right:-6em;top: 0;}
.sec-blog .img-deco-blog{width:10% ;position: absolute;bottom: 0;right: 0;}
.sec-blog header,
.sec-news header{width: 100%;position: relative;background: #000 url(images/bgs/blog/bg-header.jpg)no-repeat 100% 100%;background-size: cover;}
.sec-blog .logo,
.sec-news .logo{width: 8em;padding: 2em 1em .2em 1em;}
.sec-blog .logo svg path,
.sec-news .logo svg path{fill: #fff;}
.sec-blog .container.medium-width.header{padding-top: 6em;overflow:visble;/*BACKGROUND: PINK;*/}
.sec-blog .container.medium-width{padding-top: 3em;overflow: hidden;/*BACKGROUND: PINK;*/}
.sec-blog .container.medium-width .ct-content{width: 44%;position: relative;float: left;}
.sec-blog .container.medium-width.carousel{overflow: visible;}


/* //// NOTICIAS / BLOG */
.sec-blog,
.sec-news {background: #d2d2d2 url('images/blog/bg.jpg') no-repeat top right; background-size: 100%;}

.header-blog {padding-top: 9em;}
.header-blog .header {padding-bottom: 2em;}
.header-blog .header h1,
.header-blog .header p.entry-title {top: -0.2em; position: relative;}
.header-blog .header p.entry-title a {color: #FFF}
.header-blog .header p.entry-title a:hover {color: #bababa}
.header-blog .header .entry-content {margin-left: 2em; margin-top: 3em;}

.noti-featured{position: relative;overflow: hidden;border-bottom: 2px solid #b9b9b9;padding-bottom: 3em;margin-bottom: 2.5em;}

.noticia-meta {padding: 1em 0 0 0;}
.noticia-meta .noticia-date {font-weight: 500;color: #878787;font-size: 1em;}

.noticia-title {width: 80%;font-weight: 900; font-family: 'DM Sans', serif; padding: 0 0 .8em 0; color: #000; margin: 0; font-size: 200%; line-height: 95%; min-height: 2.2em;}
.noticia-content {padding: 1em 2em 1em .5em; /*text-align: center;*/ overflow: hidden;}
.noticia-show .noticia-content{padding: 0 2em 1em 4em;}
.noticia-show .noticia-title{padding: 0 0 0 0;}
.noti-featured .noticia-content{padding: 1em .5em 1em 2em;}
.noticia-content h2.noticia-title a{color: #000;}
.noticia-item .noticia-img {position: relative; }

.noticia-item .noticia-img img {max-width: 1000%;display: block; margin: 0 auto; position: relative;z-index: 10}

.noticia-share {margin-top: 1.4em}
.noticia-meta .date {text-transform: uppercase;}
.noticia-meta span.categories {display: inline;}
.noticia-meta span.categories .category::after {content: ', '}
.noticia-meta span.categories .category:last-of-type::after {content: ''}

.noticia-image {width: 100%;position: relative;overflow: hidden;}
.noticia-image span.categories,
.sec-news span.categories{width: 100%;position: absolute;bottom:-4px;left:0;background:url('images/bgs/blog/bg-categorias.jpg') no-repeat 50% 50%; background-size: 100%;padding: .6em .3em .6em .8em;color: #fff;text-transform: uppercase;font-size: 1.8em;font-weight: 900;}

.noticia-excerpt {color: #000; margin-top: 1.4em; font-size:100%;margin-bottom: 1em;}





/* SINGLE */
.sec-news .ct-container{width: 90%;position: relative;margin: 0 auto;overflow:visible;}
.sec-news .container.medium-width{padding: 4em;position: relative;overflow:visible;float: left;margin: 0 4% 4em 4%;background: #fff;width: 82%;}
.sec-news .noticia-img{width: 100%;position: relative;overflow: hidden;}
.sec-news .noticia-img span.categories{position: absolute;bottom: 0;left: 0;}
.sec-news .noticia-content{/*padding-bottom: 10em;*/}

/* Loop index */

.noti-list{margin-bottom: 6em;}
.noti-list .noticia-meta .noticia-date{font-size: 90%;}
.noti-list .noticia-image span.categories{font-size: 105%;bottom: -6px;}
.noti-list .noticia-title{width: 95%;text-transform: uppercase;font-size: 145%;line-height: 100%;}
.noti-list .noticia-content{padding1-left: 0}


.noticia-item:not(.noticia-featured) {width: 33%}
.noticia-item.noticia-featured .noticia-title {margin-top: 0; min-height: 0; padding-bottom: 0}
.noticia-item span {display: block;}
.noticia-item.noticia-featured .noticia-body span {display: initial} 
.noticia-item span.none {display: none;}
.noticia-item .more-link {margin-top:0; text-align: center; display: inline-block;}

a.noticia-item:hover {color: #000}

.noti-ct .entry-header {padding-bottom: 4em; }




/* CATEGORY */
.sec-blog.category .entry-title a{text-transform: initial;}
.sec-blog.category .noticia-item:not(.noticia-featured){width: 30%!important;}
.sec-blog.category .column-section.column-tres{margin-right: 2em;}
.sec-blog.category .column-section.column-tres:last-child{margin-right:0;}
.sec-blog.category .noticia-meta .date{font-weight: 800;}
.sec-blog.category .noticia-title{width: 95%;text-transform: uppercase;font-size: 145%;line-height: 100%;}
.sec-blog.category .column-section.column-tres{min-height: 615px;}

/* Show */
.noti-show.noti-ct {padding: 0; width: 70%;}

.noti-show a {}
.noti-show a:hover {}

.noti-show .noticia-content { color: #757577; font-size: 90%; padding-left: 0; padding-right: 0}

.sec-blog .noti-show .container::before {display: none}
.noti-show .noticia-img {overflow: visible;}
.noti-show .noticia-img img {display: block; margin-top: 0; /*margin-top: -16%;*/ max-width: 1000%; width: 100%}
.noti-show .noticia-img::after {height: 53%; background: #FFF; top: auto; bottom: -16%;
    -webkit-transform: skew(0deg, -8deg);
    transform: skew(0deg, -10deg);
}

.noti-show .noticia-container {position: relative; float: left; width: 59%; padding: 0 23% 4em 17%; margin-top: -20%;/*margin-top: -30%;*/}
.noti-show .noticia-meta {margin-top: 4em;}

/* CARRUSEL 
//////////////////////////////////////////////////// */
.owl-nav{width: 100%; top: 50%; position: absolute; margin-top: -1.5em}
.owl-carousel .noticia-content {padding: 1em .5em 1em .5em;}

.owl-carousel .owl-stage {display: flex; flex-wrap: wrap;}
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {padding:0;border-radius:0;display: block;text-shadow:none;color:transparent; width: 3em; height: 3.5em;position: absolute; margin: 0;}
.owl-carousel .owl-nav .owl-next {right: -3.5em;}
.owl-carousel .owl-nav .owl-prev {left: -2.2em;}
.owl-carousel .owl-nav .owl-next:before,
.owl-carousel .owl-nav .owl-prev:before{font-family: "icons"; font-size: 2.5em; line-height: 1; color: #000; text-shadow:none;padding:0;}
.owl-carousel .owl-nav .owl-next:before{content:'\e803';}
.owl-carousel .owl-nav .owl-prev:before{content:'\e804';}
.owl-carousel .owl-nav .owl-next:hover:before,
.owl-carousel .owl-nav .owl-prev:hover:before {color: #fff;}

.owl-carousel .owl-nav .owl-next.disabled,
.owl-carousel .owl-nav .owl-prev.disabled {opacity: 0}

.owl-carousel .owl-dots {text-align: center; padding-top: 2em; }
.owl-carousel .owl-dots button.owl-dot.active span, 
.owl-carousel .owl-dots button.owl-dot:hover span {background-color: #000; border-radius: 50%; height: 14px; width: 14px; position: absolute; top: 0; left:0; }
.owl-carousel .owl-dots button.owl-dot{border: 1px solid #000; border-radius: 50%; height: 16px; width: 16px; position: relative; margin: 1em .25em }

.blog-carousel .noticia-item {width: 100%}
.blog-carousel .owl-nav {top: 9.5em; margin-top: 0}


/* LEGAL */
.legal{width: 100%;position: relative;overflow: hidden;}
.legal .container{padding-top: 5em;padding-bottom: 5em;}
.legal .container .ct-content{padding-top: 3em;}
.legal .legal-logo{width: 100%;position: relative;background: #d2d2d2;}
.legal .legal-logo header{width: 33em;padding: 8em 0 1em 4em;}


/**************
    SIDEBARS
***************/

/* General */

.ct-sidebar{width:90%;position: relative;margin: 3em auto;/*float: left;*/}
.sec-blog .ct-sidebar{float: right;}
.ct-sidebar select{width: 100%;}


.sidebar {font-size: 1em;} 
.sidebar .widget h4,
.sidebar .widget.widget_categories label.screen-reader-text + form,
.sidebar label {display: none}
.widget .search-block .wp-block-search .wp-block-search__button, .widget.widget_search #searchsubmit {
    background: #000 url(images/icons/zoom.svg) no-repeat center center !important;
    background-size: 18px !important;
    padding: 0 !important;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    width: 40px !important;
    height: 100%;
    text-indent: -1500em;
    overflow: hidden;
    border: 0;
    z-index: 30;}*/


/* General */

.sidebar .widget h4,
.sidebar .widget.widget_categories label.screen-reader-text + form,
.sidebar label {display: none}

.widget-area .widget {margin-right: 2em;}
/*.sidebar .widget h3.active {cursor: text}*/

/* Widget */
.widget {position: relative;}
.widget input,
.widget select,
.widget textarea,
.widget .search-block .wp-block-search .wp-block-search__input {border: 1px solid #979797; font-size: 90%; background: none; color: #7b7b7b; padding-left: 1.4em}
.widget .search-block .wp-block-search .wp-block-search__input,
.widget.widget_search .search-field {min-width: 16em; width: auto}

.widget select {background: url('images/icons/arrow-down.svg') no-repeat 80% 60%; 
  background-size:10%; padding-right: 5em; color: #000;}
.widget select:focus {/*background-color: #FFF*/}


/* Placeholder */
.widget ::-webkit-input-placeholder {color: #000; } 
.widget :-moz-placeholder {color: #000; opacity:  1; }
.widget ::-moz-placeholder {color: #000; opacity:  1; }
.widget :-ms-input-placeholder {color: #000; }
/* Search block */
.widget .search-block h3::before,
.widget.widget_search .widget-title::before,
.widget .search-block h3:hover::before,
.widget.widget_search .widget-title:hover::before {content: '\e817'; font-size: 110%; margin-top: 0; left: -1.4em; opacity: 1}
.widget .search-block h3.active::before {opacity: 0; left: 0}
.widget .search-block .wp-block-search .wp-block-search__inside-wrapper {display: block;}
.widget .search-block .wp-block-search .wp-block-search__button,
.widget.widget_search #searchsubmit {
    background: #000 url('images/icons/zoom-white.svg') no-repeat center center !important;
    background-size: 18px !important; padding: 0 !important; position: absolute; bottom: 0; right: 0; margin: 0; width: 40px !important; height: 100%;
    text-indent: -1500em; overflow: hidden; border: 0; z-index: 30;}
.widget .search-block .wp-block-search .wp-block-search__button:hover, 
.widget .search-block .wp-block-search .wp-block-search__button:focus,
.widget.widget_search #searchsubmit:hover,
.widget.widget_search #searchsubmit:focus {background-color: #7b7b7b !important;}

/* List block */
/*.widget ul > li::before {content: '\e817'; font-family: 'icons'; color: #009FE3; font-size: 8px; vertical-align: middle;}*/
.widget ul > li > a {font-weight: 700; }


/* Search block */




/* Navegacion entre posts */
.post-navigation {position: absolute; top:49%; right:0;z-index: 2;width: 100%;}
.post-navigation a {display: block; padding: .2em 0}
.post-navigation a i {color: #000;font-size: 1.3em}
.post-navigation a:hover i {color:#00c111;font-size: 1.3em}
.post-navigation .previous{left: 0;position: absolute;}
.post-navigation .previous i {left: .2em}
.post-navigation .next {right: 0!important;position: absolute;}
.post-navigation .next i {right: 0.2em}

/* SHARING / Botones de compartir */
.the_champ_sharing_container {margin-top: 2em;}
.the_champ_sharing_title {text-align:left;font-weight: 400; padding-bottom: .5em; color: #AAA;}


/* LEER MÁS */
.toggle-content {
    display: none;
}

.btn-toggle span {
    display: none;
}

.btn-toggle span.active {
    display: inline;
}

.toggle-content {
    display: none;
}

.btn-toggle.is-open {
    transform: rotate(45deg); /* si es un + */
}

.toggle-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.4s ease; /* apertura lenta por defecto */
}

.cat-content.active .toggle-content {
  max-height: 2000px; /* suficiente para todo el contenido */
  opacity: 1;
  transition: max-height 0.5s ease, opacity 0.4s ease; /* apertura suave */
}

.tohide-content {
    display: block;   /* visible al inicio */
}

.our-story .tohide-content {
    display: block;
}

.our-story .toggle-content {
    display: none;
}

form label{text-transform: uppercase;}
.toggle-content-about {
    display: none;
}


.btn-toggle-about span:last-child {
    display: none;
}

.btn-toggle-about.is-open span:first-child {
    display: none;
}


.widget-area .widget {margin-right: 2em;}
/*.sidebar .widget h3.active {cursor: text}*/

/* Widget */
.widget {position: relative;}
.widget input,
.widget select,
.widget textarea,
.widget .search-block .wp-block-search .wp-block-search__input {border: 1px solid #000; font-size: 90%; background: none; color: #000; padding-left: 1.4em}
.widget .search-block .wp-block-search .wp-block-search__input,
.widget.widget_search .search-field {min-width: 16em; width: auto}
.wp-block-search__input:placeholder{text-transform: capitalize!important;}

.widget select {/*background: url('images/icons/arrow-down.svg') no-repeat 98% 52%; background-size: 25px;*/ padding-right: 4em; color: #000;padding-top: .5em;padding-bottom: .5em;}
.widget select:focus {background-color: #FFF}

/* Search block */
.widget .search-block h3::before,
.widget.widget_search .widget-title::before,
.widget .search-block h3:hover::before,
.widget.widget_search .widget-title:hover::before {content: '\e817'; font-size: 110%; margin-top: 0; left: -1.4em; opacity: 1}
.widget .search-block h3.active::before {opacity: 0; left: 0}
.widget .search-block .wp-block-search .wp-block-search__inside-wrapper {display: block;}
.widget .search-block .wp-block-search .wp-block-search__button,
.widget.widget_search #searchsubmit {
    background: #000 url('images/icons/zoom-white.svg') no-repeat center center !important;
    background-size: 18px !important; padding: 0 !important; position: absolute; bottom: 0; right: 0; margin: 0; width: 40px !important; height: 100%;
    text-indent: -1500em; overflow: hidden; border: 0; z-index: 30;}
.widget .search-block .wp-block-search .wp-block-search__button:hover, 
.widget .search-block .wp-block-search .wp-block-search__button:focus,
.widget.widget_search #searchsubmit:hover,
.widget.widget_search #searchsubmit:focus {background-color: #7b7b7b !important;}

.widget .search-block .wp-block-search .wp-block-search__button, .widget.widget_search #searchsubmit {
    background: #000 url(images/icons/zoom-white.svg) no-repeat center center !important;
    background-size: 18px !important;
    padding: 0 !important;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    width: 40px !important;
    height: 100%;
    text-indent: -1500em;
    overflow: hidden;
    border: 0;
    z-index: 30;}

    .sidebar .widget h4, .sidebar .widget.widget_categories label.screen-reader-text + form, .sidebar label {
    display: none;
}
.widget .search-block .wp-block-search .wp-block-search__input, .widget.widget_search .search-field {
    min-width: 16em;
    width: auto;}

.wp-block-search__button.wp-element-button {
    background: #000 url(images/icons/zoom-white.svg) no-repeat center center !important;
    background-size: 18px !important;
    padding: 0 !important;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    width: 40px !important;
    height: 100%;
    text-indent: -1500em;
    overflow: hidden;
    border: 0;
    z-index: 30;}

.wp-block-search__inside-wrapper input{text-transform: capitalize!important;color: #000;}

/* JS PRODUCTOS */
/* Oculto contenido interno */
.content-product {
  display: none;
  transition: all 0.3s ease;
}

/* Cuando está activo se muestra */
.cat-item.active .content-product {
  display: block;
}

/* Animación del botón */
.btn-plus {
  transition: transform 0.3s ease;
}

.cat-item.active .btn-plus {
  transform: rotate(45deg);
}



/* SUBMENÚ productos
//////////////////////////////////////////////////// */


/* Desktop → ocultar select */

.cat-nav-select-wrapper {
  display: none;
}

/* SELLOS */
.subvencion {
    background: #FFF;
    overflow: hidden;
    padding: 2em 8%;}

.subvencion-item{width: 60%;position: relative;float: left;overflow: hidden;border-right: 1px dotted #e3e3e3;padding-right: 2%;margin-right: 5%;}

.subvencion-item .subvencion-text {
    width: 75%;float: left;position: relative;padding-left: 5%;}
.subvencion-item .subvencion-logo{
    width: 20%;position: relative;float: left;background: red;
}
.subvencion-container{width: 80%;position: relative;overflow: hidden;float:none;margin: 0 auto;}
.subvencion-item-two{width: 30%;position: relative;overflow: hidden;float: left;}
.subvencion-item-two .logo-union-europea{width:60%;position: relative;float: left;}
.subvencion-item-two .logo-enisa{width: 20%;position: relative;float: left;margin-left: 20%;text-transform: uppercase;line-height: 1em;font-size: 65%;}
.subvencion-item-two .logo-enisa span{text-transform: uppercase;line-height: 1em;}

.subvencion-plan-recuperacion{width: 80%;position: relative;margin: 2em auto;}
.logo-recuperacion{width: 55%;margin: 1em auto;position: relative;}
img.logo-recuperacion{width: 100%;}

.menu-item.current-menu-item > a,
.menu-item.current-menu-parent > a,
.menu-item.current-menu-ancestor > a {
    color: #000; /* tu color activo */
    font-weight: 600;
}