@charset "UTF-8";
/* Google Web fonts */
@import url("https://fonts.googleapis.com/css?family=Fjalla+One|Courgette|Open+Sans:300,400,600|Herr+Von+Muellerhoff");
@import url("https://use.typekit.net/kgs3edb.css");
/* $main-color: #7f9e97; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
/*mediaqueries*/
@import url("https://use.typekit.net/kgs3edb.css");
@import url("https://use.typekit.net/kgs3edb.css");
@import url("https://use.typekit.net/kgs3edb.css");
@import url("https://use.typekit.net/kgs3edb.css");
@import url("https://use.typekit.net/kgs3edb.css");
@import url("https://use.typekit.net/kgs3edb.css");
@import url("https://use.typekit.net/kgs3edb.css");
@import url("https://use.typekit.net/kgs3edb.css");
@import url("https://use.typekit.net/kgs3edb.css");
@import url("https://use.typekit.net/kgs3edb.css");
@import url("https://use.typekit.net/kgs3edb.css");
@import url("https://use.typekit.net/kgs3edb.css");
@import url("https://use.typekit.net/kgs3edb.css");
.top-header {
  height: 100px; }

.page, .blog .single {
  padding-top: 100px; }

/* $main-color: #7f9e97; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
/*mediaqueries*/
.top-header {
  height: 100px; }

.page, .blog .single {
  padding-top: 100px; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

html {
  background: #fff;
  color: #000;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  color: #000; }

html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

a {
  background: transparent; }

a:focus {
  outline: thin dotted; }

a:hover,
a:active {
  outline: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.75em;
  margin: 2.33em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: "“" "”" "‘" "’"; }

q:before,
q:after {
  content: "";
  content: none; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline; }

button,
input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

*,
*::after,
*::before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-family: inherit; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  font-family: "ubuntu", sans-serif, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.4;
  min-height: 100vh;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-weight: 400;
  font-size: 16px;
  font-family: inherit;
  color: #000;
  line-height: 1.4;
  margin: 0;
  padding: 0; }

img,
iframe,
video {
  vertical-align: middle; }

img {
  display: block;
  width: 100%;
  height: auto; }

menu,
ul,
ol,
li,
dd {
  padding: 0;
  margin: 0;
  list-style-type: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "open-sans", sans-serif, sans-serif;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0; }

p {
  margin-top: 0;
  margin-bottom: 0; }

a,
p {
  font-family: "open-sans", sans-serif, sans-serif; }

a {
  text-decoration: none; }

a,
button {
  color: inherit; }

a:focus,
button:focus {
  outline: none; }

::selection {
  color: #fff;
  background-color: #1C6D92; }

[hidden] {
  display: none; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.noevents {
  pointer-events: none; }

/* $main-color: #7f9e97; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
/*mediaqueries*/
.top-header {
  height: 100px; }

.page, .blog .single {
  padding-top: 100px; }

header.hero {
  height: 100vh;
  overflow: hidden;
  position: relative; }
  header.hero .inner {
    height: 100vh;
    background: #fff;
    overflow: hidden;
    overflow-x: hidden;
    background-image: url("../img/hero/hero-mob.jpg");
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    /* ===== iPad Pro 1024px en vertical ===== */
    /* ===== Desktop (mínimo 1024px en horizontal) ===== */
    /* ===== Desktop (mínimo 1400px en vertical) ===== */ }
    @media (min-width: 875px) and (orientation: portrait) {
      header.hero .inner {
        background-image: url("../img/hero/hero-img.jpg");
        background-position: top center; } }
    @media (min-width: 875px) and (orientation: landscape) {
      header.hero .inner {
        background-image: url("../img/hero/hero-img.jpg");
        background-position: top center; } }
    @media only screen and (min-width: 1400px) {
      header.hero .inner {
        background-position: top center; } }
    @media only screen and (min-width: 1650px) {
      header.hero .inner {
        background-image: url("../img/hero/hero-img-big.jpg"); } }
    header.hero .inner::after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0.6;
      bottom: 0;
      background-size: cover;
      background-repeat: no-repeat;
      background-size: cover;
      -webkit-transition: opacity 400ms cubic-bezier(0.03, 0.27, 0.49, 1.22);
      transition: opacity 400ms cubic-bezier(0.03, 0.27, 0.49, 1.22);
      pointer-events: none;
      background: linear-gradient(150deg, #143342 50%, #00000000 100%);
      /* mix-blend-mode: luminosity; */ }
  header.hero .top-header {
    position: fixed;
    background-color: #1C6D92;
    z-index: 1000;
    width: 100%;
    display: flex;
    transition: all 0.3s ease;
    padding: 2rem 3rem;
    justify-content: space-between;
    align-items: center;
    gap: 1rem; }
    @media only screen and (min-width: 768px) {
      header.hero .top-header {
        padding: 2rem 4rem; } }
    @media only screen and (min-width: 1024px) {
      header.hero .top-header {
        padding: 2rem 6rem; } }
    @media only screen and (min-width: 1600px) {
      header.hero .top-header {
        padding: 2rem 8rem; } }
    header.hero .top-header .wrapp-header {
      display: block; }
    header.hero .top-header.scrolled {
      box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); }
      @media only screen and (min-width: 1024px) {
        header.hero .top-header.scrolled {
          padding: 1rem 3rem; } }
      header.hero .top-header.scrolled .logo img {
        transition: all 0.3s ease;
        max-width: 120px; }
        @media only screen and (min-width: 768px) {
          header.hero .top-header.scrolled .logo img {
            width: 120px; } }
  header.hero .logo {
    padding-top: 10px; }
    @media only screen and (min-width: 768px) {
      header.hero .logo {
        padding-top: 10px; } }
    header.hero .logo img {
      max-width: 140px; }
      @media only screen and (min-width: 768px) {
        header.hero .logo img {
          width: 180px; } }
  header.hero .content {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
    padding: 2rem 3rem;
    bottom: 12rem;
    z-index: 1;
    width: 100%;
    /* ===== iPad Pro 1024px en vertical ===== */
    /* ===== Desktop (mínimo 1024px en horizontal) ===== */ }
    @media only screen and (min-width: 768px) {
      header.hero .content {
        padding: 4rem 4rem;
        bottom: 15rem; } }
    @media (min-width: 1024px) and (orientation: portrait) {
      header.hero .content {
        bottom: 25rem; } }
    @media (min-width: 1024px) and (orientation: landscape) {
      header.hero .content {
        padding: 4rem 6rem;
        bottom: 15rem; } }
    @media screen and (min-width: 1200px) and (max-height: 700px) {
      header.hero .content {
        bottom: 8rem; } }
    @media screen and (min-width: 1200px) and (min-height: 700px) {
      header.hero .content {
        bottom: 15rem; } }
    @media only screen and (min-width: 1200px) {
      header.hero .content {
        padding: 4rem 6rem; } }
    @media only screen and (min-width: 1400px) {
      header.hero .content {
        top: 45%; } }
    @media only screen and (min-width: 1600px) {
      header.hero .content {
        padding: 0rem 8rem;
        top: 58%; } }
    header.hero .content h1 {
      position: relative;
      font-family: "open-sans", sans-serif;
      font-weight: 400;
      font-size: 1.5rem;
      color: #fff;
      text-align: center;
      padding-bottom: 1.5rem;
      /* ===== iPad Pro 1024px en vertical ===== */ }
      @media only screen and (min-width: 768px) {
        header.hero .content h1 {
          font-size: 2rem;
          line-height: 2.5rem;
          padding-bottom: 2rem; } }
      @media (min-width: 1024px) and (orientation: portrait) {
        header.hero .content h1 {
          width: 80%;
          font-size: 2.3rem;
          line-height: 2.6rem; } }
      @media (min-width: 1024px) and (orientation: landscape) {
        header.hero .content h1 {
          width: 60%;
          font-size: 2rem;
          line-height: 2.5rem; } }
      @media only screen and (min-width: 1200px) {
        header.hero .content h1 {
          font-size: 2rem;
          line-height: 2.5rem;
          /* font-weight: 600; */ } }
      @media only screen and (min-width: 1400px) {
        header.hero .content h1 {
          font-size: 2rem;
          line-height: 2.5rem;
          padding-bottom: 2rem;
          max-width: 700px;
          margin: auto; } }
    header.hero .content h2 {
      font-family: "open-sans", sans-serif;
      color: #fff;
      display: inline-block;
      font-size: 1.2rem;
      font-weight: 200;
      line-height: 1.4rem; }
      @media only screen and (min-width: 1024px) {
        header.hero .content h2 {
          font-size: 1.8rem;
          line-height: 2.3rem;
          width: 60%;
          padding-bottom: 1rem; } }
  header.hero.site {
    height: auto; }
    header.hero.site .inner {
      height: 0vh;
      background: transparent;
      overflow: hidden;
      overflow-x: hidden;
      background-image: none;
      background-position: center;
      background-size: 100%;
      background-repeat: no-repeat; }
      header.hero.site .inner::after {
        content: none; }

.spinner {
  display: none;
  height: 100vh;
  width: 100%;
  background-color: #1C6D92;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3; }
  .spinner img {
    width: 10rem;
    height: 10rem;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.8; }

@media only screen and (min-width: 768px) {
  header.hero .background::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
  header.hero .background:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.3;
    pointer-events: none; } }

@media (max-width: 375px) {
  header.hero .content ul li p {
    font-size: 0.8rem;
    line-height: 1rem; } }

@media only screen and (min-width: 1400px) {
  header.hero header.hero .content {
    padding: 2rem 8rem; } }

@media only screen and (min-width: 1600px) {
  body {
    max-width: 2750px;
    margin: 0 auto; } }

/* $main-color: #7f9e97; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
/*mediaqueries*/
.top-header {
  height: 100px; }

.page, .blog .single {
  padding-top: 100px; }

header .sub-menu .sub-menu {
  height: fit-content !important; }
  header .sub-menu .sub-menu li a {
    color: #000 !important;
    font-size: 1.1rem;
    line-height: 1rem; }

header nav ul.nav__list > li.current-menu-item a {
  color: #e9f0f4;
  border-bottom: 1px solid;
  font-weight: 600; }

header .inner .top-header .hero__actions-mobile, header .inner .top-header .site__actions-mobile {
  display: flex;
  flex-direction: row-reverse;
  align-items: center; }
  @media only screen and (min-width: 768px) {
    header .inner .top-header .hero__actions-mobile, header .inner .top-header .site__actions-mobile {
      flex-direction: row;
      flex-direction: row-reverse; } }
  header .inner .top-header .hero__actions-mobile li, header .inner .top-header .site__actions-mobile li {
    align-self: center;
    align-items: center;
    align-content: center; }
  header .inner .top-header .hero__actions-mobile button, header .inner .top-header .site__actions-mobile button {
    width: 2rem; }

header .inner .top-header .links-desktop .menu-home {
  display: none;
  flex-direction: row;
  align-content: end;
  align-items: center;
  gap: 5px; }
  header .inner .top-header .links-desktop .menu-home a {
    font-size: 0.9rem;
    color: #fff;
    font-weight: 600;
    transition: transform 0.3s ease;
    /* duration + easing */ }
    header .inner .top-header .links-desktop .menu-home a:hover {
      transform: scale(1.1);
      color: #7C96A3;
      font-weight: 700; }
  @media only screen and (min-width: 1024px) {
    header .inner .top-header .links-desktop .menu-home {
      display: flex; } }

header .inner .top-header .searchDesktop {
  margin: 0 1rem;
  transition: transform 0.3s ease;
  /* duration + easing */ }
  header .inner .top-header .searchDesktop:hover {
    transform: scale(1.2);
    transform-origin: center; }

@media only screen and (min-width: 1024px) {
  header .inner .top-header .wrapp-header .site__actions-mobile,
  header .inner .top-header .wrapp-header .site__nav-mobile-wrapper {
    display: none; } }

header .inner .top-header .wrapp-header .hero__actions-mobile .hero__actions__button, header .inner .top-header .wrapp-header .hero__actions-mobile button,
header .inner .top-header .wrapp-header .site__actions-mobile .hero__actions__button,
header .inner .top-header .wrapp-header .site__actions-mobile button {
  width: 2rem;
  height: fit-content;
  padding: 0;
  border: 0;
  background-color: transparent;
  transition: all 1s cubic-bezier(0, 0, 0.24, 0.9);
  margin-left: 10px; }
  header .inner .top-header .wrapp-header .hero__actions-mobile .hero__actions__button:hover, header .inner .top-header .wrapp-header .hero__actions-mobile button:hover,
  header .inner .top-header .wrapp-header .site__actions-mobile .hero__actions__button:hover,
  header .inner .top-header .wrapp-header .site__actions-mobile button:hover {
    transform: scale(1.2);
    transform-origin: center; }
  header .inner .top-header .wrapp-header .hero__actions-mobile .hero__actions__button .fa-2x, header .inner .top-header .wrapp-header .hero__actions-mobile button .fa-2x,
  header .inner .top-header .wrapp-header .site__actions-mobile .hero__actions__button .fa-2x,
  header .inner .top-header .wrapp-header .site__actions-mobile button .fa-2x {
    font-size: 2.5em; }

@media only screen and (min-width: 768px) {
  header .inner .top-header .wrapp-header .hero__actions-mobile {
    right: 4rem; } }

header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper,
header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper,
header .inner .top-header .wrapp-header .site__nav-mobile-wrapper {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: all 50ms cubic-bezier(0.03, 0.27, 0.49, 1.22);
  /* background: url("../img/brand/loader.webp");  //nav open image */
  background-size: 250px;
  background-repeat: no-repeat;
  background-position: 37vw 50vh; }
  @media only screen and (min-width: 768px) {
    header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper,
    header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper,
    header .inner .top-header .wrapp-header .site__nav-mobile-wrapper {
      background-size: 500px;
      background-position: 27vh 73vw; } }
  @media only screen and (min-width: 1024px) {
    header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper,
    header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper,
    header .inner .top-header .wrapp-header .site__nav-mobile-wrapper {
      background-size: 300px;
      background-position: 8vw 60vh;
      left: auto; } }
  @media only screen and (min-width: 1200px) {
    header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper,
    header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper,
    header .inner .top-header .wrapp-header .site__nav-mobile-wrapper {
      background-position: 20vw 60vh; } }
  @media only screen and (min-width: 1400px) {
    header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper,
    header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper,
    header .inner .top-header .wrapp-header .site__nav-mobile-wrapper {
      background-position: 15vw 60vh; } }
  @media only screen and (min-width: 1400px) {
    header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper,
    header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper,
    header .inner .top-header .wrapp-header .site__nav-mobile-wrapper {
      background-position: 18vw 60vh; } }
  @media only screen and (min-width: 1800px) {
    header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper,
    header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper,
    header .inner .top-header .wrapp-header .site__nav-mobile-wrapper {
      background-position: 20vw 60vh; } }
  header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper.opened,
  header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper.opened,
  header .inner .top-header .wrapp-header .site__nav-mobile-wrapper.opened {
    opacity: 1;
    background-color: #1C6D92;
    pointer-events: all;
    transition: all 550ms cubic-bezier(0.03, 0.27, 0.49, 1.22);
    z-index: 100; }
    header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper.opened .fa-times-circle:before,
    header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper.opened .fa-times-circle:before,
    header .inner .top-header .wrapp-header .site__nav-mobile-wrapper.opened .fa-times-circle:before {
      color: #fff; }
  header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper .nav__button,
  header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper .nav__button,
  header .inner .top-header .wrapp-header .site__nav-mobile-wrapper .nav__button {
    width: 3rem;
    height: 3rem;
    padding: 0;
    z-index: 3;
    border: 0;
    background-color: transparent;
    position: absolute;
    top: 2rem;
    right: 2rem;
    color: #1C6D92;
    display: block;
    transition-delay: 55ms;
    transition: all 400ms cubic-bezier(0.03, 0.27, 0.49, 1.22); }
    @media only screen and (min-width: 768px) {
      header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper .nav__button,
      header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper .nav__button,
      header .inner .top-header .wrapp-header .site__nav-mobile-wrapper .nav__button {
        right: 4rem;
        top: 2rem; } }
    @media only screen and (min-width: 1024px) {
      header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper .nav__button,
      header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper .nav__button,
      header .inner .top-header .wrapp-header .site__nav-mobile-wrapper .nav__button {
        right: 6rem;
        top: 2rem; } }
    @media only screen and (min-width: 1600px) {
      header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper .nav__button,
      header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper .nav__button,
      header .inner .top-header .wrapp-header .site__nav-mobile-wrapper .nav__button {
        right: 7rem;
        top: 2rem; } }
  header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav,
  header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav,
  header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    padding-top: 15vh; }
    header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav::before,
    header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav::before,
    header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav::before {
      content: '';
      display: block;
      width: 70%;
      height: 30%;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -2;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: bottom left;
      opacity: 0.4;
      -webkit-transition: opacity 400ms cubic-bezier(0.03, 0.27, 0.49, 1.22);
      transition: opacity 400ms cubic-bezier(0.03, 0.27, 0.49, 1.22);
      pointer-events: none; }
    header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav .nav__list,
    header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav .nav__list,
    header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav .nav__list {
      max-width: 300px; }
      @media only screen and (min-width: 1024px) {
        header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav .nav__list,
        header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav .nav__list,
        header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav .nav__list {
          margin-top: 1rem;
          max-width: fit-content; } }
      header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav .nav__list li.menu-item,
      header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav .nav__list li.menu-item,
      header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav .nav__list li.menu-item {
        color: #fff;
        font-weight: normal;
        font-size: 1.7rem;
        width: 100%;
        padding: 0rem 0rem 0rem 50px;
        position: relative; }
        header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav .nav__list li.menu-item li::before,
        header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav .nav__list li.menu-item li::before,
        header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav .nav__list li.menu-item li::before {
          content: none; }
        header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav .nav__list li.menu-item li a::first-letter,
        header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav .nav__list li.menu-item li a::first-letter,
        header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav .nav__list li.menu-item li a::first-letter {
          text-transform: uppercase; }
        header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav .nav__list li.menu-item:hover,
        header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav .nav__list li.menu-item:hover,
        header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav .nav__list li.menu-item:hover {
          color: #e9f0f4;
          opacity: 1; }
    header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav ul,
    header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul,
    header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav ul {
      font-weight: normal;
      font-size: 1.6rem;
      transition: all 400ms cubic-bezier(0.03, 0.27, 0.49, 1.22); }
      header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav ul li a,
      header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul li a,
      header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav ul li a {
        font-size: 1.5rem;
        line-height: 2rem;
        font-family: "open-sans", sans-serif;
        transition: all 0.3s ease-in-out;
        color: #fff;
        text-transform: initial; }
        @media only screen and (min-width: 768px) {
          header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav ul li a,
          header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul li a,
          header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav ul li a {
            font-size: 2.5rem;
            line-height: 3rem; }
            header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav ul li a:hover,
            header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul li a:hover,
            header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav ul li a:hover {
              color: #7C96A3;
              font-weight: 700; } }
        @media only screen and (min-width: 1024px) {
          header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav ul li a,
          header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul li a,
          header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav ul li a {
            color: #fff;
            font-size: 2.5rem;
            line-height: 3rem;
            font-weight: lighter; }
            header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav ul li a:hover,
            header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul li a:hover,
            header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav ul li a:hover {
              color: #7C96A3;
              font-weight: 700; } }
      header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav ul li .submenu__link,
      header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul li .submenu__link,
      header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav ul li .submenu__link {
        background-color: transparent;
        border: 0;
        transition: all 0.4s cubic-bezier(0.03, 0.27, 0.49, 1.22); }
        header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav ul li .submenu__link.active,
        header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul li .submenu__link.active,
        header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav ul li .submenu__link.active {
          transform: rotate(90deg); }
        header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav ul li .submenu__link img,
        header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul li .submenu__link img,
        header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav ul li .submenu__link img {
          transform: rotate(90deg); }
        header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav ul li .submenu__link svg,
        header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul li .submenu__link svg,
        header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav ul li .submenu__link svg {
          color: #000; }
      header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav ul.sub-menu,
      header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.sub-menu,
      header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav ul.sub-menu {
        height: fit-content; }
        header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav ul.sub-menu li,
        header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.sub-menu li,
        header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav ul.sub-menu li {
          line-height: 1.5rem;
          margin-bottom: 7px; }
          header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav ul.sub-menu li::marker,
          header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.sub-menu li::marker,
          header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav ul.sub-menu li::marker {
            color: #fff;
            font-weight: bold; }
          header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav ul.sub-menu li a,
          header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.sub-menu li a,
          header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav ul.sub-menu li a {
            display: block;
            color: #fff;
            font-size: 1.5rem;
            line-height: 1.6rem;
            padding-left: 2rem;
            transition: all 0.4s cubic-bezier(0.03, 0.27, 0.49, 1.22);
            text-transform: initial; }
            header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav ul.sub-menu li a::first-letter,
            header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.sub-menu li a::first-letter,
            header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav ul.sub-menu li a::first-letter {
              text-transform: uppercase; }
            header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav ul.sub-menu li a:hover,
            header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.sub-menu li a:hover,
            header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav ul.sub-menu li a:hover {
              color: #000;
              font-size: 1.35rem; }
        header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav ul.sub-menu.opened,
        header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.sub-menu.opened,
        header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav ul.sub-menu.opened {
          padding: 10px 0;
          display: flex;
          flex-direction: column;
          align-content: center;
          align-items: flex-start; }

header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper,
header .inner .top-header .wrapp-header .site__nav-desktop-wrapper {
  display: none; }
  @media only screen and (min-width: 1024px) {
    header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper,
    header .inner .top-header .wrapp-header .site__nav-desktop-wrapper {
      display: block;
      position: relative;
      padding: 5px 1rem; }
      header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list,
      header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list {
        display: flex;
        justify-content: flex-end;
        align-items: baseline; }
        header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list > li,
        header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list > li {
          font-size: 1rem;
          text-transform: uppercase;
          align-items: center;
          text-align: center;
          font-weight: 400;
          padding: 0px;
          padding-right: 0.3rem;
          margin-right: 0;
          color: #fff;
          transition: all 0.3s ease-in-out;
          text-transform: uppercase; }
          header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list > li a,
          header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list > li a {
            text-transform: uppercase;
            color: #fff;
            font-size: 0.9rem; } }
        @media only screen and (min-width: 1024px) and (min-width: 1400px) {
          header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list > li a,
          header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list > li a {
            font-size: 1rem; } }
  @media only screen and (min-width: 1024px) {
            header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list > li a:hover,
            header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list > li a:hover {
              color: #7C96A3; }
          header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list > li svg,
          header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list > li svg {
            width: 12px; }
          header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list > li:hover,
          header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list > li:hover {
            color: #1C6D92;
            font-weight: 600; }
          header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list > li.current-menu-item,
          header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list > li.current-menu-item {
            color: #1C6D92;
            border-bottom: 1px solid #1C6D92; }
          header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list > li.current-menu-ancestor,
          header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list > li.current-menu-ancestor {
            border-bottom: 1px solid #000; }
        header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list li.has-submenu,
        header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list li.has-submenu {
          position: relative;
          display: flex;
          align-items: flex-start; }
          header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list li.has-submenu .submenu__link,
          header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list li.has-submenu .submenu__link {
            background-color: transparent;
            border: 0;
            transition: all 0.4s cubic-bezier(0.03, 0.27, 0.49, 1.22); }
          header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list li.has-submenu ul.sub-menu,
          header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list li.has-submenu ul.sub-menu {
            position: absolute;
            opacity: 0;
            z-index: 9;
            width: 300px;
            overflow: hidden;
            visibility: hidden;
            transition: opacity 400ms cubic-bezier(0, 0, 0.24, 0.9);
            top: 1rem; }
            header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list li.has-submenu ul.sub-menu li,
            header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list li.has-submenu ul.sub-menu li {
              font-size: 1.2rem;
              text-align: left;
              color: #fff;
              text-transform: none;
              margin-bottom: 10px; }
              header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list li.has-submenu ul.sub-menu li.current-menu-parent, header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list li.has-submenu ul.sub-menu li .current_page_parent, header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list li.has-submenu ul.sub-menu li .current_page_ancestor,
              header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list li.has-submenu ul.sub-menu li.current-menu-parent,
              header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list li.has-submenu ul.sub-menu li .current_page_parent,
              header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list li.has-submenu ul.sub-menu li .current_page_ancestor {
                color: #1C6D92;
                background-color: #7C96A3;
                color: #7C96A3; }
          header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list li.has-submenu:hover ul.sub-menu,
          header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list li.has-submenu:hover ul.sub-menu {
            opacity: 1;
            visibility: visible;
            color: #000;
            background-color: #000;
            height: auto !important;
            position: absolute;
            left: 0rem;
            padding: 1.5rem;
            width: fit-content;
            min-width: 300px;
            min-height: fit-content;
            -webkit-box-shadow: 0px 6px 10px 0px rgba(196, 211, 214, 0.59);
            -moz-box-shadow: 0px 6px 10px 0px rgba(196, 211, 214, 0.59);
            box-shadow: 0px 6px 10px 0px rgba(38, 43, 44, 0.59); }
            header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list li.has-submenu:hover ul.sub-menu li,
            header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list li.has-submenu:hover ul.sub-menu li {
              line-height: 1.4rem; }
            header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list li.has-submenu:hover ul.sub-menu li a,
            header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list li.has-submenu:hover ul.sub-menu li a {
              display: block;
              font-size: 1rem;
              line-height: 1rem;
              color: #fff;
              font-weight: 400;
              transition: all 0.4s ease-in-out;
              margin-bottom: 5px;
              position: relative;
              z-index: 8;
              text-transform: initial;
              padding-bottom: 5px; }
              header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list li.has-submenu:hover ul.sub-menu li a::first-letter,
              header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list li.has-submenu:hover ul.sub-menu li a::first-letter {
                text-transform: uppercase; }
              header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list li.has-submenu:hover ul.sub-menu li a:hover,
              header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list li.has-submenu:hover ul.sub-menu li a:hover {
                color: #7C96A3;
                font-weight: 600; }
            header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list li.has-submenu:hover ul.sub-menu .sub-menu,
            header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list li.has-submenu:hover ul.sub-menu .sub-menu {
              border: 0px;
              min-height: fit-content;
              position: unset;
              padding: 0rem;
              padding-left: 5px;
              padding-top: 5px; }
              header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list li.has-submenu:hover ul.sub-menu .sub-menu a,
              header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list li.has-submenu:hover ul.sub-menu .sub-menu a {
                color: #1C6D92; }
          header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper nav ul.nav__list li.has-submenu:hover .submenu__link,
          header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list li.has-submenu:hover .submenu__link {
            transform: rotate(-180deg); } }

header .inner .top-header .wrapp-header .hero__nav-desktop-wrapper {
  display: none; }

@media only screen and (min-width: 1100px) {
  header .inner .top-header .wrapp-header .site__nav-desktop-wrapper {
    /*  display: grid; */
    /* flex-direction: column; */
    position: relative;
    padding: 5px 1rem;
    align-content: baseline;
    gap: 1rem;
    /* grid-template-columns: 1fr 20px; */
    align-content: center;
    justify-content: center;
    align-items: center; }
    header .inner .top-header .wrapp-header .site__nav-desktop-wrapper .tel {
      display: none; }
    header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list > li.current-menu-item a {
      color: #e9f0f4;
      border-bottom: 1px solid;
      font-weight: 600; }
    header .inner .top-header .wrapp-header .site__nav-desktop-wrapper nav ul.nav__list > li.current-menu-item {
      color: #7C96A3; } }

header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav .nav__list li.menu-item,
header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav .nav__list li.menu-item {
  padding: 0;
  padding-bottom: 5px; }
  @media only screen and (min-width: 750px) {
    header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav .nav__list li.menu-item,
    header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav .nav__list li.menu-item {
      padding-bottom: 10px; } }
  @media only screen and (min-width: 1024px) {
    header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav .nav__list li.menu-item,
    header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav .nav__list li.menu-item {
      padding-bottom: 15px; } }

@media only screen and (min-width: 750px) {
  header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav ul.nav__list,
  header .inner .top-header .wrapp-header .site__nav-mobile-wrapper nav ul.nav__list {
    width: 70vw;
    max-width: 1850px; } }

.menu-item li {
  padding-left: 5px !important; }

.menu-item:hover:before {
  opacity: 1 !important; }

header.hero #main-menu li ul, header.site #main-menu li ul {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: opacity 0.5s linear, height 0.5s linear;
  border-radius: 0px; }
  header.hero #main-menu li ul.opened, header.site #main-menu li ul.opened {
    padding: 1rem;
    opacity: 1;
    height: fit-content !important; }

.menu-item {
  padding-left: 0.5rem !important; }

header .inner .top-header .wrapp-header .hero__actions-mobile, header .inner .top-header .wrapp-header .site__actions-mobile {
  top: 0; }

@media only screen and (min-width: 1200px) {
  header .inner .top-header .links-mob.site-links {
    display: flex;
    flex-direction: row;
    margin-right: 0;
    align-content: flex-end; } }

/* sub-menu button + */
.submenu__link {
  padding: 0;
  background-color: transparent;
  border: 0;
  position: relative;
  width: 24px;
  height: 24px;
  margin-left: 0px;
  bottom: 3px;
  color: #fff; }
  .submenu__link svg {
    fill: #fff;
    transition: all 200ms cubic-bezier(0, 0, 0.24, 0.9);
    position: relative;
    text-align: center;
    width: 100%; }
    .submenu__link svg:hover svg {
      fill: #fff; }
    .submenu__link svg svg:not(:root) {
      overflow: hidden; }

@media only screen and (min-width: 1024px) {
  header .inner .top-header .wrapp-header .hero__nav-mobile-wrapper nav ul.sub-menu li a {
    font-size: 2rem;
    line-height: 2rem; } }

.search-modal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background: rgba(0, 0, 0, 0.7);
  z-index: 200; }
  .search-modal__backdrop {
    position: absolute;
    inset: 0;
    background: transparent; }
  .search-modal__dialog {
    position: relative;
    background: #fff;
    padding: 2.5rem 2rem;
    width: 100%;
    max-width: 600px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35); }
  .search-modal__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: transparent;
    border: 0;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    color: #1C6D92; }
  .search-modal__form {
    margin-top: 1.5rem;
    display: flex;
    gap: 0.5rem;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .search-modal__form {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem; } }
  .search-modal input[type="search"] {
    flex: 1;
    padding: 0.85rem 1rem;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 1rem;
    color: #000;
    background: rgba(28, 109, 146, 0.05);
    width: 90%; }
    @media only screen and (min-width: 767px) {
      .search-modal input[type="search"] {
        width: 100%; } }
  .search-modal__submit {
    padding: 0.85rem 1.5rem;
    border: 0;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    background: #1C6D92;
    color: #fff;
    transition: transform 0.2s ease; }
    .search-modal__submit:hover {
      transform: translateY(-1px); }
    @media only screen and (max-width: 767px) {
      .search-modal__submit {
        width: 100%; } }
  .search-modal--visible {
    display: flex; }

.search-modal[hidden] {
  display: none !important; }

body.search-modal-open {
  overflow: hidden; }

/* $main-color: #7f9e97; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
/*mediaqueries*/
.top-header {
  height: 100px; }

.page, .blog .single {
  padding-top: 100px; }

section {
  padding: 3rem 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem; }
  @media only screen and (min-width: 768px) {
    section {
      padding: 2rem 4rem; } }
  section.max-width {
    max-width: 1200px;
    margin: auto; }
  section .heading {
    max-width: 42rem;
    padding: 0 2rem; }
    section .heading h2 {
      color: #1C6D92;
      font-family: "open-sans", sans-serif;
      text-transform: initial;
      font-size: 2rem;
      line-height: 2.3rem;
      text-align: center;
      font-weight: 600;
      margin-bottom: 1rem; }
      @media only screen and (min-width: 768px) {
        section .heading h2 {
          font-size: 2rem;
          line-height: 2.3rem; } }
      @media only screen and (min-width: 1024px) {
        section .heading h2 {
          font-size: 2.25rem;
          line-height: 2.5rem; } }
      section .heading h2.h2-title {
        color: #1C6D92;
        text-align: center;
        font-weight: 100;
        padding-top: 0; }
        @media only screen and (min-width: 768px) {
          section .heading h2.h2-title {
            font-size: 2rem;
            line-height: 2.3rem;
            padding-bottom: 2rem; } }
        @media only screen and (min-width: 1024px) {
          section .heading h2.h2-title {
            font-size: 3rem;
            line-height: 3rem;
            padding-bottom: 3rem; } }
    section .heading p {
      font-size: 1.2rem;
      color: #7C96A3;
      text-align: center; }
  section h4 {
    color: #1C6D92;
    font-size: 1.3rem;
    line-height: 1.5rem;
    font-weight: 600; }
  section .grid-3 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2rem; }
    @media only screen and (min-width: 1024px) {
      section .grid-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)); } }
  section .icons {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0; }
    @media only screen and (min-width: 768px) {
      section .icons {
        display: flex;
        flex-direction: row;
        gap: 1rem;
        gap: 5px; } }
    @media only screen and (min-width: 1024px) {
      section .icons {
        gap: 10px; } }
    section .icons .icon {
      display: flex;
      gap: 5px;
      align-items: center; }
      @media only screen and (min-width: 1024px) {
        section .icons .icon {
          gap: 10px; } }
      section .icons .icon svg {
        width: 1rem; }
      section .icons .icon span {
        align-items: center;
        color: #1C6D92; }
  section .white {
    color: white; }
  section .inner-wrapp {
    max-width: 850px;
    margin: 0 auto; }
  section.claustro .profesores-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px; }
  section.claustro .profesor-item {
    text-align: center;
    background: #fff;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    max-width: 300px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    gap: 0;
    justify-content: space-around; }
  section.claustro .profesor-nombre {
    font-weight: bold;
    margin-bottom: 8px;
    color: #1C6D92;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 10px;
    padding-top: 10px;
    font-size: 1rem;
    text-align: left; }
  section.claustro .profesor-descripcion {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease; }
    section.claustro .profesor-descripcion.show {
      max-height: fit-content; }
  section.claustro .toggle-desc {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1em;
    transform: rotate(0deg);
    transition: transform 0.3s ease; }
  section.claustro .toggle-desc.active {
    transform: rotate(180deg); }
  section.claustro .leer-mas {
    display: block;
    margin-top: 8px;
    font-weight: bold;
    text-decoration: underline;
    color: #0073aa; }
  section.porque article {
    border: 2px solid #1C6D92;
    padding: 2rem;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    transition: all 0.3s ease;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
    section.porque article .bg-icon-bg {
      background-color: #bbcfd8;
      border-radius: 50%;
      width: 4rem;
      height: 4rem;
      display: flex;
      flex-direction: column;
      gap: 1rem;
      justify-content: center;
      align-items: center; }
    section.porque article h4 {
      text-align: center;
      color: #1C6D92 !important; }
    section.porque article p {
      color: #7C96A3;
      text-align: center; }
    section.porque article svg {
      transition: transform 0.3s ease, stroke 0.3s ease; }
    section.porque article:hover {
      background-color: #eaf0f4;
      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1); }
      section.porque article:hover svg {
        transform: scale(1.5);
        stroke: #145a75;
        /* un tono más oscuro opcional */ }
      section.porque article:hover p {
        color: #000; }
  section.video iframe {
    max-width: 350px; }
    @media only screen and (min-width: 768px) {
      section.video iframe {
        max-width: 100%; } }
  section.asesora .wp-block-columns {
    background-color: #1C6D92;
    min-height: 350px;
    gap: 0; }
    section.asesora .wp-block-columns .wp-block-column.block-heading {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      justify-content: center;
      padding: 2rem; }
      @media only screen and (min-width: 1024px) {
        section.asesora .wp-block-columns .wp-block-column.block-heading {
          padding: 4rem;
          padding-left: 8rem; } }
      section.asesora .wp-block-columns .wp-block-column.block-heading h2 {
        max-width: 28rem; }
      section.asesora .wp-block-columns .wp-block-column.block-heading .wp-block-buttons {
        /* align-self: flex-start; */ }
    section.asesora .wp-block-columns .wp-block-column.block-img {
      overflow: hidden; }
      section.asesora .wp-block-columns .wp-block-column.block-img img {
        object-fit: cover;
        height: 100%;
        min-height: 350px; }
    section.asesora .wp-block-columns h2 {
      color: #fff;
      font-size: 2rem;
      line-height: 2.3rem;
      text-align: left;
      font-weight: 600;
      margin-bottom: 1rem; }
  section.logos {
    padding-top: 0; }
    section.logos .wp-block-columns {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      align-items: center !important;
      justify-content: center;
      gap: 0; }
      section.logos .wp-block-columns .wp-block-column {
        border-right: 1px solid #1C6D92;
        padding: 0 1rem;
        align-self: center; }
        section.logos .wp-block-columns .wp-block-column:nth-child(1) {
          border-left: 1px solid #1C6D92; }
        section.logos .wp-block-columns .wp-block-column:nth-child(3) {
          border-left: 1px solid #1C6D92; }
        section.logos .wp-block-columns .wp-block-column:nth-child(3) {
          border-left: 1px solid #1C6D92; }
          @media only screen and (min-width: 1024px) {
            section.logos .wp-block-columns .wp-block-column:nth-child(3) {
              border-left: 0px; } }
        @media only screen and (min-width: 1024px) {
          section.logos .wp-block-columns .wp-block-column:nth-child(1), section.logos .wp-block-columns .wp-block-column:nth-child(2) {
            border-bottom: 0px; } }
    section.logos img {
      width: 12rem;
      object-fit: contain;
      height: 10rem; }
  section.FAQS .preguntas {
    display: flex;
    flex-direction: column;
    gap: 1rem; }
    section.FAQS .preguntas .wp-block-pb-accordion-item {
      background-color: #eaf0f4;
      padding: 0.5rem 1.5rem;
      border-radius: 10px;
      border: 1px solid #7C96A3;
      width: 100%;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: .15; }
      @media only screen and (min-width: 1024px) {
        section.FAQS .preguntas .wp-block-pb-accordion-item {
          width: 50vw; } }
    section.FAQS .preguntas h4 {
      text-align: left;
      width: 100%;
      color: #1C6D92;
      font-size: 1rem;
      font-weight: 600; }
    section.FAQS .preguntas .c-accordion__content {
      margin-top: 1rem; }
  section.FAQS p {
    color: #7C96A3;
    font-size: 1rem;
    font-weight: 600; }
  section.testimonials {
    position: relative;
    max-width: 1300px;
    margin: auto; }
    section.testimonials h2 {
      text-align: center;
      line-height: 2rem; }
    section.testimonials .gutena-testimonial-block .tns-outer .tns-controls button {
      display: none; }
    section.testimonials .gutena-testimonial-block.has-box-shadow .gutena-testimonial-item-block {
      background-color: #7C96A3;
      padding: 2rem; }
      @media only screen and (min-width: 1200px) {
        section.testimonials .gutena-testimonial-block.has-box-shadow .gutena-testimonial-item-block {
          padding: 2rem 3rem; } }
    section.testimonials .gutena-testimonial-block .gutena-testimonial-rating-block svg {
      fill: #fff !important; }
    section.testimonials .gutena-testimonial-text-content {
      color: #fff; }
    section.testimonials .gutena-testimonial-icon-block svg {
      display: none; }
  section.banner {
    padding: 2rem;
    background-color: #1C6D92;
    color: #7C96A3; }
    @media only screen and (min-width: 768px) {
      section.banner {
        padding: 4rem; } }
    section.banner .inner-wrapp {
      display: grid;
      gap: 1rem; }
      @media only screen and (min-width: 768px) {
        section.banner .inner-wrapp {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          justify-items: center;
          justify-content: space-around;
          align-items: center; } }
    section.banner h3 {
      color: #fff;
      font-size: 1.2rem;
      text-transform: uppercase;
      margin: 0; }
      @media only screen and (min-width: 1200px) {
        section.banner h3 {
          font-size: 1.5rem; } }
  section.contacto {
    padding: 2rem 0;
    background: #fff; }
    section.contacto h1 {
      margin: 1rem 0; }
    section.contacto .inner-section {
      padding: 0 2rem; }
      section.contacto .inner-section img {
        width: 100%;
        margin: auto; }
      @media only screen and (min-width: 768px) {
        section.contacto .inner-section {
          padding: 2rem 4rem; }
          section.contacto .inner-section h2 {
            margin-bottom: 2rem; }
          section.contacto .inner-section .grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem;
            align-items: center;
            justify-items: center; }
          section.contacto .inner-section img {
            width: 100%; } }
      @media only screen and (min-width: 1024px) {
        section.contacto .inner-section {
          padding: 2rem 8rem; } }

.gmbrr.center .listing .relative-time-description {
  display: none !important; }

/* $main-color: #7f9e97; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
/*mediaqueries*/
.top-header {
  height: 100px; }

.page, .blog .single {
  padding-top: 100px; }

.page {
  display: block;
  padding-bottom: 2rem; }
  @media only screen and (min-width: 1024px) {
    .page {
      padding-bottom: 3rem; } }
  .page .wrapper {
    padding-top: 3rem;
    max-width: 1200px;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 1rem; }
    .page .wrapper .heading {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      align-content: center; }
      .page .wrapper .heading p {
        text-align: center; }
  .page h1 {
    margin: 0 auto;
    margin-bottom: 1rem;
    font-size: 1.8rem;
    line-height: 2rem;
    text-align: center;
    color: #1C6D92;
    font-weight: bold; }
    @media only screen and (min-width: 1024px) {
      .page h1 {
        font-size: 2rem;
        line-height: 2.5rem; } }
    .page h1 span {
      color: #7C96A3; }
  .page h2 {
    padding: 3rem 2rem 2rem;
    text-align: center;
    color: #1C6D92;
    font-size: 2rem;
    position: relative; }
    @media only screen and (min-width: 1024px) {
      .page h2 {
        font-size: 2.5rem; } }
    .page h2.title-h2 {
      border: none;
      color: #1C6D92; }
    @media only screen and (min-width: 1024px) {
      .page h2.center {
        text-align: center; } }
  .page h3 {
    font-size: 1.5rem;
    color: #1C6D92;
    padding: 1.5rem;
    font-weight: 600; }
  .page p {
    color: #000;
    font-size: 1.2rem;
    line-height: 1.8rem; }
  .page .bold {
    font-weight: bold; }
  .page .italic {
    font-style: italic; }
  .page .underline {
    text-decoration: underline; }
  .page .link {
    color: #7C96A3;
    text-decoration: underline; }
  .page .max-width {
    max-width: 950px;
    margin: 0 auto; }
  .page .header-img {
    height: 10rem;
    padding: 2rem 0;
    background-image: url("../img/esempcontacta.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
  .page .testimonios {
    gap: 1rem !important; }
    .page .testimonios .wp-block-column blockquote {
      border-radius: 1rem;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      padding: 2rem;
      margin: 0;
      margin-bottom: 1rem; }
      .page .testimonios .wp-block-column blockquote:nth-child(odd) {
        background-color: #eaf0f4; }
      .page .testimonios .wp-block-column blockquote:nth-child(even) {
        background-color: #d2dadf; }
      .page .testimonios .wp-block-column blockquote p {
        color: #1C6D92;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.8rem;
        position: relative;
        padding-top: 1rem; }
        .page .testimonios .wp-block-column blockquote p::before {
          content: "“";
          position: absolute;
          left: -10px;
          top: -15px;
          font-size: 4rem;
          line-height: 1;
          color: #1C6D92;
          font-family: Georgia, serif; }
  .page blockquote {
    background-color: #eaf0f4;
    border-radius: 1rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    padding: 1rem;
    margin: 0; }
  .page .wp-block-media-text {
    gap: 2rem; }
    @media only screen and (min-width: 1024px) {
      .page .wp-block-media-text {
        gap: 0rem; } }
    @media only screen and (min-width: 1400px) {
      .page .wp-block-media-text {
        gap: 2rem; } }
    .page .wp-block-media-text .wp-block-media-text__content {
      padding: 0 2rem; }
      @media only screen and (min-width: 1024px) {
        .page .wp-block-media-text .wp-block-media-text__content {
          padding: 2rem 3rem; } }
  .page .wp-block-buttons {
    margin-top: 1rem; }
    .page .wp-block-buttons a {
      color: #fff;
      background-color: #1C6D92;
      padding: 10px 15px;
      width: fit-content;
      transition: all 0.3s ease-in;
      transition: all 300ms;
      border: 1px #fff solid;
      height: 50px;
      border-radius: 0px; }
      .page .wp-block-buttons a:hover {
        color: #7C96A3;
        border: 1px #7C96A3 solid;
        transform: scale(1.1);
        transform-origin: left; }
  .page .wp-block-columns {
    gap: 2rem; }
  .page.profesores .wrapper {
    max-width: 1100px; }
    @media only screen and (min-width: 1200px) {
      .page.profesores .wrapper {
        max-width: 1200px; } }
  .page.profesores .container-profesores {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px; }
    .page.profesores .container-profesores .heading {
      display: flex;
      flex-direction: column;
      gap: 1rem; }
      .page.profesores .container-profesores .heading h1 {
        margin: 0;
        padding: 0; }
      .page.profesores .container-profesores .heading p {
        text-align: center;
        align-self: center; }
        @media only screen and (min-width: 1024px) {
          .page.profesores .container-profesores .heading p {
            width: 60%; } }
  .page.profesores .titulo-archivo {
    text-align: center;
    font-size: 2em;
    margin-bottom: 40px; }
  .page.profesores .profesores-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 25px;
    padding-top: 1rem; }
    @media only screen and (min-width: 1024px) {
      .page.profesores .profesores-grid {
        padding-top: 1.5rem; } }
  .page.profesores .profesor-item {
    background: #eaf0f4;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    transition: transform 0.2s ease;
    border: 1px solid #eee;
    display: flex;
    flex-direction: column;
    gap: 1rem; }
  .page.profesores .profesor-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); }
  .page.profesores .profesor-nombre {
    font-size: 1.3em;
    margin-bottom: 10px;
    padding: 0;
    margin: 0;
    font-weight: bold; }
  .page.profesores .profesor-extracto, .page.profesores .profesor-descripcion {
    font-size: 0.95em;
    color: #000; }
    .page.profesores .profesor-extracto p, .page.profesores .profesor-descripcion p {
      font-size: 1rem;
      line-height: 1.3rem; }
  .page section.porque {
    padding-top: 0; }
    .page section.porque .wp-block-media-text {
      background-color: #eaf0f4;
      gap: 0; }
      .page section.porque .wp-block-media-text .wp-block-media-text__content {
        padding: 2rem; }
        @media only screen and (min-width: 1024px) {
          .page section.porque .wp-block-media-text .wp-block-media-text__content {
            padding: 2rem 3rem; } }
      .page section.porque .wp-block-media-text h3 {
        padding: 0;
        padding-bottom: 1rem; }
  .page.contacta {
    padding: 3rem 0;
    background-color: #eaf0f4; }
    .page.contacta .wrapper {
      background-color: #eaf0f4; }
      @media only screen and (min-width: 768px) {
        .page.contacta .wrapper {
          max-width: 650px; } }
      @media only screen and (min-width: 1024px) {
        .page.contacta .wrapper {
          max-width: 900px; } }
      .page.contacta .wrapper .wp-block-columns .wp-block-column {
        background-color: #fff;
        padding: 2rem;
        gap: 1rem; }
      .page.contacta .wrapper h3 {
        font-size: 1.3rem;
        line-height: 1.6rem;
        padding: 0;
        padding-bottom: 1rem; }
      .page.contacta .wrapper p {
        font-size: 1.1rem;
        line-height: 1.5rem;
        margin-bottom: 4px; }
      .page.contacta .wrapper p.consent {
        font-size: 0.8rem;
        line-height: 1rem;
        font-style: italic; }
  .page .box-h2 {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center; }

.archive-title-prefix {
  display: none; }

/* Oculta paginación en escritorio */
@media only screen and (min-width: 1024px) {
  .paginacion {
    display: none; } }

/* $main-color: #7f9e97; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
/*mediaqueries*/
.top-header {
  height: 100px; }

.page, .blog .single {
  padding-top: 100px; }

.blog h1 {
  font-family: "open-sans", sans-serif;
  font-size: 2rem;
  padding-bottom: 0; }
  .blog h1 span {
    font-family: "open-sans", sans-serif;
    font-size: 2rem;
    color: #1C6D92; }

.blog p, .blog h4, .blog span, .blog h3, .blog a, .blog div, .blog li, .blog h2, .blog h5, .blog strong {
  font-family: "open-sans", sans-serif; }

.blog a.backTo {
  color: #1C6D92;
  display: block;
  padding-bottom: 0.5rem; }

.blog .wrapper {
  padding: 2rem;
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 2rem;
  row-gap: 2rem;
  max-width: 960px; }
  @media only screen and (min-width: 1024px) {
    .blog .wrapper {
      padding: 2rem 4rem; } }
  @media only screen and (min-width: 1200px) {
    .blog .wrapper {
      padding: 2rem 0;
      display: grid;
      grid-template-columns: 85% 1fr;
      column-gap: 1rem; } }
  @media only screen and (min-width: 1400px) {
    .blog .wrapper {
      max-width: 1200px;
      margin: 0 auto; } }

.blog select {
  margin: 1rem 0;
  padding: 5px; }
  @media only screen and (min-width: 1200px) {
    .blog select {
      display: none; } }

.blog .blog__container {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 1rem;
  row-gap: 2rem;
  box-sizing: border-box; }
  .blog .blog__container li {
    background-color: #eaf0f4;
    border-radius: 0.5rem; }
    .blog .blog__container li .media {
      width: 100%;
      height: 200px;
      overflow: hidden;
      border-top-left-radius: 0.5rem;
      border-top-right-radius: 0.5rem; }
      .blog .blog__container li .media img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
        transition: all 1s cubic-bezier(0, 0, 0.24, 0.9);
        transform: scale(1.1);
        transform-origin: center; }
        .blog .blog__container li .media img:hover {
          transform: scale(1.2);
          transform-origin: center; }
    .blog .blog__container li .media-body {
      padding: 1rem 2rem; }
      .blog .blog__container li .media-body h4 {
        font-family: "open-sans", sans-serif;
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
        margin-bottom: 0.5rem;
        text-transform: initial;
        text-align: left; }
      .blog .blog__container li .media-body p {
        font-size: 0.9rem;
        line-height: 1rem;
        text-align: left;
        margin-bottom: 0;
        text-align: left; }
        .blog .blog__container li .media-body p.extract {
          font-size: 1rem;
          line-height: 1.4rem; }
        .blog .blog__container li .media-body p span {
          color: #1C6D92;
          font-size: 0.9rem;
          font-weight: 600; }
      .blog .blog__container li .media-body ul {
        padding: 0.5rem 0;
        display: flex;
        flex-direction: column;
        align-items: start; }
        .blog .blog__container li .media-body ul li {
          padding-bottom: 5px; }
          .blog .blog__container li .media-body ul li.modalidad {
            display: flex;
            flex-direction: row;
            gap: 0.5rem;
            align-items: start; }
          .blog .blog__container li .media-body ul li p {
            text-align: left; }
  @media only screen and (min-width: 768px) {
    .blog .blog__container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 2rem; } }

.blog .primary, .blog .secondary {
  padding: 0; }
  .blog .primary section, .blog .secondary section {
    padding: 0; }

.blog .secondary .wp-block-categories-list {
  text-transform: uppercase; }
  .blog .secondary .wp-block-categories-list li {
    background-color: #eaf0f4;
    margin-bottom: 1rem;
    width: fit-content;
    list-style-type: none;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1); }
    .blog .secondary .wp-block-categories-list li:hover {
      border: 1px solid #1C6D92;
      padding: 5px 10px; }
    .blog .secondary .wp-block-categories-list li a {
      color: #1C6D92;
      font-weight: bold;
      font-size: 1rem;
      transition: cubic-bezier(0.075, 0.82, 0.165, 1); }

.blog .secondary .wp-block-latest-posts.wp-block-latest-posts__list li {
  border-bottom: 1px solid #7C96A3;
  padding: 5px 0; }

.blog .secondary h3 {
  padding: 2rem 0; }

.blog .more-link {
  background-color: #1C6D92;
  text-transform: uppercase;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 600;
  display: block;
  padding: 8px 10px;
  border-radius: 5px;
  margin-top: 1rem;
  text-align: center; }
  .blog .more-link:hover {
    background-color: #7C96A3; }

.page.single .max-width {
  max-width: 960px;
  margin: auto; }

.page.single .wrapper {
  margin-top: 0rem;
  padding-bottom: 3rem; }

.page.single .excerpt p {
  color: #64748b;
  font-size: 1.125rem;
  line-height: 1.75rem; }

.page.single .primary ul li {
  /*  list-style-type: circle; */
  list-style-position: inside;
  margin-bottom: 1rem;
  padding-left: 5px;
  font-size: 1.2rem; }

.page.single p {
  padding-bottom: 0.5rem; }

.page.single section.primary, .page.single section.secondary {
  padding-top: 0; }

.page.single p, .page.single h4, .page.single span, .page.single h3, .page.single a, .page.single div, .page.single li, .page.single h1, .page.single h2, .page.single h5, .page.single strong {
  font-family: "open-sans", sans-serif; }

.page.single .media-single {
  width: 100%;
  margin: auto; }
  .page.single .media-single img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 1s cubic-bezier(0, 0, 0.24, 0.9); }

.page.single .media-body .heading {
  padding: 1rem 0; }

.page.single .media-body h1 {
  font-family: "open-sans", sans-serif;
  font-size: 1.7rem;
  line-height: 2rem;
  text-align: left;
  margin: 0;
  padding: 0; }

.page.single h2 {
  padding: 10px 0;
  margin-bottom: 1rem;
  margin: auto; }

.page.single .wp-block-buttons {
  margin: 1rem 0; }

.page.single h4 {
  color: #1C6D92;
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  padding: 1rem 0;
  border-bottom: 1px solid #1C6D92; }

.page.single p {
  font-size: 1rem;
  line-height: 1.5rem; }

.page.single a {
  color: #7C96A3; }
  .page.single a:hover {
    color: #000; }
  .page.single a.more-link {
    color: #fff; }

.page.single ol {
  list-style-position: inside; }
  .page.single ol li {
    list-style-type: circle;
    padding-left: 8px;
    border-bottom: 1px solid #7C96A3;
    padding-bottom: 10px; }

.page.single .table {
  gap: 1rem; }
  .page.single .table strong {
    display: block;
    color: #7C96A3;
    font-size: 1.1rem;
    text-transform: uppercase !important; }
  .page.single .table table {
    padding: 1rem; }
    .page.single .table table tbody, .page.single .table table tr, .page.single .table table td {
      border-color: #7C96A3 !important;
      padding: 1rem; }

.page.single .caracteristicas {
  padding: 2rem 0; }

.page.single .nav-subtitle {
  color: #7C96A3; }

.page.single .secondary section {
  padding: 0; }

.page.single .bio-blog {
  background-color: #eaf0f4;
  margin-bottom: 2rem; }
  .page.single .bio-blog .content {
    padding: 20px; }
    .page.single .bio-blog .content h3 {
      margin: 0;
      font-size: 1.5rem;
      color: #1C6D92;
      font-weight: bold; }
    .page.single .bio-blog .content p {
      font-size: 1rem;
      line-height: 1.5rem;
      margin-bottom: 1rem; }
    .page.single .bio-blog .content a {
      display: block;
      font-size: 0.9rem;
      border: 1px solid #1C6D92;
      padding: 10px; }

.page.single.profesor .profesor-item .heading {
  padding: 0; }
  .page.single.profesor .profesor-item .heading h1 {
    margin: 0; }
  .page.single.profesor .profesor-item .heading p {
    color: #000;
    text-align: left; }

.page.single.profesor .profesor-item h3 {
  color: #000; }

.page.single.profesor .profesor-item .curso-wrapp {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem; }
  @media only screen and (min-width: 768px) {
    .page.single.profesor .profesor-item .curso-wrapp {
      grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  .page.single.profesor .profesor-item .curso-wrapp .curso-profe {
    background-color: #fff;
    padding: 1rem; }
    .page.single.profesor .profesor-item .curso-wrapp .curso-profe h4 {
      border-bottom: 0; }
      .page.single.profesor .profesor-item .curso-wrapp .curso-profe h4 a {
        color: #1C6D92; }
    .page.single.profesor .profesor-item .curso-wrapp .curso-profe img {
      max-height: 200px;
      width: auto;
      margin: 0 auto; }

.page.single.profesor .media-single img {
  max-height: 350px;
  width: auto;
  margin: 0 auto; }

.nav-links {
  margin-top: 1rem; }
  .nav-links span {
    color: #1C6D92; }
    .nav-links span.nav-title {
      color: #7C96A3; }

/* $main-color: #7f9e97; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
/*mediaqueries*/
.top-header {
  height: 100px; }

.page, .blog .single {
  padding-top: 100px; }

.contacto .div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-bottom: 1rem; }
  @media only screen and (min-width: 1200px) {
    .contacto .div {
      align-items: self-start;
      justify-content: flex-start; } }
  .contacto .div h3 {
    text-align: center;
    margin-bottom: 1rem; }
    @media only screen and (min-width: 1200px) {
      .contacto .div h3 {
        text-align: left;
        font-size: 1.3rem; } }

.contacto, .wpcf7 {
  position: relative; }
  .contacto .title, .wpcf7 .title {
    margin-bottom: 1rem; }
  .contacto form, .wpcf7 form {
    gap: 5px;
    max-width: 300px;
    margin: 0 auto;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .contacto form, .wpcf7 form {
        max-width: 500px; } }
    @media only screen and (min-width: 1024px) {
      .contacto form, .wpcf7 form {
        max-width: 600px; } }
    .contacto form input, .contacto form textarea, .wpcf7 form input, .wpcf7 form textarea {
      box-shadow: 0px 1px 4px 2px rgba(0, 0, 0, 0.1);
      outline: none;
      border: 0;
      height: 3rem;
      padding-left: 1rem;
      /* max-width: 360px; */
      width: 100%;
      font-family: "open-sans", sans-serif;
      font-size: 1.5rem;
      margin-bottom: 1rem;
      border: 1px solid #e9f0f4; }
      .contacto form input::placeholder, .contacto form textarea::placeholder, .wpcf7 form input::placeholder, .wpcf7 form textarea::placeholder {
        font-family: "open-sans", sans-serif;
        font-size: 1.5rem;
        color: #7C96A3; }
    .contacto form input[type=checkbox], .wpcf7 form input[type=checkbox] {
      border: 1px solid #7C96A3;
      background-clip: content-box;
      padding: 3px;
      width: 20px;
      height: 20px;
      border-radius: 5px;
      margin-right: 5px;
      margin-bottom: 0; }
    .contacto form .radio, .wpcf7 form .radio {
      padding: 2rem 0; }
    .contacto form input[type=radio], .wpcf7 form input[type=radio] {
      box-shadow: none;
      border: 1px solid #7C96A3;
      background-clip: content-box;
      padding: 3px;
      width: 20px;
      height: 20px;
      border-radius: 5px;
      margin-right: 5px;
      margin-bottom: 0;
      margin-left: 1rem; }
    .contacto form input[type=submit], .wpcf7 form input[type=submit] {
      background-color: #1C6D92;
      color: #fff;
      padding: 0;
      margin-top: 2rem;
      text-transform: uppercase; }
      .contacto form input[type=submit]:hover, .wpcf7 form input[type=submit]:hover {
        background-color: #000; }
    .contacto form textarea, .wpcf7 form textarea {
      color: #7C96A3;
      height: fit-content; }
      .contacto form textarea::placeholder, .wpcf7 form textarea::placeholder {
        color: #7C96A3; }
    .contacto form button, .wpcf7 form button {
      font-size: 1.5rem;
      font-family: "open-sans", sans-serif;
      letter-spacing: -1px;
      padding: 0.6rem 1rem;
      border: 0;
      outline: none;
      background-color: #1C6D92;
      color: #fff;
      transition: all 0.2s ease-out;
      transform-origin: center; }
      .contacto form button:hover, .wpcf7 form button:hover {
        transform: scale(1.2);
        background-color: #fff;
        color: #000; }
    .contacto form label, .wpcf7 form label {
      padding-bottom: 10px;
      font-size: 1.2rem;
      font-weight: 200;
      color: #1C6D92; }
    .contacto form .wpcf7-list-item-label, .wpcf7 form .wpcf7-list-item-label {
      padding-bottom: 5px; }
      .contacto form .wpcf7-list-item-label a, .wpcf7 form .wpcf7-list-item-label a {
        text-decoration: underline; }
    .contacto form .wpcf7-form-control-wrap, .wpcf7 form .wpcf7-form-control-wrap {
      font-size: 1rem;
      letter-spacing: -1px; }
    .contacto form .wpcf7-list-item, .wpcf7 form .wpcf7-list-item {
      display: inline-block;
      margin: 0; }
  .contacto .wpcf7 form .wpcf7-response-output, .wpcf7 .wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #1C6D92;
    color: #fff; }

.wpcf7 input[type='checkbox'] {
  font-size: 1rem;
  line-height: 1rem;
  color: #1C6D92;
  display: inline-block;
  width: 25px;
  margin-right: 5px; }
  .wpcf7 input[type='checkbox'] .wpcf7-list-item label {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    align-items: flex-start; }

.wpcf7 .flex-row p {
  font-size: 0.9rem;
  color: #1C6D92;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  padding-left: 5px; }
  .wpcf7 .flex-row p a {
    color: #1C6D92;
    padding-left: 5px;
    text-decoration: underline; }

/* $main-color: #7f9e97; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
/*mediaqueries*/
.top-header {
  height: 100px; }

.page, .blog .single {
  padding-top: 100px; }

#cursos .wrapper, .cursos .wrapper {
  grid-template-columns: 1fr;
  column-gap: 0rem; }

#cursos .inner, .cursos .inner {
  display: flex;
  flex-direction: column;
  gap: 1rem; }
  @media only screen and (min-width: 768px) {
    #cursos .inner, .cursos .inner {
      gap: 2rem; } }

#cursos .primary, .cursos .primary {
  gap: 1rem;
  /*  @media only screen and (min-width: $desktop){
      gap:2rem;
      } */ }
  @media only screen and (min-width: 1024px) {
    #cursos .primary .wrapper-cursos, .cursos .primary .wrapper-cursos {
      display: grid;
      grid-template-columns: 85% 1fr;
      column-gap: 2rem;
      padding-top: 1rem; } }

#cursos .icons, .cursos .icons {
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0; }
  @media only screen and (min-width: 768px) {
    #cursos .icons, .cursos .icons {
      display: flex;
      flex-direction: row;
      gap: 1rem; } }
  @media only screen and (min-width: 1024px) {
    #cursos .icons, .cursos .icons {
      padding-bottom: 1rem; } }
  #cursos .icons .icon, .cursos .icons .icon {
    display: flex;
    gap: 10px;
    align-items: center; }
    #cursos .icons .icon svg, .cursos .icons .icon svg {
      width: 1rem; }
    #cursos .icons .icon span, .cursos .icons .icon span {
      align-items: center;
      color: #7C96A3; }

#cursos .media-body, .cursos .media-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem; }
  @media only screen and (min-width: 1024px) {
    #cursos .media-body, .cursos .media-body {
      gap: 1rem; } }
  #cursos .media-body ul, .cursos .media-body ul {
    padding: 0; }
    #cursos .media-body ul .modalidad, .cursos .media-body ul .modalidad {
      display: inline-flex;
      align-items: center;
      gap: 0.3rem;
      list-style: none;
      border-radius: 999px;
      font-size: 0.8rem;
      font-weight: 700;
      text-transform: uppercase; }
      #cursos .media-body ul .modalidad .modalidad__icon, .cursos .media-body ul .modalidad .modalidad__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center; }
        #cursos .media-body ul .modalidad .modalidad__icon svg, .cursos .media-body ul .modalidad .modalidad__icon svg {
          width: 1rem;
          height: 1rem; }
      #cursos .media-body ul .modalidad.modalidad--presencial, #cursos .media-body ul .modalidad.modalidad--online, .cursos .media-body ul .modalidad.modalidad--presencial, .cursos .media-body ul .modalidad.modalidad--online {
        color: #c0392b; }

#cursos h1, .cursos h1 {
  padding: 0; }

#cursos h3, .cursos h3 {
  padding: 1rem 0; }
  #cursos h3.widget-title, .cursos h3.widget-title {
    font-size: 1rem;
    padding-top: 0; }

#cursos h4, .cursos h4 {
  padding: 0;
  margin: 0;
  text-transform: initial !important; }

#cursos p, .cursos p {
  font-size: 0.9rem;
  line-height: 1.1rem;
  font-weight: 600; }

#cursos .curso-meta, .cursos .curso-meta {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
  align-items: start;
  justify-content: start; }
  #cursos .curso-meta a, .cursos .curso-meta a {
    color: #1C6D92;
    font-size: 0.8rem;
    line-height: 1rem;
    font-weight: 600;
    background-color: #bbcfd8;
    border-radius: 5px;
    padding: 5px; }
    #cursos .curso-meta a:hover, .cursos .curso-meta a:hover {
      background-color: #fff; }

#cursos .finalizado, .cursos .finalizado {
  color: #c0392b !important;
  font-size: 0.8rem; }

.curso-cat-btn.active {
  background: #1C6D92;
  font-weight: bold; }

.cursos-filter-desktop {
  display: none;
  /*  padding: 2rem 0; */
  grid-template-columns: repeat(6, minmax(0, 1fr));
  /*  grid-auto-columns: min-content;  */
  /* cada columna toma el tamaño mínimo necesario */
  gap: 1rem;
  /* separación entre elementos */
  justify-content: center;
  /* centra la fila horizontalmente dentro del contenedor */
  align-items: center; }
  @media only screen and (min-width: 1024px) {
    .cursos-filter-desktop {
      max-width: 80rem;
      margin: auto;
      display: grid; } }
  .cursos-filter-desktop a {
    color: #000;
    border: 2px solid #1C6D92;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8rem;
    line-height: 1rem;
    font-weight: 600;
    border-radius: 5px;
    padding: 1rem 10px;
    min-height: 70px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: .15s; }
    .cursos-filter-desktop a:hover {
      background-color: #bbcfd8;
      opacity: 0.8; }
    @media only screen and (min-width: 1200px) {
      .cursos-filter-desktop a {
        padding: 1rem 2rem; } }
  .cursos-filter-desktop .curso-cat-btn.active {
    background: #1C6D92;
    font-weight: bold;
    color: #fff; }

.cursos-filter-mobile select {
  width: 100%;
  background-color: #eaf0f4;
  border: 1px solid #1C6D92;
  font-size: 1rem; }

@media only screen and (min-width: 1024px) {
  .cursos-filter-mobile {
    display: none; } }

#curso .border-bottom {
  border-bottom: 1px dotted #1C6D92; }

#curso .padding-bottom {
  padding-bottom: 1rem; }

#curso iframe {
  max-height: 200px; }

#curso .wrapper {
  grid-template-columns: 1fr;
  column-gap: 0rem; }
  @media only screen and (min-width: 768px) {
    #curso .wrapper {
      padding: 2rem 6rem; } }
  @media only screen and (min-width: 1024px) {
    #curso .wrapper {
      padding: 2rem 4rem; } }
  @media only screen and (min-width: 1200px) {
    #curso .wrapper {
      padding: 2rem 0rem; } }

#curso h3 {
  text-align: center; }
  @media only screen and (min-width: 768px) {
    #curso h3 {
      text-align: left; } }

@media only screen and (min-width: 1024px) {
  #curso .media-single {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem; } }

#curso .media-single .heading {
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem; }
  @media only screen and (min-width: 768px) {
    #curso .media-single .heading {
      padding: 2rem 0; } }
  @media only screen and (min-width: 1024px) {
    #curso .media-single .heading {
      padding: 0; } }
  #curso .media-single .heading h1 {
    font-size: 1.8rem;
    line-height: 2.3rem;
    text-align: left;
    margin: 0;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      #curso .media-single .heading h1 {
        font-size: 2rem;
        line-height: 2.2rem; } }
  #curso .media-single .heading p {
    padding: 0;
    margin: 0;
    font-size: 1rem;
    line-height: 1.3rem;
    text-align: left; }
  #curso .media-single .heading .more-link {
    margin: 0; }
    @media only screen and (min-width: 768px) {
      #curso .media-single .heading .more-link {
        font-size: 1rem; } }

#curso .media-single img {
  height: fit-content; }

#curso .media-body {
  gap: 0; }
  #curso .media-body h3 {
    color: #1C6D92;
    font-size: 1.5rem;
    text-transform: none !important;
    text-align: left;
    padding: 0;
    border: 0;
    padding: 1.5rem;
    margin-bottom: 0; }
    #curso .media-body h3.h3-info {
      width: 100%;
      border-top-left-radius: 1rem;
      border-top-right-radius: 1rem;
      background-color: #bbcfd8; }
      @media only screen and (min-width: 1024px) {
        #curso .media-body h3.h3-info {
          width: fit-content; } }
  #curso .media-body .curso-info {
    background-color: #bbcfd8;
    padding: 1.5rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }
    @media only screen and (min-width: 1024px) {
      #curso .media-body .curso-info {
        border-top-right-radius: 1rem; } }
    @media only screen and (min-width: 1024px) {
      #curso .media-body .curso-info ul {
        display: grid;
        grid-template-columns: repeat(3, minmax(50px, auto));
        /* 3 fixed-size-safe columns */
        gap: 1rem; } }
    #curso .media-body .curso-info ul li {
      display: flex;
      align-items: flex-start;
      gap: 0.5rem;
      margin: 0; }
      #curso .media-body .curso-info ul li.modalidad.modalidad--presencial, #curso .media-body .curso-info ul li.modalidad.modalidad--online {
        color: #c0392b;
        text-transform: lowercase;
        align-items: center; }
        #curso .media-body .curso-info ul li.modalidad.modalidad--presencial::first-letter, #curso .media-body .curso-info ul li.modalidad.modalidad--online::first-letter {
          text-transform: capitalize; }
      #curso .media-body .curso-info ul li p {
        color: inherit;
        padding-bottom: 0; }
        #curso .media-body .curso-info ul li p::first-letter {
          text-transform: capitalize; }
        #curso .media-body .curso-info ul li p span {
          color: #1C6D92;
          font-weight: 600;
          display: block; }
        #curso .media-body .curso-info ul li p.small {
          color: #64748b; }
      #curso .media-body .curso-info ul li svg {
        flex-shrink: 0; }
    #curso .media-body .curso-info .modalidad__icon {
      display: inline-flex;
      align-items: center;
      justify-content: center; }
    #curso .media-body .curso-info .modalidad__icon svg {
      width: 1rem;
      height: 1rem; }

#curso .contenido .content-wrapp {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem; }
  @media only screen and (min-width: 768px) {
    #curso .contenido .content-wrapp {
      grid-template-columns: repeat(2, minmax(0, 1fr)); } }

#curso .contenido article {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  gap: 0.4rem;
  background-color: #e9f0f4;
  padding: 1rem 2rem;
  border-radius: 1rem; }
  #curso .contenido article .heading {
    padding: 0;
    gap: 0.5rem; }
    #curso .contenido article .heading h4 {
      font-size: 1.2rem;
      line-height: 1.4rem; }
  #curso .contenido article h4 {
    font-size: 1rem;
    line-height: 1.2rem;
    color: #1C6D92;
    border: 0;
    text-transform: initial !important;
    padding-top: 1rem;
    padding-bottom: 5px; }
    #curso .contenido article h4 a {
      color: #1C6D92; }
    #curso .contenido article h4 span {
      color: #7C96A3; }
  #curso .contenido article p {
    color: #000;
    text-align: left;
    font-size: 1rem;
    line-height: 1.3rem; }
  #curso .contenido article h5 {
    font-size: 1rem;
    color: #000;
    padding-bottom: 10px; }
    #curso .contenido article h5 span {
      font-weight: 600; }
  #curso .contenido article ul li {
    font-size: 1rem;
    list-style-type: circle;
    list-style-position: outside;
    margin-bottom: 3px;
    border: 0;
    padding-left: 0; }
  #curso .contenido article ul li::marker {
    margin: 2px !important; }
  #curso .contenido article .temario h5 {
    padding-bottom: 10px; }
  #curso .contenido article ol li {
    border: 0;
    padding-left: 0; }
  #curso .contenido article .card {
    max-width: 200px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    justify-content: center;
    gap: 1rem;
    border: 2px solid #bbcfd8;
    border-radius: 1rem;
    padding: 1rem; }
  #curso .contenido article .profes-wrapp {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem; }
    @media only screen and (min-width: 768px) {
      #curso .contenido article .profes-wrapp {
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }

#curso .profes article {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  justify-content: center;
  gap: 1rem;
  border: 2px solid #bbcfd8;
  border-radius: 1rem;
  padding: 1rem; }
  #curso .profes article .card {
    display: flex;
    flex-direction: row;
    gap: 1rem; }
    #curso .profes article .card div {
      display: flex;
      flex-direction: column;
      gap: 1rem; }
  #curso .profes article h4 {
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #000;
    text-transform: initial;
    border: 0; }
    #curso .profes article h4 span {
      display: block;
      font-size: 1rem;
      font-weight: 400;
      font-style: italic;
      color: #64748b;
      line-height: 1.3rem; }
  #curso .profes article img {
    object-fit: cover;
    /* ensures image fills circle */
    border-radius: 50%;
    max-width: 130px;
    margin: auto; }
  #curso .profes article a {
    color: #1C6D92;
    transition: all 1s cubic-bezier(0, 0, 0.24, 0.9); }
    #curso .profes article a:hover {
      font-weight: 600; }

#curso .inscripcion ul {
  background-color: #eaf0f4;
  border-radius: 0.5rem;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  padding: 1rem; }
  @media only screen and (min-width: 768px) {
    #curso .inscripcion ul {
      padding: 2rem; } }
  #curso .inscripcion ul li {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-bottom: 0; }
    #curso .inscripcion ul li div {
      background-color: #1C6D92;
      width: 0.5rem;
      height: 0.5rem;
      margin-top: 0.5rem;
      border-radius: 9999px;
      flex-shrink: 0; }
    #curso .inscripcion ul li p span {
      font-weight: 600; }
    #curso .inscripcion ul li h3 {
      padding: 0; }

#curso .cursos-relacionados .cursos-relacionados-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px; }

#curso .cursos-relacionados .curso-relacionado {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px;
  text-align: center;
  background: #eaf0f4;
  transition: transform 0.3s ease, box-shadow 0.3s ease; }
  #curso .cursos-relacionados .curso-relacionado h3 {
    font-size: 1.1em;
    margin-top: 10px; }
  #curso .cursos-relacionados .curso-relacionado a {
    text-decoration: none;
    color: inherit; }
  #curso .cursos-relacionados .curso-relacionado:hover {
    transform: scale(1.05); }

/* $main-color: #7f9e97; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
/*mediaqueries*/
.top-header {
  height: 100px; }

.page, .blog .single {
  padding-top: 100px; }

#slider-cursos-destacados {
  max-width: 20rem;
  margin: auto;
  position: relative; }
  @media only screen and (min-width: 768px) {
    #slider-cursos-destacados {
      max-width: 100%; } }
  #slider-cursos-destacados .curso-card {
    border: 1px solid #bbcfd8;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    align-self: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
    #slider-cursos-destacados .curso-card .curso-thumb {
      overflow: hidden;
      border-top-left-radius: 0.5rem;
      border-top-right-radius: 0.5rem;
      flex: 0 0 200px;
      /* altura fija de 200px */
      overflow: hidden; }
      #slider-cursos-destacados .curso-card .curso-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* mantiene proporción */
        display: block; }
    #slider-cursos-destacados .curso-card .curso-info {
      flex: 1;
      padding: 1.5rem;
      display: flex;
      flex-direction: column;
      gap: 1rem;
      justify-content: center;
      align-items: center;
      gap: 0.5rem; }
      #slider-cursos-destacados .curso-card .curso-info h4 {
        font-size: 1.3rem;
        line-height: 1.5rem;
        font-weight: 600;
        text-align: left; }
      #slider-cursos-destacados .curso-card .curso-info p {
        font-size: 1rem;
        color: #7C96A3; }
      #slider-cursos-destacados .curso-card .curso-info .btn-ver {
        width: 100%;
        background-color: #bbcfd8;
        border: 1px solid #bbcfd8;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: .15s;
        padding: 0.5rem 1rem;
        border-radius: 0.5rem;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }
  #slider-cursos-destacados .splide__pagination {
    margin-top: 5px;
    position: relative;
    bottom: 0; }

#slider-cursos-destacados .splide__arrows {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
  /* evita que el contenedor bloquee clicks */ }

#slider-cursos-destacados .splide__arrow {
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  /* habilita el click en los botones */
  transition: background 0.3s; }

#slider-cursos-destacados .splide__arrow:hover {
  background: #f3f4f6; }

#slider-cursos-destacados .splide__arrow--prev {
  position: absolute;
  left: -50px;
  /* 👉 mueve la flecha fuera del carrusel */ }

#slider-cursos-destacados .splide__arrow--next {
  position: absolute;
  right: -50px;
  /* 👉 mueve la flecha fuera del carrusel */ }

.claustro {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #eaf0f4; }
  .claustro article {
    background: white;
    border-radius: 10px;
    flex: 0 0 350px;
    padding: 1rem 1rem 0 1rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    scroll-snap-align: start;
    position: relative; }
    .claustro article div {
      position: relative;
      padding: 1rem 1rem 0 1rem;
      display: flex;
      flex-direction: row;
      gap: 1rem;
      justify-content: space-between;
      align-items: flex-start; }
      .claustro article div .toggle {
        color: #1C6D92;
        background: none;
        border: none;
        font-size: 1.2rem;
        cursor: pointer;
        transition: transform 0.3s ease; }
    .claustro article h4 {
      font-size: 1rem; }
    .claustro article p {
      margin-top: 0.5rem;
      font-size: 0.95rem;
      line-height: 1.4;
      color: #555;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease, opacity 0.4s ease;
      opacity: 0; }
    .claustro article img {
      width: 100%;
      border-radius: 8px; }

.slider {
  display: flex;
  gap: 1.5rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 0rem 1rem;
  scroll-behavior: smooth; }

.slider::-webkit-scrollbar {
  display: none;
  /* Ocultar scrollbar */ }

.claustro .toggle.active {
  transform: rotate(180deg); }

.claustro p.show {
  max-height: 200px;
  opacity: 1; }

.splide:not(.is-overflow) .splide__list {
  justify-content: center; }

.splide:not(.is-overflow) .splide__slide:last-child {
  margin: 0 !important; }

#slider-profesores .splide__list {
  justify-content: flex-start !important;
  display: flex;
  align-items: stretch; }

#slider-profesores .splide__track {
  overflow: hidden;
  background-color: transparent;
  /* o el color de fondo de las tarjetas si no es blanco */ }

#slider-profesores .splide__slide.profesor-item {
  flex: 0 0 auto;
  width: 260px;
  max-width: 260px;
  box-sizing: border-box;
  margin: 0;
  display: flex;
  flex-direction: column; }

#slider-profesores .profesor-imagen img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover; }

/* $main-color: #7f9e97; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
/*mediaqueries*/
.top-header {
  height: 100px; }

.page, .blog .single {
  padding-top: 100px; }

section.toggle-section ul li .collapsible {
  background-color: transparent;
  border: 0;
  padding: 0;
  text-align: left; }

section.toggle-section button, section.toggle-section html input[type="button"], section.toggle-section input[type="reset"], section.toggle-section input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

@media only screen and (min-width: 768px) {
  section.toggle-section.problemas {
    background-image: url(../img/ticket.png);
    background-size: cover; } }

section.toggle-section.problemas h2 {
  text-transform: initial;
  text-align: left;
  margin-bottom: 1rem; }
  section.toggle-section.problemas h2 span {
    text-transform: lowercase;
    font-style: italic;
    text-align: left; }
  @media only screen and (min-width: 768px) {
    section.toggle-section.problemas h2 {
      margin-bottom: 2rem; } }

section.toggle-section.problemas ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 900px;
  margin: 0 auto; }
  section.toggle-section.problemas ul li {
    display: flex;
    align-items: start;
    background: linear-gradient(90deg, #7C96A3 0%, white 80%, white 95%);
    padding: 1rem;
    margin-bottom: 0.5rem;
    flex-flow: column;
    position: relative; }
    @media only screen and (min-width: 768px) {
      section.toggle-section.problemas ul li {
        margin-bottom: 1rem; } }
    section.toggle-section.problemas ul li.active {
      background-color: #fff; }
    section.toggle-section.problemas ul li h3 {
      font-size: 1.1rem;
      color: #1C6D92;
      width: 85%; }
    section.toggle-section.problemas ul li button {
      border: 0;
      font-size: 1.5rem; }

section.toggle-section ul li .collapsible h3:after {
  content: "+";
  position: absolute;
  right: 1rem;
  bottom: 40%;
  color: #7C96A3;
  width: 35px;
  height: 35px;
  line-height: 34px;
  font-size: 34px;
  display: inline-block;
  text-align: center;
  margin-left: 10px;
  border-radius: 50%;
  border: solid 1px #1C6D92;
  background-color: #1C6D92; }

section.toggle-section ul .active .collapsible h3:after {
  content: "-";
  right: 1rem;
  bottom: 2rem; }

section.toggle-section.problemas ul li.active {
  background-color: #fff;
  background: transparent;
  padding: 0; }
  section.toggle-section.problemas ul li.active .collapsible-content {
    margin-top: 0.5rem;
    background: linear-gradient(90deg, #7C96A3 0%, white 80%, white 95%);
    border-bottom-left-radius: 2rem; }

section.toggle-section ul li .collapsible-content p {
  color: #1C6D92;
  font-style: italic;
  padding: 1rem;
  width: 85%; }

section.toggle-section ul li .collapsible-content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease-out; }

@media only screen and (min-width: 750px) {
  section.toggle-section.privileges ul {
    padding: 2rem 7rem; } }

@media only screen and (min-width: 1024px) {
  section.toggle-section.privileges ul {
    align-items: flex-start;
    max-width: 1000px; } }

/* $main-color: #7f9e97; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
/*mediaqueries*/
.top-header {
  height: 100px; }

.page, .blog .single {
  padding-top: 100px; }

section {
  /*    &.three-column-desktop {
        display: none;
      } */ }
  section.three-column-mobile {
    background: #eaf0f4; }
    @media only screen and (min-width: 768px) {
      section.three-column-mobile {
        padding: 6rem 4rem; } }
    section.three-column-mobile .inner-wrapp {
      max-width: 950px; }
    section.three-column-mobile .inner-block {
      display: grid;
      grid-template-columns: 1fr;
      row-gap: 1rem; }
      @media only screen and (min-width: 768px) {
        section.three-column-mobile .inner-block {
          grid-template-columns: 1fr 1fr;
          column-gap: 1rem; } }
      @media only screen and (min-width: 1024px) {
        section.three-column-mobile .inner-block {
          row-gap: 2rem;
          column-gap: 2rem; } }
    section.three-column-mobile figure {
      width: 100%;
      overflow: hidden;
      margin: 0; }
      section.three-column-mobile figure img {
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: all 1s cubic-bezier(0, 0, 0.24, 0.9);
        transform-origin: center; }
        section.three-column-mobile figure img:hover {
          transform: scale(1.2);
          transform-origin: center; }
    section.three-column-mobile .tab {
      background-color: #e9f0f4;
      position: relative;
      overflow: hidden; }
      section.three-column-mobile .tab h2 {
        color: #000;
        font-weight: 200; }
        @media only screen and (min-width: 1024px) {
          section.three-column-mobile .tab h2 {
            font-size: 2.5rem;
            line-height: 2.5rem; } }
      section.three-column-mobile .tab p {
        text-align: left;
        font-size: 1.3rem;
        font-weight: 200;
        width: 98%; }
        @media only screen and (min-width: 768px) {
          section.three-column-mobile .tab p {
            width: 90%; } }
    section.three-column-mobile .tab input {
      display: none; }
    section.three-column-mobile .tab label {
      color: #d8dbd5;
      text-align: left;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      position: relative;
      padding: 2rem;
      font-family: "open-sans", sans-serif;
      font-weight: 600;
      font-size: 2rem;
      transition-timing-function: ease, ease-in-out; }
      section.three-column-mobile .tab label:hover::after {
        color: #fff;
        border: 1px solid #fff;
        font-size: 2.2rem;
        line-height: 1.2rem; }
      section.three-column-mobile .tab label img {
        margin-top: 1rem;
        padding-bottom: 1rem; }
    section.three-column-mobile .tab label:after {
      position: absolute;
      content: "+";
      right: 1.5rem;
      bottom: 1rem;
      font-size: 2rem;
      color: #000;
      line-height: 1rem;
      border: 1px solid #000;
      border-radius: 1rem;
      padding: 5px;
      width: 2rem;
      height: 2rem;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        section.three-column-mobile .tab label:after {
          font-size: 1.5rem;
          line-height: 1.1rem; } }
      @media only screen and (min-width: 1024px) {
        section.three-column-mobile .tab label:after {
          right: 2.5rem; } }
    section.three-column-mobile .tab label:hover {
      color: #fff; }
    section.three-column-mobile .tabContent {
      max-height: 0;
      overflow: hidden;
      transition-property: visibility, max-height;
      transition-duration: 0.5s, 0.5s;
      transition-timing-function: ease, ease-in-out;
      visibility: hidden;
      padding-left: 2rem; }
      section.three-column-mobile .tabContent p {
        margin-bottom: 1rem;
        color: #000;
        font-size: 1.1rem;
        line-height: 1.5rem; }
        @media only screen and (min-width: 1024px) {
          section.three-column-mobile .tabContent p {
            font-size: 1.5rem;
            line-height: 2rem;
            padding: 0 2rem;
            width: 100%; } }
    section.three-column-mobile .tab input:checked ~ .tabContent {
      height: auto;
      max-height: fit-content;
      overflow: auto;
      visibility: visible;
      padding: 2rem;
      padding-top: 0; }
      @media only screen and (min-width: 1024px) {
        section.three-column-mobile .tab input:checked ~ .tabContent {
          padding: 2rem 1.5rem;
          padding-top: 1rem; } }
    section.three-column-mobile .tab input:checked ~ label:after {
      content: "-"; }
      @media only screen and (min-width: 1024px) {
        section.three-column-mobile .tab input:checked ~ label:after {
          right: 2.5rem; } }
    section.three-column-mobile .tab input:checked ~ label {
      color: #000; }
      @media only screen and (min-width: 768px) {
        section.three-column-mobile .tab input:checked ~ label {
          padding-bottom: 1rem; } }
      @media only screen and (min-width: 1024px) {
        section.three-column-mobile .tab input:checked ~ label {
          padding: 2rem 1.5rem;
          padding-bottom: 0; } }
      section.three-column-mobile .tab input:checked ~ label p {
        color: #7C96A3; }

.tabs {
  margin-bottom: 4rem;
  display: flex;
  flex-direction: row; }
  .tabs .tabcontent.content-active {
    display: block; }
  .tabs .tabcontent {
    display: none; }
  .tabs article {
    margin-top: 1rem; }
  .tabs ul {
    display: block;
    width: 100%; }
    .tabs ul.tabs-ul {
      display: flex;
      flex-direction: column;
      align-content: center;
      padding: 2rem; }
    .tabs ul li {
      position: relative;
      width: 100%;
      margin-bottom: 10px;
      transition: all 0.3s ease-in;
      transition: all 300ms; }
      .tabs ul li:first-child {
        margin-right: 1rem; }
      .tabs ul li p {
        font-size: 1rem;
        margin-top: 1rem;
        margin-bottom: 1rem; }

@media only screen and (min-width: 1024px) {
  .tabs ul.tabs-ul {
    display: flex;
    flex-direction: row;
    align-content: center;
    padding: 2rem 4rem; } }

/* $main-color: #7f9e97; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
/*mediaqueries*/
.top-header {
  height: 100px; }

.page, .blog .single {
  padding-top: 100px; }

.cta {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform 0.3s ease;
  /* duration + easing */ }
  @media only screen and (min-width: 768px) {
    .cta {
      padding-top: 0rem;
      gap: 1.5rem; } }
  @media only screen and (min-width: 1024px) {
    .cta {
      flex-direction: row; } }
  .cta li {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    padding: 5px 1.5rem;
    border: #fff 2px solid;
    border-radius: 5px;
    -webkit-transition: opacity 400ms cubic-bezier(0.03, 0.27, 0.49, 1.22);
    transition: opacity 400ms cubic-bezier(0.03, 0.27, 0.49, 1.22);
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease;
    /* duration + easing */
    background-color: #1c6d925c; }
    @media only screen and (min-width: 1024px) {
      .cta li {
        flex-direction: row;
        background-color: #1c6d9252; } }
    .cta li:hover {
      background-color: #1C6D92;
      transform: scale(1.1);
      transform-origin: center; }
    .cta li a {
      font-size: 1rem;
      color: #fff;
      -webkit-transition: opacity 400ms cubic-bezier(0.03, 0.27, 0.49, 1.22);
      transition: opacity 400ms cubic-bezier(0.03, 0.27, 0.49, 1.22);
      font-weight: bold; }

.btn-cta {
  color: #fff;
  font-weight: 600;
  background-color: #1C6D92;
  padding: 5px 1.5rem;
  border: #fff 2px solid;
  border-radius: 5px;
  background: #1C6D92;
  /* background: linear-gradient(90deg, $main-color 50%, #000000d6 100%); */
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: .15s; }
  .btn-cta:hover {
    background: linear-gradient(90deg, #1C6D92 100%);
    background-color: #7C96A3;
    transform: scale(1.1);
    transform-origin: center; }
  .btn-cta a {
    background-color: transparent;
    padding: 0; }

.curso-tags a {
  display: inline-block;
  background: #0073aa;
  color: #fff;
  padding: 5px 10px;
  margin: 3px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 0.9em;
  transition: background 0.3s ease; }
  .curso-tags a:hover {
    color: #fff;
    background-color: #7C96A3;
    font-weight: 600; }

input {
  background-color: transparent;
  border: 0; }
  input::placeholder {
    color: #fff;
    background-color: transparent;
    border: 0; }

.cta li button.search-form__trigger {
  font-size: 1rem;
  color: white;
  cursor: pointer;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: transparent;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  padding: 0px; }

input[type="search"]::placeholder {
  color: #7C96A3; }

/* $main-color: #7f9e97; */
/*padding mob*/
/*padding ipad*/
/*padding desktop*/
/*mediaqueries*/
.top-header {
  height: 100px; }

.page, .blog .single {
  padding-top: 100px; }

footer {
  z-index: 1;
  position: relative;
  background-color: #1C6D92; }
  footer .slogan {
    background-color: #e9f0f4;
    color: #1C6D92;
    padding: 1rem 2rem; }
    @media only screen and (min-width: 1024px) {
      footer .slogan {
        padding: 0.5rem 2rem; } }
    footer .slogan h4 {
      color: #1C6D92;
      text-align: center;
      font-size: 1.5rem;
      font-weight: 100;
      text-transform: uppercase;
      letter-spacing: 1px; }
      @media only screen and (min-width: 768px) {
        footer .slogan h4 {
          font-size: 1.5rem; } }
      @media only screen and (min-width: 1600px) {
        footer .slogan h4 {
          font-size: 1.8rem; } }
  footer a:hover {
    color: #000; }
  footer .inner {
    background-color: #1C6D92;
    padding: 2rem;
    color: #fff;
    font-size: 1.4rem; }
    @media only screen and (min-width: 768px) {
      footer .inner {
        padding: 2rem 4rem; } }
    @media only screen and (min-width: 1024px) {
      footer .inner {
        padding: 2rem 4rem;
        max-width: 1600px;
        margin: auto; } }
    footer .inner a, footer .inner p, footer .inner button {
      color: #fff;
      text-transform: initial; }
      footer .inner a:hover, footer .inner p:hover, footer .inner button:hover {
        color: #7C96A3; }
    footer .inner .footer-top {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: auto auto;
      /* Two rows */
      gap: 1rem;
      justify-items: start;
      border-bottom: 1px solid #1C6D92;
      padding-bottom: 1rem;
      justify-content: space-between;
      align-items: center; }
      @media only screen and (min-width: 768px) {
        footer .inner .footer-top {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          align-items: center;
          padding-bottom: 1rem; } }
      footer .inner .footer-top .logo-footer {
        display: block;
        grid-column: 1 / -1;
        align-self: end; }
        @media only screen and (min-width: 768px) {
          footer .inner .footer-top .logo-footer {
            grid-column: auto;
            width: 150px;
            align-self: center; } }
        footer .inner .footer-top .logo-footer img {
          width: 140px; }
          @media only screen and (min-width: 1024px) {
            footer .inner .footer-top .logo-footer img {
              width: 200px; } }
      footer .inner .footer-top .footer-nav {
        align-self: flex-start;
        width: 100%; }
        @media only screen and (min-width: 768px) {
          footer .inner .footer-top .footer-nav {
            padding: 0;
            align-self: center; } }
        footer .inner .footer-top .footer-nav li {
          font-size: 1.3rem;
          color: #fff;
          line-height: 1.4rem;
          text-transform: lowercase;
          margin-bottom: 5px; }
          footer .inner .footer-top .footer-nav li.menu-item {
            padding-left: 0 !important; }
          footer .inner .footer-top .footer-nav li a {
            color: #fff; }
            footer .inner .footer-top .footer-nav li a:hover {
              color: #000; }
          footer .inner .footer-top .footer-nav li.name {
            text-transform: initial; }
      footer .inner .footer-top .social-logo {
        justify-self: end; }
      @media only screen and (min-width: 1024px) {
        footer .inner .footer-top .premio {
          justify-self: center; } }
      footer .inner .footer-top .premio img {
        max-width: 110px;
        transition: all 1s cubic-bezier(0, 0, 0.24, 0.9); }
        footer .inner .footer-top .premio img:hover {
          transform: scale(1.3); }
      footer .inner .footer-top .social {
        display: flex;
        align-content: end;
        flex-direction: column;
        align-items: center;
        gap: 0px; }
        @media only screen and (min-width: 768px) {
          footer .inner .footer-top .social {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            column-gap: 10px;
            justify-content: center;
            align-items: center; } }
        footer .inner .footer-top .social li, footer .inner .footer-top .social button {
          margin-top: 1rem; }
          @media only screen and (min-width: 768px) {
            footer .inner .footer-top .social li, footer .inner .footer-top .social button {
              margin-top: 0; } }
          footer .inner .footer-top .social li:hover, footer .inner .footer-top .social button:hover {
            border-color: #000;
            color: #000; }
        footer .inner .footer-top .social a {
          transition: all 1s cubic-bezier(0, 0, 0.24, 0.9); }
          footer .inner .footer-top .social a:hover {
            transform: scale(1.2); }
            footer .inner .footer-top .social a:hover img {
              fill: #1C6D92; }
        footer .inner .footer-top .social .site-footer__button {
          background-color: transparent;
          border: 0;
          border-radius: 50px;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 55px;
          height: 55px; }
          footer .inner .footer-top .social .site-footer__button:hover {
            border-color: #1C6D92;
            color: #1C6D92; }
        footer .inner .footer-top .social .facebook {
          line-height: 1.5px;
          width: 55px;
          height: 55px;
          display: flex;
          align-items: center;
          justify-content: center; }
          footer .inner .footer-top .social .facebook i {
            font-size: 3rem;
            text-align: center; }
          footer .inner .footer-top .social .facebook:hover {
            border-color: #7C96A3; }
        footer .inner .footer-top .social .linkedin {
          width: 45px;
          height: 45px;
          border-radius: 50px; }
          footer .inner .footer-top .social .linkedin:hover {
            border-color: #1C6D92; }
          @media only screen and (min-width: 768px) {
            footer .inner .footer-top .social .linkedin.email {
              padding-top: 5px; } }
        footer .inner .footer-top .social .instagram {
          width: 55px;
          height: 55px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 0; }
          footer .inner .footer-top .social .instagram a {
            display: flex;
            align-content: center; }
            footer .inner .footer-top .social .instagram a i::before {
              font-size: 3rem; }
          footer .inner .footer-top .social .instagram svg {
            width: 80%;
            text-align: center;
            margin: auto; }
        footer .inner .footer-top .social .main-buttons li {
          padding: 2px 1rem;
          border: 1px solid #fff;
          border-radius: 50px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-top: 1rem; }
        footer .inner .footer-top .social ul li {
          text-align: right; }
        footer .inner .footer-top .social .site-footer__button {
          padding: 0;
          width: 45px;
          height: 45px; }
    footer .inner .footer-bottom {
      font-size: 0.9rem;
      padding-top: 1rem;
      border-top: 1px dotted #fff; }
      @media only screen and (min-width: 768px) {
        footer .inner .footer-bottom .inner-bottom {
          display: grid;
          grid-template-columns: auto auto auto;
          gap: 1rem;
          justify-content: space-between;
          justify-items: stretch; } }
      footer .inner .footer-bottom .inner-bottom ul {
        display: flex;
        flex-direction: row; }
        footer .inner .footer-bottom .inner-bottom ul li {
          margin-right: 10px; }
      footer .inner .footer-bottom .inner-bottom p {
        width: 100%; }
        @media only screen and (min-width: 768px) {
          footer .inner .footer-bottom .inner-bottom p {
            justify-items: flex-end; } }
        footer .inner .footer-bottom .inner-bottom p.design {
          font-size: 0.8rem;
          color: #7C96A3; }
        footer .inner .footer-bottom .inner-bottom p a {
          font-size: 0.8rem;
          color: #7C96A3;
          text-transform: lowercase; }
      footer .inner .footer-bottom a:hover {
        color: #000; }

body {
  font-family: "open-sans", sans-serif;
  background-color: #fff;
  overflow-x: hidden;
  color: #000; }

h1 {
  font-family: "open-sans", sans-serif;
  color: #000; }

h2 {
  font-family: "open-sans", sans-serif;
  color: #1C6D92; }

h3, h4 {
  font-family: "open-sans", sans-serif; }

p {
  font-family: "open-sans", sans-serif;
  color: #000; }

a {
  color: #1C6D92; }

a:hover {
  color: #000; }