/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>EasyGo!</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.4
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate
BlankSlate WordPress Theme 2011-2017 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/
/*
font-family: 'Open Sans', sans-serif;
font-family: 'Quicksand', sans-serif;
font-family: 'Roboto', sans-serif;
*/
/* @import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;600;700&display=swap"); */
:root {
  --verde: #00a667;
  --azul-oscuro: #002a40;
  --celeste: #00a9ff;
  --gris-tags: #808080;
  --EASE_INOUT_QUAD: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --EASE_IN_QUAD: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --EASE_OUT_QUAD: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --COLOR_UI_PHARMACY: #237db5;
  --loaderPill_DURATION: 1800ms;
}

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600;700;800&family=Quicksand:wght@400;500;600;700&family=Roboto&display=swap");

html[lang="es"] {
  margin: 0 !important;
}

html {
  scroll-behavior: smooth;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font-size: 100%;
  font: inherit;
  padding: 0;
  border: 0;
  margin: 0;
  vertical-align: baseline;
}

.absCenter {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #012b41d9;
  transition: all 0.5s ease;
}

.absCenter.loaded {
  opacity: 0;
}

.loaderPill {
  text-align: center;
  top: 35%;
  position: relative;
}

.loaderPill-anim {
  height: 160px;
}

.loaderPill-anim-bounce {
  animation: loaderPillBounce var(--loaderPill_DURATION) linear infinite;
  transform-style: preserve-3d;
  animation-play-state: running !important;
}

.loaderPill-anim-flop {
  transform-origin: 50% 50%;
  animation: loaderPillFlop var(--loaderPill_DURATION) linear infinite;
  transform-style: preserve-3d;
  animation-play-state: running !important;
}

.loaderPill-pill {
  display: inline-block;
  box-sizing: border-box;
  width: 80px;
  height: 30px;
  border-radius: 15px;
  border: 1px solid var(--COLOR_UI_PHARMACY);
  background-image: linear-gradient(
    to right,
    var(--COLOR_UI_PHARMACY) 50%,
    #ffffff 50%
  );
}

.loaderPill-floor {
  display: block;
  text-align: center;
}

.loaderPill-floor-shadow {
  display: inline-block;
  width: 70px;
  height: 7px;
  border-radius: 50%;
  background-color: color(var(--COLOR_UI_PHARMACY) alpha(26%));
  transform: translateY(-15px);
  animation: loaderPillScale var(--loaderPill_DURATION) linear infinite;
}

.loaderPill-text {
  font-weight: bold;
  color: var(--COLOR_UI_PHARMACY);
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

@keyframes loaderPillBounce {
  0% {
    transform: translateY(123px);
    animation-timing-function: var(--EASE_OUT_QUAD);
  }

  25% {
    transform: translateY(40px);
    animation-timing-function: var(--EASE_IN_QUAD);
  }

  50% {
    transform: translateY(120px);
    animation-timing-function: var(--EASE_OUT_QUAD);
  }

  75% {
    transform: translateY(20px);
    animation-timing-function: var(--EASE_IN_QUAD);
  }

  100% {
    transform: translateY(120px);
  }
}

@keyframes loaderPillFlop {
  0% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(90deg);
  }

  50% {
    transform: rotate(180deg);
  }

  75% {
    transform: rotate(450deg);
  }

  100% {
    transform: rotate(720deg);
  }
}

@keyframes loaderPillScale {
  0% {
    transform: translateY(-15px) scale(1, 1);
    animation-timing-function: var(--EASE_OUT_QUAD);
  }

  25% {
    transform: translateY(-15px) scale(0.7, 1);
    animation-timing-function: var(--EASE_IN_QUAD);
  }

  50% {
    transform: translateY(-15px) scale(1, 1);
    animation-timing-function: var(--EASE_OUT_QUAD);
  }

  75% {
    transform: translateY(-15px) scale(0.6, 1);
    animation-timing-function: var(--EASE_IN_QUAD);
  }

  100% {
    transform: translateY(-15px) scale(1, 1);
  }
}

#wpadminbar {
  opacity: 0;
  display: none;
}

::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #173548;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  background-color: #f5f5f5;
}

.js-loading *,
.js-loading *:before,
.js-loading *:after {
  animation-play-state: paused !important;
}

.is-visible {
  opacity: 1 !important;
  transform: rotateZ(0deg);
  animation: show-on-load 1s 0.5s cubic-bezier(0, 1.6, 0.6, 1) forwards;
}

@keyframes show-on-load {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.mainMenuHeader {
  box-shadow: 0px 5px 15px #00000029;
  border-bottom: 5px solid #002a40;
  position: relative;
  height: 84px;
}

.mainMenuHeader.subMenuActive:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 37px;
  background: #fff;
  bottom: -37px;
  border-top: 2px solid var(--azul-oscuro);
  z-index: 1;
}

.mainMenuHeader .headerContainer {
  width: 90%;
  height: 100%;
  margin: 0 auto;
  max-width: 1700px;
  display: flex;
  justify-content: space-between;
}

.mainMenuHeader .headerContainer .logoContainer img {
  margin: 10px 0;
  opacity: 0;
}

.mainMenuHeader .headerContainer .menu {
  width: 83%;
  height: 100%;
  position: relative;
  transition: all 0.5s ease;
  z-index: 99;
}

.mainMenuHeader .headerContainer .menu .menu_header {
  height: 100%;
  opacity: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
}

.menu_header .menu-menu-1-container {
  display: flex;
  justify-content: center;
  width: 100%;
}

.mainMenuHeader .headerContainer .menu .menu_header ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  justify-content: space-between;
}

.mainMenuHeader .headerContainer .menu .menu_header ul li {
  display: flex;
  align-items: flex-end;
  padding: 0 7px 25px;
  position: relative;
  top: -1px !important;
  left: 0 !important;
  z-index: 999;
}

.mainMenuHeader .headerContainer .menu .menu_header ul li#menu-item-3577 {
  display: none;
}

.mainMenuHeader .headerContainer .menu .menu_header ul.sub-menu li {
  padding: 9px;
  margin: 0;
  white-space: nowrap;
  background: #fff;
  border-top: 1px solid var(--azul-oscuro);
  z-index: 999;
}

.mainMenuHeader
  .headerContainer
  .menu
  .menu_header
  ul.sub-menu
  li.current_page_item
  a {
  font-weight: 900;
}

.mainMenuHeader
  .headerContainer
  .menu
  .menu_header
  ul.sub-menu
  li:first-child
  a {
  border-left: 0px solid var(--azul-oscuro);
  padding: 0 0px 0 0px;
  z-index: 999;
}

.mainMenuHeader .headerContainer .menu .menu_header ul.sub-menu li a {
  border-left: 1px solid var(--azul-oscuro);
  padding: 0 0px 0 10px;
}

.mainMenuHeader .headerContainer .menu .menu_header ul li:before {
  content: "";
  position: absolute;
  height: 10px;
  width: 100%;
  background-color: transparent;
  bottom: -1px;
  left: 0;
  border-radius: 5px 5px 0px 0px;
  transition: all 0.5s ease;
}

.mainMenuHeader .headerContainer .menu .menu_header ul li ul li:before {
  display: none;
}

.mainMenuHeader
  .headerContainer
  .menu
  .menu_header
  ul
  li.current_page_item:before,
.mainMenuHeader
  .headerContainer
  .menu
  .menu_header
  ul
  li.current-menu-ancestor:before,
.mainMenuHeader .headerContainer .menu .menu_header ul li:hover:before {
  background-color: var(--azul-oscuro);
}

.mainMenuHeader .headerContainer .menu .menu_header ul .userModal:before,
.mainMenuHeader .headerContainer .menu .menu_header ul .menu-item-395:before {
  background-color: transparent !important;
}

.mainMenuHeader .headerContainer .menu .menu_header ul .userModal,
.mainMenuHeader .headerContainer .menu .menu_header ul .menu-item-395 {
  padding: 0 0 20px;
}

.mainMenuHeader .headerContainer .menu .menu_header ul .userModal a,
.mainMenuHeader .headerContainer .menu .menu_header ul .menu-item-395 a {
  color: #fff;
  padding: 7px 10px 7px 35px;
  border-radius: 15px;
  font-size: 0.9em;
}

.mainMenuHeader .headerContainer .menu .menu_header ul .userModal a {
  background: url(img/usuario.svg) no-repeat 6px center / 20px var(--verde);
}

.mainMenuHeader .headerContainer .menu .menu_header ul .menu-item-395 a {
  background: url("img/contacto.svg") no-repeat 7px center / 20px
    var(--azul-oscuro);
}

.mainMenuHeader .headerContainer .menu .menu_header ul li .sub-menu {
  display: none;
  position: absolute;
  top: 40px;
  height: auto;
}

.mainMenuHeader .headerContainer .menu .menu_header ul li:hover .sub-menu {
  display: flex;
  top: 51px;
  z-index: 999;
}

.mainMenuHeader .headerContainer .menu .menu_header ul li a {
  font-family: "Quicksand", sans-serif;
  text-decoration: none;
  color: var(--azul-oscuro);
  font-size: 0.9em;
}

.mainMenuHeader .headerContainer .menu div.userModal {
  opacity: 0;
  z-index: -1;
  height: 0;
  transition: all 0.5s ease;
  width: 200px;
  position: absolute;
  right: 0;
  overflow: hidden;
}

.mainMenuHeader .headerContainer .menu div.userModal.active {
  display: flex;
  opacity: 1;
  width: 200px;
  right: 0px;
  top: 86px;
  position: absolute;
  padding: 10px;
  background: #fff;
  box-shadow: 0px 20px 9px #777;
  border-radius: 0px 0px 10px 10px;
  z-index: 99;
  border: 3px solid var(--azul-oscuro);
  height: auto;
  transition: all 0.5s ease;
}

.mainMenuHeader .headerContainer .menu div.userModal.logged .form_login {
  display: none;
}

.mainMenuHeader .headerContainer .menu div.userModal.notLogged .form_login {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
  font-family: "Quicksand", sans-serif;
}

.mainMenuHeader .headerContainer .menu div.userModal .form_login p {
  font-weight: 600;
  text-align: center;
}

.mainMenuHeader .headerContainer .menu div.userModal .form_login input {
  border: 1px solid var(--azul-oscuro);
  height: 30px;
  text-indent: 5px;
  border-radius: 5px;
}

.mainMenuHeader .headerContainer .menu div.userModal .form_login button {
  background: var(--verde);
  border: 0;
  height: 30px;
  cursor: pointer;
  border-radius: 15px;
  color: #fff;
  font-weight: 600;
}

.mainMenuHeader .headerContainer .menu div.userModal.notLogged .userOptions {
  display: none;
}

.mainMenuHeader .headerContainer .menu div.userModal.logged .userOptions {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: "Quicksand", sans-serif;
  gap: 9px;
}

.mainMenuHeader .headerContainer .menu div.userModal.logged .userOptions li {
  list-style: none;
}

.mainMenuHeader .headerContainer .menu div.userModal.logged .userOptions li a {
  width: 100%;
  display: block;
  padding: 10px 0;
  text-indent: 15px;
  background: #da1313;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
}

.mainMenuHeader .headerContainer .menu div.userModal .userOptions > a {
  width: 100%;
  display: block;
  padding: 10px 0;
  text-indent: 15px;
  background: var(--verde);
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
}

.mainMenuHeader .headerContainer .fa-bars {
  display: none;
  opacity: 0;
}

.top_banner {
  width: 90%;
  margin: 20px auto;
  background: var(--azul-oscuro);
  display: flex;
  padding: 10px 0px;
  justify-content: space-between;
  border-radius: 30px;
  opacity: 0;
}

.top_banner .cursoTooltip {
  display: flex;
  align-items: center;
  max-width: 280px;
  margin: 0 0 0 3%;
}

.top_banner .cursoTooltip img {
  width: auto;
  height: 20px;
}

.top_banner .cursoTooltip span {
  color: #fff;
  font-family: "Quicksand", sans-serif;
  margin: 0 10px;
  font-size: 0.9em;
}

.top_banner h2 {
  color: #fff;
  font-family: "Quicksand", sans-serif;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.2em;
}

.top_banner a {
  display: flex;
  min-width: 135px;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  color: #fff;
  font-family: "Quicksand", sans-serif;
  border-radius: 20px;
  border: 1px solid;
  padding: 0 10px;
  margin: 0 3% 0 0;
}

.top_banner a img {
  width: auto;
  height: 20px;
}

.top_banner a span {
  font-size: 0.8em;
}

.bannerPrincipal.slick-initialized.slick-slider,
.banners__sistemas-de-salud {
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.bannerPrincipal.slick-initialized.slick-slider .slick-arrow {
  background-color: transparent;
  border: 0px solid;
  font-size: 1.6em;
  color: #fff;
  position: absolute;
  top: 50%;
  z-index: 9;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bannerPrincipal.slick-initialized.slick-slider .slick-prev {
  left: 10px;
}

.bannerPrincipal.slick-initialized.slick-slider .slick-next {
  right: 10px;
}

.bannerPrincipal .slick-list.draggable {
  width: 100%;
  overflow: hidden;
}

.bannerPrincipal .slick-list.draggable .slick-track {
  display: flex;
}

.bannerPrincipal .slick-list.draggable .slick-track .slick-slide {
  position: relative;
}

.bannerPrincipal .slick-list.draggable .slick-track .slick-slide iframe {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.bannerPrincipal .slick-list.draggable .slick-track .slick-slide img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  min-height: 300px;
  max-height: 460px;
  object-fit: cover;
}

.bannerPrincipal
  .slick-list.draggable
  .slick-track
  .slick-slide
  .bannerContent {
  position: absolute;
  top: 10%;
  left: 6%;
  width: 44%;
  opacity: 0;
}

.bannerPrincipal
  .slick-list.draggable
  .slick-track
  .slick-slide
  .bannerContent
  p {
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  color: #fff;
  font-size: 2.6em;
  text-shadow: 3px 3px 6px #00000080;
  text-transform: uppercase;
}

.bannerPrincipal
  .slick-list.draggable
  .slick-track
  .slick-slide
  .bannerContent
  a {
  background: var(--azul-oscuro);
  color: #fff;
  font-family: "Quicksand", sans-serif;
  text-decoration: none;
  width: 350px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  margin: 20px 0 0 !important;
  font-size: 1.2em;
}

.buscadorSlider {
  width: 60%;
  margin: -100px auto 60px;
  padding: 10px;
  background: #fff;
  z-index: 9;
  position: relative;
  border-radius: 30px;
  justify-content: space-between;
  border: 1px solid #ccc;
}

.buscadorSlider input {
  border: 0;
  width: 90%;
  height: 40px;
  font-size: 1.1em;
  outline: 0;
  margin: 0 0 0 20px;
  background: transparent;
}

.buscadorSlider input::placeholder {
  color: var(--azul-oscuro);
  font-weight: 500;
  opacity: 1;
  font-family: "Quicksand", sans-serif;
}

.buscadorSlider input:-ms-input-placeholder {
  color: var(--azul-oscuro);
}

.buscadorSlider input::-ms-input-placeholder {
  color: var(--azul-oscuro);
}

.buscadorSlider button {
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 2em;
  color: var(--azul-oscuro);
  margin: 0 20px 0 0;
  text-shadow: 2px 2px 7px #bbb;
}

section#recursosMultimedia,
section#recursosMultimediaSistemas {
  width: 90%;
  margin: 0 auto;
}

section#Descargables {
  width: 90%;
  margin: 0 auto;
}

section#Infografias {
  width: 90%;
  margin: 0 auto;
}

section#recursosMultimedia > a,
section#recursosMultimediaSistemas > a {
  display: block;
  margin: 30px auto;
  width: fit-content;
  padding: 10px 25px;
  color: var(--verde);
  text-decoration: none;
  font-family: "Quicksand", sans-serif;
  font-size: 1.1em;
  border: 2px solid var(--verde);
  border-radius: 25px;
  min-width: 300px;
  text-align: center;
}

section#Descargables > a {
  display: block;
  margin: 30px auto;
  width: fit-content;
  padding: 10px 25px;
  color: var(--verde);
  text-decoration: none;
  font-family: "Quicksand", sans-serif;
  font-size: 1.1em;
  border: 2px solid var(--verde);
  border-radius: 25px;
  min-width: 300px;
  text-align: center;
}

section#Infografias > a {
  display: block;
  margin: 30px auto;
  width: fit-content;
  padding: 10px 25px;
  color: var(--verde);
  text-decoration: none;
  font-family: "Quicksand", sans-serif;
  font-size: 1.1em;
  border: 2px solid var(--verde);
  border-radius: 25px;
  min-width: 300px;
  text-align: center;
}

section#recursosMultimedia h2,
.recursosMultimediaSistemasTitle {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.6em;
  position: relative;
  opacity: 0;
}

section#Descargables h2 {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.6em;
  position: relative;
  opacity: 0;
}

.infografias-section-title {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.6em;
  position: relative;
  opacity: 0;
}

section#recursosMultimedia h2:after,
.recursosMultimediaSistemasTitle:after {
  content: "";
  position: absolute;
  width: 66%;
  height: 10px;
  border-radius: 5px;
  background: var(--azul-oscuro);
  top: 15px;
  right: 0;
  box-shadow: 5px 5px 10px #002a401f;
}

section#Descargables h2:after {
  content: "";
  position: absolute;
  width: 66%;
  height: 10px;
  border-radius: 5px;
  background: var(--azul-oscuro);
  top: 15px;
  right: 0;
  box-shadow: 5px 5px 10px #002a401f;
}

.infografias-section-title:after {
  content: "";
  position: absolute;
  width: 66%;
  height: 10px;
  border-radius: 5px;
  background: var(--azul-oscuro);
  top: 15px;
  right: 0;
  box-shadow: 5px 5px 10px #002a401f;
}

.filtroMultimedia {
  display: flex;
  gap: 10px;
  margin: 10px 0;
  opacity: 0;
}

.filtroRecursoMultimedia,
.filtroInfografia,
.filtroDescargable {
  padding: 7px 15px;
  border: 0px;
  border-radius: 15px;
  background: var(--gris-tags);
  color: #fff;
  font-family: "Quicksand", sans-serif;
  font-size: 0.7em;
  letter-spacing: 0.6px;
  cursor: pointer;
  transition: all 0.5s ease;
}

.filtroRecursoMultimedia.active,
.filtroInfografia.active,
.filtroDescargable.active {
  background: var(--verde);
}

.gridMultimedia {
  width: 100%;
  opacity: 0;
  display: flex;
  flex-flow: row wrap;
  gap: 15px 1%;
  justify-content: space-between;
}

.gridMultimedia .slick-list.draggable {
  width: 101%;
  overflow: hidden;
  margin: 0 0 0 -0.5%;
}

.gridMultimedia .slick-list.draggable .slick-track {
  display: flex;
  column-gap: 16px;
}

.gridMultimedia .item {
  position: relative;
  width: 24%;
}

.gridMultimediaSistemas .item {
  width: 100%;
}

.gridMultimedia .item a,
.gridMultimediaSistemas .item a {
  text-decoration: none;
  width: 100%;
}

.gridMultimedia .item a p,
.gridMultimediaSistemas .item a h2 {
  color: #002a40;
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
  line-height: 1.2;
  font-size: 1em;
}

.gridMultimedia .item a .videoMask,
.gridMultimediaSistemas .item a .videoMask {
  position: relative;
  display: flex;
  border-radius: 10px;
  overflow: hidden;
}

.gridMultimedia .item a .videoMask img,
.gridMultimediaSistemas .item a .videoMask img {
  width: 100%;
  position: relative;
  z-index: 1;
  height: 200px;
  object-fit: cover;
}

.gridMultimedia .item a .videoMask:before,
.gridMultimediaSistemas .item a .videoMask:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: url("img/Icono Play.svg") no-repeat center center #00000078;
  color: #fff;
  font-size: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gridMultimedia .item a .categoriaRecursoMultimedia,
.gridMultimediaSistemas .item a .categoriaRecursoMultimedia {
  padding: 7px 13px;
  border-radius: 15px;
  background: var(--gris-tags);
  color: #fff;
  font-family: "Quicksand", sans-serif;
  font-size: 0.7em;
  letter-spacing: 0.6px;
  width: fit-content;
  margin: 10px 0;
  min-width: 140px;
  text-align: center;
}

.gridMultimedia .item a .categoriaRecursoMultimedia.conversatorios,
.gridMultimediaSistemas .item a .categoriaRecursoMultimedia.conversatorios {
  background: var(--verde);
}

.gridMultimedia .item a .categoriaRecursoMultimedia.webinars,
.gridMultimediaSistemas .item a .categoriaRecursoMultimedia.webinars {
  background: var(--celeste);
}

.gridMultimedia .item a .categoriaRecursoMultimedia.la-voz-de-fedefarma,
.gridMultimediaSistemas
  .item
  a
  .categoriaRecursoMultimedia.la-voz-de-fedefarma {
  background: var(--azul-oscuro);
}

section#noticiasRegionales {
  width: 90%;
  margin: 0 auto;
}

section#noticiasRegionales h2 {
  text-align: right;
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.6em;
  position: relative;
  opacity: 0;
}

section#noticiasRegionales h2:after {
  content: "";
  position: absolute;
  width: 70%;
  height: 10px;
  border-radius: 5px;
  background: var(--azul-oscuro);
  top: 15px;
  box-shadow: 5px 5px 10px #002a401f;
  left: 0;
}

.gridNoticiasRegionales {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.gridNoticiasRegionales > div {
  display: flex;
  width: 100%;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 30px 0 30px 0;
}

.gridNoticiasRegionales .slick-list.draggable {
  width: 100%;
  margin: 0 0 0 0%;
  overflow: hidden;
}

.gridNoticiasRegionales .slick-list.draggable .slick-track {
  display: flex;
  column-gap: 15px;
  padding: 0 10px 0 0px;
}

.gridNoticiasRegionales .news {
  width: 31%;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 5px 5px 20px #00000024;
  margin: 10px 0 20px;
  opacity: 1;
}

.gridNoticiasRegionales .news a {
  width: 100%;
  height: 100%;
  text-decoration: none;
  font-family: "Quicksand", sans-serif;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  color: #000;
  padding: 6px 0 0;
}

.gridNoticiasRegionales .news a img {
  width: 100%;
  max-height: 200px;
  object-fit: cover;
  display: none;
}

.gridNoticiasRegionales .news a h4 {
  width: 90%;
  margin: 10px auto 0;
  color: #000;
  font-size: 1.1em;
  font-weight: 600;
}

.gridNoticiasRegionales .news a b {
  width: 90%;
  margin: 10px auto 0;
  display: block;
  font-weight: 600;
}

.gridNoticiasRegionales .news a span {
  width: 90%;
  margin: 0 auto 10px;
  display: block;
  font-size: 0.8em;
}

.gridNoticiasRegionales .news a p {
  width: 90%;
  margin: 0 auto 20px;
}

.gridNoticiasRegionales .news a p span {
  display: inline-block;
  width: fit-content;
  color: var(--verde);
  font-weight: 600;
}

section#noticiasRegionales > a {
  display: block;
  margin: 30px auto;
  width: fit-content;
  padding: 10px 25px;
  color: var(--azul-oscuro);
  text-decoration: none;
  font-family: "Quicksand", sans-serif;
  font-size: 1.1em;
  border: 2px solid var(--azul-oscuro);
  border-radius: 25px;
  min-width: 300px;
  text-align: center;
}

section#asociados {
  width: 100%;
  overflow: hidden;
  box-shadow: 0px 6px 20px #00000026;
  position: relative;
  padding: 0;
}

section#asociados .slick-arrow {
  position: absolute;
  top: 45%;
  border: 0;
  background: transparent;
  font-size: 1.5em;
  color: var(--azul-oscuro);
  cursor: pointer;
}

section#asociados .slick-prev {
  left: 30px;
}

section#asociados .slick-next {
  right: 30px;
}

section#asociados .slick-list.draggable {
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
}

section#asociados .slick-list.draggable .slick-track > div a {
  display: inline-block;
  margin: 0 auto;
  width: fit-content;
}

section#asociados .slick-list.draggable .slick-track {
  display: flex;
}

section#asociados .slick-list.draggable .slick-track > div {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  opacity: 0;
}

section#asociados .slick-list.draggable .slick-track .logo.slick-slide a img {
  width: 100%;
  height: 160px;
  object-fit: contain;
}

.logo[data-slick-index="1"] a img {
  max-width: 150px;
}

.logo[data-slick-index="4"] a img {
  max-width: 100px;
}

.logo[data-slick-index="5"] a img {
  max-width: 100%;
  height: 210px !important;
}

.logo[data-slick-index="9"] a img {
  width: 80% !important;
  height: 120px !important;
}

.logo[data-slick-index="12"] a img {
  width: 150% !important;
  margin-left: -25%;
}

.logo[data-slick-index="13"] a img {
  max-width: 75%;
  height: 120px !important;
}

.logo[data-slick-index="14"] a img {
  max-width: 80%;
}

.logo[data-slick-index="15"] a img {
  max-width: 220px;
}

.logo[data-slick-index="16"] a img {
  max-width: 40%;
  height: auto !important;
}

.logo[data-slick-index="17"] a img {
  width: 130% !important;
  height: 200px !important;
  margin-left: -15%;
}

.logo[data-slick-index="18"] a img {
  max-width: 80%;
}

body > footer {
  border-top: 20px solid var(--verde);
  margin: 50px 0 0;
}

body > footer .wrapFooter {
  width: 90%;
  margin: 0 auto;
}

body > footer .wrapFooter .menuFooter {
  opacity: 0;
}

.menuFooter .menu-footer-menu-container ul#menu-footer-menu {
  display: flex;
  padding: 0;
  list-style: none;
  width: 85%;
  margin: 30px auto;
  justify-content: space-between;
}

/* .menuFooter .menu-footer-menu-container ul#menu-footer-menu li.menu-item {
} */

.menuFooter
  .menu-footer-menu-container
  ul#menu-footer-menu
  li.menu-item
  ul.sub-menu {
  display: none;
}

.menuFooter .menu-footer-menu-container ul#menu-footer-menu li.menu-item a {
  text-decoration: none;
  color: var(--verde);
  font-family: "Roboto", sans-serif;
}

.socialMediaFooter {
  width: 350px;
  margin: 60px auto 0;
  display: flex;
  justify-content: space-between;
  opacity: 0;
}

.socialMediaFooter a {
  color: var(--verde);
  text-decoration: none;
  font-size: 2em;
}

.logoFooter {
  border-top: 1px solid;
  margin: 50px 0 0;
  opacity: 0;
  display: flex !important;
  align-items: center;
  justify-content: center; /* o space-between si quieres separarlos */
  gap: 1rem;
}

/* .logoFooter img {
  width: 180px;
  margin: 20px auto;
  display: block;
} */
.logoFooter img {
  display: block;
  width: auto;
  margin: 20px auto;
  width: 220px;
}

.footer-buttons {
  display: flex;
  gap: 0.5rem;
}

.footer-buttons .btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;   /* tamaño reducido */
  height: 32px;
}

/* Imagen dentro del botón */
.footer-buttons .btn-icon img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.btn-social {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #0077b5;  /* azul */
  color: white;
  text-decoration: none;
  font-size: 18px;
}

.btn-social:hover {
  background-color: #005582;
}

div#nuestrasRedesSociales {
  width: 90%;
  margin: 50px auto;
}

div#nuestrasRedesSociales h2 {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.6em;
  position: relative;
}

.gridRedesSociales {
  margin: 0 auto 20px;
  align-items: center;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 1em auto;
  display: grid;
  grid-auto-rows: auto;
  grid-gap: 1.5em;
  opacity: 0;
}

.filtroRedesSociales {
  margin: 20px 0;
  gap: 10px;
  display: none;
  opacity: 0;
}

.filtroRedesSociales button {
  padding: 5px 15px;
  border-radius: 15px;
  background: var(--gris-tags);
  color: #fff;
  font-family: "Quicksand", sans-serif;
  font-size: 0.7em;
  letter-spacing: 0.6px;
  cursor: pointer;
  border: 0px;
  transition: all 0.5s ease;
}

.filtroRedesSociales button.active {
  background: var(--verde);
}

.socialMediaPostImage {
  width: 45%;
}

.socialMediaPost {
  width: 100%;
  height: 100%;
  box-shadow: 5px 5px 20px #00000024;
  border-radius: 15px;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  min-height: 160px;
}

.linkedinBoton {
  width: 100%;
  position: relative;
  font-family: "Quicksand", sans-serif;
  background: #a5a5a5;
}

.linkedinBoton img {
  width: 100%;
  margin: 0 0 -6px;
  height: 160px;
}

.linkedinBoton p {
  position: absolute;
  color: #fff;
  font-weight: 600;
  bottom: 15px;
  z-index: 9;
  width: 98%;
  left: 1%;
  text-shadow: 0 0 6px black;
  text-align: center;
  font-size: 0.8em;
}

.socialMediaPostImage.noImage {
  display: none;
}

.socialMediaPostImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.socialMediaPostData {
  width: 65%;
  font-size: 0.8em;
  font-family: "Quicksand", sans-serif;
  padding: 0 10px;
  color: var(--azul-oscuro);
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.socialMediaPost.noImage .socialMediaPostData {
  width: 90%;
  margin: 0 auto;
}

.socialMediaType {
  display: flex;
  justify-content: flex-end;
}

.socialMediaType span {
  height: 20px;
  display: flex;
  width: 100px;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 0px 0px 10px 10px;
  font-size: 0.85em;
}

.socialMediaType span.fb {
  background: #3b5998;
}

.socialMediaType span.tw {
  background: #55acee;
}

.socialMediaType span.li {
  background: #0a66c2;
}

.socialMediaUser {
  display: flex;
  padding: 0px 0px 0px 5px;
}

.socialMediaUser img {
  width: 35px;
  height: 35px;
}

.socialMediaUserData {
  margin: 0 0 0 10px;
}

.socialMediaUserData p {
  font-weight: 700;
  margin: 0 0 4px;
}

.socialMediaUserAndTime {
  font-size: 0.9em;
}

.socialMediaUserAndTime span {
  margin: 0 10px 0 0px;
}

.socialMediaPostContent {
  margin: 10px 0 5px;
  font-size: 0.9em;
}

.socialMediaPostContent p {
  padding: 0 5px 3px;
  line-height: 1;
  height: 53px;
  overflow: hidden;
}

.socialMediaPostActions {
  display: flex;
  justify-content: space-between;
  border-top: 2px solid #bbb;
  padding: 5px;
  width: 93%;
}

.socialMediaPost.noImage .socialMediaPostActions {
  width: 97%;
}

.primaryActions {
  width: 75%;
  display: flex;
  justify-content: space-between;
}

.socialMediaPost.noImage .primaryActions {
  width: 50%;
}

.primaryActions a {
  text-decoration: none;
  color: var(--azul-oscuro);
  font-weight: 600;
  font-size: 0.9em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.primaryActions a img {
  margin: 0 3px 0 0;
}

.masNoticias {
  display: block;
  margin: 30px auto;
  width: fit-content;
  padding: 10px 25px;
  color: var(--azul-oscuro);
  text-decoration: none;
  font-family: "Quicksand", sans-serif;
  font-size: 1.1em;
  border: 2px solid var(--azul-oscuro);
  border-radius: 25px;
  min-width: 300px;
  text-align: center;
  cursor: pointer;
}

section#quienesSomos {
  width: 90%;
  margin: 0 auto;
}

.bannerPrincipalQuienesSomos img {
  width: 100%;
}

.bannerPrincipalQuienesSomos {
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
  margin: 0 0 30px;
}

/* .conoceMas {
} */

.conoceMas h2 {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.6em;
  position: relative;
}

.conoceMas h2:after {
  content: "";
  position: absolute;
  width: 53%;
  height: 10px;
  border-radius: 5px;
  background: var(--azul-oscuro);
  top: 15px;
  right: 0;
  box-shadow: 5px 5px 10px #002a401f;
}

.wrapConoceMas {
  display: flex;
  margin: 30px 0;
  justify-content: space-between;
}

.textoConoceMas {
  width: 50%;
  color: var(--azul-oscuro);
  padding: 0 0;
  font-family: "Open Sans", sans-serif;
  font-size: 17px !important;
  text-align: justify;
}

.logosConoceMas {
  display: flex;
  box-shadow: 5px 5px 20px #00000024;
  border-radius: 15px;
  width: 48%;
  align-items: center;
  justify-content: space-evenly;
}

.logosConoceMas img {
  height: 120px;
}

.quienesSomosTabs {
  display: flex;
  justify-content: space-between;
}

.tabSideImage {
  width: 50%;
}

.quienesSomosTabsWrap {
  width: 48%;
  box-shadow: 5px 5px 20px #00000024;
  border-radius: 15px;
  font-family: "Open Sans", sans-serif;
  overflow: hidden;
}

.tabSideImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  box-shadow: 5px 5px 20px #00000024;
  border-radius: 15px;
}

.tabsControlles {
  display: flex;
  width: 90%;
  margin: 20px auto;
  justify-content: space-between;
  border-bottom: 3px solid var(--azul-oscuro);
  padding: 0 0 10px;
}

.tabsControlles button {
  background: transparent;
  border: 0px solid;
  cursor: pointer;
  transition: all 0.5s ease;
  color: var(--azul-oscuro);
  font-size: 19px !important;
}

.tabsControlles button.active {
  font-weight: 800;
  font-size: 20px !important;
}

.tabsTextContent {
  color: var(--azul-oscuro);
}

.tabsTextContent div {
  opacity: 0;
  height: 0;
  width: 90%;
  margin: 20px auto 0;
  transition: all 0.5s ease;
  position: absolute;
  overflow: hidden;
}

.tabsTextContent div ul {
  padding: 0 10px 0 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tabsTextContent div.active {
  opacity: 1;
  height: auto;
  position: relative;
  font-size: 17px !important;
  padding: 0px 20px 20px 20px;
}

/* 
div#nuestrosAsociados {
} */

div#nuestrosAsociados h2 {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.6em;
  position: relative;
  width: 90%;
  margin: 0 auto;
}

.gridAsociados {
  width: 90%;
  margin: 0 auto;
  align-items: center;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 1em auto;
  display: grid;
  grid-auto-rows: auto;
  grid-gap: 3em;
}

.asociado {
  height: 260px;
  box-shadow: 2px 3px 15px #00000029;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.asociado:nth-child(5) .imgAsociado,
.asociado:nth-child(14) .imgAsociado,
.asociado:nth-child(17) .imgAsociado {
  width: 60%;
  height: 60%;
}

.asociado:nth-child(2) .imgAsociado {
  height: 90%;
}

.asociado:nth-child(9) .imgAsociado {
  width: 95%;
}

.asociado .imgAsociado {
  width: 85%;
  height: auto;
  object-fit: contain;
  max-height: 120%;
}

.asociado:hover .mascara {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  opacity: 1;
}

.asociado .mascara {
  opacity: 0;
  position: absolute;
  width: 220px;
  height: 220px;
  top: -30px;
  left: calc(50% - 130px);
  background: var(--verde);
  font-family: "Roboto", sans-serif;
  padding: 20px;
  z-index: 9;
  box-shadow: 10px 10px 25px #00000033;
  border-radius: 20px;
  transition: all 1s ease;
  font-size: 0.9em;
}

.maskInfo {
  display: flex;
  word-break: break-word;
}

.maskIco {
  margin: 0 10px 0 0px;
}

.maskIco img {
  width: 15px;
}

.maskInfo p {
  color: #fff;
}

.maskInfo p a {
  color: #fff;
  text-decoration: none;
}

.asociado .mascara > a {
  color: #fff;
  text-decoration: none;
  display: block;
  margin: 0 auto;
  font-weight: 600;
}

#nuestrosAsociados h2:before {
  content: "";
  position: absolute;
  width: 58%;
  height: 10px;
  border-radius: 5px;
  background: var(--azul-oscuro);
  top: 15px;
  right: 0;
  box-shadow: 5px 5px 10px #002a401f;
}

.asociado .mascara > a.no_info3,
.maskInfo.email.no_info2,
.maskInfo.telefono.no_info1,
.maskInfo.website.no_info3 {
  display: none;
}

/* div#iniciativas {
} */

div#iniciativas h2 {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.5em;
  position: relative;
  width: 90%;
  margin: 0 auto;
}

div#iniciativas h2:after {
  content: "";
  position: absolute;
  width: 45%;
  height: 10px;
  border-radius: 5px;
  background: var(--azul-oscuro);
  top: 15px;
  right: 0;
  box-shadow: 5px 5px 10px #002a401f;
}

.gridIniciativas {
  width: 90%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 1em auto;
  display: grid;
  grid-auto-rows: auto;
  grid-gap: 1.5em;
}

.iniciativa {
  font-family: "Quicksand", sans-serif;
}

.iniciativa .videoCont {
  height: 200px;
  border-radius: 15px;
  border: 1px solid #ccc;
  margin: 0 0 15px;
  overflow: hidden;
}

.videoCont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.iniciativa h3.tituloIniciativa {
  margin: 0 0 10px;
  font-weight: 600;
}

.textContIniciativas {
  font-size: 0.9em;
}

.contFlexIniciativas {
  margin: 20px 0 0;
}

/* .contFlexIniciativas .descargaArticulo {
} */

.contFlexIniciativas .descargaArticulo a {
  color: var(--verde);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.8em;
  text-align: center;
  display: flex;
  width: fit-content;
  margin: 0 auto 20px;
  align-items: center;
  justify-content: center;
}

.contFlexIniciativas .descargaArticulo a span {
  width: 75%;
}

.contFlexIniciativas .descargaArticulo a img {
  width: 5%;
  margin: 0 0 0 2%;
}

div#posiciones {
  width: 90%;
  margin: 0 auto;
}

div#posiciones h2 {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.6em;
  position: relative;
}

div#posiciones h2:before {
  content: "";
  position: absolute;
  width: 60%;
  height: 10px;
  border-radius: 5px;
  background: var(--azul-oscuro);
  top: 15px;
  right: 0;
  box-shadow: 5px 5px 10px #002a401f;
}

.controlTabsPosiciones {
  margin: 20px 0;
}

.controlTabsPosiciones button {
  padding: 7px 15px;
  border: 0px;
  border-radius: 15px;
  background: var(--gris-tags);
  color: #fff;
  font-family: "Quicksand", sans-serif;
  font-size: 0.9em;
  letter-spacing: 0.6px;
  cursor: pointer;
  transition: all 0.5s ease;
}

.controlTabsPosiciones button:hover,
.controlTabsPosiciones button.active {
  background: var(--verde);
}

.gridPosiciones {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 1em auto;
  display: grid;
  grid-auto-rows: auto;
  grid-gap: 1.5em;
}

.gridPosiciones .item {
  box-shadow: 5px 5px 20px #00000024;
  border-radius: 15px;
  display: flex;
  flex-flow: column;
  font-family: "Quicksand", sans-serif;
  justify-content: space-between;
}

.gridPosiciones .item img {
  width: 45px;
  margin: 20px;
}

.gridPosiciones .item p {
  margin: 0 20px;
  font-weight: 600;
  color: var(--azul-oscuro);
}

.gridPosiciones .item span {
  display: block;
  margin: 10px 20px;
  font-size: 0.8em;
}

.gridPosiciones .item a {
  color: var(--verde);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.8em;
  text-align: center;
  display: flex;
  width: fit-content;
  margin: 0 auto 20px;
  align-items: center;
  justify-content: center;
}

.gridPosiciones .item a img {
  margin: 0 0 0 10px;
  width: 15px;
}

div#noticias {
  width: 90%;
  margin: 0 auto;
}

div#noticias h2 {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.5em;
  position: relative;
  margin: 0 auto;
  padding: 0 60% 0 0;
}

div#noticias h2 span {
  width: 40%;
  display: block;
}

div#noticias h2:before {
  content: "";
  position: absolute;
  width: 60%;
  height: 10px;
  border-radius: 5px;
  background: var(--azul-oscuro);
  top: auto;
  bottom: 6px;
  right: 0;
  box-shadow: 5px 5px 10px #002a401f;
}

div#noticias form {
  width: 70%;
  margin: 20px auto 35px;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 20px;
  font-family: "Quicksand", sans-serif;
  display: flex;
}

.page-template-blog div#noticias form,
.page-template-coronavirus div#noticias form {
  display: none;
}

div#noticias form input.search_noticias {
  width: 100%;
  outline: 0;
  height: 40px;
  padding: 0;
  margin: 0;
  text-indent: 10px;
  box-shadow: 0px 5px 20px #00000029;
  border: 2px solid #002a40;
  border-radius: 40px;
  color: #000;
  background: url("img/Icono%20Buscar.svg") no-repeat 100% /6% 80% #f7f7f7;
}

div#noticias form input.search_noticias::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--azul-oscuro);
  opacity: 1;
  font-weight: 500;
}

div#noticias form input.search_noticias:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--azul-oscuro);
}

div#noticias form input.search_noticias::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--azul-oscuro);
}

div#noticias form select {
  width: 31%;
  height: 40px;
  padding: 0;
  margin: 0;
  border: 2px solid #002a40;
  border-radius: 40px;
  background: #f7f7f7;
  box-shadow: 0px 5px 20px #00000029;
  text-indent: 10px;
  color: var(--azul-oscuro);
}

div#noticias form button {
  width: 31%;
  background: var(--azul-oscuro);
  border: 0px solid;
  color: #fff;
  border-radius: 20px;
  height: 40px;
  cursor: pointer;
  box-shadow: 0px 5px 20px #00000029;
}

.gridNoticias {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 1em auto;
  display: grid;
  grid-auto-rows: auto;
  grid-gap: 1.5em;
  font-family: "Quicksand", sans-serif;
}

.gridNoticias .noticia,
.gridInfografias .noticia {
  display: flex;
  flex-flow: column;
  height: 100%;
  justify-content: space-between;
}

.gridNoticias .noticia img,
.gridInfografias .noticia img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
}

.gridNoticias .noticia .pais_fecha {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
  font-size: 0.9em;
}

.gridNoticias .noticia .pais_fecha b {
  font-weight: 600;
}

/* .gridNoticias .noticia .pais_fecha span {
} */

.gridNoticias .noticia h3.titulo_noticias,
.gridInfografias .noticia h3.titulo_noticias {
  color: var(--azul-oscuro);
  font-weight: 600;
}

.gridInfografias .noticia h3.titulo_noticias {
  padding-top: 1rem;
}

.gridNoticias .noticia .contNoticia,
.gridInfografias .noticia .contNoticia {
  width: 100%;
  display: flex;
  font-size: 0.9em;
  margin: 10px 0;
}

.gridNoticias .noticia > a,
.gridInfografias .noticia > a {
  background: var(--azul-oscuro);
  width: 100%;
  height: 40px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
}

.cargarMasNoticias {
  width: 350px;
  height: 40px;
  font-weight: 600;
  font-size: 1.1em;
  border: 2px solid var(--verde);
  box-shadow: 5px 5px 10px #002a401f;
  border: 2px solid #00a667;
  border-radius: 30px;
  color: var(--verde);
  display: block;
  margin: 30px auto;
  background: #fff;
  cursor: pointer;
}

div#nuestroCodigo {
  width: 90%;
  margin: 0 auto;
}

div#nuestroCodigo h2 {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.5em;
  position: relative;
  padding: 0 56% 0 0;
}

div#nuestroCodigo h2:before {
  content: "";
  position: absolute;
  width: 56%;
  height: 10px;
  border-radius: 5px;
  background: var(--azul-oscuro);
  top: auto;
  bottom: 10px;
  right: 0;
  box-shadow: 5px 5px 10px #002a401f;
}

.headerNuestroCodigo {
  display: flex;
  gap: 20px;
  margin: 20px 0;
  font-family: "Quicksand", sans-serif;
  color: var(--azul-oscuro);
  justify-content: space-between;
}

.headerNuestroCodigo img {
  width: 49%;
  object-fit: cover;
  box-shadow: 5px 5px 20px #00000024;
  border-radius: 15px;
}

.headerContentNuestroCodigo {
  width: 49%;
}

.headerContentNuestroCodigo p {
  text-align: justify;
  font-size: 18px;
}

.headerContentNuestroCodigo p a {
  color: var(--verde);
  font-weight: 600;
}

.gridDocumentosNuestroCodigo {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  gap: 15px 1%;
}

.gridDocumentosNuestroCodigo .item {
  box-shadow: 5px 5px 20px #00000024;
  border-radius: 15px;
  display: flex;
  flex-flow: column;
  font-family: "Quicksand", sans-serif;
  justify-content: space-between;
  width: 24%;
}

.gridDocumentosNuestroCodigo .item img {
  width: 30px;
  margin: 20px;
}

.gridDocumentosNuestroCodigo .item p {
  margin: 0 20px;
  font-weight: 600;
  color: var(--azul-oscuro);
}

.gridDocumentosNuestroCodigo .item span {
  display: block;
  margin: 10px 20px;
  font-size: 0.8em;
}

.gridDocumentosNuestroCodigo .item a {
  color: var(--verde);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.8em;
  text-align: center;
  display: flex;
  width: fit-content;
  margin: 0 auto 20px;
  align-items: center;
  justify-content: center;
}

.gridDocumentosNuestroCodigo .item a img {
  margin: 0 0 0 10px;
  width: 15px;
}

.gridDocumentosNuestroCodigo > a {
  width: 25%;
  background: var(--azul-oscuro);
  color: #fff;
  text-decoration: none;
  font-family: "Quicksand", sans-serif;
  border-radius: 15px;
  box-shadow: 5px 5px 20px #00000024;
  display: flex;
  flex-flow: column;
  align-items: center;
  position: relative;
  justify-content: center;
}

.gridDocumentosNuestroCodigo > a p {
  width: 85%;
  font-weight: 600;
  text-align: center;
  font-size: 1.1em;
}

.gridDocumentosNuestroCodigo > a span {
  font-size: 0.9em;
  position: absolute;
  bottom: 20px;
}

div#leyesYregulaciones {
  width: 90%;
  margin: 20px auto;
}

div#leyesYregulaciones h2 {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.45em;
  position: relative;
  text-align: right;
  margin: 30px 0;
  padding: 0 0 0 36%;
}

div#leyesYregulaciones h2:before {
  content: "";
  position: absolute;
  width: 35%;
  height: 10px;
  border-radius: 5px;
  background: var(--azul-oscuro);
  top: 15px;
  left: 0;
  box-shadow: 5px 5px 10px #002a401f;
}

.leyesYregulacionesContent {
  display: flex;
  justify-content: space-between;
}

.leyesYregulacionesContent .filtroYtabla {
  width: 65%;
}

.leyesYregulacionesContent > img {
  width: 33%;
  object-fit: cover;
  border-radius: 15px;
  box-shadow: 5px 5px 20px #00000024;
}

.leyesYregulacionesContent .filtroYtabla form.filtrado_formulario {
  width: 100%;
  margin: 0px auto 35px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 15px;
  font-family: "Quicksand", sans-serif;
}

.leyesYregulacionesContent .filtroYtabla form.filtrado_formulario input {
  width: 100%;
  height: 40px;
  padding: 0;
  margin: 0;
  text-indent: 10px;
  box-shadow: 0px 5px 20px #00000029;
  border: 2px solid #ffffff;
  border-radius: 40px;
  color: #000;
  background: url(img/Icono%20Buscar.svg) no-repeat 100% /6% 60% #f7f7f7;
}

.leyesYregulacionesContent .filtroYtabla form.filtrado_formulario select {
  width: 24%;
  height: 40px;
  padding: 0;
  margin: 0;
  border: 2px solid #ffffff;
  border-radius: 40px;
  background: #f7f7f7;
  box-shadow: 0px 5px 20px #00000029;
  text-indent: 10px;
  color: var(--azul-oscuro);
  display: none;
}

.leyesYregulacionesContent .filtroYtabla form.filtrado_formulario button {
  width: 20%;
  background: var(--azul-oscuro);
  border: 0px solid;
  color: #fff;
  border-radius: 20px;
  height: 40px;
  cursor: pointer;
  box-shadow: 0px 5px 20px #00000029;
  display: none;
}

.leyesYregulacionesContent .filtroYtabla table {
  font-family: "Quicksand", sans-serif;
  border-collapse: collapse;
}

.leyesYregulacionesContent .filtroYtabla table thead {
  border-bottom: 2px solid #808080;
  border-collapse: collapse;
}

.leyesYregulacionesContent .filtroYtabla table thead tr {
  color: #808080;
  font-weight: 600;
}

.leyesYregulacionesContent .filtroYtabla table thead tr th {
  padding: 0 0 5px;
  text-align: center;
}

.leyesYregulacionesContent .filtroYtabla table thead tr th h3 {
  width: fit-content;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
}

.leyesYregulacionesContent .filtroYtabla table tbody {
  margin: 0;
}

/* .leyesYregulacionesContent .filtroYtabla table tbody tr {
} */

.leyesYregulacionesContent .filtroYtabla table tbody tr td {
  vertical-align: middle;
  text-align: center;
}

.leyesYregulacionesContent
  .filtroYtabla
  table
  tbody
  tr
  td
  .titulo_busqueda_inicio {
  font-weight: 600;
  padding: 0 15px;
}

.leyesYregulacionesContent
  .filtroYtabla
  table
  tbody
  tr
  td
  .description_busqueda {
  padding: 10px 0;
  font-size: 0.9em;
}

.leyesYregulacionesContent .filtroYtabla table tbody tr td:nth-child(3) {
  text-align: left;
}

.leyesYregulacionesContent .filtroYtabla table tbody tr td:last-child {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 20% 0 0;
}

.leyesYregulacionesContent
  .filtroYtabla
  table
  tbody
  tr
  td:last-child
  div
  a
  img {
  height: 25px;
}

.leyesYregulacionesContent .filtroYtabla .dataTables_paginate {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  font-family: "Quicksand", sans-serif;
  margin: 20px 0 0;
}

.leyesYregulacionesContent
  .filtroYtabla
  .dataTables_paginate
  .paginate_button.previous {
  display: none;
}

.leyesYregulacionesContent
  .filtroYtabla
  .dataTables_paginate
  .paginate_button.next {
  font-size: 0.7em;
  border: 1px solid;
  width: 14px;
  height: 16px;
  text-align: center;
  border-radius: 50%;
  padding: 0.5px 0px 0 2px;
  line-height: 17px;
  cursor: pointer;
}

.leyesYregulacionesContent .filtroYtabla .dataTables_paginate > span {
  display: flex;
  gap: 10px;
}

.leyesYregulacionesContent .filtroYtabla .dataTables_paginate > span a {
  color: #808080;
  cursor: pointer;
}

.leyesYregulacionesContent .filtroYtabla .dataTables_paginate > span a.current {
  color: var(--azul-oscuro);
  font-weight: 600;
}

div#denuncia {
  width: 90%;
  margin: 0 auto;
}

div#denuncia h2 {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.5em;
  position: relative;
  margin: 30px 0;
  padding: 0 50% 0 0;
}

div#denuncia h2:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 10px;
  border-radius: 5px;
  background: var(--azul-oscuro);
  bottom: 5px;
  right: 0;
  box-shadow: 5px 5px 10px #002a401f;
}

.wrapDenunciaCodigo {
  display: flex;
  justify-content: space-between;
  flex-flow: row;
}

.wrapDenunciaCodigo .carita_feliz {
  width: 48%;
  display: flex;
}

.wrapDenunciaCodigo .carita_feliz img {
  width: 100%;
  height: 105%;
  border-radius: 15px;
  object-fit: cover;
  padding: 0% 0;
}

.wrapDenunciaCodigo .contenedor_formlulario_codigo {
  width: 49%;
}

.wrapDenunciaCodigo .contenedor_formlulario_codigo > div {
  height: 100%;
}

.wrapDenunciaCodigo .contenedor_formlulario_codigo div form {
  height: 100%;
  box-shadow: 5px 5px 20px #00000024;
  border-radius: 15px;
  font-family: "Quicksand", sans-serif;
  padding: 2% 0;
}

.wrapDenunciaCodigo
  .contenedor_formlulario_codigo
  div
  form
  .formulario_contacto_codigo {
  height: 90%;
  display: flex;
  flex-flow: column;
  justify-content: space-evenly;
  padding: 3% 0 0;
}

.wrapDenunciaCodigo
  .contenedor_formlulario_codigo
  div
  form
  .formulario_contacto_codigo
  > p {
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.wrapDenunciaCodigo
  .contenedor_formlulario_codigo
  div
  form
  .formulario_contacto_codigo
  > p
  span {
  width: 100%;
  display: block;
}

.wrapDenunciaCodigo
  .contenedor_formlulario_codigo
  div
  form
  .formulario_contacto_codigo
  > p
  span
  input {
  background: #f2f2f2;
  width: 100%;
  border: 0;
}

.wrapDenunciaCodigo
  .contenedor_formlulario_codigo
  div
  form
  .formulario_contacto_codigo
  > p
  label {
  width: 100%;
  display: block;
  color: var(--azul-oscuro);
  font-weight: 600;
  font-size: 0.9em;
  margin: 3px 0 3px;
}

.wrapDenunciaCodigo .contenedor_formlulario_codigo div form input {
  height: 35px;
  padding: 0;
  text-indent: 10px;
  border-radius: 6px;
}

.wrapDenunciaCodigo .contenedor_formlulario_codigo div form select {
  width: 100%;
  border: 0px;
  height: 35px;
  background: #f2f2f2;
  border-radius: 6px;
}

.wrapDenunciaCodigo .contenedor_formlulario_codigo div form textarea {
  width: 100%;
  height: 50px;
  background: #f2f2f2;
  border: 0px;
  text-indent: 10px;
  border-radius: 6px;
}

.wrapDenunciaCodigo .contenedor_formlulario_codigo div form input.send {
  width: 280px;
  cursor: pointer;
  border: 0px;
  background: var(--azul-oscuro);
  margin: 10px auto;
  display: block;
  color: #fff;
  border-radius: 20px;
}

.wrapDenunciaCodigo
  .contenedor_formlulario_codigo
  div
  form
  .formulario_contacto_codigo
  > p
  span.wpcf7-spinner {
  width: fit-content !important;
  position: absolute;
  top: 5px;
  left: 25%;
}

div#sharepoint {
  width: 90%;
  margin: 0 auto;
}

h1.tituloSharepoint {
  width: fit-content;
  margin: 0 auto;
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 1.7em;
}

h1.subTituloSharepoint {
  width: fit-content;
  margin: 0 auto;
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 1.3em;
}

/* .grupoPaises {
} */

.grupoPaises h2 {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.5em;
  position: relative;
  margin: 20px auto;
  text-transform: uppercase;
  padding: 0 80% 0 0;
}

.grupoPaises h2:before {
  content: "";
  position: absolute;
  width: 78%;
  height: 10px;
  border-radius: 5px;
  background: var(--azul-oscuro);
  top: 15px;
  right: 0;
  box-shadow: 5px 5px 10px #002a401f;
}

/* .comitesTrabajo {
} */

.comitesTrabajo h2 {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.5em;
  position: relative;
  margin: 20px auto;
  text-align: right;
  text-transform: uppercase;
}

.comitesTrabajo h2:before {
  content: "";
  position: absolute;
  width: 70%;
  height: 10px;
  border-radius: 5px;
  background: var(--azul-oscuro);
  top: 15px;
  left: 0;
  box-shadow: 5px 5px 10px #002a401f;
}

.wrapGrupoPaises {
  display: flex;
  justify-content: space-between;
}

.wrapGrupoPaises .grupoPais {
  display: flex;
  flex-direction: column;
  width: 24%;
  box-shadow: 5px 5px 20px #00000024;
  border-radius: 15px;
  font-family: "Quicksand", sans-serif;
}

.wrapGrupoPaises .grupoPais img {
  width: 60px;
  margin: 15px 20px;
}

.wrapGrupoPaises .grupoPais p {
  color: var(--azul-oscuro);
  font-weight: 600;
  margin: 0 5px 0 20px;
  font-size: 0.9em;
}

.wrapGrupoPaises .grupoPais a {
  color: var(--verde);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.8em;
  display: flex;
  margin: 40px auto 20px;
}

.wrapGrupoPaises .grupoPais a img {
  width: auto;
  margin: 0 0 0 5px;
}

.wrapComitesTrabajo {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 1em auto;
  display: grid;
  grid-auto-rows: auto;
  grid-gap: 1.5em;
}

.comiteTrabajo {
  display: flex;
  flex-direction: column;
  box-shadow: 5px 5px 20px #00000024;
  border-radius: 15px;
  font-family: "Quicksand", sans-serif;
}

.comiteTrabajo img {
  width: 50px;
  margin: 15px 20px;
}

.comiteTrabajo p {
  color: var(--azul-oscuro);
  font-weight: 600;
  margin: 0 5px 0 20px;
}

.comiteTrabajo a {
  color: var(--verde);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.8em;
  margin: 40px auto 20px;
  display: flex;
}

.comiteTrabajo a img {
  width: fit-content;
  margin: 0 0 0 5px;
}

div#contactanos {
  width: 75%;
  margin: 0 auto;
}

div#contactanos > h2 {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.6em;
  position: relative;
}

div#contactanos > h2:before {
  content: "";
  position: absolute;
  width: 75%;
  height: 10px;
  border-radius: 5px;
  background: var(--azul-oscuro);
  top: 15px;
  right: 0;
  box-shadow: 5px 5px 10px #002a401f;
}

.wrapContacto {
  display: flex;
  justify-content: space-between;
}

.wrapContacto .formularioYmapa {
  width: 40%;
}

.wrapContacto .temas {
  width: 58%;
  font-family: "Quicksand", sans-serif;
}

.formularioYmapa iframe {
  width: 99%;
  height: 360px;
  box-shadow: 5px 5px 20px #00000024;
  border-radius: 15px;
  border-collapse: collapse;
  margin: 20px 0 0;
  border: 3px solid #fff !important;
}

.formularioYmapa .wpcf7 {
  box-shadow: 5px 5px 20px #00000024;
  border-radius: 15px;
}

.formularioYmapa .wpcf7 form {
  display: flex;
  flex-flow: column;
  font-family: "Quicksand", sans-serif;
  padding: 10px 0 0;
  margin: 10px 0 0;
}

.formularioYmapa h3 {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
}

.formularioYmapa .wpcf7 form > p {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin: 0px auto 5px;
  position: relative;
}

.formularioYmapa .wpcf7 form > p .wpcf7-spinner {
  position: absolute;
  width: 24px;
  bottom: 13px;
}

.formularioYmapa .wpcf7 form > p .wpcf7-submit {
  width: 100%;
  margin: 30px 0 10px;
  padding: 0;
  background: var(--azul-oscuro);
  color: #fff;
  height: 30px;
  border-radius: 15px;
  border: 0px solid;
  cursor: pointer;
}

.formularioYmapa .wpcf7 form > p label {
  color: var(--azul-oscuro);
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
  margin: 0 0 5px;
  font-size: 0.8em;
}

.formularioYmapa .wpcf7 form > p span {
  width: 100%;
  display: flex;
}

.formularioYmapa .wpcf7 form > p span input {
  width: 100%;
  background: #f2f2f2;
  border: 0px solid;
  height: 30px;
  text-indent: 10px;
  border-radius: 5px;
}

.formularioYmapa .wpcf7 form > p span textarea {
  width: 100%;
  height: 50px;
  background: #f2f2f2;
  border: 0px solid;
  text-indent: 10px;
  padding: 10px 0 0 0;
  font-family: "Quicksand", sans-serif;
  border-radius: 5px;
}

.temas h3 {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
}

.temas h4 {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 0.9em;
}

.temas h4 br {
  display: none;
}

.regionales h2 {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  width: 100%;
  font-size: 1.2em;
}

.locales h2 {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
}

.temas div .infoItem {
  box-shadow: 5px 5px 20px #00000024;
  border-radius: 15px;
  width: 48%;
  display: flex;
  flex-direction: column;
  padding: 0;
}

.temas div .infoItem > a {
  color: var(--verde);
  text-decoration: none;
  width: fit-content;
  display: flex;
  margin: 5px auto 18px;
  font-size: 0.9em;
  align-items: center;
}

.temas div .infoItem > a img {
  margin: 0 0 0 5px;
  display: block;
}

.regionales {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 15px;
  margin: 10px 0 0;
}

.locales {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 15px;
  margin: 20px 0 0 0;
}

.locales h2 {
  width: 100%;
  font-size: 1.2em;
}

.temas div .infoItem span.tituloRegional {
  margin: 15px 15px 5px;
  font-weight: 700;
  font-size: 0.9em;
  font-family: "Quicksand", sans-serif;
}

.temas div .infoItem span.usuario {
  margin: 10px 15px 0;
}

.temas div .infoItem span.correoRegional {
  margin: 9px 15px;
}

.temas div .infoItem span.telefonos {
  margin: 0px 15px 10px;
}

.temas div .infoItem span.telefonos .nada {
  margin: 0 0 0 3px;
}

.temas div .infoItem span.telefonos span.ocultarTelefono {
  display: none;
}

.temas div .infoItem span i {
  color: var(--verde);
  margin: 0 10px 0 0;
}

.temas div .infoItem > span {
  color: var(--azul-oscuro);
  font-size: 0.8em;
}

.temas div .infoItem > span a {
  text-decoration: none;
  color: var(--azul-oscuro);
}

.containerLiderazgo {
  width: 80%;
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
  justify-content: space-between;
}

.boxItems {
  width: 30%;
  height: 290px;
  margin-left: 15.5px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  font-family: "Quicksand", sans-serif;
}

.boxItems img {
  width: 200px !important;
  height: 200px !important;
  display: block;
  margin: 0 auto;
  object-fit: cover;
  border-radius: 50%;
  aspect-ratio: unset;
}

.boxItems h4 {
  text-align: center;
  font-weight: bold;
  color: #143449;
  font-family: "Quicksand", sans-serif;
  margin: 10px 0 10px;
}

.boxItems span {
  display: block;
  text-align: center;
  color: gray;
  font-weight: bold;
}

/* .spanFechaIngresoLiderazgo {
} */

h1.title_section {
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  color: #143449;
  width: 100%;
  font-family: "Open Sans", sans-serif;
  margin: 20px 0 50px;
}

.wrapBusqueda {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.wrapBusqueda .resultadoBusqueda {
  width: 70%;
  display: flex;
  flex-flow: row wrap;
  gap: 30px;
}

.wrapBusqueda .resultadoBusqueda nav.navigation a {
  color: var(--verde);
}

.wrapBusqueda .resultadoBusqueda article {
  width: 100%;
}

.wrapBusqueda .resultadoBusqueda > header {
  width: 100%;
}

.wrapBusqueda .resultadoBusqueda > header h1 {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.6em;
  position: relative;
}

.wrapBusqueda .resultadoBusqueda > article header {
  display: flex;
  justify-content: space-between;
  margin: 0 0 5px;
}

.wrapBusqueda .resultadoBusqueda > article header > a {
  color: var(--verde);
  font-family: "Open Sans", sans-serif;
  text-decoration: none;
}

/* .wrapBusqueda .resultadoBusqueda > article header h2 {
} */

.wrapBusqueda .resultadoBusqueda > article header h2 a {
  color: var(--azul-oscuro);
  text-decoration: none;
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
  line-height: 1.2;
  font-size: 1.1em;
}

/* 
.wrapBusqueda .resultadoBusqueda > article section {
} */

.wrapBusqueda .resultadoBusqueda > article section p {
  font-weight: 400;
  font-family: "Quicksand", sans-serif;
  line-height: 1.2;
  font-size: 1em;
}

.wrapBusqueda #sidebar {
  width: 27%;
}

/* .wrapBusqueda #sidebar #primary {
} */

.wrapBusqueda #sidebar #primary > ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.wrapBusqueda #sidebar #primary > ul > li {
  position: relative;
}

.wrapBusqueda #sidebar #primary > ul > li h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1.1em;
  margin: 0 0 3px;
}

/* .wrapBusqueda #sidebar #primary ul li #searchform {
} */

.wrapBusqueda #sidebar #primary ul li #searchform div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 40px;
  padding: 0;
  margin: 0;
  text-indent: 10px;
  box-shadow: 0px 5px 20px #00000029;
  border: 2px solid #ffffff;
  border-radius: 40px;
  overflow: hidden;
}

.wrapBusqueda #sidebar #primary ul li #searchform label {
  width: 100%;
}

.wrapBusqueda #sidebar #primary ul li #searchform input {
  width: 75%;
  border: 0px solid transparent;
  text-indent: 15px;
}

.wrapBusqueda #sidebar #primary ul li #searchform input[type="submit"] {
  width: 25%;
  text-indent: 0;
  cursor: pointer;
}

.wrapBusqueda #sidebar #primary > ul > li > ul {
  list-style: none;
  gap: 5px;
  display: flex;
  flex-direction: column;
}

.wrapBusqueda #sidebar #primary > ul > li > ul > li {
  font-family: "Quicksand", sans-serif;
}

.wrapBusqueda #sidebar #primary > ul > li > ul > li a {
  text-decoration: none;
  color: var(--azul-oscuro);
}

.detalleNoticia {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
}

.wrapNoticia {
  width: 70%;
}

.sidebarNoticia {
  width: 25%;
}

.cuerpoNoticia {
  width: 100%;
}

.cuerpoNoticia span.fecha_noticia,
.infografia-title,
.infografia-fecha {
  color: #000;
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
  font-size: 1em;
  display: block;
  margin: 0px 0 5px;
  text-transform: capitalize;
}

.cuerpoNoticia .contenido_detalle_noticia,
.infografia-content-post {
  color: #000;
  font-weight: 400;
  font-family: "Quicksand", sans-serif;
  line-height: 1.2;
  font-size: 1em;
}

.cuerpoNoticia .contenido_detalle_noticia table,
.infografia-content-post table {
  width: 100%;
  max-width: 100%;
}

.cuerpoNoticia .contenido_detalle_noticia p,
.infografia-content-post p {
  margin: 0 0 10px;
  line-height: 1.2;
}

.cuerpoNoticia .contenido_detalle_noticia p strong,
.infografia-content-post p strong {
  font-weight: 900;
}

.cuerpoNoticia .contenido_detalle_noticia p iframe,
.infografia-content-post p iframe {
  width: 100%;
  height: 500px;
  margin: 20px 0;
}

.cuerpoNoticia .contenido_detalle_noticia ol,
.cuerpoNoticia .contenido_detalle_noticia ul,
.infografia-content-post ol,
.infografia-content-post ul {
  padding: 0 0 0 20px;
  margin: 10px 0;
}

.cuerpoNoticia .imagen_detalle {
  width: 100%;
}

.cuerpoNoticia .imagen_detalle img {
  width: 100%;
  border-radius: 15px;
}

.sidebarNoticia .row {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 15px;
}

.sidebarNoticia .row .noticiaRelacionada,
.infografias-relacionadas__cards .noticiaRelacionada {
  width: 100%;
  box-shadow: 5px 5px 20px #00000024;
  border-radius: 15px;
  overflow: hidden;
}

.sidebarNoticia .row .noticiaRelacionada img.fotoNoticiaRelacionada,
.infografias-relacionadas__cards
  .noticiaRelacionada
  img.fotoNoticiaRelacionada {
  width: 100%;
  height: 150px;
  object-fit: cover;
}

.sidebarNoticia h2.titulo_noticias_detalle_relacionadas {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.2em;
  position: relative;
  border-bottom: 2px solid;
  margin: 0 0 10px;
}

.sidebarNoticia .row .noticiaRelacionada .cuerpoNoticiaRelacionada,
.infografias-relacionadas__cards .noticiaRelacionada .cuerpoNoticiaRelacionada {
  padding: 0 10px 10px;
}

.sidebarNoticia
  .row
  .noticiaRelacionada
  .cuerpoNoticiaRelacionada
  h2.titulo_noticias,
.infografias-relacionadas__cards
  .noticiaRelacionada
  .cuerpoNoticiaRelacionada
  h2.titulo_noticias {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1em;
  line-height: 1.1;
}

.sidebarNoticia
  .row
  .noticiaRelacionada
  .cuerpoNoticiaRelacionada
  .contenido_noticia_detalle,
.infografias-relacionadas__cards
  .noticiaRelacionada
  .cuerpoNoticiaRelacionada
  .contenido_noticia_detalle {
  display: flex;
  margin: 10px 0;
  gap: 10px;
  flex-direction: column;
}

.sidebarNoticia .row .noticiaRelacionada .cuerpoNoticiaRelacionada > a,
.infografias-relacionadas__cards
  .noticiaRelacionada
  .cuerpoNoticiaRelacionada
  > a {
  display: flex;
  width: 100%;
  height: 30px;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  background: var(--azul-oscuro);
  color: #fff;
  font-family: "Quicksand", sans-serif;
  border-radius: 20px;
}

.sidebarNoticia
  .row
  .noticiaRelacionada
  .cuerpoNoticiaRelacionada
  .contenido_noticia_detalle
  span {
  color: #000;
  font-weight: 400;
  font-family: "Quicksand", sans-serif;
  line-height: 1.2;
  font-size: 0.8em;
}

.sidebarNoticia
  .row
  .noticiaRelacionada
  .cuerpoNoticiaRelacionada
  .contenido_noticia_detalle
  p,
.infografia-relacionada-excerpt,
.infografias-relacionadas__cards
  .noticiaRelacionada
  .cuerpoNoticiaRelacionada
  .contenido_noticia_detalle
  p {
  color: #000;
  font-weight: 500;
  font-family: "Quicksand", sans-serif;
  line-height: 1.2;
  font-size: 0.9em;
}

.cuerpoNoticia h1.titulo_noticias_detalle,
.infografia-title {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 2em;
  line-height: 1.1;
  margin: 20px 0;
}

span.to_spanish {
  color: #17354a;
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 2rem;
}

div#example2_info {
  /*display: none;*/
  float: left;
  margin: 20px 0 0 10px;
  max-width: 60%;
}

div#example2_filter {
  /* display: none; */
  position: absolute;
  top: -75px;
  width: 90%;
}

div#example2_filter label {
  font-size: 0px;
}

div#example2_filter label input {
  width: 95%;
  margin: 0 0 0 10px;
  background: #f7f7f7;
  border: 0px solid;
  outline: 0;
  height: 40px;
  border-radius: 20px;
}

div#example2_length {
  display: none;
}

.filtroYtabla div#example2_wrapper table#example2 {
  width: 100% !important;
}

.activeTabsNuevas {
  border: 3px solid #17354a !important;
  background: #17354a;
  color: #fff !important;
}

.contenedor_tabs_nuevas {
  display: flex;
  margin: 20px auto 20px;
  width: 550px;
  justify-content: space-between;
}

.contenedor_tabs_nuevas li {
  width: auto;
  display: inline-block;
  height: auto;
  font-size: 1.1rem;
  text-align: center;
  font-weight: bold;
  color: #17354a;
  padding: 10px 20px;
  font-family: "Open Sans", sans-serif;
  cursor: pointer;
  transition: all 0.5s ease;
  border: 3px solid #17354a;
  border-radius: 40px;
}

.sistem_vista_nueva a {
  color: #000 !important;
}

.title_nuevavista2 {
  color: #17354a;
  text-align: left;
  margin-bottom: 2vw;
  text-align: center;
}

.container.sistem_vista_nueva {
  width: 90%;
  margin: 0 auto;
}

.container.sistem_vista_nueva h1.tituloDocumentos {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.6em;
  position: relative;
}

.container.sistem_vista_nueva h1.tituloDocumentos:before {
  content: "";
  position: absolute;
  width: 80%;
  height: 10px;
  border-radius: 5px;
  background: var(--azul-oscuro);
  top: 15px;
  right: 0;
  box-shadow: 5px 5px 10px #002a401f;
}

div.dataTables_wrapper {
  font-family: "Open Sans", sans-serif;
  position: relative;
}

ul#wpfb-filebrowser-1 {
  font-family: "Open Sans", sans-serif;
}

ul#wpfb-filebrowser-1 a {
  text-decoration: none;
}

.sistem_vista_nueva > .datatables > .dataTables_wrapper > .dataTables_paginate,
.sistem_vista_nueva > .datatables > .dataTables_wrapper > .dataTables_info,
.container.sistem_vista_nueva
  .datatables
  > .dataTables_wrapper
  > .dataTables_length,
.container.sistem_vista_nueva
  .datatables
  > .dataTables_wrapper
  > .dataTables_filter {
  display: none !important;
}

table#wpfb-datatable-1 tbody tr td {
  vertical-align: middle;
  text-align: center;
}

table#wpfb-datatable-1 tbody tr td:last-child {
  text-align: left;
}

h1.tituloEquipo {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.6em;
  position: relative;
  width: 90%;
  margin: 0 auto 20px;
}

h1.tituloEquipo:before {
  content: "";
  position: absolute;
  width: 75%;
  height: 10px;
  border-radius: 5px;
  background: var(--azul-oscuro);
  top: 15px;
  right: 0;
  box-shadow: 5px 5px 10px #002a401f;
}

div#contEquipo {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 20px;
}

.miembroEquipo {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #002a40;
  padding: 0 0 20px;
}

.miembroEquipo:last-child {
  border-bottom: 0px solid;
}

.miembroEquipo img {
  width: 33%;
  max-width: 400px;
  height: 400px;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
  border: 5px solid #002a40;
}

.miembroEquipo .contEquipo {
  width: 65%;
  display: flex;
  flex-flow: column;
  justify-content: space-evenly;
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
}

.miembroEquipo .contEquipo h2 {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.6em;
  position: relative;
}

/* .miembroEquipo .contEquipo span {
} */

.miembroEquipo .contEquipo ul.lista_equipo {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin: 10px 0;
}

/* .miembroEquipo .contEquipo ul.lista_equipo li {
} */

/* .miembroEquipo .contEquipo p {
} */

.single-recursos_multimedia .wrapNoticia,
.single-multimedia-sistemas .wrapNoticia {
  width: 100%;
}

.single-recursos_multimedia .sidebarNoticia,
.single-multimedia-sistemas .sidebarNoticia {
  display: none;
}

.single-recursos_multimedia .cuerpoNoticia .imagen_detalle img,
.single-multimedia-sistemas .cuerpoNoticia .imagen_detalle img {
  width: 100%;
  border-radius: 15px;
  height: 300px;
  object-fit: cover;
}

.recursoMultimedia iframe {
  width: 100%;
  height: 600px;
}

.recursos_multimedia-template-default .cuerpoNoticia .imagen_detalle,
.multimedia-sistemas-template-default .cuerpoNoticia .imagen_detalle {
  display: none;
}

div.wpcf7 div.wpcf7-response-output {
  display: block !important;
  opacity: 1 !important;
  font-size: 1em !important;
  padding: 0;
  margin: 0px auto 10px;
  width: 79%;
  text-align: center;
  font-weight: bold;
  color: #002a40;
}

.wpcf7-spinner {
  visibility: hidden;
  display: inline-block;
  background-color: #3f51b5 !important;
  opacity: 0.75;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 100%;
  padding: 0;
  margin: 0 24px;
  position: relative;
}

/* Estilos para infografías */

.infografia-wrapper {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-flow: column wrap;
  /* justify-content: space-between;
    gap: 20px; */
}

.gridMultimediaSistemas {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.infografia-container {
  width: 85%;
  margin: 0 auto;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}

.infografia__content-metadata {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.infografia-image__container {
  width: 100%;
  /* max-width: 1000px; */
}

.infografia-image {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.infografia-relacionada-card img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 2rem 2rem 0 0;
  max-height: 150px;
}

.sistemas-de-salud__searchbars-container-responsive {
  display: none !important;
}

.infografia-content {
  display: grid;
  grid-template-columns: 2fr 0.7fr !important;
  gap: 3.5rem;
  margin-top: 2rem;
  width: 100%;
}

.sistemas-de-salud__paises-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 2rem;
  position: relative;
}

.sistemas-de-salud__paises .slick-track {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

.sistemas-de-salud__paises {
  display: flex !important;
  gap: 3rem;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  width: 90%;
}

.sistemas-de-salud__paises .slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  bottom: 1rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  list-style: none;
  bottom: -2rem;
}

.sistemas-de-salud__prev-arrow,
.sistemas-de-salud__next-arrow {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 100;
}

.sistemas-de-salud__prev-arrow {
  left: -25px;
}

.sistemas-de-salud__next-arrow {
  right: -25px;
}

.nocontent-filter-text {
  color: #000;
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
  line-height: 1.2;
  font-size: 1em;
  /* display: block; */
  /* margin: 0px 0 5px; */
  /* text-transform: capitalize; */
}

.sistemas-de-salud__paises .sistemas-de-salud__pais img {
  width: 200px;
  /* height: 200px; */
  object-fit: contain;
  box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.1);
  border-radius: 25px;
}

.sistemas-de-salud__pais {
  padding: 1.5rem 1.5rem 1rem 1.5rem;
  border-radius: 25px;
  transition: all 0.3s ease-out;
  cursor: pointer;
  text-decoration: none;
}

.descargable-card {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 300px;
  max-height: 300px;
}

.descargable-card img {
  width: 45%;
  height: 100%;
  object-fit: cover;
  max-height: 300px;
}

.descargables-card-title {
  color: #000 !important;
  font-weight: 600 !important;
  font-family: "Quicksand", sans-serif !important;
  line-height: 1.2 !important;
  font-size: 1.3em !important;
  opacity: 1 !important;
  /* word-break: break-all; */
}

.descargables-card-title::after {
  content: none !important;
}

.descargables-card-content-container {
  background-color: #f9f9f9;
  border-radius: 0 25px 25px 0;
  /* padding: 1.5rem; */
  display: flex;
  flex-direction: column;
  width: 65%;
}

.descargables-card-button {
  text-decoration: none;
  color: #fff;
  background-color: #002a40;
  border-radius: 25px;
  padding: 0.5rem 3rem;
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
  line-height: 1.2;
  font-size: 0.8em;
  margin-top: auto;
  transition: all 0.3s ease-out;
  text-align: center;
  align-self: center;
  transition: all 0.3s ease-in-out;
}

.descargables-card-button:hover {
  transition: all 0.3s ease-in;
  background-color: #033855;
}

.sistemas-de-salud__pais:hover {
  background-color: #eef2f5;
  transition: all 0.3s ease-in;
}

.sistemas-de-salud__pais-active {
  background-color: #eef2f5;
  transition: all 0.3s ease-in;
}

.sistemas-de-salud__pais {
  display: flex !important;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

.infografia-relacionada-excerpt {
  word-wrap: break-word;
}

.infografias-relacionadas__cards {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
}

.infografia-relacionada-card {
  width: 350px;
  border-radius: 1rem;
}

.infografia-relacionada-title {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1em;
  line-height: 1.1;
  margin-bottom: 1.2rem;
}

.infografia-relacionada-card-body {
  -webkit-box-shadow: 0px 4px 6px -3px rgba(66, 68, 90, 1);
  -moz-box-shadow: 0px 4px 6px -3px rgba(66, 68, 90, 1);
  box-shadow: 0px 4px 6px -3px rgba(66, 68, 90, 1);
  border-radius: 0 0 2rem 2rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
}

.infografia-relacionada-vermas {
  text-decoration: none;
  text-align: center;
  color: #000;
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
  line-height: 1.2;
  font-size: 0.8em;
}

.infografia-relacionada-vermas__line {
  height: 2px;
  background-color: #2e2e2e;
  width: 15%;
}

.infografia-vermas-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: 0.6rem;
}

.infografia-relacionada-excerpt {
  margin-bottom: 1rem;
  height: 104px;
}

.infografia-buttons {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  justify-content: center;
  margin-top: 3rem;
}

.infografia__button-back,
.infografia__button-tomain,
.button-back-multimedia {
  text-decoration: none;
  border-radius: 12px;
  padding: 10px 70px;
  transition: all 0.3s ease-in-out;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}

.infografia__button-back,
.button-back-multimedia {
  color: #00a667;
  border: 1px #00a667 solid;
}

.infografia__button-tomain {
  color: #002a40;
  border: 1px #002a40 solid;
}

.infografia__button-back:hover,
.button-back-multimedia:hover {
  color: #fff;
  background-color: #00a667;
  border: 1px #fff solid;
}

.infografia__button-tomain:hover {
  color: #fff;
  background-color: #002a40;
  border: 1px #fff solid;
}

.infografia__button-back:hover,
.infografia__button-tomain:hover,
.button-back-multimedia:hover {
  cursor: pointer;
  transition: all 0.3s ease-in;
}

.infografias-relacionadas__line {
  width: 100%;
  background-color: #002a40;
  height: 5px;
}

.infografias-relacionadas__title {
  color: var(--azul-oscuro);
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 1.1em;
  /* position: relative; */
  /* border-bottom: 2px solid; */
  /* margin: 0 0 10px; */
}

.infografias-relacionadas-title-container {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  margin: 0 0 1.5rem 0;
}

/* .infografia-content-post p {
  word-break: break-all;
} */

/* Estilos para sistemas de salud */
.banners__sistemas-de-salud img {
  width: 100%;
  height: auto;
}

.banners__sistemas-de-salud {
  position: relative;
}

.sistemas-de-salud-banners__prev-arrow,
.sistemas-de-salud-banners__next-arrow {
  width: 33px !important;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 100;
}

.sistemas-de-salud-banners__prev-arrow {
  left: 10px;
}

.sistemas-de-salud-banners__next-arrow {
  right: 10px;
}

.gridInfografias {
  /* display: flex;
  justify-content: center; */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
  margin-top: 4rem;
  /* flex-wrap: wrap; */
  font-family: "Quicksand", sans-serif;
  gap: 4rem;
}

.gridInfografiasNoContent {
  grid-template-columns: repeat(1, 1fr) !important;
}

.selected-display-year-clear-hidden {
  display: none;
}

.selected-display-year-clear {
  display: flex !important;
  padding-left: 60px;
}

.gridInfografias .infografia-relacionada-card {
  max-width: 320px;
  width: 100%;
}

.gridDescargables {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: center;
  gap: 4rem;
  margin-top: 4rem;
}

.sistemas-de-salud__searchbars-container {
  display: grid;
  justify-items: center;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 1rem;
  width: 80%;
  margin: 0 auto;
}

.button-back-multimedia {
  font-family: "Quicksand", sans-serif;
}

.toup-button {
  position: fixed;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-decoration: none;
  transition: opacity 0.5s, transform 0.5s;
  bottom: 10%;
  opacity: 0;
  background-color: #fff;
  -webkit-box-shadow: -3px 3px 17px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -3px 3px 17px -5px rgba(0, 0, 0, 0.75);
  box-shadow: -3px 3px 17px -5px rgba(0, 0, 0, 0.75);
  padding: 0.8rem 1.1rem;
  border-radius: 15px 0 0 15px;
  z-index: 1000;
}

.sistemas-de-salud__title {
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  color: #002a40;
  text-align: center;
}

.sistemas-de-salud__pais-title {
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
  font-size: 0.9rem;
  color: #002a40;
}

.toup-button-text {
  /* text-decoration: none; */
  font-family: "Quicksand", sans-serif;
  color: #002a40;
  font-size: 15px;
}

.toup-button.show {
  opacity: 1;
  transition: opacity 1s, transform 1s;
}

.toup-button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.toup-button-image {
  -webkit-mask: url(img/icons8-flecha-contraer.svg) no-repeat center;
  mask: url(img/icons8-flecha-contraer.svg) no-repeat center;
  /* background-color: #; */
  width: 25px;
  height: 25px;
  background-color: #002a40;
}

.sistemas-de-salud__searchbar,
.sistemas-de-salud__searchbar-byYear,
.sistemas-de-salud__searchbar-bycontent {
  display: flex;
  width: 100%;
}

.sistemas-de-salud__searchbar {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  /* max-width: 400px;
  min-width: 300px; */
}

.sistemas-de-salud__searchbar input {
  width: 100%;
  padding-left: 1rem;
  padding-right: 10rem;
  min-height: 44px;
}

.button-back-multimedia-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem auto;
}

.sistemas-de-salud__searchbar-icons {
  position: absolute;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  margin-top: 7px;
  font-family: "Quicksand", sans-serif;
  margin-right: 17px;
  text-decoration: none;
  cursor: pointer;
  color: #000;
}

.sistemas-de-salud__searchbar-bycontent-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 0.9rem 3.5rem 0.9rem 2rem;
  border-radius: 25px;
}

.sistemas-de-salud__searchbar-bycontent {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sistemas-de-salud__searchbar-bycontent-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
}

.sistemas-de-salud__searchbar-byYear {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sistemas-de-salud__searchbar-byYear-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 25px;
  padding: 0.9rem 1.3rem 0.9rem 2rem;
}

.sistemas-de-salud__searchbar-byYear-icons {
  position: absolute;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.4rem 0.5rem 0.4rem 0;
  gap: 0.5rem;
}

.sistemas-de-salud__searchbar-separator,
.sistemas-de-salud__searchbar-bycontent-icons-separator,
.sistemas-de-salud__searchbar-byYear-icons-separator {
  width: 1px;
  height: 20px;
  background-color: #707070;
}

.sistemas-de-salud__searchbar-input {
  border-radius: 25px;
  border: 1px solid #707070;
}

.sistemas-de-salud__searchbar-separator {
  width: 1px;
}

.banners__sistemas-de-salud,
.slick-dots button {
  display: none;
}

.banners__sistemas-de-salud .slick-dots {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2rem;
}

.banners__sistemas-de-salud .slick-dots li,
.sistemas-de-salud__paises .slick-dots li {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 5px;
}

.banners__sistemas-de-salud .slick-dots li.slick-active,
.sistemas-de-salud__paises .slick-dots li.slick-active {
  background-color: #002a40;
}

.sistemas-de-salud__paises .slick-dots li.slick-active {
  background-color: #707070 !important;
}

.sistemas-de-salud__paises .slick-dots li {
  border: 2px solid #707070;
}

#pagination-links-recursos,
#pagination-links-infografias,
#pagination-links-noticias,
#pagination-links-multimedia,
#pagination-links-social,
#pagination-links-descargables {
  display: flex;
  justify-content: flex-end;
  gap: 1.5rem;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-family: "Quicksand", sans-serif;
}

.page-numbers.current {
  color: #00a667;
}

.loader-ajax-query {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in;
  /* height: 400px; */
}

.loader-ajax-query .loaderPill {
  top: 0;
}

.loader-ajax-query-hidden {
  display: none !important;
}

.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  text-decoration: none;
  color: #757575;
}

.next.page-numbers,
.prev.page-numbers {
  width: 25px;
  background-color: #eeeeee;
  border-radius: 30px;
  height: 25px;
  padding: 7px;
}

.next.page-numbers img,
.prev.page-numbers img {
  width: 15px;
}

span.descargables-card-excerpt {
  word-break: break-all;
  font-size: 13px;
  font-family: "Quicksand", sans-serif;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}

.infografias-relacionadas-container-mobile {
  display: none;
}

.descargable-card-download-icon {
  display: none;
}

.nocontent-filter {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  height: 400px;
}

.gridDescargablesNoContent {
  grid-template-columns: repeat(1, 1fr) !important;
}

.gridMultimediaSistemasNoContent {
  grid-template-columns: repeat(1, 1fr) !important;
}

.title_country {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: #143449;
  width: 100%;
  font-family: sans-serif;
  padding: 4rem 0;
  text-transform: uppercase;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 1;
}

/*Estilos para custom selects*/

.center-dropdown,
.center-dropdown-year {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 74px;
  /* transform: translateY(50%); */
}

#recursosMultimediaSistemas .filtroMultimedia {
  display: flex !important;
  /* justify-content: center; */
}

#Infografias .filtroMultimedia {
  display: flex !important;
  align-items: center;
}

#Descargables .filtroMultimedia {
  display: flex !important;
  align-items: center;
}

.sistemas-de-salud__error_message-searchbar,
.sistemas-de-salud__error_message-content,
.sistemas-de-salud__error_message-byYear {
  color: #ff0000;
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
  line-height: 1.2;
  font-size: 0.9em;
}

.container-dropdown,
.container-dropdown-year {
  /* align-items: center; */
  justify-content: center;
  margin: 0 auto 0 auto;
  display: block;
  min-width: 231.5px;
  width: 100% !important;
  max-width: 483px;
  height: 74px;
}

/* the code below is for the dropdown heading */
.setting-description-dropdown {
  background-color: #1c2028;
  border-radius: 15px 15px 0px 0px;

  min-width: 231.5px;
  width: 100% !important;
  max-width: 483px;
}
.setting-description-text-dropdown {
  padding-top: 18px !important;
  color: #81828b;
  font-family: Gilroy-Regular !important;
}

/* the code below is for the dropdown menu */
.wrapper-dropdown {
  /* position: relative;
  display: inline-block; */
  min-width: 231.5px;
  width: 100% !important;
  max-width: 483px;
  padding: 0px 0px 0px 0px;
  min-height: 44px;
  border-radius: 25px;
  background: #fff;
  text-align: left;
  color: #002a40;
  border: 1px solid #000;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "Quicksand", sans-serif;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wrapper-dropdown-year {
  min-width: 180px;
  width: 100% !important;
  max-width: 200px;
  padding: 0px 0px 0px 0px;
  min-height: 44px;
  border-radius: 25px;
  background: #fff;
  text-align: left;
  color: #002a40;
  border: 1px solid #000;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "Quicksand", sans-serif;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.scrollable-menu {
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}

.arrow {
  margin-right: 10px;
  float: right;
  rotate: 180deg;
}

.selected-display,
.selected-display-year {
  margin-left: 20px;
}

svg {
  transition: all 0.3s;
}

.wrapper-dropdown::before {
  position: absolute;
  top: 50%;
  right: 16px;

  margin-top: -2px;

  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #fff transparent;
}

.rotated {
  transform: rotate(-180deg);
}

.wrapper-dropdown .dropdown,
.wrapper-dropdown-year .dropdown-year {
  transition: 0.3s;
  position: absolute;
  top: 80%;
  right: 0;
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 99;
  border-radius: 15px;
  box-shadow: inherit;
  background: inherit;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
}

.wrapper-dropdown .dropdown li,
.wrapper-dropdown-year .dropdown-year li {
  padding: 0 15px;
  line-height: 45px;
  overflow: hidden;
}

.wrapper-dropdown .dropdown li:last-child,
.wrapper-dropdown-year .dropdown-year li:last-child {
  border-bottom: none;
}

.dropdown,
.dropdown-year {
  padding: 0.5rem !important;
  border: 1px solid #000;
}

.wrapper-dropdown .dropdown li:hover,
.wrapper-dropdown-year .dropdown-year li:hover {
  background-color: #002a40;
  border-radius: 10px;
  color: #fff;
}

.separator-icon {
  width: 1px;
  height: 20px;
  background-color: #000;
}

.icons-dropdown {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 1rem;
  margin-right: 20px;
  gap: 10px;
}

.wrapper-dropdown.active .dropdown,
.wrapper-dropdown-year.active .dropdown-year {
  opacity: 1;
  visibility: visible;

  border-radius: 15px;
}

.menu-item-5097 .sub-menu {
  right: 15rem;
}

.banners__sistemas-de-salud-info-container {
  position: relative;
}

.banners__sistemas-de-salud-info {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  top: 0;
  justify-content: center;
  padding: 0 0 0 5rem;
}

.banners__sistemas-de-salud-info img {
  width: 150px;
}

span.banners__sistemas-de-salud-title {
  color: #fff;
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
  font-size: 1.7rem;
  margin-bottom: 1rem;
  display: flex;
}

.banners__sistemas-de-salud-descripcion {
  white-space-collapse: preserve-breaks;
  line-height: 0.8;
  color: #fff;
  font-size: 1.3rem;
  font-family: "Quicksand", sans-serif;
}

.banners__sistemas-de-salud-descripcion strong {
  font-weight: bold;
}

.banners__sistemas-de-salud-info ul {
  /* list-style: none; */
  color: #002a40;
  font-family: "Quicksand", sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
}

.sistemas-de-salud__paises-responsive {
  display: none;
}

.descargables-card-content-separator {
  margin: 1.5rem;
  display: flex;
  /* gap: 15px; */
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.descargables-card-excerpt {
  font-family: "Quicksand", sans-serif;
  font-size: 15px;
}

@media (max-width: 1150px) {
  h1.tituloEquipo:before {
    width: 65%;
  }

  .descargables-card-title {
    font-size: 1.2em !important;
  }

  /* .gridInfografias .infografia-relacionada-card {
    width: 300px;
  }

  .gridInfografias .infografia-relacionada-card img {
    width: 300px;
  } */
  /* 
  .gridInfografias {
    gap: 3rem;
  } */

  table#wpfb-datatable-1 thead tr th,
  table#wpfb-datatable-1 tbody tr td,
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    font-size: 0.9em !important;
  }

  div#posiciones h2:before,
  #nuestrosAsociados h2:before {
    width: 50%;
  }

  section#noticiasRegionales h2:after,
  section#recursosMultimedia h2:after,
  .recursosMultimediaSistemasTitle :after {
    width: 65%;
  }

  section#Descargables h2:after {
    width: 65%;
  }

  .infografias-section-title:after {
    width: 65%;
  }

  .conoceMas h2:after {
    width: 45%;
  }

  .mainMenuHeader .headerContainer .logoContainer img {
    width: 120px;
    height: 100%;
    margin: 0;
  }

  .mainMenuHeader .headerContainer .menu .menu_header ul .userModal a,
  .mainMenuHeader .headerContainer .menu .menu_header ul .menu-item-395 a {
    padding: 7px 10px 7px 10px;
    background-image: none;
  }

  .bannerPrincipal
    .slick-list.draggable
    .slick-track
    .slick-slide
    .bannerContent
    p {
    font-size: 2.2em;
  }

  .gridAsociados {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 1em auto;
    display: grid;
    grid-auto-rows: auto;
    grid-gap: 2em;
  }
}

.sistemas-de-salud__searchbar-input-responsive-modal {
  height: 45px;
}

.sistemas-de-salud-apply-filters {
  border: 1px solid #00a667;
  color: #00a667;
  font-family: "Quicksand", sans-serif;
  border-radius: 25px;
  transition: all 0.3s ease-in-out;
  background-color: #fff;
  padding: 0.9rem 2rem;
}

.sistemas-de-salud-apply-filters:hover {
  color: #fff;
  background-color: #00a667;
  transition: all 0.3s ease-in;
}

.sistemas-de-salud-collapse-modal {
  border: 1px solid #002a40;
  border-radius: 25px;
  transition: all 0.3s ease-in-out;
  background-color: #fff;
  padding: 0px 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sistemas-de-salud-collapse-modal-svg {
  width: 20px;
}

.sistemas-de-salud-collapse-modal:hover {
  color: #fff;
  transition: all 0.3s ease-in-out;
  background-color: #002a40;
}

.sistemas-de-salud-searchbar-title-responsive {
  font-family: "Quicksand", sans-serif;
  font-weight: 600;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.sistemas-de-salud__expand-modal {
  font-family: "Quicksand", sans-serif;
  font-weight: 600;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #002a40;
  border-radius: 25px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.sistemas-de-salud-container-searchbars-modal {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  gap: 1rem;
  top: 0;
  left: 0;
  position: absolute;
  background-color: #fff;
  z-index: 200;
  transition: all 0.3s ease-in;
}

.sistemas-de-salud-container-searchbars-modal
  .sistemas-de-salud__searchbar-bycontent
  .center-dropdown
  .container-dropdown {
  min-width: 100%;
  max-width: 100%;
}

.sistemas-de-salud-container-searchbars-modal
  .sistemas-de-salud__searchbar-bycontent
  .center-dropdown
  .container-dropdown
  .wrapper-dropdown {
  min-width: 100%;
  max-width: 100%;
}

.sistemas-de-salud-container-searchbars-modal
  .sistemas-de-salud__searchbar-byYear
  .center-dropdown-year
  .container-dropdown-year
  .wrapper-dropdown-year {
  min-width: 100%;
  max-width: 100%;
}

.sistemas-de-salud-container-searchbars-modal
  .sistemas-de-salud__searchbar-byYear
  .center-dropdown-year
  .container-dropdown-year {
  min-width: 100%;
  max-width: 100%;
}

.sistemas-de-salud__expand-search-button-title {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 1rem;
  margin: 0rem 3rem;
}

.sistemas-de-salud__expand-modal:hover {
  background-color: #002a40;
  color: #fff;
  transition: all 0.3s ease-in;
}

.sistemas-de-salud__expand-modal:hover
  .sistemas-de-salud__expand-search-button-title.sistemas-de-salud__double-arrow {
  fill: #fff;
}

.sistemas-de-salud__double-arrow {
  width: 20px;
}

.clear-selection {
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

.clear-selection svg {
  width: 20px;
  height: 20px;
}

@media (max-width: 1025px) {
  .descargables-card-title {
    font-size: 1.1em;
  }
  table#wpfb-datatable-1 thead tr th,
  table#wpfb-datatable-1 tbody tr td,
  table#wpfb-datatable-1 tfoot tr th {
    font-size: 0.8em !important;
  }

  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    font-size: 0.65em !important;
  }

  div#contactanos {
    width: 85%;
  }

  .formularioYmapa iframe {
    height: 390px;
  }

  .gridPosiciones {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  div#iniciativas h2:after {
    width: 40%;
  }
}

@media (max-width: 991px) {
  /* .sistemas-de-salud__searchbar {
    max-width: 300px;
    min-width: 250px;
  } */

  .descargables-card-title {
    font-size: 1em;
  }
  .gridInfografias {
    gap: 1rem;
  }
  .banners__sistemas-de-salud-info {
    top: -11px;
  }
  span.banners__sistemas-de-salud-title {
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
  }
  .banners__sistemas-de-salud-descripcion {
    font-size: 0.9rem;
  }
  .banners__sistemas-de-salud-info ul {
    font-size: 1.2rem;
  }
  .menu-item-5097 .sub-menu {
    right: 0;
  }
  .miembroEquipo img {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 600px;
  }

  .miembroEquipo .contEquipo {
    width: 100%;
  }

  .miembroEquipo {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: column;
  }

  h1.tituloEquipo:before {
    width: 55%;
  }

  .mainMenuHeader .headerContainer .menu .menu_header ul li:before {
    border-radius: 5px;
    height: 9px;
  }

  .formularioYmapa .wpcf7 form > p .wpcf7-submit {
    margin: 10px 0;
  }

  div#contactanos {
    width: 90%;
  }

  div#contactanos > h2 {
    padding: 0 65% 0 0;
  }

  div#contactanos > h2:before {
    width: 65%;
  }

  .wrapContacto {
    flex-flow: column;
    display: flex;
  }

  .formularioYmapa h3 {
    flex: 0 0 100%;
    margin: 0 0 10px;
  }

  .formularioYmapa .wpcf7 {
    width: 49%;
  }

  .formularioYmapa iframe {
    width: 48%;
    height: auto;
    margin: 0;
  }

  div#noticias h2 span {
    width: 50%;
  }

  .wrapContacto .formularioYmapa {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: space-between;
    margin: 0 0 30px;
  }

  div#noticias h2:before {
    width: 50%;
  }

  .gridNoticias {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 1em;
  }

  .wrapContacto .temas,
  div#noticias form {
    width: 100%;
  }

  div#posiciones h2:before {
    width: 35%;
    top: auto;
    bottom: 10px;
  }

  .gridPosiciones {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .gridIniciativas {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  div#iniciativas h2:after {
    width: 22%;
    top: auto;
    bottom: 10px;
  }

  .gridAsociados {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 1em auto;
    display: grid;
    grid-auto-rows: auto;
    grid-gap: 2em;
  }

  h1.title_section {
    font-size: 2em;
  }

  .containerLiderazgo {
    width: 90%;
  }

  .mainMenuHeader .headerContainer .menu .menu_header ul li {
    flex-flow: column;
    align-items: flex-start;
    padding: 15px 7px;
  }

  .mainMenuHeader
    .headerContainer
    .menu
    .menu_header
    ul
    li.menu-item-has-children:after {
    position: absolute;
    height: 40px;
    width: 100%;
    top: 0;
    left: 0;
    transition: all 0.5s ease;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .mainMenuHeader .headerContainer .menu .menu_header ul.sub-menu li a {
    border-left: 0px solid #000 !important;
    padding: 0;
  }

  .mainMenuHeader .headerContainer .menu .menu_header ul .userModal,
  .mainMenuHeader .headerContainer .menu .menu_header ul .menu-item-395 {
    padding: 5px 0 20px;
  }

  .mainMenuHeader .headerContainer .menu .menu_header ul li:hover .sub-menu {
    position: relative;
    top: 0;
  }

  .tabsControlles button {
    font-size: 0.7em;
  }

  .logosConoceMas img {
    height: 120px;
    margin: 30px 0;
  }

  .quienesSomosTabs,
  .wrapConoceMas {
    flex-flow: column;
    gap: 15px;
  }

  .quienesSomosTabs > div,
  .wrapConoceMas > div {
    width: 100%;
  }

  .conoceMas h2:after {
    width: 29%;
    top: auto;
    bottom: 10px;
  }

  .filtroMultimedia {
    display: none;
  }

  .bannerPrincipal
    .slick-list.draggable
    .slick-track
    .slick-slide
    .bannerContent {
    width: 85%;
    top: 9%;
  }

  section#asociados .slick-list.draggable .slick-track .logo.slick-slide a img {
    max-width: 150px;
    margin: 0 auto;
    display: block;
  }

  .socialMediaFooter {
    margin: 30px auto 0;
    width: 90%;
  }
  
  .logoFooter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem 2rem;
  }

  .footer-logo {
    height: 45px;
    width: auto;
  }

  .socialMediaFooter a {
    font-size: 1.5em;
  }

  .menuFooter .menu-footer-menu-container ul#menu-footer-menu {
    width: 95%;
  }

  .menuFooter .menu-footer-menu-container ul#menu-footer-menu li.menu-item a {
    font-size: 0.8em;
  }

  .mainMenuHeader .headerContainer .menu div.userModal.active {
    position: relative;
    top: 0;
    width: 100%;
    padding: 0 0;
    border: 0;
  }

  .mainMenuHeader .headerContainer .menu div.userModal.logged .userOptions {
    width: 90%;
    margin: 10px auto 20px;
  }

  .gridRedesSociales {
    margin: 0 auto 20px;
    align-items: center;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 1em auto;
    display: grid;
    grid-auto-rows: auto;
    grid-gap: 1em;
  }

  .gridNoticiasRegionales .news {
    box-shadow: 2px 2px 10px #00000024;
    margin: 10px 0 20px;
  }

  section#noticiasRegionales h2:after {
    width: 55%;
  }

  section#recursosMultimedia h2:after,
  .recursosMultimediaSistemasTitle:after {
    width: 53%;
  }

  section#Descargables h2:after {
    width: 45%;
  }

  .infografias-section-title:after {
    width: 53%;
  }

  div#nuestrasRedesSociales h2:after {
    width: 65%;
  }

  .mainMenuHeader {
    height: 64px;
  }

  .mainMenuHeader .headerContainer > .menu {
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 69px;
  }

  .mainMenuHeader .headerContainer > .menu.active {
    overflow: visible;
    position: absolute;
    top: 69px;
    left: 0;
    height: fit-content;
    z-index: 99999999;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px #333;
  }

  .mainMenuHeader .headerContainer .fa-bars {
    display: flex;
    align-items: center;
    font-size: 1.5em;
    cursor: pointer;
  }

  .mainMenuHeader .headerContainer .menu .menu_header ul {
    display: flex;
    flex-flow: column;
    width: 90%;
    margin: 0 auto;
    padding: 10px 0 0;
  }

  .bannerPrincipal
    .slick-list.draggable
    .slick-track
    .slick-slide
    .bannerContent
    p {
    font-size: 1.5em;
  }

  .bannerPrincipal
    .slick-list.draggable
    .slick-track
    .slick-slide
    .bannerContent
    a {
    width: 200px;
    height: 40px;
    font-size: 1em;
    margin: 10px 0 0;
  }

  .buscadorSlider input {
    height: 30px;
    font-size: 1em;
  }

  .buscadorSlider button {
    font-size: 1.5em;
  }

  .buscadorSlider {
    padding: 5px;
    margin: -80px auto 55px;
  }

  .top_banner .cursoTooltip span {
    font-size: 0.75em;
    margin: 0 0 0 5px;
  }

  .top_banner h2 {
    font-size: 0.8em;
  }

  .top_banner a img {
    height: 15px;
  }

  .top_banner a {
    min-width: 115px;
  }

  section#noticiasRegionales h2:after,
  section#recursosMultimedia h2:after,
  .recursosMultimediaSistemasTitle:after {
    width: 53%;
  }

  section#Descargables h2:after {
    width: 53%;
  }

  .infografias-section-title:after {
    width: 53%;
  }

  div#nuestrasRedesSociales h2:after {
    width: 65%;
  }

  .socialMediaPost:last-child {
    display: none;
  }

  #nuestrosAsociados h2:before {
    width: 35%;
    top: auto;
    bottom: 10px;
  }

  .headerNuestroCodigo {
    flex-direction: column;
  }

  .headerNuestroCodigo > img,
  .headerNuestroCodigo > div,
  .leyesYregulacionesContent .filtroYtabla {
    width: 100%;
  }

  .gridDocumentosNuestroCodigo {
    justify-content: space-between;
  }

  .gridDocumentosNuestroCodigo > a,
  .gridDocumentosNuestroCodigo .item {
    width: 31%;
  }

  .leyesYregulacionesContent {
    flex-flow: column-reverse;
  }

  .leyesYregulacionesContent > img {
    width: 100%;
    height: 200px;
    object-position: top;
    margin: 0 0 30px;
  }
}

@media (max-width: 960px) {
  .sistemas-de-salud__pais {
    border-radius: 10px;
  }
  .sistemas-de-salud__paises .sistemas-de-salud__pais img {
    border-radius: 10px;
  }
  .infografia-content {
    grid-template-columns: 1fr !important;
  }
  .infografias-relacionadas-container {
    display: none;
  }
  .infografias-relacionadas-container-mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
  }
  .infografias-relacionadas-title-container {
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  .gridMultimediaSistemas {
    grid-template-columns: repeat(2, 1fr);
  }
  .sistemas-de-salud__searchbar-title {
    display: none;
  }
  .sistemas-de-salud__searchbar-icons {
    gap: 10px;
  }
  .sistemas-de-salud__searchbar input {
    padding-right: 5rem;
  }
}

/* @media (max-width: 850px) {
  .sistemas-de-salud__searchbar {
    max-width: 250px;
    min-width: 200px;
  }
} */

@media (max-width: 769px) {
  .gridInfografias {
    grid-template-columns: repeat(1, 1fr);
  }

  .section#Descargables h2:after {
    width: 30%;
  }

  section#Descargables h2 {
    font-size: 1.4rem;
  }
  /* .gridMultimediaSistemas {
    grid-template-columns: repeat(1, 1fr);
  } */
  .sistemas-de-salud__searchbar {
    width: 90%;
  }
  .sistemas-de-salud__searchbar-byYear,
  .sistemas-de-salud__searchbar-bycontent {
    width: 90%;
  }
  .sistemas-de-salud__searchbars-container-responsive {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .title_country {
    font-size: 1.5rem;
  }
  .sistemas-de-salud__searchbars-container {
    display: none;
  }
  .sistemas-de-salud__arrow {
    width: 10px;
  }
  .gridMultimediaSistemas {
    grid-template-columns: repeat(1, 1fr);
  }
  /* .sistemas-de-salud__paises-responsive {
    display: block;
  }
  .sistemas-de-salud__paises {
    display: none !important;
  } */
  .banners__sistemas-de-salud .slick-dots {
    bottom: 1rem;
  }

  .sistemas-de-salud__pais img {
    width: 100%;
    height: auto;
  }
  .banners__sistemas-de-salud-info {
    top: 20px;
    flex-direction: row;
    justify-content: center;
  }
  .banners__sistemas-de-salud-info {
    padding: 0;
  }
  .banner__sistemas-de-salud-content-info img {
    display: none !important;
  }
  .toup-button-text {
    display: none;
  }
  #pagination-links-descargables {
    justify-content: center;
  }
  .infografia-buttons {
    flex-direction: column;
  }
  .infografia-buttons {
    align-items: center;
    flex-direction: column;
  }
  .container.sistem_vista_nueva h1.tituloDocumentos:before {
    width: 73%;
  }

  .infografia__button-back,
  .infografia__button-tomain {
    width: 40%;
  }

  #pagination-links-infografias {
    justify-content: center;
    margin-bottom: 2rem;
  }

  #pagination-links-recursos {
    justify-content: center;
    margin-bottom: 2rem;
  }

  .gridDescargables {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .descargable-card img {
    width: 100%;
    height: auto;
  }

  .descargable-card {
    flex-direction: column;
    max-height: 650px;
    min-height: 500px;
  }

  .descargable-card-download-icon {
    display: block;
    width: 25px !important;
    height: auto !important;
  }

  .descargables-card-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
  }

  .descargables-card-content-container {
    border-radius: 0 0 25px 25px;
    width: 100%;
    gap: 1rem;
  }

  div#noticias h2 {
    font-size: 1.4em;
    padding: 0 50% 0 0;
  }

  .wrapComitesTrabajo {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wrapGrupoPaises {
    flex-flow: row wrap;
    gap: 10px;
  }

  .wrapGrupoPaises .grupoPais {
    width: 49%;
  }

  .gridPosiciones {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .conoceMas h2 {
    font-size: 1.5em;
    padding: 0 30px 0 0px;
  }

  .logosConoceMas img {
    height: 100px;
    margin: 30px 0;
  }

  .bannerPrincipal
    .slick-list.draggable
    .slick-track
    .slick-slide
    .bannerContent
    p {
    font-size: 1.2em;
  }

  section#noticiasRegionales > a,
  section#recursosMultimedia > a,
  section#recursosMultimediaSistemas > a,
  .masNoticias {
    min-width: 220px;
    font-size: 1em;
  }

  section#Descargables > a,
  .masNoticias {
    min-width: 220px;
    font-size: 1em;
  }

  section#Infografias > a,
  .masNoticias {
    min-width: 220px;
    font-size: 1em;
  }

  .buscadorSlider button {
    font-size: 1.2em;
  }

  .buscadorSlider {
    width: 80%;
    margin: -50px auto 55px;
  }

  .buscadorSlider input {
    font-size: 0.7em;
    margin: 0 0 0 5px;
  }

  .grupoPaises h2 {
    padding: 0 70% 0 0;
  }

  .grupoPaises h2:before {
    width: 70%;
  }

  .comitesTrabajo h2 {
    padding: 0 0 0 60%;
  }

  .comitesTrabajo h2:before {
    width: 60%;
  }
}

@media (max-width: 700px) {
  .container.sistem_vista_nueva h1.tituloDocumentos:before {
    width: 50%;
  }

  .contenedor_tabs_nuevas {
    margin: 20px auto 20px;
    width: 100%;
    gap: 10px;
  }

  .contenedor_tabs_nuevas li {
    width: auto;
    font-size: 0.8rem;
    padding: 10px 9px;
    border: 3px solid #17354a;
    border-radius: 40px;
    line-height: 1;
  }
}

@media (max-width: 600px) {
  h1.tituloEquipo {
    font-size: 1.4em;
  }

  h1.tituloEquipo:before {
    width: 30%;
  }

  .miembroEquipo {
    border-bottom: 1px solid #002a40;
    padding: 0 0 20px;
  }

  .miembroEquipo img {
    width: 100%;
    max-width: 100%;
    height: 350px;
  }

  .cuerpoNoticia h1.titulo_noticias_detalle,
  .infografia-title {
    font-size: 1.4em;
  }

  .cuerpoNoticia .contenido_detalle_noticia table {
    font-size: 0.75em;
  }

  .wrapNoticia,
  .sidebarNoticia,
  .temas div .infoItem {
    width: 100%;
  }

  .detalleNoticia,
  .wrapContacto .formularioYmapa {
    flex-flow: column;
  }

  .formularioYmapa .wpcf7 form > p .wpcf7-submit {
    margin: 10px 0;
  }

  div#contactanos {
    width: 90%;
  }

  div#contactanos > h2 {
    padding: 0 40% 0 0;
    font-size: 1.4em;
  }

  div#contactanos > h2:before {
    width: 40%;
  }

  .wrapContacto {
    flex-flow: column;
    display: flex;
  }

  .formularioYmapa h3 {
    flex: 0 0 100%;
    margin: 0 0 10px;
  }

  .formularioYmapa .wpcf7 {
    width: 100%;
    margin: 0 0 20px;
  }

  .formularioYmapa iframe {
    width: 100%;
    height: 300px;
    margin: 0;
  }

  .grupoPaises h2 {
    padding: 0 45% 0 0;
    font-size: 1.3em;
  }

  .grupoPaises h2:before {
    width: 50%;
  }

  .comitesTrabajo h2 {
    padding: 0 0 0 20%;
    font-size: 1.3em;
  }

  .comitesTrabajo h2:before {
    width: 25%;
  }

  .wrapComitesTrabajo {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .wrapGrupoPaises .grupoPais {
    width: 100%;
  }

  .leyesYregulacionesContent .filtroYtabla form.filtrado_formulario input {
    background: url(img/Icono%20Buscar.svg) no-repeat 97% /9% 50% #f7f7f7;
  }

  .leyesYregulacionesContent .filtroYtabla form.filtrado_formulario select,
  .leyesYregulacionesContent .filtroYtabla form.filtrado_formulario button {
    width: 48%;
  }

  div#denuncia h2 {
    font-size: 1.4em;
    padding: 0 30% 0 0;
  }

  div#denuncia h2:before {
    width: 25%;
    top: auto;
    bottom: 10px;
  }

  /* .filtroYtabla div#example2_wrapper table#example2 {
    } */

  .filtroYtabla div#example2_wrapper table#example2 thead {
    display: none;
  }

  .filtroYtabla div#example2_wrapper table#example2 tbody {
    display: flex;
    flex-flow: column;
    gap: 10px;
  }

  .filtroYtabla div#example2_wrapper table#example2 tbody tr {
    display: flex;
    flex-flow: column;
    border: 1px solid var(--azul-oscuro);
    border-radius: 10px;
  }

  .filtroYtabla div#example2_wrapper table#example2 tbody tr td {
    position: relative;
    padding: 10px;
    margin: 0;
  }

  .filtroYtabla div#example2_wrapper table#example2 tbody tr td:before {
    content: attr(data-title);
    position: relative;
    font-weight: 600;
    color: var(--azul-oscuro);
  }

  div#nuestroCodigo h2:before {
    width: 36%;
  }

  div#leyesYregulaciones h2:before {
    width: 25%;
    top: auto;
    bottom: 10px;
  }

  .wrapDenunciaCodigo {
    flex-direction: column;
  }

  div#leyesYregulaciones h2 {
    font-size: 1.4em;
    padding: 0 0 0 10%;
  }

  div#nuestroCodigo h2 {
    font-size: 1.4em;
    padding: 0 36% 0 0;
  }

  .wrapDenunciaCodigo .carita_feliz,
  .wrapDenunciaCodigo .contenedor_formlulario_codigo,
  .gridDocumentosNuestroCodigo > a,
  .gridDocumentosNuestroCodigo .item {
    width: 100%;
  }

  .wrapDenunciaCodigo .contenedor_formlulario_codigo {
    margin: 20px 0;
  }

  .gridDocumentosNuestroCodigo > a {
    min-height: 150px;
  }

  .cargarMasNoticias {
    width: 250px;
  }

  div#noticias form select {
    width: 28%;
  }

  div#noticias h2 {
    font-size: 1.3em;
  }

  div#noticias h2 span {
    width: 60%;
  }

  div#noticias h2:before {
    width: 40%;
  }

  .gridNoticias {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 1em;
  }

  div#iniciativas h2 {
    font-size: 1.2em;
  }

  .gridPosiciones,
  .gridIniciativas {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .gridAsociados {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin: 1em auto;
    display: grid;
    grid-auto-rows: auto;
    grid-gap: 2em;
  }

  .boxItems {
    width: 100%;
  }

  .filtroRedesSociales button {
    padding: 5px 10px;
  }

  section#recursosMultimedia h2,
  section#noticiasRegionales h2,
  div#nuestrasRedesSociales h2,
  .recursosMultimediaSistemasTitle {
    font-size: 1.1em;
    margin: 0 0 10px;
  }

  section#Descargables h2 {
    font-size: 1.1em;
    margin: 0 0 10px;
  }

  .infografias-section-title {
    font-size: 1.1em;
    margin: 0 0 10px;
  }

  section#noticiasRegionales h2:after {
    width: 36%;
  }

  section#recursosMultimedia h2:after,
  .recursosMultimediaSistemasTitle:after {
    width: 33%;
  }

  section#Descargables h2:after {
    width: 33%;
  }

  .infografias-section-title:after {
    width: 33%;
  }

  div#nuestrasRedesSociales h2:after {
    width: 48%;
  }

  section#asociados .slick-list.draggable .slick-track .logo.slick-slide a img {
    max-width: 300px;
    margin: 0 auto;
    display: block;
  }

  .top_banner .cursoTooltip span {
    display: none;
  }

  .top_banner .cursoTooltip img {
    margin: 0 10px;
  }

  .gridRedesSociales {
    margin: 0 auto 20px;
    align-items: center;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin: 1em auto;
    display: grid;
    grid-auto-rows: auto;
    grid-gap: 1em;
  }

  .menuFooter .menu-footer-menu-container ul#menu-footer-menu {
    flex-flow: column;
    align-items: center;
    gap: 10px;
    margin: 20px auto 0;
  }
}

@media (max-width: 580px) {
  .sistemas-de-salud__paises .sistemas-de-salud__pais img {
    width: 150px;
  }
}

@media (max-width: 500px) {
  .top_banner .cursoTooltip {
    display: none;
  }

  .top_banner h2 {
    font-size: 0.65em;
    margin: 0 2px 0 9px;
  }

  .bannerPrincipal.slick-initialized.slick-slider .slick-arrow {
    top: 55%;
  }
}

@media (max-width: 480px) {
  .gridMultimediaSistemas {
    grid-template-columns: repeat(1, 1fr);
  }
  .sistemas-de-salud__next-arrow {
    right: -17px;
  }
  #pagination-links-recursos {
    justify-content: center;
    margin-bottom: 3rem;
  }
  .sistemas-de-salud__prev-arrow {
    left: -11px;
  }
  .sistemas-de-salud__title {
    font-size: 0.9rem;
  }
}

@media (max-width: 400px) {
  .wrapDenunciaCodigo .contenedor_formlulario_codigo div form input.send {
    width: 250px;
  }
}

@media (max-width: 360px) {
  .infografia-relacionada-card {
    width: 280px;
  }
  .cuerpoNoticia .contenido_detalle_noticia table {
    font-size: 0.65em;
  }

  div#noticias form select {
    width: 25%;
  }

  section#noticiasRegionales h2:after {
    width: 26%;
  }

  section#recursosMultimedia h2:after,
  .recursosMultimediaSistemasTitle:after {
    width: 25%;
  }

  section#Descargables h2:after {
    width: 25%;
  }

  .infografias-section-title:after {
    width: 25%;
  }

  div#nuestrasRedesSociales h2:after {
    width: 48%;
  }

  .grupoPaises h2:before {
    width: 45%;
  }
}

@keyframes rotateX-on-load {
  from {
    transform: rotateX(90deg);
  }

  to {
    transform: rotateX(0);
  }
}

@keyframes show-on-load {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes slide-up {
  0% {
    opacity: 0;
    bottom: -100%;
  }

  50% {
    opacity: 0.5;
    bottom: -75%;
  }

  100% {
    opacity: 1;
    bottom: 0;
  }
}

@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

#noticiasRegionales .slick-list,
#noticiasRegionales .slick-track {
  transform: none !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
}
#noticiasRegionales .slick-slide {
  width: auto !important;
  float: none !important;
  display: block !important;
}

/* Contenedor del título + línea */
.heading-with-line{
  position: relative;
  padding-bottom: 24px;              /* espacio para la línea */
}

/* Línea de fondo */
.heading-with-line::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 10px;
  background: #07364A;
  border-radius: 8px;
  z-index: 0;                        /* detrás de todo */
}

/* Título */
.heading-with-line h2{
  margin: 0;
  line-height: 1.1;
  color: #07364A;
}

/* Span que contiene la 2a línea del título: ancla para los íconos */
.title-line{
  position: relative;                /* referencia para .title-icons */
  display: inline-block;
  padding-right: 12px;               /* respirito antes de los íconos */
}

/* Íconos pegados al texto, encima de la línea */
.title-icons{
  position: absolute;
  left: 100%;                        /* justo al lado del texto */
  bottom: -8px;                      /* báilalos para que se monten en la línea */
  display: inline-flex;
  gap: 10px;
  padding: 6px 8px;
  background: #fff;                  /* tapa la línea por detrás */
  border-radius: 999px;
  box-shadow: 0 6px 18px rgba(7,54,74,0.10);
  z-index: 2;                        /* por encima de la línea */
}

/* Botones redondos */
.btn-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px; height: 34px;
  border-radius: 50%;
  background: #fff;
}

.btn-icon img{
  max-width: 70%;
  height: auto;
}

/* Responsive: si falta espacio, pasa los íconos a la línea de abajo */
@media (max-width: 640px){
  .title-icons{
    position: static;                /* quita el absoluto en mobile */
    margin-top: 8px;
  }
}