/*
Theme Name: Mandrake Mini
Description: Mandrake Mini
Template: mandrake-theme
Author: Talento
Version: 0.9.5
Author URI:  https://talentocorporativo.com
*/

/* 18-09-2022 */

/*** Definición variables colores ***/

:root {
  --black: #000000;
  --white: #ffffff;
  --grey: #f4f4f4;
  --grey-border: #979797;
  --primary-color: #2d495f; /*azul principal*/
  --secondary-color: #00475c; /*azul texto*/
  --third-color: #00607a; /*azul texto sobre azul*/
  --fourth-color: #d6eaf0; /*fondo azul claro*/
  --fifth-color: #fdcb33; /*amarillo*/
  --fondo-desy: #f6f6f5; /* gris muy claro */
  --borde-desy: #92949B; /* gris medio */
  --color-texto-desy: #1F2331; /* gris muy oscuro */
  --family-title: "Open Sans", sans-serif;
  --family-base: "Open Sans", sans-serif;
}

/*** corrección estilos Mandrake Theme ***/
body, button, input, select, optgroup, textarea {
  color: var(--black);
  font-size: 1.0667rem;
  line-height: 1.5;
}

/*** Estilos encabezados y textos ***/
h1, h2, h3, h4, h5, h6 {
  font-family: var(--family-title);
  font-weight: 700;
  line-height: normal;
  margin: 0 0 1.0667rem;
}
h1 {font-size: 2.8rem;}/*42px*/
h2 {font-size: 2.4rem;}/*36px*/
h3 {font-size: 2.2rem;}/*33px*/
h4 {font-size: 2rem;}/*30x*/
h5 {font-size: 1.8rem;}/*27px*/
h6 {font-size: 1.6rem;}/*24px*/
p {
  line-height: 1.5;
  margin: 0 0 1.0667rem;
  text-align: justify;
}
ul li,
ol li {text-align: justify;}

.text-uppercase {
  font-family: var(--family-base);
  letter-spacing: 1px;
  text-transform: uppercase;
}
.text-white {color: var(--white);}

/*** Estilos botones y enlaces ***/
.button-link,
.widget_sow-button > .so-widget-sow-button > .ow-button-base > a {
  background: var(--fifth-color);
  border-radius: 1.2rem;
  border: 0;
  color: var(--secondary-color) !important;
  font-weight: 600;
  line-height: normal;
  margin: 3rem 0;
  padding: 1.0667rem 4.2rem 1rem;
  transition: .2s;
}
  .button-link:hover,
  .widget_sow-button > .so-widget-sow-button > .ow-button-base > a:hover,
  .widget_sow-button > .so-widget-sow-button > .ow-button-base > a:focus {
    background: var(--secondary-color) !important;
    color: var(--fifth-color) !important;
    transition: .2s;
  }

.link-text {
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  margin-top: 1.875rem;
  padding: 0 0 0 2.438rem;
  position: relative;
  }
  .link-text::before {
    background: var(--primary-color);
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 28px;
    }

.c-button {
  display: inline-flex;
  align-items: baseline;
  padding: 0.5rem 0.75rem;
  background-color: rgb(255 255 255);
  border-width: 1px;
  border-color: rgb(0 96 122);
  border-radius: 0.1875rem;
  vertical-align: baseline;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 96 122);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  white-space: nowrap;
  cursor: pointer;
}
  .c-button--primary {
    background-color: rgb(0 96 122);
    color: rgb(255 255 255);
  }
    .c-button--primary:focus,
    .c-button--primary:hover {
      background-color: rgb(0 71 92);
      border-color: rgb(0 71 92);
      color: rgb(255 255 255);
    }


/*** Definición de contenedores para fijar anchos de bandas ***/
.banda-xxxl {
  margin: 0 auto;
  max-width: 113.3333rem;/*1700px*/
}
.banda-xxl {
  margin: 0 auto;
  max-width: 103.3333rem;/*1550px*/
}
.banda-xl {
  margin: 0 auto;
  max-width: 95.7333rem;/*1436px*/
}
.banda-l {
  margin: 0 auto;
  max-width: 93.0667rem;/*1396px*/
}
.banda-m {
  margin: 0 auto;
  max-width: 86.6667rem;/*1300px*/
}
.banda-s {
  margin: 0 auto;
  max-width: 41.875rem;
}
.banda-xs {
  margin: 0 auto;
  max-width: 36.5rem;
}

.talento-container {
  max-width: none;
  padding: 0 2rem;
}
  .site-footer .talento-container {
    margin: 0 auto;
    max-width: 103.3333rem;/*1550px*/
  }

/*** Definición de clases para alineaciones verticales y horizontales ***/

/* Alineación vertical */
.vertical-align--center {
  align-items: center!important;
  display: flex;
  justify-content: space-between!important;
}
.vertical-align--bottom {
  align-items: flex-end!important;
  display: flex;
  justify-content: space-between!important;
}
.vertical-align--top {
  align-items: flex-start!important;
  display: flex;
  justify-content: space-between!important;
}

/* Alineación horizontal */
.horizontal-align--left {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.horizontal-align--right {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.horizontal-align--center {
  align-items: center;
  display: flex;
  justify-content: center;
}
.horizontal-align--around {
  align-items: center;
  display: flex;
  justify-content: space-around;
}
.horizontal-align--between {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

/*** estilos genéricos ***/
.u-foto-derecha img,
.u-foto-izquierda img {
  border-radius: 0.8rem;
  position: relative;
}
  .u-foto-derecha img {right: -5rem;}
  .u-foto-izquierda img {left: -5rem;}

.u-video-derecha .sow-video-wrapper,
.u-video-izquierda .sow-video-wrapper {
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
}
  .u-video-derecha .sow-video-wrapper {right: -5rem;}
  .u-video-izquierda .sow-video-wrapper {left: -5rem;}

a:active,
a:hover,
#mobile-menu-button{
	cursor:pointer;
}
#mobile-menu-button.to-close {
  position: fixed;
  right: 0.6rem;
  top: 0.6rem;
  z-index: 99;
}

/* lista ordenada */
ol {margin: 2rem 0 2rem 4rem;}
  ol li:not(:first-child) {margin: 0.6rem 0 0;}

/*** cookie notice ***/
#cookie-notice .cn-button {
	background-color: #088488;
}

/*** Header ***/
#wpadminbar ~ #page #masthead {top: 32px;}

#masthead.site-header {
  background: var(--primary-color);
  /*border-bottom: 6px solid var(--fifth-color);*/
  border-bottom: 0;
  margin: 0;
  padding: 0;
  position: relative;
}
  #masthead .tophead {
    background: var(--white);
    padding: 0.6rem 1rem;
  }
  .tophead .contenidohead {
    margin: 0 auto;
    max-width: 113.3333rem;/*1700px*/
  }
  .tophead ul.top {
    list-style-type: none;
    margin: 0;
  }
    .tophead ul.top li::marker {content: unset;}
    .tophead .textwidget {
      align-items: center;
      display: flex;
      justify-content: space-between;
      position: relative;
    }
      .tophead p {margin: 0;}
      .tophead img {
        display: block;
        width: 8rem;
      }
      ul.c-accesos {
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        text-align: right;
        top: 3.8667rem;
        z-index: 3;
      }
        ul.c-accesos li {
          color: var(--secondary-color);
          padding: 0;
        }
          ul.c-accesos li a {
            color: var(--white);
            display: inline-block;
            line-height: 1.6;
            position: relative;
          }
            ul.c-accesos li:nth-last-child(1) a,
            ul.c-accesos li:nth-last-child(2) a {padding: 0 0 0 2rem;}
            ul.c-accesos li a:focus,
            ul.c-accesos li a:hover {
              color: var(--fifth-color);
              text-decoration: underline;
            }
          ul.c-accesos li a::before {
            content: '';
            display: inline-block;
            font-family: "Font Awesome 5 Free";
            font-size: 1.2rem;
            font-weight: 900;
            height: 1.2rem;
            left: 0rem;
            line-height: 1;
            padding: 0;
            position: absolute;
            top: 0.2rem;
            width: 1.2rem;
            z-index: 5;
          }
          ul.c-accesos li:first-child a::before {
            content: '\f0e0';
            transform: scale(-1,1);
          }
          ul.c-accesos li:last-child a::before {
            content: '\f095';
            top: 0.0667rem;
          }

  #masthead.site-header .talento-container {
/*
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 115.3333rem;
*/
    padding: 0;
  }
  .site-header .site-header-inner {
/*
    align-items:center;
    flex-direction: row;
    justify-content: space-between;
*/
    display: block;
    padding: 0 1rem 3.8rem;
    margin: 0 auto;
    max-width: 115.3333rem;
  }

  #masthead.site-header.stuck {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
    top: 0!important;
    position: fixed!important;
    z-index: 99999;
  }
    .admin-bar #masthead.site-header.stuck {
      top: 32px!important;
    }

body[class*="overlap-"] .masthead-sentinel {
  display: block;
  margin: 0;
}

.cabecera {
  color: var(--secondary-color);
  padding: 5rem 0;
  text-align: left;
}
  .cabecera h1,
  .cabecera h2 {
    margin: 0 auto;
    max-width: 115.3333rem;
    padding: 0 1rem;
  }

/** logo **/
.site-header .site-branding {
  display: inline-block;
  padding: 0.5333rem 1rem 0.7333rem 0;
}
  .site-header .site-branding img {max-width: 12rem;}

/** Botón saltar a contenido principal **/
.skip-link {width: 100%;}
.skip-link:focus {
  background: var(--fifth-color);
  border: 2px solid var(--black);
  border-radius: 0;
  box-shadow: none;
  clip: unset;
  clip-path: unset;
  color: var(--primary-color);
  left: 0;
  padding: 0.2rem 1rem;
  position: relative !important;
  text-align: center;
  text-decoration: underline;
  top: 0;
  width: 100%;
  z-index: 999;
}
.skip-link:focus + #masthead {top: 1.8rem;}
.admin-bar .skip-link:focus + #masthead {top: 3.9333rem !important;}

/*** Menu principal ***/
/* Modificaciones al menú y el sub-menú de navegación */
.main-navigation {
  background: var(--fondo-desy);
  border-bottom: 1px solid var(--borde-desy);
  bottom: 0;
  display: block;
  font-size: 1.2rem;
  left: 0;
  line-height: normal;
  margin: 0;
  padding: 0.9333rem 0 1.1333rem;
  position: absolute;
  text-align: left;
  width: 100%;
}
  .main-navigation > div {display: block;}
  .main-navigation ul.menu {
    /*
    align-items: center;
    display: flex;
    justify-content: space-between;
    */
    margin: 0 auto;
    max-width: 115.3333rem;
    padding: 0 1rem;
  }
  .main-navigation li {
    /*margin: 0 0 -0.6667rem;*/
    margin: 0 0 -0.6667rem 4rem;
  }
    .main-navigation li:first-child {margin-left: 0;}
    .main-navigation ul.menu > li:focus,
    .main-navigation ul.menu > li:hover {
      margin-bottom: -1rem;
      padding-bottom: 1rem;
    }
    #site-navigation.main-navigation li a {
      color: var(--color-texto-desy);
      font-family: var(--family-base);
      font-size: 1.0667rem;
      font-weight: 400;
      line-height: normal;
      position: relative;
    }
      #site-navigation.main-navigation li.current-menu-item a {font-weight: 700;}
      /*#site-navigation.main-navigation li a:focus,
      #site-navigation.main-navigation li a:hover {color: var(--fifth-color);}*/
      #site-navigation.main-navigation ul.menu > li > a::before {
        background: var(--black);
        bottom: -4px;
        content: '';
        height: 3px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        transition: .3s;
        width: 0;
      }
        #site-navigation.main-navigation ul.menu > li.current-menu-item > a::before {width: 50%;}
        #site-navigation.main-navigation ul.menu > li.current-menu-ancestor > a::before {width: 30%;}
        #site-navigation.main-navigation ul.menu > li > a:focus::before,
        #site-navigation.main-navigation ul.menu > li > a:hover::before {
          background: var(--fifth-color);
          background: var(--color-texto-desy);
          transition: .4s;
          transition-timing-function: ease-in-out;
          width: 100%;
        }
      .main-navigation ul.menu > .menu-item-has-children > a {padding-right: 1rem;}
        .main-navigation ul.menu > .menu-item-has-children > a::after,
        .main-navigation ul.menu > .page_item_has_children > a::after {
          content: '\f0d7';
          display: inline-block;
          font-family: "Font Awesome 5 Free";
          font-size: 1rem;
          font-weight: 900;
          height: 1rem;
          line-height: 1;
          padding: 0;
          position: absolute;
          right: -0.2rem;
          top: 0.0667rem;
          width: 1rem;
          z-index: 5;
        }

  #site-navigation.main-navigation ul.menu > li > .children,
  #site-navigation.main-navigation ul.menu > li > .sub-menu {
    background: var(--white);
    border: 2px solid var(--white);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .5);
    display: block;
    left: -4rem;
    top: calc(100% - .5333rem);
    width: calc(100% + 8rem);
  }
    #site-navigation.main-navigation ul .children li.current-menu-item,
    #site-navigation.main-navigation ul .sub-menu li.current-menu-item,
    #site-navigation.main-navigation ul .children li.current-menu-parent,
    #site-navigation.main-navigation ul .sub-menu li.current-menu-parent {
      background: var(--fourth-color);
      color: var(--third-color);
      font-weight: 700;
    }
    #site-navigation.main-navigation ul .children a,
    #site-navigation.main-navigation ul .sub-menu a {
      color: var(--texto-titulo);
      display: block;
      font-size: 1rem;
      font-weight: 400;
      margin: 0;
      padding: 0.6rem 1.2rem 0.6rem 0.8rem;
      transition: .2s;
    }
      #site-navigation.main-navigation ul .children > .menu-item-has-children > a::after,
      #site-navigation.main-navigation ul .sub-menu > .menu-item-has-children > a::after {
        content: '\f054';
        display: inline-block;
        font-family: "Font Awesome 5 Free";
        font-size: 1.2rem;
        font-weight: 900;
        height: 1rem;
        line-height: 1;
        padding: 0;
        position: absolute;
        right: 0rem;
        top: 0.6667rem;
        width: 1.0667rem;
        z-index: 5;
      }

      #site-navigation.main-navigation ul .children > li:hover > a,
      #site-navigation.main-navigation ul .sub-menu > li:hover > a {
        background: var(--primary-color);
        color: var(--white);
        transition: .3s;
      }
      #site-navigation.main-navigation ul .children li.current-menu-item a,
      #site-navigation.main-navigation ul .sub-menu li.current-menu-item a {font-weight: 700;}

/* Menu mobile */
#mobile-navigation{
  /*width: 60%!important;
  margin-left: 40%;*/
  width: 100%!important;
  margin-left: 0;
  max-height: 100vh!important;
  top: 0;
  left: 0;
  right: auto;
  height: 100vh;
  padding: 3rem 0;
}
  .admin-bar #mobile-navigation {max-height: 100vh!important;}
    #mobile-navigation ul li.menu-button2 {
      background: var(--white);
      border-radius: 25px;
      border: solid 2px var(--primary-color)!important;
      color: var(--primary-color)!important;
      line-height: normal;
      margin-right: .5rem!important;
      margin-top: 1rem!important;
      margin-bottom: 1rem!important;
      padding: 1rem 3rem!important;
      text-align: left;
      width: auto!important;
    }
      #mobile-navigation ul li.menu-button2.transparent {
        border: solid 2px #2e3532!important;
        color: #2e3532!important;
        margin-right: 0.75rem!important;
      }
        #mobile-navigation ul li.menu-button2.transparent a {color: #2d2d2d!important;}

      #mobile-navigation ul li {
        font-size: 1.4rem;
        padding: 0 4rem;
      }
      #mobile-navigation ul li a {
        border: 0px !important;
        position: relative;
      }
      #mobile-navigation ul li a:focus,
      #mobile-navigation ul li a:hover {color: var(--fifth-color) !important;}
        #mobile-navigation > ul > li.current-menu-item > a::before,
        #mobile-navigation > ul > li.current-menu-ancestor > a::before {
          background: var(--secondary-color);
          bottom: 0.6rem;
          content: '';
          display: inline-block;
          font-family: "Font Awesome 5 Free";
          font-size: 1.2rem;
          font-weight: 900;
          height: 0.2rem;
          left: 0;
          line-height: 1;
          padding: 0;
          position: absolute;
          width: 5rem;
          z-index: 5;
        }
          #mobile-navigation > ul > li.current-menu-ancestor > a:focus::before,
          #mobile-navigation > ul > li.current-menu-ancestor > a:hover::before {background: var(--fifth-color);}
        #mobile-navigation ul .children li,
        #mobile-navigation ul .sub-menu li {padding: 0;}
          #mobile-navigation ul .children li a,
          #mobile-navigation ul .sub-menu li a {
            font-size: 1.2rem;
            padding: 0 0 0 2rem;
          }
            #mobile-navigation > ul > li > .children > li.current-menu-item > a::before,
            #mobile-navigation > ul > li > .sub-menu > li.current-menu-item > a::before,
            #mobile-navigation > ul > li > .children > li.current-menu-ancestor > a::before,
            #mobile-navigation > ul > li > .sub-menu > li.current-menu-ancestor > a::before {
              background: var(--secondary-color);
              bottom: 0.6rem;
              content: '';
              display: inline-block;
              font-family: "Font Awesome 5 Free";
              font-size: 1.2rem;
              font-weight: 900;
              height: 0.2rem;
              left: 2rem;
              line-height: 1;
              padding: 0;
              position: absolute;
              width: 4rem;
              z-index: 5;
            }
            #mobile-navigation > ul > li > .children > li.current-menu-ancestor > a:focus::before,
            #mobile-navigation > ul > li > .sub-menu > li.current-menu-ancestor > a:focus::before,
            #mobile-navigation > ul > li > .children > li.current-menu-ancestor > a:hover::before,
            #mobile-navigation > ul > li > .sub-menu > li.current-menu-ancestor > a:hover::before {background: var(--fifth-color);}
            #mobile-navigation ul .children .children li a,
            #mobile-navigation ul .sub-menu .sub-menu li a {
              font-size: 1rem;
              padding: 0 0 0 4rem;
            }
              #mobile-navigation > ul > li > .children > li > .children > li.current-menu-item > a::before,
              #mobile-navigation > ul > li > .sub-menu > li > .sub-menu > li.current-menu-item > a::before {
                background: var(--secondary-color);
                bottom: 0.4667rem;
                content: '';
                display: inline-block;
                font-family: "Font Awesome 5 Free";
                font-size: 1.2rem;
                font-weight: 900;
                height: 0.1333rem;
                left: 4rem;
                line-height: 1;
                padding: 0;
                position: absolute;
                width: 3rem;
                z-index: 5;
              }
              #mobile-navigation > ul > li > .children > li > .children > li.current-menu-item > a:focus::before,
              #mobile-navigation > ul > li > .sub-menu > li > .sub-menu > li.current-menu-item > a:focus::before,
              #mobile-navigation > ul > li > .children > li > .children > li.current-menu-item > a:hover::before,
              #mobile-navigation > ul > li > .sub-menu > li > .sub-menu > li.current-menu-item > a:hover::before {background: var(--fifth-color);}

    #mobile-navigation ul li button.dropdown-toggle {right: 4rem;}
      #mobile-navigation ul li button:focus,
      #mobile-navigation ul li button:hover,
      #mobile-navigation ul li button.toggle-open {color: var(--fifth-color) !important;}
      #mobile-navigation ul .children li button.dropdown-toggle,
      #mobile-navigation ul .sub-menu li button.dropdown-toggle {right: 0;}

#movil{display: none;}


/*** FOOTER ***/
.site-footer.footer-active-sidebar {
  background: var(--grey);
  border: 0;
  border-top: 1px solid var(--black);
  color: var(--secondary-color);
  font-size: 1rem;
  margin: 0;
}
  .site-footer .widgets {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
  }
    .site-footer .widgets::after {content: unset;}
    .site-footer .widgets.widgets-4 aside.widget {
      margin: 0;
      width: 16rem;
    }
      .site-footer .widgets.widgets-4 aside.widget:nth-child(1) {width: 29rem;}
      .site-footer .widgets.widgets-4 aside.widget:nth-child(4) {
        text-align: right;
        width: 22.2667rem;
      }
  .site-footer aside.widget p {
    font-size: 1rem;
    letter-spacing: -0.5px;
    margin: 0 0 0.7333rem;
  }
  .site-footer address {
    font-style: normal;
    margin: 0;
  }
  .site-footer aside.widget ul li {line-height: normal;}
    .site-footer aside.widget ul li:not(:first-child) {margin: 0.6rem 0 0;}
  .site-footer aside.widget a {color: var(--secondary-color);}
    .site-footer aside.widget a:focus,
    .site-footer aside.widget a:hover {text-decoration: underline;}
  .site-footer aside.widget:last-child img {
    display: block;
    margin: 0 0 0 auto;
    max-width: 18rem;
  }
.bottom-bar .talento-container {
  background: var(--grey);
  border-top: 1px solid var(--secondary-color);
}
.bottom-bar .site-info {
  color: var(--secondary-color);
  font-size: 1rem;
  justify-content: center;
  padding: 1.875rem 0;
  text-align: center;
}

/*** Bandas especificas del proyecto ***/

/* banda-tres-columnas */
.banda-tres-columnas {align-items: stretch !important;}
  .banda-tres-columnas .panel-grid-cell {
    max-width: 24.9333rem;
    padding: 0 0 6.4rem;
    position: relative;
  }
  .banda-tres-columnas .sow-image-container img {border-radius: 0.8rem;}
  .banda-tres-columnas .textwidget {padding: 0 1.3333rem;}
  .banda-tres-columnas .widget_sow-button {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
  }

/* banda iconos */
.c-iconos h2 {margin: 0 0 4rem;}
.c-iconos .panel-grid-cell {width: 100%;}
  .c-iconos .panel-grid:last-child .panel-grid-cell {max-width: 21.4rem;}
    .c-iconos .panel-grid:last-child .so-panel:first-child {margin:0 0 3rem;}
    .c-iconos .panel-grid:last-child h3 {
      font-size: 2rem;
      margin: 0 0 2rem;
      text-transform: uppercase;
    }
    .c-iconos .panel-grid:last-child  p {font-size: 1.2rem;}

/* banda esquinas redondeadas */
.c-banda-caja-redonda {
  background: var(--fourth-color);
  border-radius: 3rem;
  padding: 3rem;
}

/* banda bloque destacado */
.c-bloque-destacado {margin: 7.6rem 0;}
  .c-bloque-destacado h2 {margin: 0;}

/*** Páginas ***/

/** home **/
/* video */
.c-video-presentacion {position: relative;}
  .c-video-presentacion > .panel-grid-cell .so-panel:first-child .textwidget {z-index: 1;}
    .c-video-presentacion > .panel-grid-cell .so-panel:first-child .sow-video-widget {height: 40rem !important;}
      .c-video-presentacion > .panel-grid-cell .so-panel:first-child video {
        height: 40rem !important;
        object-fit: cover;
        width: 100%;
      }
  .c-video-presentacion > .panel-grid-cell .so-panel:last-child .textwidget {
    align-items: center;
    background: rgba(0,0,0,0);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
  }
    .c-video-presentacion h1,
    .c-video-presentacion h2 {
      background: rgba(0,0,0,0);
      color: var(--white);
      font-size: 3.2rem;
      padding: 0 1rem 0.6rem;
    }
      .c-video-presentacion h2 {
        font-size: 2.6rem;
        font-weight: 600;
      }

/* acordeón */
.c-acordeon-horizontal .sow-accordion {
  align-items: stretch;
  display: flex;
}
  .c-acordeon-horizontal .sow-accordion-panel {
    align-items: stretch;
    display: flex;
    flex-direction: row-reverse;
    margin: 0 !important;
  }
    .c-acordeon-horizontal .sow-accordion-title {
      height: 55.2667rem;
      width: 6rem !important;
    }
      .c-acordeon-horizontal .sow-accordion-panel-open .sow-accordion-title {width: auto !important;}
      .c-acordeon-horizontal .sow-accordion .sow-accordion-panel .sow-accordion-panel-header-container .sow-accordion-panel-header {
        background: transparent;
        display: block;
        height: 100%;
        padding: 0;
      }
      .c-acordeon-horizontal .sow-accordion-title span {display: none;}
      .c-acordeon-horizontal .sow-accordion-title img {
        display: block;
        filter: grayscale(100%);
        height: 100%;
        object-fit: cover;
        width: auto;
      }
        .c-acordeon-horizontal .sow-accordion-title img:focus,
        .c-acordeon-horizontal .sow-accordion-title img:hover {filter: grayscale(25%);}
      .c-acordeon-horizontal .sow-accordion-open-close-button {display: none;}
    .c-acordeon-horizontal .sow-accordion-panel-content .sow-accordion-panel-border {
      background: transparent !important;
      height: 100% !important;
      width: 0%;
    }
      .c-acordeon-horizontal .sow-accordion-panel-content p:first-child {display: none;}

    .c-acordeon-horizontal .sow-accordion-panel-open {background: transparent}
      .c-acordeon-horizontal .sow-accordion-panel-open .sow-accordion-panel-header-container {width: 42%;}
        .c-acordeon-horizontal .sow-accordion-panel-open .sow-accordion-title img {filter: grayscale(0%);}
        .c-acordeon-horizontal .sow-accordion-panel-open .sow-accordion-panel-content {
          padding: 7rem 9% 0 2%;
          width: 47%;
        }
          .c-acordeon-horizontal .sow-accordion-panel-open .sow-accordion-panel-content .sow-accordion-panel-border {
            height: 100% !important;
            width: 100% !important;
          }

/* Cajas destacadas home */
.c-cajas-destacadas .panel-grid-cell {
  border-radius: 0.8rem;
  position: relative;
}
  .c-cajas-destacadas .panel-grid-cell > .so-panel {
    border-radius: 0.8rem;
    margin: 0 !important;
  }
  .c-cajas-destacadas .so-panel .sow-image-container img {
    border-radius: 0.8rem;
    height: 25rem;
    object-fit: cover;
    width: 100%;
  }
  .c-cajas-destacadas .so-panel .textwidget h2 {
    bottom: 2rem;
    color: var(--white) !important;
    font-size: 1.4rem;
    left: 50%;
    line-height: 1.32;
    margin: 0;
    padding: 0 1rem;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    width: 100%;
    z-index: 2;
  }
.c-cajas-destacadas .so-panel .textwidget p {margin: 0;}
  .c-cajas-destacadas .so-panel .textwidget p::before {
    background: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.5));
    border-radius: 0.8rem;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
    .c-cajas-destacadas .so-panel .textwidget p:hover::before {background: rgba(0,0,0,.5);}
.c-cajas-destacadas .so-panel .textwidget a {
    border-radius: 0.8rem;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -1000%;
    top: 0;
    width: 100%;
    z-index: 3;
  }

/* Cajas destacadas 4 columnas */
.c-banda-columnas-destacadas .panel-grid-cell {border-radius: 0.8rem;}
  .c-banda-columnas-destacadas .panel-grid-cell > .so-panel {
    border-radius: 0.8rem;
    margin: 0 !important;
    position: relative;
  }
    .c-banda-columnas-destacadas .so-panel .sow-image-container::before {
      background: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.5));
      border-radius: 0.8rem;
      content: '';
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1;
    }
      .c-banda-columnas-destacadas .so-panel .sow-image-container img {
        border-radius: 0.8rem;
        height: 20rem;
        object-fit: cover;
        width: 100%;
      }
    .c-banda-columnas-destacadas .so-panel .textwidget h2,
    .c-banda-columnas-destacadas .so-panel .textwidget h3 {
      color: var(--white) !important;
      font-size: 1.4rem;
      left: 50%;
      line-height: 1.32;
      margin: 0;
      padding: 0 1rem;
      position: absolute;
      text-align: center;
      transform: translateX(-50%);
      top: -3rem;
      width: 100%;
      z-index: 2;
    }
    .c-banda-columnas-destacadas .so-panel .textwidget h2 + p,
    .c-banda-columnas-destacadas .so-panel .textwidget h3 + p {margin: 0;}
      .c-banda-columnas-destacadas .so-panel .textwidget a {
        border-radius: 0.8rem;
        bottom: 0;
        height: 20rem;
        left: 0;
        overflow: hidden;
        position: absolute;
        text-indent: -1000%;
        width: 100%;
        z-index: 3;
      }
    .c-banda-columnas-destacadas .so-panel.panel-last-child p {margin: 1rem .6rem 0;}
    

/** Contacto **/
.banda-form {
  background: rgba(22,191,121,0.06);
}

input.wpcf7-form-control::placeholder{
  color: #414141 !important;
  opacity: 1;
}
.wpcf7-list-item {
  margin: 0;
}
.wpcf7-form-control{
  border: none !important;
}

.form-label-tematica select {
  background: none;
  padding-bottom: 9px;
  width: 100%;
}

.form-input-nombre input, .form-input-email input, .form-input-idea input, .form-input-video-enlace input,
.form-label-nombre-equipo input, .caja-participante input, .form-label-tematica select{
  border-bottom: 2px solid #414141 !important;
}

.form-label-participantes, .form-label-tematica{
  font-weight: normal !important;
  font-size: 0.938rem;
}
.formulario-inscripcion{
  width: 39.938rem !important;
  margin: 0 auto;
}
.formulario-inscripcion .gfield,
.formulario-inscripcion .gform_wrapper.gravity-theme fieldset.gfield {margin: 0 0 2rem;}
.formulario-inscripcion .gfield label,
.formulario-inscripcion .gfield legend {
  color: #8e8e8e;
  display: block;
  font-size: 1rem !important;
  font-weight: 600 !important;
  margin: 0 !important;
  }
  .formulario-inscripcion label.politica-privacidad {
    margin-top: 2rem;
    margin-bottom: .35rem;
  }
  .formulario-inscripcion label.politica-privacidad label,
  .formulario-inscripcion label.manten-informado label {
    display: flex;
    align-items: center;
    color: #4d5868;
    }
  .formulario-inscripcion .ginput_container select,
  .formulario-inscripcion .ginput_container textarea,
  .formulario-inscripcion .ginput_container input[type="text"],
  .formulario-inscripcion .ginput_container input[type="email"] {
    background: none;
    border: 0;
    border-bottom: 2px solid #414141 !important;
    padding: 14px 0;
    width: 100%;
    }
    .formulario-inscripcion .gfield .ginput_container_consent {
      align-items: center;
      display: flex;
    }
    .formulario-inscripcion label input[type="checkbox"] {
      height: 18px;
      margin-right: .75rem;
      width: 18px;
    }
    .formulario-inscripcion .button-link-form {
      background: var(--fifth-color);
      border: 0;
      border-radius: 1.2rem;
      color: var(--secondary-color);
      font-size: 1rem;
      font-weight: 600;
      line-height: normal;
      margin: 2rem 0 0 0!important;
      padding: 1.0667rem 4.2rem 1rem;
      text-transform: none;
      transition: .2s;
      width: auto;
    }
      .formulario-inscripcion .button-link-form:focus,
      .formulario-inscripcion .button-link-form:hover {
        background: var(--secondary-color);
        color: var(--fifth-color);
        transition: .3s;
      }
  .formulario-inscripcion .gform_wrapper.gravity-theme .instruction,
  .formulario-inscripcion .gform_wrapper.gravity-theme .description, 
  .formulario-inscripcion .gform_wrapper.gravity-theme .gfield_description, 
  .formulario-inscripcion .gform_wrapper.gravity-theme .gsection_description { 
    font-size: .9333rem;
    margin: 0.4rem 0 0 !important;
    padding: 0;
  }

.caja-participante{
  display: flex;
}

.caja-participante label{
  width: 18.5rem;
}

.caja-participante label.email-participante{
  margin-left: 1rem;
}

.ultima-caja-participante input{
  margin-bottom: 3.75rem;
}

.form-label-tematica select{
  margin-top: 0.75rem;
  font-weight: 600;
}

.form-label-nombre-equipo input{
  margin-bottom: 2.188rem;
}

.archivos{margin-bottom: 5%;}
.mec-calendar .mec-event-article{padding-left:3%;}
div#comments {margin-bottom: 5%;}

/* error404 */
.error404 .site-header {margin: 0;}
.error-404 {
  border-bottom: 1px solid var(--grey-border);
  padding: 8rem 0;
}
    .error-404 header,
    .error-404 .page-content {
      margin: 0 auto;
      max-width: 45rem;
      text-align: center;
      width: 100%;
    }
      .error-404 .page-content {margin-top: 4rem;}

/** Listado iconos **/

/* Listado iconos Tipo 1 */
.c-lista-iconos ul {
  margin: 0;
  list-style-type: none;
}
  .c-lista-iconos ul li {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    margin: 1rem 0 0;
  }
    .c-lista-iconos ul li::marker {content: unset;}
    .c-lista-iconos ul li div:first-child {
      background: var(--primary-color);
      border-radius: 2rem;
      display: block;
      height: 4rem;
      margin: 0 2rem 0 0;
      position: relative;
      width: 4rem;
    }
      .c-lista-iconos ul li .fas {
        border-radius: 2rem;
        color: var(--white);
        display: block;
        height: 4rem;
        width: 4rem;
      }
        .c-lista-iconos ul li .fas::before {
          left: 50%;
          position: absolute;
          top: 50%;
          transform: translate(-50%,-50%);
        }
    .c-lista-iconos ul li div:last-child {
      display: block;
      width: calc(100% - 6rem);
    }
/* Listado iconos Tipo 2 */
.c-listado-iconos .panel-layout > .panel-grid:not(:last-child) {margin: 0 0 1rem;}
.c-listado-iconos .panel-layout .panel-grid .panel-grid-cell:first-child {
  background: var(--primary-color);
  border-radius: 2rem;
  display: block;
  height: 3rem;
  position: relative;
  width: 3rem !important;
}
  .c-listado-iconos .panel-layout .panel-grid .panel-grid-cell:first-child .so-panel .sow-icon .sow-fas {
    border-radius: 2rem;
    color: var(--white) !important;
    display: block;
    height: 3rem;
    width: 3rem;
  }
    .c-listado-iconos .panel-layout .panel-grid .panel-grid-cell:first-child .so-panel .sow-icon .sow-fas::before {
      font-size: 1.4rem;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
    }
.c-listado-iconos .panel-layout .panel-grid .panel-grid-cell:last-child {
  padding: 0.8rem 0 0;
  width: calc(100% - 6rem) !important;
}

/* mapa de google */
.c-mapa-100 iframe {display: block;}

.building-box{
  padding: 2.5rem 2rem 1rem 2rem;
  margin-bottom: 1.5rem;
  background-color: var(--grey);
}

.building-box h3 {
  	color: #202020;
	font-size: 12px;
    line-height: 18px;
	text-transform: uppercase;
	}
	.building-box h3 a {
		color: #202020;
	}

.buildings-form form.asp-fss-flex{
  justify-content: space-evenly;
}

/* Mapas edificios */
.banda-imagen-cajas {
	min-height: 40rem;
}
.banda-cajas {
	position: relative;
	margin-top: -4rem;
	margin-bottom: 2rem;
}

.banda-search-results .buildings-form .ajaxsearchpro .probox,
.banda-search-results .buildings-form .ajaxsearchpro .probox .promagnifier,
.banda-search-results .buildings-form .ajaxsearchpro .probox .prosettings {
	background: #E20714!important;
}
.banda-search-results .buildings-form div.searchsettings form {
    flex-direction: column;
}

.banda-search-results .buildings-form div.ajaxsearchpro.searchsettings fieldset {
	background: #fff;
	margin: 1rem 0 2rem!important;
	width: 90%!important;
	padding: 0 5%!important;
}
.banda-search-results .buildings-form div.ajaxsearchpro.searchsettings legend {
    padding: 2% 2%;
    margin: 0 0 1rem 0!important;
    font-weight: normal;
    font-size: 13px;
    background: var(--grey);
    width: 96%;
    position: relative;
    float: none;
    color: #202020;
}
.banda-search-results div.vertical.ajaxsearchpro.asp_w.asp_r  {
	background: none!important;
	margin: 0!important;
	padding: 0!important;
	}
	.banda-search-results div.vertical.ajaxsearchpro.asp_w.asp_r  .item{
		box-shadow: rgb(0 0 0 / 30%) 0 3px 4px -3px, inset 0 -1px 0 0 rgb(0 0 0 / 24%);
		margin-bottom: 2rem;
		padding: 1rem 0.5rem;
	}
	.banda-search-results div.vertical.ajaxsearchpro.asp_w.asp_r  .results .item::after {
		content: none;
	}

.banda-search-results div.vertical.ajaxsearchpro.asp_w.asp_r .results .item .asp_content h3 a {
	color: #E20714!important;
}
.banda-search-results div.vertical.ajaxsearchpro.asp_w.asp_r .results .item .asp_content .asp_res_text {
	line-height: normal!important;
}
.banda-search-results div.vertical.ajaxsearchpro.asp_w.asp_r p.showmore a {
	background: #E20714!important;
	color: #ffffff!important;
	display: inline-block!important;
    font-size: 14px!important;
    font-weight: bold!important;
	padding: 1rem 1.5rem!important;
}

.squares-element p{
  margin-bottom: 1rem;
}

.banda-search-results div.vertical.ajaxsearchpro.asp_w.asp_r .results .item .asp_content .asp_res_btn .asp_res_url.button {
  color: #fff !important;
  background-color: #E20714 !important;
  width: auto;
  padding: 0.25rem 0.5rem !important;
  border: 1px solid #000 !important;
  border-radius: 0.5rem;
}

.banda-search-results div.vertical.ajaxsearchpro.asp_w.asp_r .results .item .asp_content .asp_res_btn .asp_res_url.button:hover {
  background-color: #e7111fab !important;
}

.banda-search-results div.vertical.ajaxsearchpro.asp_w.asp_r .results .item .asp_content .asp_res_text{
	margin-bottom: 1rem;
}

.logo-container .sow-image-container {
    height: 14rem;
    align-items: center !important;
}

.logo-container img.so-widget-image {
    max-width: 90% !important;
    object-fit: cover;
    object-position: center center;
}

/** Noticias **/

/* Listado */
.so-panel.widget_siteorigin-panels-postloop {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}
  .so-panel.widget_siteorigin-panels-postloop::after,
  .so-panel.widget_siteorigin-panels-postloop::before {display: none;}
    .so-panel.widget_siteorigin-panels-postloop article {
      border: 0;
      padding: 0 0 2rem;
      position: relative;
      width: 48%;
    }
    .widget_siteorigin-panels-postloop article .entry-thumbnail {height: 23.3333rem;}
    .widget_siteorigin-panels-postloop article .entry-thumbnail img {
      height: 23.3333rem;
      object-fit: cover;
      width: 100%;
    }
    .widget_siteorigin-panels-postloop article h2 {
      font-size: 2rem;
      font-weight: 600;
    }
    .widget_siteorigin-panels-postloop article .u-leer-mas {
      bottom: 0.4rem;
      display: inline-block;
      margin: 0;
      position: absolute;
      right: 0;
    }

  .so-panel.widget_siteorigin-panels-postloop .pagination {
    margin: 3rem 0;
    text-align: center;
    width: 100%;
  }
    .so-panel.widget_siteorigin-panels-postloop .pagination .page-numbers.current,
    .so-panel.widget_siteorigin-panels-postloop .pagination a.page-numbers:focus,
    .so-panel.widget_siteorigin-panels-postloop .pagination a.page-numbers:hover {color: var(--white);}

    .pagination .page-numbers {
      height: 2.7333rem;
      padding: .6rem .8rem;
      position: relative;
      vertical-align: top;
      width: 2.7333rem;
    }
      .pagination .page-numbers.next span::before,
      .pagination .page-numbers.prev span::before {
        content: '\f101';
        display: inline-block;
        font-family: "Font Awesome 5 Free";
        font-size: 1rem;
        font-weight: 900;
        height: 1rem;
        left: 0.8667rem;
        line-height: 1;
        padding: 0;
        position: absolute;
        top: 0.8667rem;
        width: 1rem;
        z-index: 5;
      }
        .pagination .page-numbers.prev span::before {content: '\f100';}

/* Noticia */
.single-post .cabecera,
.single-private_news .cabecera,
.area-privada .cabecera {
  color: var(--white);
  background-position: center;
  background-size: cover;
  height: 26.6667rem;
  margin: 0 0 3rem;
  position: relative;
  text-align: center;
}
  .single-post .cabecera::after,
  .single-private_news .cabecera::after,
  .area-privada .cabecera::after {
    background: rgba(0,0,0,.4);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
  }
  .single-post .cabecera h1,
  .single-private_news .cabecera h1,
  .area-privada .cabecera h1 {
    color: var(--white);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 4;
  }

  .related-posts-section {margin: 3rem 0;}

/** Categorías/Etiquetas (tags) **/
body.archive.category .cabecera {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;  
  margin: 0 0 3rem;
  padding: 8rem 0;
  position: relative;
}
  body.archive.category .cabecera::after {
    background: rgba(0,0,0,.5);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  body.archive.category .cabecera .banda-medium {
    position: relative;
    z-index: 3;
  }
  body.archive.category .cabecera h1 {
    color: #fff;
    text-align: center
  }

/* Registro y area privada */
#content #wppb-form-style-1-wrapper {
    width: 100%;
}

#content #wppb-login-wrap {
    max-width: 100%;
}

.empty-blank-space-1x {
	height: 32px;
}

.empty-blank-space-2x {
	height: 64px;
}

.register-custom-btn{
	font-style: normal;
    font-weight: 500;
    /* font-size: 20px; */
    text-decoration: none;
    color: #1079F3;
}

#content #wppb-form-style-1-wrapper #pass-strength-result{
	max-width: 100%;
}

/* AREA PRIVADA */
/* Notificaciones */
.listado-notificaciones li.leido {
    background-color: #f0f0f0;
    color: #666;
}

.listado-notificaciones li.no-leido {
    background-color: #fff8e1;
    border-left: 4px solid #ffa000;
}

.notificaciones-contador {
    font-size: 14px;
	vertical-align: middle;
}

ul.listado-notificaciones {
    list-style: none;
    margin: 0px;
    max-height: 500px;
    overflow-y: scroll;
}

ul.listado-notificaciones button {
    background: none;
    padding: 0px;
    text-transform: none;
    color: #2d495f;
}

ul.listado-notificaciones button:hover {
    color: #000;
}

.listado-notificaciones li{
	margin-bottom:10px;
	padding:10px;
	border:1px solid #ccc;
	border-radius: 4px;
}

.listado-notificaciones li a,
.listado-notificaciones li button {
	/* text-decoration: underline; */
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	font-weight: 600;
}

.listado-notificaciones li a:hover,
.listado-notificaciones li button:hover {
	text-decoration: underline;
}

/* Listado de documentos */
.listado-documentos {
    list-style: none;
    padding: 0;
    margin: 0;
}

.documento-item {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #f9f9f9;
    transition: background-color 0.2s ease;
}

.documento-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    text-decoration: none;
    color: #0073aa;
    width: 100%;
    box-sizing: border-box;
}

.documento-link:hover {
    background-color: #eef6fc;
    text-decoration: none;
    color: #005177;
}

.documento-titulo {
    font-weight: bold;
}

.documento-descargar {
    font-size: 1.2em;
    color: #0073aa;
    transition: color 0.2s ease;
}

.documento-link:hover .documento-descargar {
    color: #005177;
}

.documento-sin-archivo {
    padding: 10px;
    color: #999;
    font-style: italic;
}

#primary .btn-see-more a{
	background: var(--primary-color);
	border: 0;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: normal;
    padding: 11px 25px;
    text-transform: uppercase;
    transition: .3s;
}

#primary .btn-see-more a:hover{
	background-color: var(--secondary-color);
}

/* Noticias privadas */
/* Paginación */
.news-pagination-nav {
	text-align: center;
	margin: 30px 0;
}

.news-pagination-list {
	list-style: none;
	padding: 0;
	display: inline-flex;
	gap: 8px;
}

.news-pagination-item a,
.news-pagination-item span {
	display: inline-block;
	padding: 8px 14px;
	border: 1px solid #ccc;
	color: #333;
	text-decoration: none;
	border-radius: 4px;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.news-pagination-item a:hover {
	background-color: #f0f0f0;
	border-color: #999;
}

.news-pagination-item .current {
	background-color: #0073aa;
	color: #fff;
	border-color: #0073aa;
}

/* ====== Formulario de Filtros ====== */
.private-news-filter-form {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Inputs y Select */
.private-news-filter-form input[type="text"],
.private-news-filter-form select {
    flex: 1 1;
    padding: 12px 15px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.private-news-filter-form input[type="text"]:focus,
.private-news-filter-form select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    outline: none;
}

/* Botón */
#primary .private-news-filter-form button {
    padding: 12px 25px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: var(--primary-color);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

#primary .private-news-filter-form button:hover {
    background-color: var(--secondary-color);
}

.private-news-filter-form button:hover {
    background-color: darken(var(--primary-color), 10%);
    transform: translateY(-2px);
}

.private-news-filter-form button:active {
    transform: translateY(0);
}

/* Estilos para cada artículo */
.so-panel.widget_siteorigin-panels-postloop .three-columns-item {
    width: 32%; /* 3 artículos por fila */
    box-sizing: border-box;
    margin-bottom: 2rem; /* Espaciado entre filas */
}

/* Ajustes para mantener el diseño responsivo */
@media (max-width: 1024px) {
    .so-panel.widget_siteorigin-panels-postloop .three-columns-item {
        width: 48%; /* 2 por fila en pantallas medianas */
    }
}

@media (max-width: 768px) {
    .so-panel.widget_siteorigin-panels-postloop .three-columns-item {
        width: 100%; /* 1 por fila en móviles */
    }

	.private-news-filter-form {
        flex-direction: column;
        align-items: stretch;
    }

    .private-news-filter-form input[type="text"],
    .private-news-filter-form select,
    .private-news-filter-form button {
        width: 100%;
    }
}

/***** Definición Media queries *****/
@media (max-width: 950px){
  .imp-ui .imp-ui-layers-menu-wrap{
    top: 32vw;
  }
}
@media only screen and (max-width: 1700px) {
  .main-navigation li {margin-left: 3.6rem;}
  .u-foto-derecha img,
  .u-video-derecha .sow-video-wrapper {right: -3rem;}
  .u-foto-izquierda img,
  .u-video-izquierda .sow-video-wrapper {left: -3rem;}
}
@media only screen and (max-width: 1650px) {
  .main-navigation li {margin-left: 3.2rem;}
  .u-foto-derecha img,
  .u-video-derecha .sow-video-wrapper {right: -2rem;}
  .u-foto-izquierda img,
  .u-video-izquierda .sow-video-wrapper {left: -2rem;}
}
@media only screen and (max-width: 1600px) {
  .main-navigation li {margin-left: 2.8rem;}
  .u-foto-derecha img,
  .u-video-derecha .sow-video-wrapper {right: -1rem;}
  .u-foto-izquierda img,
  .u-video-izquierda .sow-video-wrapper {left: -1rem;}
}
@media only screen and (max-width: 1500px) {
  .main-navigation li {margin-left: 2.4rem;}
}
@media only screen and (max-width: 1440px) {
  .main-navigation li {margin-left: 1.8rem;}

  .c-iconos .panel-grid:last-child .panel-grid-cell {max-width: 20rem;}
  .c-iconos .panel-grid:last-child .so-panel:first-child {margin-bottom: 5.2rem;}
  .c-iconos .panel-grid:last-child h3 {
    font-size: 2.0667rem;
    margin: 0 0 4rem;
  }
  .c-iconos .panel-grid:last-child .panel-grid-cell .sow-icon span,
  .c-iconos .panel-grid:last-child .panel-grid-cell .sow-icon a span {font-size: 9rem !important;}

  .c-acordeon-horizontal .sow-accordion-title {width: 5rem !important;}
  .c-acordeon-horizontal .sow-accordion-panel-open .sow-accordion-panel-content {width: 50%;}

  .c-bloque-destacado {margin: 7rem 0;}

  body:not(.home) #colophon.site-footer {margin: 6rem 0 0;}
  .bottom-bar .site-info,
  .site-footer aside.widget p,
  .site-footer.footer-active-sidebar {font-size: 1.5333rem;}
  .site-footer .widgets.widgets-4 aside.widget {width: 15.2rem;}
  .site-footer .widgets.widgets-4 aside.widget:nth-child(1) {width: 27.6rem;}

  ul.c-accesos li {margin-left: 2.6rem;}
}
@media only screen and (max-width: 1280px) {
  .c-iconos .panel-grid:last-child .panel-grid-cell {
    margin: 0 1rem;
    max-width: 18rem;
  }
  .c-iconos .panel-grid:last-child h3 {
    font-size: 2rem;
    margin: 0 0 3.6rem;
  }
  .c-iconos .panel-grid:last-child .so-panel:first-child {margin-bottom: 4.8rem;}
  .c-iconos .panel-grid:last-child .panel-grid-cell .sow-icon span,
  .c-iconos .panel-grid:last-child .panel-grid-cell .sow-icon a span {font-size: 8rem !important;}

  .c-acordeon-horizontal .sow-accordion-panel-open .sow-accordion-panel-content {width: 55%;}

  .c-bloque-destacado {margin: 6rem 0;}

  body:not(.home) #colophon.site-footer {margin: 5rem 0 0;}
  .bottom-bar .site-info,
  .site-footer aside.widget p,
  .site-footer.footer-active-sidebar {font-size: 1.4667rem;}
  .site-footer .widgets.widgets-4 aside.widget {width: 14.6rem;}
  .site-footer .widgets.widgets-4 aside.widget:nth-child(1) {width: 26.4rem;}
}
@media only screen and (max-width: 1250px) {
  .c-iconos .panel-grid:last-child h3 {
    font-size: 1.9333rem;
    margin: 0 0 3.2rem;
  }
  .c-iconos .panel-grid:last-child .so-panel:first-child {margin-bottom: 4.6rem;}
  .c-iconos .panel-grid:last-child .panel-grid-cell .sow-icon span,
  .c-iconos .panel-grid:last-child .panel-grid-cell .sow-icon a span {font-size: 8rem !important;}

  .site-footer .widgets.widgets-4 aside.widget {width: 14rem;}
  .site-footer .widgets.widgets-4 aside.widget:nth-child(1) {width: 14.8rem;}
  .bottom-bar .site-info,
  .site-footer aside.widget p,
  .site-footer.footer-active-sidebar {font-size: 1.4rem;}

  ul.c-accesos li {margin-left: 2.2rem;}
}
@media only screen and (max-width: 1200px) {
  h1 {font-size: 2.4rem;}
  h2 {font-size: 2.2rem;}
  h3 {font-size: 2rem;}
  h4 {font-size: 1.8rem;}
  h5 {font-size: 1.6rem;}
  h6 {font-size: 1.4rem;}
  
  .c-banda-columnas-destacadas .so-panel .textwidget h2, 
  .c-banda-columnas-destacadas .so-panel .textwidget h3 {font-size: 1.2rem;}
}
@media only screen and (max-width: 1100px) {
  h1 {font-size: 2.2rem;}
  h2 {font-size: 2rem;}
  h3 {font-size: 1.8rem;}
  h4 {font-size: 1.6rem;}
  h5 {font-size: 1.4rem;}
  h6 {font-size: 1.2rem;}
  .main-navigation li {margin-left: 1.4rem;}
  #site-navigation.main-navigation li a {font-size: 1rem;}
}
@media only screen and (max-width: 1024px) {
  .c-iconos .panel-grid:last-child h3 {
    font-size: 1.8rem;
    margin: 0 0 2.8rem;
  }
  .c-iconos .panel-grid:last-child .so-panel:first-child {margin-bottom: 4.2rem;}
  .c-iconos .panel-grid:last-child .panel-grid-cell .sow-icon span,
  .c-iconos .panel-grid:last-child .panel-grid-cell .sow-icon a span {font-size: 7rem !important;}

  .c-acordeon-horizontal .sow-accordion-panel-open .sow-accordion-panel-content {width: 60%;}

  .c-bloque-destacado {margin: 5rem 0;}

  body:not(.home) #colophon.site-footer {margin: 4rem 0 0;}
  .site-footer .widgets.widgets-4 aside.widget {width: 12rem;}
  .site-footer .widgets.widgets-4 aside.widget:nth-child(1) {width: 12.6rem;}
  .site-footer .widgets.widgets-4 aside.widget:nth-child(4) {width: 22rem;}
  .bottom-bar .site-info,
  .site-footer aside.widget p,
  .site-footer.footer-active-sidebar {font-size: 1.2rem;}
}
@media only screen and (max-width: 1000px) {
  .main-navigation li {margin-left: 1rem;}

  .c-iconos .panel-grid:last-child h3 {
    font-size: 1.6667rem;
    margin: 0 0 2.4rem;
  }
  .c-iconos .panel-grid:last-child .so-panel:first-child {margin-bottom: 3.8rem;}
  .c-iconos .panel-grid:last-child .panel-grid-cell .sow-icon span,
  .c-iconos .panel-grid:last-child .panel-grid-cell .sow-icon a span {font-size: 6rem !important;}

  .site-footer .widgets.widgets-4 aside.widget {width: 11.4rem;}
  .site-footer .widgets.widgets-4 aside.widget:nth-child(1) {width: 11.8rem;}
  .site-footer .widgets.widgets-4 aside.widget:nth-child(4) {width: 21rem;}
  .bottom-bar .site-info,
  .site-footer aside.widget p,
  .site-footer.footer-active-sidebar {font-size: 1.1333rem;}

  ul.c-accesos li {margin-left: 1.8rem;}

  .panel-grid:not(:last-child) .logo-container {flex-wrap: wrap !important;}
  .panel-grid:not(:last-child) .logo-container .panel-grid-cell {width: calc(50% - ( 0.75 * 30px )) !important;}
  .panel-grid:last-child .logo-container .panel-grid-cell.panel-grid-cell-empty {display: none !important;}
  .panel-grid:last-child .logo-container .panel-grid-cell {width: calc(50% - ( 0.75 * 30px )) !important;}

  .c-banda-columnas-destacadas .so-panel .textwidget h2, 
  .c-banda-columnas-destacadas .so-panel .textwidget h3 {
    font-size: 1.2rem;
    max-width: 9rem;
    top: -4rem;
  }
}
@media only screen and (max-width: 950px) {
  .main-navigation li {margin-left: 0.8rem;}
  #site-navigation.main-navigation li a {font-size: 0.9333rem;}

  .c-iconos .panel-grid:last-child h3 {
    font-size: 1.6rem;
    margin: 0 0 2.2rem;
  }
  .c-iconos .panel-grid:last-child .so-panel:first-child {margin-bottom: 3.6rem;}
  .c-iconos .panel-grid:last-child .panel-grid-cell .sow-icon span,
  .c-iconos .panel-grid:last-child .panel-grid-cell .sow-icon a span {font-size: 5rem !important;}

  .site-footer .widgets.widgets-4 aside.widget {width: 10.6rem;}
  .site-footer .widgets.widgets-4 aside.widget:nth-child(1) {width: 11.4rem;}
  .site-footer .widgets.widgets-4 aside.widget:nth-child(4) {width: 19rem;}
  .bottom-bar .site-info,
  .site-footer aside.widget p,
  .site-footer.footer-active-sidebar {font-size: 1.0667rem;}
}
@media only screen and (max-width: 880px) {
  h1 {font-size: 2rem;}
  h2 {font-size: 1.8rem;}
  h3 {font-size: 1.6rem;}
  h4 {font-size: 1.4rem;}
  h5 {font-size: 1.2rem;}
  h6 {font-size: 1.0667rem;}

  .main-navigation {
    height: 3.8rem;
    text-align: right;
  }

  #mobile-menu-button:not(.to-close) {
    height: 1.6rem;
    right: 2rem;
    top: 0;
    width: 4rem;
  }
  #mobile-menu-button:not(.to-close) span {display: none;}
  #mobile-menu-button:not(.to-close) span.screen-reader-text {
    background: transparent;
    clip: unset;
    clip-path: unset;
    display: block;
    font-size: 1.1333rem;
    height: auto;
    margin: 0;
    max-width: none;
    padding: 0 1rem 0 0;
    width: auto;
  }
    #mobile-menu-button:not(.to-close) span.screen-reader-text::after {
      content: '\f0d7';
      display: inline-block;
      font-family: "Font Awesome 5 Free";
      font-size: 1rem;
      font-weight: 900;
      height: 1rem;
      line-height: 1;
      padding: 0;
      position: absolute;
      right: 0rem;
      top: 0.2rem;
      width: 1rem;
      z-index: 5;
    }
    .admin-bar #mobile-menu-button.to-close {top: 2rem;}
    #mobile-menu-button span {
      left: 0;
      max-width: 36px;
    }
      #mobile-menu-button span:nth-child(1) {top: 2px;}
      #mobile-menu-button span:nth-child(2),
      #mobile-menu-button span:nth-child(3) {top: 17px;}
      #mobile-menu-button span:nth-child(4) {top: 32px;}
  #mobile-navigation ul li a:focus,
  #mobile-navigation ul li a:hover,
  #mobile-navigation ul li.current-menu-item > a,
    #mobile-navigation ul li.current-menu-item > a {font-weight: 700;}
  #mobile-navigation ul li .dropdown-toggle.toggle-open {transform: none;}
  #mobile-navigation ul li .dropdown-toggle::after {
    content: '\f078';
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 1.2rem;
    font-weight: 900;
    height: 1rem;
    line-height: 1;
    padding: 0;
    position: absolute;
    right: 0rem;
    top: 1.6rem;
    width: 1.0667rem;
    z-index: 5;
  }
    #mobile-navigation ul li .dropdown-toggle.toggle-open::after {transform: rotate(180deg);}

  .c-iconos .panel-grid:last-child h3 {
    font-size: 1.4rem;
    margin: 0 0 2rem;
  }
  .c-iconos .panel-grid:last-child .so-panel:first-child {margin-bottom: 3.2rem;}
  .c-iconos .panel-grid:last-child .panel-grid-cell .sow-icon span,
  .c-iconos .panel-grid:last-child .panel-grid-cell .sow-icon a span {font-size: 4rem !important;}

  .c-bloque-destacado {margin: 4rem 0;}

  body:not(.home) #colophon.site-footer {margin: 3rem 0 0;}
  .site-footer .widgets.widgets-4 aside.widget {width: 10rem;}
  .site-footer .widgets.widgets-4 aside.widget:nth-child(1) {width: 10.4rem;}
  .site-footer .widgets.widgets-4 aside.widget:nth-child(4) {width: 17rem;}
  .bottom-bar .site-info,
  .site-footer aside.widget p,
  .site-footer.footer-active-sidebar {font-size: 1rem;}

  ul.c-accesos li {margin-left: 1.6rem;}
}
@media only screen and (max-width: 782px) {
  #wpadminbar ~ #page #masthead {top: 46px;}
  .admin-bar #masthead.site-header.stuck {top: 0 !important;}
  .admin-bar #mobile-menu-button.to-close {top: 3rem;}
    .admin-bar #masthead.site-header.stuck #mobile-menu-button.to-close {top: 0;}
  .admin-bar .skip-link:focus + #masthead {top: 4.8667rem !important;}
}
@media only screen and (max-width: 780px) {
  h1 {font-size: 1.8rem;}
  h2 {font-size: 1.6667rem;}
  h3 {font-size: 1.5333rem;}
  h4 {font-size: 1.3333rem;}
  h5 {font-size: 1.2rem;}
  h6 {font-size: 1.0667rem;}
  .button-link, .widget_sow-button > .so-widget-sow-button > .ow-button-base > a {margin: 1.4rem 0;}

  .u-foto-derecha img,
  .u-video-derecha .sow-video-wrapper {
    margin-top: 2rem;
    right: 0;
  }
  .u-foto-izquierda img,
  .u-video-izquierda .sow-video-wrapper {
    margin-bottom: 2rem;
    left: 0;
  }
  .u-invertir-orden {flex-direction: column-reverse !important;}
    .u-invertir-orden .u-foto-izquierda {margin-top: 2rem;}

  .c-video-presentacion h2 {
    max-width: 35rem;
    padding: 0 2rem;
  }
  .banda-tres-columnas > .panel-grid-cell {margin: 0 auto !important;}
    .banda-tres-columnas > .panel-grid-cell:not(:first-child) {margin-top: 3rem !important;}
    .banda-tres-columnas > .panel-grid-cell .textwidget {text-align: center;}
    .banda-tres-columnas .widget_sow-button {position: static;}

  .c-iconos h2 {margin: 0 0 2rem;}
  .c-iconos .panel-grid:last-child {flex-wrap: wrap;}
    .c-iconos .panel-grid:last-child .panel-grid-cell {
      max-width: none;
      width: calc(50% - 2rem);
    }
      .c-iconos .panel-grid:last-child .panel-grid-cell:nth-child(n+3) {margin-top: 2rem;}
      .c-iconos .panel-grid:last-child .so-panel:first-child {margin-bottom: 2rem;}
      .c-iconos .panel-grid:last-child h3 {
        font-size: 1.6rem;
        margin: 0 0 2rem;
      }
  .c-iconos .panel-grid:last-child .panel-grid-cell .sow-icon span,
  .c-iconos .panel-grid:last-child .panel-grid-cell .sow-icon a span {font-size: 5rem !important;}

  .c-banda-caja-redonda {
    border-radius: 2rem;
    padding: 2rem;
  }
  
  .c-acordeon-horizontal .sow-accordion,
  .c-acordeon-horizontal .sow-accordion-panel {display: block;}
    .c-acordeon-horizontal .sow-accordion-panel:last-child .sow-accordion-panel-header-container {border-bottom: 1px solid var(--secondary-color);}
    .c-acordeon-horizontal .sow-accordion-panel-header-container,
    .c-acordeon-horizontal .sow-accordion-panel-open .sow-accordion-panel-header-container {
      border: 1px solid var(--secondary-color);
      border-width: 1px 1px 0;
      padding: 2rem;
      text-align: center;
      width: 100%;
    }
      .c-acordeon-horizontal .sow-accordion-panel-open .sow-accordion-panel-header-container {background: var(--secondary-color);}
      .c-acordeon-horizontal .sow-accordion .sow-accordion-panel .sow-accordion-panel-header {color: var(--secondary-color);}
      .c-acordeon-horizontal .sow-accordion .sow-accordion-panel.sow-accordion-panel-open .sow-accordion-panel-header {color: var(--fourth-color);}
      .c-acordeon-horizontal .sow-accordion-title {
        height: auto;
        width: 100% !important;
      }
        .c-acordeon-horizontal .sow-accordion-title span {display: block;}
        .c-acordeon-horizontal .sow-accordion-title img {display: none;}
    .c-acordeon-horizontal .sow-accordion-panel-open .sow-accordion-panel-content {
      padding: 0;
      width: 100%;
    }
      .c-acordeon-horizontal .sow-accordion-panel-open .sow-accordion-panel-content .sow-accordion-panel-border {padding-bottom: 2rem !important;}
      .c-acordeon-horizontal .sow-accordion-panel-content p:first-child {display: block;}
      .c-acordeon-horizontal .sow-accordion-panel-content img {
        margin: -1rem -2rem 1rem;
        max-width: none;
        width: calc(100% + 4rem);
      }
      .c-acordeon-horizontal .sow-accordion-panel-content h2 {display: none;}

  .site-footer .widgets.widgets-4 {flex-wrap: wrap;}
  .site-footer .widgets.widgets-4 aside.widget {
    margin: 2rem 0 0;
    order: 3;
    width: 45%;
  }
  .site-footer .widgets.widgets-4 aside.widget:nth-child(1) {
    order: 1;
    width: 45%;
  }
  .site-footer .widgets.widgets-4 aside.widget:nth-child(3) {text-align: right;}
  .site-footer .widgets.widgets-4 aside.widget:nth-child(4) {
    order: 2;
    width: 45%;
  }
  .bottom-bar .site-info,
  .site-footer aside.widget p,
  .site-footer.footer-active-sidebar {font-size: 1.2rem;}
  .c-cajas-destacadas > .panel-grid-cell + .panel-grid-cell {margin-top: 2rem;}

  .panel-grid:last-child .logo-container .panel-grid-cell,
  .panel-grid:not(:last-child) .logo-container .panel-grid-cell {width: calc(100% - ( 0.75 * 30px )) !important;}

  #content #main .c-banda-columnas-destacadas {
    flex-direction: row;
    flex-wrap: wrap;
  }
  #content #main .c-banda-columnas-destacadas .panel-grid-cell {width: 48%;}
  #content #main .c-banda-columnas-destacadas .panel-grid-cell:nth-child(n+3) {margin-top: 2rem;}
  .c-banda-columnas-destacadas .so-panel .textwidget h2, 
  .c-banda-columnas-destacadas .so-panel .textwidget h3 {max-width: none;}
}
@media only screen and (max-width: 768px) {
  .site-footer .widgets.widgets-4 aside.widget {width: 45% !important;}
  ul.c-accesos li:nth-last-child(1) a, 
  ul.c-accesos li:nth-last-child(2) a {padding: 0 0 0 1.8rem;}
}
@media only screen and (max-width: 700px) {
  .site-footer .widgets.widgets-4 aside.widget:nth-child(4) img {
    max-width: 100%;
    width: auto;
  }
}
@media only screen and (max-width: 480px) {
  .main-navigation,
  .talento-container,
  #masthead .tophead {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  ul.c-accesos {top: 3.4rem;}
  ul.c-accesos li:last-child {
    text-align: right;
    margin: .8rem 0 0;
  }
  .cabecera {padding: 4rem 0;}

  #mobile-navigation ul li {padding: 0 1rem;}
  #mobile-navigation ul li button.dropdown-toggle {right: 1rem;}

  .site-footer .widgets.widgets-4 aside.widget:nth-child(3) {text-align: center;}
  .site-footer aside.widget:last-child img {margin: 0 auto;}

  .c-video-presentacion h1 {
    padding: 0 1rem;
    text-align: center;
    width: 100%;
  }

  .c-iconos .panel-grid:last-child .panel-grid-cell {
    margin: 0;
    width: 100%;
  }
    .c-iconos .panel-grid:last-child .so-panel:first-child {margin-bottom: 2rem;}
    .c-iconos .panel-grid:last-child .panel-grid-cell:nth-child(n+2) {margin-top: 3rem;}
    .c-iconos .panel-grid:last-child h3 {
      font-size: 1.4rem;
      margin: 0 0 2rem;
    }

  .c-banda-caja-redonda {
    border-radius: 1rem;
    padding: 1rem;
  }

  .c-bloque-destacado {margin: 3rem 0;}

  body:not(.home) #colophon.site-footer {margin: 2rem 0 0;}
  .site-footer .widgets.widgets-4 aside.widget {
    text-align: center;
    width: 100% !important;
  }
    .site-footer .widgets.widgets-4 aside.widget:nth-child(4) {order: 4;}

    #content #main .c-banda-columnas-destacadas {
      flex-direction: column;
      flex-wrap: nowrap;
    }
    #content #main .c-banda-columnas-destacadas .panel-grid-cell {width: 100%;}
    #content #main .c-banda-columnas-destacadas .panel-grid-cell:nth-child(n+2) {margin-top: 2rem;}
  }