@import url("https://fonts.googleapis.com/css2?family=Whisper&display=swap");
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] {
  display: none;
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
a:active,
a:focus,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: 700;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
q {
  quotes: "“" "”" "‘" "’";
}
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 silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: 0;
}
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],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -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;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
a,
abbr,
acronym,
address,
article,
aside,
body,
caption,
code,
dd,
del,
details,
dfn,
dialog,
dl,
dt,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
h7 p,
header,
hgroup,
iframe,
img,
label,
legend,
menu,
object,
pre,
q,
section,
span,
table,
tbody,
td,
tfoot,
th,
thead,
tr {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: auto;
  padding: 0;
  vertical-align: baseline;
}
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
section {
  display: block;
}
html {
  height: 100%;
}
body {
  font-family: Verdana;
  height: auto;
}
a {
  text-decoration: none;
}
h1 {
  font-size: 50px;
}
h1,
h2 {
  line-height: 1;
  margin: 0 0 10px;
}
h2 {
  font-size: 35px;
}
h3 {
  font-size: 25px;
}
h3,
h4 {
  line-height: 1;
  margin: 0 0 10px;
}
h4 {
  font-size: 20px;
  padding: 0;
}
h5 {
  font-size: 18px;
  margin: 0 0 10px;
}
h5,
h6 {
  line-height: 1;
}
h6 {
  font-size: 16px;
}
a img {
  border: none;
}
p {
  margin: 0 0 15px;
}
strong {
  font-weight: 700;
}
label {
  cursor: pointer;
}
textarea {
  font-family: Arial, sans-serif;
  resize: none;
}
input[type="submit"] {
  cursor: pointer;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
td,
th {
  font-weight: 400;
}
table,
td,
th {
  vertical-align: middle;
}
br {
  line-height: 1;
}
.site-container {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1460px;
  padding: 0 32px;
  position: relative;
  width: 100%;
}
.site-container.site-container--two {
  max-width: 1264px;
}
.site-container.site-container--three {
  max-width: 1192px;
}
.site-container.site-container--four {
  max-width: 1062px;
}
.site-container.site-container--five {
  max-width: 864px;
}
.site-container.site-container--full {
  max-width: 100%;
}
@media (max-width: 767px) {
  .site-container {
    padding: 0 18px;
  }
  .aboutus-page__directivos-image{
    width: 100%;
  }
}
@font-face {
  font-display: swap;
  font-family: Urbanist Black;
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/Urbanist-Black84efeb61bea686db66aa.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Urbanist ExtraBold;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Urbanist-ExtraBold232cea0fcd96dd706fd6.woff2)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Urbanist Bold;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Urbanist-Bold768d34a326446eed83a8.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Urbanist SemiBold;
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/Urbanist-SemiBold0bef2b88eda40a68ce2c.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Urbanist Medium;
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/Urbanist-Medium07c49ec5a286bd518c46.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Urbanist Regular;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Urbanist-Regular65dab433b6e49e396e9d.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Urbanist Light;
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/Urbanist-Light2bcc878691b05bd36966.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Urbanist ExtraLight;
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/Urbanist-ExtraLight3699f02f87ba23df94ee.woff2)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Urbanist Thin;
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/Urbanist-Thin54b94d1521c33bfb6318.woff2) format("woff2");
}
@font-face {
  font-display: block;
  font-family: icomoon;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/icomoonaced9190378deb8b9a0d.eot?2wbvof);
  src: url(../fonts/icomoonaced9190378deb8b9a0d.eot?2wbvof#iefix)
      format("embedded-opentype"),
    url(../fonts/icomoonfb2652b90b5c9203ba5d.ttf?2wbvof) format("truetype"),
    url(../fonts/icomoon6637b812d4cae2d42fde.woff?2wbvof) format("woff"),
    url(../img/icomoonf29d12dae8573d8df118.svg?2wbvof#icomoon) format("svg");
}
[class*=" icon-"],
[class^="icon-"] {
  font-family: icomoon !important;
  speak: never;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-Layer1:before {
  color: #e40046;
  content: "";
}
.icon-layer2:before {
  color: #e40046;
  content: "";
}
.icon-layer3:before {
  color: #e40046;
  content: "";
}
.icon-360:before {
  color: #fff;
  content: "";
}
.icon-Email:before {
  color: var(--color-quaternary);
  content: "";
}
.icon-phone:before {
  color: var(--color-quaternary);
  content: "";
}
.icon-award:before {
  color: #ffffff;
  content: "";
}
.icon-waze:before {
  color: #e40046;
  content: "";
}
.icon-plus2:before {
  color: #fff;
  content: "";
}
.icon-close:before {
  content: "";
}
.icon-play:before {
  color: #fff;
  content: "";
}
.icon-arrow-right:before {
  content: "";
}
.icon-plus:before {
  color: #e40046;
  content: "";
}
.icon-arrow-left:before {
  content: "";
}
.icon-innovaaag .path1:before {
  color: #a50034;
  content: "";
}
.icon-innovaaag .path2:before {
  color: #e40046;
  content: "";
  margin-left: -0.6669921875em;
}
.icon-cama-matrimonial-1:before {
  color: #e40046;
  content: "";
}
.icon-area:before {
  color: #e40046;
  content: "";
}
.icon-marker:before {
  color: #e40046;
  content: "";
}
.icon-file:before {
  color: #e40046;
  content: "";
}
.icon-chevron-down-1:before {
  color: #e40046;
  content: "";
}
.icon-arrow-down:before {
  color: #fff;
  content: "";
}
.icon-chevron-right:before {
  color: #a4b1b9;
  content: "";
}
.icon-chevron-left:before {
  color: #a4b1b9;
  content: "";
}
.icon-search:before {
  color: #fff;
  content: "";
}
.icon-arrow-down2:before {
  color: #fff;
  content: "";
}
.icon-instagram:before {
  content: "";
}
.icon-book:before {
  content: "";
}
.icon-staffdigital:before {
  content: "";
}
.icon-youtube:before {
  content: "";
}
.icon-Check:before {
  color: #e40046;
  content: "";
}
.icon-chevron-up:before {
  content: "";
}
.icon-linkedin:before {
  content: "";
}
.icon-whatsapp:before {
  content: "";
}
.icon-facebook:before {
  content: "";
}
.icon-menu:before {
  content: "";
}
.icon-logo3 .path1:before {
  color: #233d4a;
  content: "";
}
.icon-logo3 .path2:before {
  color: #a50034;
  content: "";
  margin-left: -1em;
}
.icon-logo3 .path3:before {
  color: #e40046;
  content: "";
  margin-left: -1em;
}
.icon-logotipo .path1:before {
  color: #051f2c;
  content: "";
}
.icon-logotipo .path2:before {
  color: #e40046;
  content: "";
  margin-left: -3.15234375em;
}
.icon-logotipo .path3:before {
  color: #a50034;
  content: "";
  margin-left: -3.15234375em;
}
.icon-logotipo .path4:before {
  color: #e40046;
  content: "";
  margin-left: -3.15234375em;
}
.icon-logo2 .path1:before {
  color: #a50034;
  content: "";
}
.icon-logo2 .path2:before {
  color: #e40046;
  content: "";
  margin-left: -0.6845703125em;
}
:root {
  --font-primary-100: Urbanist Thin, sans-serif;
  --font-primary-200: Urbanist ExtraLight, sans-serif;
  --font-primary-300: Urbanist Light, sans-serif;
  --font-primary-400: Urbanist Regular, sans-serif;
  --font-primary-500: Urbanist Medium, sans-serif;
  --font-primary-600: Urbanist SemiBold, sans-serif;
  --font-primary-700: Urbanist Bold, sans-serif;
  --font-primary-800: Urbanist ExtraBold, sans-serif;
  --font-primary-900: Urbanist #000, sans-serif;
  --color-secondary: #004b8b;
  --color-tertiary: #fff;
  --color-quaternary: #004b8b;
  --color-quinary: #009fe3;
  --color-quinary-rgb: 0, 159, 227;
  --color-senary: #233d4a;
  --color-septenary: #233d4a;
  --color-octonary: #ebebeb;
  --color-novenary: #f6f7f9;
  --color-denary: #c5cdd3;
  --color-undenary: #e6e9ec;
  --color-duodenary: #000;
  --color-tridenary: #425a66;
  --color-quattuordenary: #a4b1b9;
  --color-quindenary: #ff3f43;
  --color-sexdenary: #ffe6e8;
  --color-septendenary: #f7f8f9;
  --color-octodenary: #627783;
  --color-white: #fff;
  --color-black: #000;
  --color-whatsapp: #25d366;
  --font-size-base: 16px;
  --font-size-sm: 14px;
  --transition: all 0.25s ease-in-out;
}
.light,
:root {
  --color-primary: #222222;
}
.light {
  --color-secondary: #004b8b;
  --color-primary-error: #fff;
}
.dark {
  --color-primary: #004b8b;
  --color-secondary: #051f2c;
  --color-primary-error: #e40046;
}
.site-header__sidebar_general {
  height: 60px;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1460px;
  padding: 0 32px;
  position: relative;
  width: 100%;
}
.site-header__content_top_menu {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--font-primary-500);
  color: var(--color-tertiary);
  transition: var(--transition);
  width: 100%;
}
.site-header__top-right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.site-header__members {
  display: flex;
  align-items: center;
  gap: 8px;
}
.site-header__member-img {
  display: block;
  height: 40px;
  width: auto;
  object-fit: contain;
}
.site-header__top-text {
  margin-right: 16px;
  font-family: var(--font-primary-500);
  font-size: 15px;
  color: var(--color-tertiary);
  white-space: nowrap;
}
.site-header__content_top_menu a {
  font-family: var(--font-primary-500);
  color: var(--color-tertiary);
  font-size: 15px;
}
.site-header__content_top_menu a:hover {
  color: var(--color-secondary);
  transition: var(--transition);
}
.site-header__content_top_menu a.site-header__content_top_menu-link:hover{
  background: var(--color-white);
  padding: 8px 10px;
  border-radius: 50px;
}
.site-header__content_top_menu .site-header__social_media {
  display: flex;
  align-items: center;
}
.site-header__content_top_menu .site-header__social_media > ul {
  display: flex;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
}
.site-header__content_top_menu .site-header__social_media > ul > li > a {
  box-sizing: border-box;
  color: var(--color-tertiary);
  display: inline-block;
  font-size: 21px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  transition: var(--transition);
  width: 24px;
}
.site-header__content_top_menu .site-header__social_media > ul > li > a:hover {
  color: var(--color-secondary);
}
.admin--bar .innovaagency-detail-header__fixed,
.admin--bar .site-header__fixed {
  top: 60px;
}
@media (max-width: 782px) {
  .admin--bar .innovaagency-detail-header__fixed,
  .admin--bar .site-header__fixed {
    top: 46px;
  }
}
@media (max-width: 600px) {
  .admin--bar
    .innovaagency-detail-header.innovaagency-detail-header--scrolling
    .innovaagency-detail-header__fixed,
  .admin--bar .site-header.site-header--scrolling .site-header__fixed {
    top: 0 !important;
  }
}
.site-wrapper {
  background-color: var(--color-tertiary);
}
.site-content {
  box-sizing: border-box;
  overflow: hidden;
}
@media (max-width: 960px) {
  .site-content {
    padding: 0 18px 10px;
  }
}
.styles-default {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
}
.styles-default a {
  color: var(--color-secondary);
  font-family: var(--font-primary-700);
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.styles-default p {
  margin-bottom: 15px;
}
.styles-default p:last-child {
  margin-bottom: 0;
}
.styles-default strong {
  font-family: var(--font-primary-700);
}
.styles-default h1,
.styles-default h2,
.styles-default h3,
.styles-default h4,
.styles-default h5,
.styles-default h6 {
  color: var(--color-primary);
  font-family: var(--font-primary-600);
  font-size: 20px;
  line-height: 140%;
  margin: 0 0 12px;
}
.styles-default h1 {
  font-size: 25px;
}
.styles-default h2,
.styles-default h3,
.styles-default h4 {
  font-size: 20px;
}
.styles-default h5,
.styles-default h6 {
  font-size: 18px;
}
.styles-default li > ol,
.styles-default li > ul {
  padding: 15px 0 15px 25px;
}
.styles-default li > ol:last-child,
.styles-default li > ul:last-child {
  padding-bottom: 0;
}
.styles-default ul {
  list-style: none;
  padding-left: 0;
}
.styles-default ul li {
  list-style: inherit;
  margin-bottom: 8px;
  padding-left: 22px;
  position: relative;
}
.styles-default ul li:before {
  background-color: var(--color-primary);
  border-radius: 100%;
  content: "";
  height: 2px;
  left: 7px;
  position: absolute;
  top: 9px;
  width: 2px;
}
.styles-default ol {
  padding-left: 25px;
}
.styles-default ol li {
  list-style: inherit;
  margin-bottom: 19px;
}
.styles-default iframe {
  max-width: 560px;
  width: 100%;
}
.styles-default img {
  height: auto;
  max-width: 100%;
}
.styles-default blockquote {
  background: var(--color-tertiary);
  margin: 10px 0;
  padding: 20px;
}
.styles-default blockquote p:last-child {
  margin: 0;
}
.styles-default table {
  width: auto;
}
.styles-default td {
  border: 1px solid var(--color-denary);
  padding: 12px 24px;
  vertical-align: top;
}
.styles-default .left {
  text-align: left;
}
.styles-default .right {
  text-align: right;
}
.styles-default .center {
  text-align: center;
}
.styles-default .alignleft {
  display: inline;
  float: left;
  margin: 1em 1em 1em 0;
}
.styles-default .alignright {
  display: inline;
  float: right;
  margin: 1em 0 1em 1em;
}
.styles-default .aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .styles-default {
    font-size: 15px;
  }
  .styles-default h1 {
    font-size: 22px;
  }
  .styles-default h2,
  .styles-default h3,
  .styles-default h4 {
    font-size: 18px;
  }
  .styles-default h5,
  .styles-default h6 {
    font-size: 16px;
  }
  .styles-default td {
    padding: 10px 18px;
  }
}
.default-page {
  padding-bottom: 104px;
  padding-top: 104px;
}
.default-page__title {
  margin-bottom: 60px;
  text-align: center;
}
@media (max-width: 1024px) {
  .default-page {
    padding-bottom: 65px;
    padding-top: 65px;
  }
  .default-page__title {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .default-page {
    padding-bottom: 55px;
    padding-top: 55px;
  }
  .default-page__title {
    margin-bottom: 40px;
  }
}
.lg-backdrop {
  background-color: hsla(0, 0%, 100%, 0.8) !important;
}
.lg-outer .lg-thumb-outer {
  background-color: var(--color-denary) !important;
}
.lg-toolbar .lg-icon {
  color: var(--color-primary) !important;
}
.lg-toolbar .lg-icon:hover {
  color: var(--color-secondary) !important;
}
.lg-counter {
  color: var(--color-primary) !important;
}
.lg-counter:hover {
  color: var(--color-secondary) !important;
}
.lg-next,
.lg-prev {
  background-color: var(--color-senary) !important;
  color: var(--color-tertiary) !important;
}
.site-header {
  height: 84px;
  margin: 0;
  position: relative;
  background-color: var(--color-quinary);
}
.site-header__fixed {
  background-color: var(--color-tertiary);
  border-bottom: 1px solid var(--color-denary);
  height: 90px;
  left: 0;
  margin: auto;
  position: fixed;
  top: 60px;
  transition: var(--transition);
  width: 100%;
  z-index: 500;
}
.site-header__container {
  display: block;
  height: 100%;
}
.site-header__content {
  align-items: stretch;
  display: flex;
  height: 100%;
  justify-content: space-between;
  margin: 0;
}
.site-header__logo {
  align-items: center;
  display: flex;
  margin: 0;
  position: relative;
  transition: var(--transition);
  width: 145px;
}
.site-header__logo-img {
  display: block;
  height: auto;
  max-width: 100%;
  position: relative;
  z-index: 2;
  width: 130px;
  margin-top: -25px;
}
.site-header--scrolling .site-header__logo-img{
  width: 110px;
  margin-top: 0px;
}
.site-header__logo-img--white {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
}
.site-header__navs {
  align-items: center;
  display: flex;
  gap: 12px;
  position: relative;
  z-index: 2;
}
.site-header__nav {
  margin: 0;
}
.site-header__list {
  display: flex;
  gap: 0px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.site-header__item {
  margin: 0;
}
.site-header__link {
  color: var(--color-primary);
  font-family: var(--font-primary-500);
  font-size: 16px;
  padding: 10px;
  position: relative;
  transition: var(--transition);
}
.site-header__link:hover {
  color: var(--color-white);
  font-weight: 600;
  background: var(--color-quinary);
  border-radius:50px;
  padding: 10px;
}/*
.site-header__link:before {
  background-color: var(--color-quaternary);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: var(--transition);
  width: 0;
  color: var(--color-quaternary);
}
.site-header__link.current:before,
.site-header__link:hover:before {
  width: 100%;
}*/
.site-header__actions {
  align-items: center;
  display: flex;
}
.site-header2__nav {
  margin: 0;
}
.site-header2__list {
  display: flex;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-header2__item {
  align-items: center;
  display: flex;
  margin: 0;
}
.site-header2__item.menu--quote .site-header2__link {
  background-color: var(--color-secondary);
  color: var(--color-tertiary);
  font-family: var(--font-primary-700);
}
.site-header2__item.menu--quote .site-header2__link:before {
  background-color: var(--color-quinary);
}
.site-header2__item.menu--projects .site-header2__link {
  border: 1px solid var(--color-primary);
}
.site-header2__item.menu--projects .site-header2__link:before {
  background-color: var(--color-quinary);
}
.site-header2__item.menu--projects .site-header2__link.current,
.site-header2__item.menu--projects .site-header2__link:hover {
  color: var(--color-tertiary);
}
.site-header2__link {
  border-radius: 44px;
  color: var(--color-primary);
  display: inline-block;
  font-family: var(--font-primary-600);
  font-size: 16px;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  transition: var(--transition);
}
.site-header2__link:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: var(--transition);
  width: 0;
  z-index: 1;
}
.site-header2__link.current:before,
.site-header2__link:hover:before {
  width: 100%;
}
.site-header2__link-text,
.site-header__burger {
  position: relative;
  z-index: 2;
}
.site-header__burger {
  align-items: center;
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  color: var(--color-primary);
  cursor: pointer;
  display: flex;
  font-size: 24px;
  height: 24px;
  justify-content: center;
  margin: 0 0 0 28px;
  padding: 0;
  text-align: center;
  width: 24px;
}
.page-template-home .site-header {
  height: auto;
  background-color: var(--color-quinary);
}
.page-template-home .site-header:before {
  background-image: url(../img/figure401f437c4ebf21d4389d4.svg);
  left: 32px;
}
.page-template-home .site-header:after,
.page-template-home .site-header:before {
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  top: 74px;
  width: 20px;
  z-index: 3;
}
.page-template-home .site-header:after {
  background-image: url(../img/figure37a754add89901868eaa2.svg);
  right: 32px;
}
.page-template-home .site-header__fixed {
  background-color: transparent;
  border-bottom: none;
  top: 60px;
  background: var(--color-tertiary);
}
.page-template-home .site-header__fixed:before {
  background-color: var(--color-tertiary);
  content: "";
  height: 10px;
  position: absolute;
  top: 0;
  width: 100%;
}
.page-template-home .site-header__logo {
  padding-bottom: 10px;
  position: relative;
}
.page-template-home .site-header__logo .site-header__logo-figure {
  background-image: url(../img/figure181ab6908dc678067bbde.svg);
  display: block;
  height: 70px;
  position: absolute;
  right: -69px;
  top: 10px;
  width: 97.552px;
  background-repeat: no-repeat;
  background-size: cover;
}
.page-template-home .site-header__logo:before {
  left: 0;
  width: 100%;
}
.page-template-home .site-header__logo:after,
.page-template-home .site-header__logo:before {
  background-color: var(--color-tertiary);
  content: "";
  height: calc(100% - 10px);
  position: absolute;
  top: 0;
  z-index: 1;
}
.page-template-home .site-header__logo:after {
  left: -200%;
  width: 200%;
}
.page-template-home .site-header__actions {
  position: relative;
  transition: var(--transition);
}
.page-template-home .site-header__actions .site-header__actions-figure {
  background-image: url(../img/figure23df4bc82647c84b8741f.svg);
  display: block;
  height: 70px;
  left: -69px;
  position: absolute;
  top: 10px;
  width: 93.552px;
  background-repeat: no-repeat;
  background-size: cover;
}
.page-template-home .site-header__actions:before {
  left: 0;
  width: 100%;
  z-index: 1;
}
.page-template-home .site-header__actions:after,
.page-template-home .site-header__actions:before {
  background-color: var(--color-tertiary);
  content: "";
  height: calc(100% - 10px);
  position: absolute;
  top: 0;
}
.page-template-home .site-header__actions:after {
  right: -200%;
  width: 200%;
}
.site-header.site-header--scrolling .site-header__fixed {
  background: none;
  background-color: var(--color-tertiary);
  border-bottom: 1px solid var(--color-denary);
  top: 0px;
}
.site-header.site-header--scrolling .site-header__actions,
.site-header.site-header--scrolling .site-header__logo {
  padding-bottom: 0;
}
.site-sidebar__overlay {
  background-color: var(--color-white);
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: var(--transition);
  width: 100%;
  z-index: 800;
}
.site-sidebar__overlay.site-sidebar__overlay--show {
  opacity: 0.6;
  pointer-events: auto;
}
.site-sidebar {
  background-color: var(--color-tertiary);
  border-radius: 0 0 0 36px;
  box-sizing: border-box;
  height: 584px;
  overflow-y: auto;
  padding: 0;
  pointer-events: none;
  position: fixed;
  right: -720px;
  top: 0;
  transition: var(--transition);
  width: 720px;
  z-index: 900;
}
.site-sidebar.site-sidebar--show {
  pointer-events: auto;
  right: 0;
}
.site-sidebar__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.site-sidebar__top {
  align-items: stretch;
  border-bottom: 1px solid var(--color-octonary);
  box-sizing: border-box;
  display: flex;
  height: 80px;
  justify-content: space-between;
  padding: 0 32px;
}
.site-sidebar__logo {
  align-items: center;
  display: flex;
  margin: 0;
  width: 145px;
}
.site-sidebar__logo-img {
  display: block;
  height: auto;
  max-width: 100%;
}
.site-sidebar__quote {
  align-items: center;
  display: flex;
  margin: 0;
}
.site-sidebar__quote-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-sidebar__quote-link {
  background-color: var(--color-secondary);
  border-radius: 44px;
  color: var(--color-primary);
  color: var(--color-tertiary);
  display: inline-block;
  font-family: var(--font-primary-600);
  font-family: var(--font-primary-700);
  font-size: 16px;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  transition: var(--transition);
}
.site-sidebar__quote-link:before {
  background-color: var(--color-quinary);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: var(--transition);
  width: 0;
  z-index: 1;
}
.site-sidebar__quote-link.current:before,
.site-sidebar__quote-link:hover:before {
  width: 100%;
}
.site-sidebar__quote-text {
  position: relative;
  z-index: 2;
}
.site-sidebar__actions {
  align-items: stretch;
  display: flex;
  gap: 28px;
}
.site-sidebar__burger {
  align-items: center;
  appearance: none;
  background: none;
  border: none;
  border-left: 1px solid var(--color-octonary);
  border-radius: 0;
  box-sizing: border-box;
  color: var(--color-primary);
  cursor: pointer;
  display: flex;
  font-size: 40px;
  height: 100%;
  justify-content: center;
  margin: 0;
  padding: 0 0 0 24px;
  text-align: center;
  width: 40px;
}
.site-sidebar__center {
  align-items: flex-end;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  padding: 35px 60px;
}
.site-sidebar__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-sidebar__item {
  margin-bottom: 15px;
}
.site-sidebar__item:last-child {
  margin-bottom: 0;
}
.site-sidebar__item.menu-sidebar--quote {
  display: none;
}
.site-sidebar__item.menu-sidebar--quote .site-sidebar__link {
  background-color: var(--color-secondary);
  border-radius: 44px;
  color: var(--color-primary);
  color: var(--color-tertiary);
  display: inline-block;
  font-family: var(--font-primary-600);
  font-family: var(--font-primary-700);
  font-size: 18px;
  height: 48px;
  line-height: 48px;
  overflow: hidden;
  padding: 0 24px;
  position: relative;
  transition: var(--transition);
}
.site-sidebar__item.menu-sidebar--quote .site-sidebar__link:before {
  background-color: var(--color-quinary);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: var(--transition);
  width: 0;
  z-index: 1;
}
.site-sidebar__item.menu-sidebar--quote .site-sidebar__link.current:before,
.site-sidebar__item.menu-sidebar--quote .site-sidebar__link:hover:before {
  width: 100%;
}
.site-sidebar__link {
  color: var(--color-primary);
  font-family: var(--font-primary-600);
  font-size: 20px;
  line-height: 133.333%;
  padding: 4px 0;
  position: relative;
  transition: var(--transition);
}
.site-sidebar__link:before {
  background-color: var(--color-primary);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: var(--transition);
  width: 0;
}
.site-sidebar__link.current:before,
.site-sidebar__link:hover:before {
  width: 100%;
}
.site-sidebar__link-text {
  position: relative;
  z-index: 2;
}
.site-sidebar__details {
  background-color: var(--color-novenary);
  border-radius: 20px;
  box-sizing: border-box;
  padding: 24px;
}
.site-sidebar__details-logotipo {
  margin: 0 0 20px;
  padding: 0 8.675px 0 8.864px;
  width: 34px;
}
.site-sidebar__details-logotipo-img {
  display: block;
  height: auto;
  width: 100%;
}
.site-sidebar__details-link {
  margin-bottom: 24px;
}
.site-sidebar__details-link:last-child {
  margin-bottom: 0;
}
.site-sidebar__details-link.site-sidebar__details-link--telephone
  .site-sidebar__details-link-text {
  text-decoration: none;
}
.site-sidebar__details-link-title {
  color: var(--color-primary);
  font-family: var(--font-primary-500);
  font-size: 12px;
  line-height: 133.333%;
  margin-bottom: 4px;
  text-transform: uppercase;
}
.site-sidebar__details-link-text {
  color: var(--color-primary);
  font-family: var(--font-primary-600);
  font-size: 18px;
  line-height: 133.333%;
  text-decoration-line: underline;
  text-decoration-skip-ink: auto;
  text-decoration-style: solid;
  text-decoration-thickness: 10%;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.site-sidebar__bottom {
  box-sizing: border-box;
  padding: 0 60px 28px;
}
.site-sidebar__bottom-container {
  border-top: 1px solid var(--color-octonary);
  box-sizing: border-box;
  padding-top: 28px;
}
.site-sidebar__social > ul {
  display: flex;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-sidebar__social > ul > li > a {
  box-sizing: border-box;
  color: var(--color-primary);
  display: inline-block;
  font-size: 21px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  transition: var(--transition);
  width: 24px;
}
.site-sidebar__social > ul > li > a:hover {
  color: var(--color-secondary);
}
@media (max-width: 1024px) {
  .site-header__nav {
    display: none;
  }
}
@media (max-width: 960px) {
  .site-header__logo {
    width: 145px;
  }
  .page-template-home .site-header__fixed {
    background-color: var(--color-tertiary);
  }
  .page-template-home .site-header:after,
  .page-template-home .site-header:before {
    top: 80px;
  }
  .page-template-home .site-header,
  .page-template-home .site-header__fixed {
    height: 80px;
    top: 30px;
  }
  .page-template-home .site-header__actions,
  .page-template-home .site-header__logo {
    padding-bottom: 0;
  }
  .page-template-home .site-header:after {
    right: 18px;
  }
  .page-template-home .site-header:before {
    left: 18px;
  }
  .site-header__members-title{
    display: none;
  }
  .site-header__sidebar_general{
    display: none;
  }
}
@media (max-width: 767px) {
  .site-header__logo {
    width: 140px;
  }
  .site-sidebar {
    border-radius: 0;
    height: 100%;
    right: -100%;
    width: 100%;
  }
  .site-sidebar__top {
    padding: 0 20px;
  }
  .site-sidebar__logo {
    width: 140px;
  }
  .site-sidebar__center {
    align-items: flex-start;
    flex-direction: column;
    padding: 30px 20px;
  }
  .site-sidebar__details {
    margin-top: 20px;
  }
  .site-sidebar__item {
    margin-bottom: 14px;
  }
  .site-sidebar__item.menu-sidebar--quote {
    display: block;
  }
  .site-sidebar__link {
    font-size: 20px;
  }
  .site-sidebar__bottom {
    padding: 0 20px 20px;
  }
  .site-header2__list .menu--projects,
  .site-sidebar__quote {
    display: none;
  }
  .site-header__members-title{
    display: none;
  }
  .site-header__sidebar_general{
    display: none;
  }
}
@media (max-width: 480px) {
  .site-header2__nav {
    display: none;
  }
}
.site-fixed {
  bottom: 50px;
  position: fixed;
  right: 5px;
  z-index: 400;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

/* Barra redes sociales + Sieweb al centro vertical (solo desktop) */
.site-social-fixed {
  position: fixed;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 400;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  background-color: var(--color-secondary);
  padding: 16px 12px;
  border-radius: 30px 0 0 30px;
  box-shadow: -4px 4px 16px rgba(0, 0, 0, 0.12);
}

.site-social-fixed__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--color-tertiary);
  color: var(--color-secondary);
  font-size: 20px;
  transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease;
}

.site-social-fixed__icon:hover {
  transform: scale(1.08);
  background-color: var(--color-quinary);
  color: var(--color-tertiary);
}

.site-social-fixed__icon iconify-icon {
  font-size: 1.2em;
  color: inherit;
}
/*
@media (max-width: 1023px) {
  .site-social-fixed {
    display: none;
  }
}*/

.site-fixed__icon {
  align-items: center;
  border-radius: 100%;
  color: var(--color-tertiary);
  display: block;
  display: flex;
  font-size: 28px;
  height: 60px;
  justify-content: center;
  width: 60px;
  position: relative;
}
.site-fixed__icon ._icon {
  color: #000;
  color: var(--color-tertiary);
  display: inline-block;
  font-size: 28px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  width: 56px;
  z-index: 3;
}
.site-fixed__icon ._circle1,
.site-fixed__icon ._icon {
  border-radius: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.site-fixed--whatsapp ._icon {
  background-color: var(--color-whatsapp);
}

.site-fixed__icon ._icon iconify-icon {
  font-size: 1em;
  color: inherit;
}

.site-fixed--scroll-top {
  background-color: transparent;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease;
  margin-top: 0;
}
.site-fixed--scroll-top:hover {
  transform: translateY(-2px);
}
.site-fixed--scroll-top ._icon {
  background-color: var(--color-secondary);
  color: #fff;
  transition: background-color 0.3s ease;
}
.site-fixed--scroll-top:hover ._icon {
  background-color: var(--color-secondary);
  opacity: 0.9;
}
@media (max-width: 767px) {
  .site-fixed {
    bottom: 20px;
    right: 20px;
    gap: 20px;
  }
  .site-fixed__icon {
    height: 60px;
    width: 60px;
  }
  .site-fixed__icon ._icon {
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    width: 40px;
  }
}
.hidden {
  display: none;
}
.hide--blog .menu-footer--blog,
.hide--blog .menu-header--blog,
.hide--blog .menu-sidebar--blog {
  display: none;
}
.site-footer {
  background-color: var(--color-undenary);
  border-radius: 32px;
  margin-top: 10px;
  overflow: hidden;
}
.site-footer__top {
  display: flex;
  gap: 50px;
  justify-content: space-between;
  padding: 32px 0;
}
.site-footer__quote-title-text {
  color: var(--color-primary);
  font-family: var(--font-primary-500);
  font-size: 32px;
  line-height: normal;
}
.site-footer__top-left {
  width: 270px;
}
.site-footer__top-right-items {
  display: flex;
  gap: 60px;
}
.site-footer__details-item {
  margin-bottom: 24px;
}
.site-footer__details-item:last-child {
  margin-bottom: 0;
}
.site-footer__details-item-title {
  font-size: 12px;
  margin-bottom: 4px;
  text-transform: uppercase;
}
.site-footer__details-item-title,
.site-footer__details-link {
  color: var(--color-primary);
  font-family: var(--font-primary-500);
}
.site-footer__details-link {
  font-size: 16px;
  line-height: 150%;
  transition: var(--transition);
}
.site-footer__details-link:not(:last-child):after {
  color: var(--color-primary);
  content: "|";
  margin: 0 0 0 8px;
}
.site-footer__right-item--nav {
  width: 180px;
}
.site-footer__nav {
  margin: 0;
}
.site-footer__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-footer__item {
  margin: 0 0 16px;
}
.site-footer__link {
  color: var(--color-primary);
  font-family: var(--font-primary-500);
  font-size: 16px;
  line-height: 150%;
  padding: 4px 0;
  position: relative;
  transition: var(--transition);
}
.site-footer__link:before {
  background-color: var(--color-primary);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: var(--transition);
  width: 0;
}
.site-footer__link.current:before,
.site-footer__link:hover:before {
  width: 100%;
}
.site-footer__right-item--members {
  width: 200px;
}
.site-footer__members-title {
  color: var(--color-primary);
  font-family: var(--font-primary-500);
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 8px;
}
.site-footer__members-images {
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(2, 1fr);
}
.site-footer__members-image {
  align-items: center;
  border-radius: 8px;
  display: flex;
  height: 100px;
  margin: 0;
  overflow: hidden;
}
.site-footer__members-img {
  display: block;
  height: auto;
  max-width: 100%;
}
.site-footer__social {
  margin-top: 10px;
}
.site-footer__social > ul {
  display: flex;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-footer__social > ul > li > a {
  color: var(--color-primary);
  display: inline-block;
  font-size: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  transition: var(--transition);
  width: 24px;
}
.site-footer__social > ul > li > a:hover {
  color: var(--color-secondary);
}

.site-footer__social iconify-icon {
  font-size: 1em;
  color: inherit;
}

.site-footer__center {
  align-items: center;
  display: flex;
  gap: 40px;
  justify-content: center;
  padding: 10px 0;
  position: relative;
}
.site-footer__center:before {
  background-color: var(--color-denary);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.site-footer__complaints-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-footer__complaints-link {
  align-items: center;
  color: var(--color-primary);
  display: flex;
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 125%;
  max-width: 175px;
  transition: var(--transition);
}
.site-footer__complaints-link:before {
  content: "";
  display: inline;
  font-family: icomoon;
  font-size: 21px;
  margin-right: 17px;
  transition: var(--transition);
  vertical-align: middle;
}
.site-footer__complaints-link:hover,
.site-footer__complaints-link:hover:before {
  color: var(--color-secondary);
}
.site-footer__legals-mobile {
  align-items: center;
  color: var(--color-primary);
  cursor: pointer;
  display: flex;
  display: none;
  font-family: var(--font-primary-500);
  font-size: 16px;
  justify-content: center;
  line-height: 150%;
  padding: 10px 0;
  text-align: center;
  transition: var(--transition);
}
.site-footer__legals-mobile > i {
  color: var(--color-primary);
  display: inline-block;
  font-size: 18px;
  margin-left: 8px;
  transition: var(--transition);
  vertical-align: middle;
}
.site-footer__legals-mobile > i:before {
  width: auto;
}
.site-footer__legals-mobile.active > i {
  transform: rotate(180deg);
}
.site-footer__legals-nav-mobile {
  display: none;
}
.site-footer__legals-list {
  align-items: center;
  display: flex;
  gap: 32px;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-footer__legals-link {
  color: var(--color-primary);
  font-family: var(--font-primary-500);
  font-size: 16px;
  line-height: 150%;
  padding: 4px 0;
  position: relative;
  transition: var(--transition);
}
.site-footer__legals-link:before {
  background-color: var(--color-primary);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: var(--transition);
  width: 0;
}
.site-footer__legals-link.current:before,
.site-footer__legals-link:hover:before {
  width: 100%;
}
.site-footer__bottom {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  position: relative;
}
.site-footer__bottom:before {
  background-color: var(--color-denary);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.site-footer__copyright,
.site-footer__design {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 14px;
}
.site-footer__design {
  align-items: center;
  display: flex;
}
.site-footer__design-icon {
  align-items: center;
  color: var(--color-primary);
  display: inline-block;
  display: flex;
  margin-left: 8px;
}
@media (max-width: 1024px) {
  .site-footer__top {
    gap: 40px;
  }
  .site-footer__quote-title-text {
    font-size: 30px;
  }
  .site-footer__top-right-items {
    gap: 60px;
  }
  .site-footer__right-item--nav {
    display: none;
  }
  .site-footer__center {
    align-items: center;
    flex-direction: column-reverse;
    gap: 15px;
    padding: 10px 0 20px;
  }
  .site-footer__legals-mobile {
    display: block;
  }
  .site-footer__legals-nav {
    display: none;
  }
  .site-footer__legals-nav-mobile {
    display: block;
  }
  .site-footer__legals-nav-mobile .site-footer__legals-list {
    flex-direction: column;
    gap: 12px;
    padding: 10px 0;
  }
}
@media (max-width: 960px) {
  .site-footer__top,
  .site-footer__top-right-items {
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
  }
  .site-footer__social > ul {
    justify-content: center;
  }
  .site-footer__bottom {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .site-footer__details-item {
    margin-bottom: 20px;
  }
  .site-footer__top-right-items {
    gap: 35px;
  }
  .site-footer__copyright,
  .site-footer__design {
    font-size: 13px;
  }
  .site-footer__design {
    margin-top: 5px;
  }
}
.site-button {
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  border-radius: 40px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  height: 56px;
  line-height: 56px;
  margin: 0;
  padding: 0;
  z-index: 3;
}
.site-button__icon {
  display: inline-flex;
  margin-left: 7px;
  vertical-align: middle;
}
.site-button {
  position: relative;
}
.site-button:before {
  border-radius: 40px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: var(--transition);
  width: 0;
  z-index: 1;
}
.site-button__inside {
  align-items: center;
  appearance: none;
  background: none;
  border: none;
  border-radius: 40px;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  margin: 0;
  padding: 0 24px;
  position: relative;
  transition: var(--transition);
  width: 100%;
  z-index: 2;
}
.site-button {
  overflow: hidden;
}
.site-button:hover:before {
  width: 100%;
}
.site-button.site-button--primary {
  background-color: var(--color-secondary);
}
.site-button.site-button--primary .site-button__inside {
  color: var(--color-tertiary);
  font-family: var(--font-primary-700);
  font-size: 16px;
}
.site-button.site-button--primary:before {
  background-color: var(--color-quinary);
}
.site-button.site-button--secondary {
  background-color: var(--color-quaternary);
}
.site-button.site-button--secondary .site-button__inside {
  color: var(--color-tertiary);
  font-family: var(--font-primary-600);
  font-size: 18px;
}
.site-button.site-button--secondary .site-button__icon {
  font-size: 20px;
}
.site-button.site-button--secondary .site-button__icon:before {
  color: var(--color-secondary);
}
.site-button.site-button--secondary:before {
  background-color: var(--color-quaternary);
}
.site-button.site-button--tertiary {
  background-color: var(--color-tertiary);
  height: 48px;
  line-height: 48px;
}
.site-button.site-button--tertiary .site-button__inside {
  color: var(--color-primary);
  font-family: var(--font-primary-600);
  font-size: 16px;
}
.site-button.site-button--tertiary .site-button__icon {
  font-size: 20px;
}
.site-button.site-button--tertiary .site-button__icon:before {
  color: var(--color-primary);
}
.site-button.site-button--tertiary:before {
  background-color: var(--color-primary);
}
.site-button.site-button--tertiary:hover .site-button__icon:before,
.site-button.site-button--tertiary:hover .site-button__inside {
  color: var(--color-tertiary);
}
.site-button.site-button--quaternary {
  background-color: var(--color-secondary);
}
.site-button.site-button--quaternary .site-button__inside {
  color: var(--color-tertiary);
  font-family: var(--font-primary-700);
  font-size: 18px;
}
.site-button.site-button--quaternary:before {
  background-color: var(--color-quinary);
}
.site-button.site-button--quaternary .site-button__icon {
  font-size: 20px;
}
.site-button.site-button--quaternary .site-button__icon:before {
  color: var(--color-tertiary);
}
.site-button.site-button--quinary {
  background-color: var(--color-secondary);
}
.site-button.site-button--quinary .site-button__inside {
  color: var(--color-tertiary);
  font-family: var(--font-primary-700);
  font-size: 16px;
}
.site-button.site-button--quinary:before {
  background-color: var(--color-quinary);
}
.site-button.site-button--senary {
  background-color: var(--color-secondary);
}
.site-button.site-button--senary .site-button__inside {
  color: var(--color-tertiary);
  font-family: var(--font-primary-700);
  font-size: 18px;
}
.site-button.site-button--senary:before {
  background-color: var(--color-quinary);
}
.site-button.site-button--septenary .site-button__inside {
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  font-family: var(--font-primary-600);
  font-size: 18px;
}
.site-button.site-button--septenary:before {
  background-color: var(--color-quaternary);
}
.site-button.site-button--septenary:hover .site-button__inside {
  color: var(--color-tertiary);
}
.site-button.site-button--octonary {
  border-radius: 44px;
  height: 56px;
  line-height: 56px;
}
.site-button.site-button--octonary .site-button__inside {
  border: 1px solid var(--color-quaternary);
  border-radius: 44px;
  color: var(--color-quaternary);
  font-family: var(--font-primary-600);
  font-size: 16px;
}
.site-button.site-button--octonary:before {
  background-color: var(--color-quinary);
  border-radius: 44px;
}
.site-button.site-button--octonary:hover .site-button__inside {
  color: var(--color-tertiary);
}
.site-button.site-button--novenary {
  border-radius: 44px;
  height: 48px;
  line-height: 48px;
}
.site-button.site-button--novenary .site-button__inside {
  border: 1px solid var(--color-primary);
  border-radius: 44px;
  color: var(--color-primary);
  font-family: var(--font-primary-600);
  font-size: 18px;
}
.site-button.site-button--novenary:before {
  background-color: var(--color-primary);
  border-radius: 44px;
}
.site-button.site-button--novenary:hover .site-button__inside {
  color: var(--color-tertiary);
}
@media (max-width: 767px) {
  .site-button.site-button--primary {
    height: 48px;
    line-height: 48px;
  }
  .site-button.site-button--primary .site-button__inside {
    font-size: 16px;
  }
  .site-button.site-button--secondary {
    height: 48px;
    line-height: 48px;
  }
  .site-button.site-button--secondary .site-button__inside {
    font-size: 16px;
  }
  .site-button.site-button--quaternary {
    height: 48px;
    line-height: 48px;
  }
  .site-button.site-button--quaternary .site-button__inside {
    font-size: 16px;
  }
  .site-button.site-button--senary {
    height: 48px;
    line-height: 48px;
  }
  .site-button.site-button--senary .site-button__inside {
    font-size: 16px;
  }
  .site-button.site-button--septenary {
    height: 48px;
    line-height: 48px;
  }
  .site-button.site-button--novenary .site-button__inside,
  .site-button.site-button--octonary .site-button__inside,
  .site-button.site-button--septenary .site-button__inside {
    font-size: 16px;
  }
}
.site-title,
.site-title__subtitle,
.site-title__title {
  margin: 0;
}
.site-title.site-title--primary .site-title__subtitle {
  color: var(--color-secondary);
  font-family: var(--font-primary-700);
  font-size: 20px;
  line-height: 140%;
  text-align: center;
}
.site-title.site-title--primary .site-title__subtitle.blog-subtitle_home{
  text-align: left;
}
h2.site-title__title.blog-subtitle_home{
  text-align: left !important;
}
.site-title.site-title--primary .site-title__title {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 40px;
  line-height: 120%;
  text-align: center;
}
.site-title.site-title--secondary .site-title__title {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 50px;
  line-height: 113.333%;
}
.site-title.site-title--secondary .site-title__title i,
.site-title.site-title--secondary .site-title__title strong {
  font-family: var(--font-primary-700);
  font-style: normal;
  color: var(--color-quaternary);
}
.site-title.site-title--tertiary .site-title__title {
  color: var(--color-secondary);
  font-family: var(--font-primary-600);
  font-size: 48px;
  line-height: 108.333%;
}
.site-title.site-title--quaternary .site-title__title {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 32px;
  line-height: 125%;
}
.site-title.site-title--quinary {
  align-items: center;
  display: flex;
  gap: 24px;
}
.site-title.site-title--quinary .site-title__title {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 16px;
}
.site-title.site-title--quinary .site-title__text {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 14px;
}
.site-title.site-title--senary .site-title__subtitle {
  color: var(--color-secondary);
  font-family: var(--font-primary-700);
  font-size: 20px;
  line-height: 140%;
}
.site-title.site-title--senary .site-title__title {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 64px;
  line-height: 109.375%;
}
.site-title.site-title--septenary .site-title__title {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 50px;
  line-height: 109.375%;
}
.site-title.site-title--septenary .site-title__title i,
.site-title.site-title--septenary .site-title__title strong {
  font-family: var(--font-primary-700);
  font-style: normal;
  color: var(--color-quaternary);
}
.site-title.site-title--octonary .site-title__subtitle {
  color: var(--color-secondary);
  font-family: var(--font-primary-700);
  font-size: 20px;
  line-height: 140%;
}
.site-title.site-title--octonary .site-title__title {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 40px;
  line-height: 120%;
}
@media (max-width: 1280px) {
  .site-title.site-title--secondary .site-title__title,
  .site-title.site-title--senary .site-title__title,
  .site-title.site-title--septenary .site-title__title {
    font-size: 50px;
  }
}
@media (max-width: 1024px) {
  .site-title.site-title--primary .site-title__subtitle {
    font-size: 18px;
  }
  .site-title.site-title--primary .site-title__title {
    font-size: 35px;
  }
  .site-title.site-title--secondary .site-title__title,
  .site-title.site-title--tertiary .site-title__title {
    font-size: 40px;
  }
  .site-title.site-title--quinary {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
  }
  .site-title.site-title--senary .site-title__title {
    font-size: 35px;
  }
  .site-title.site-title--septenary .site-title__title {
    font-size: 40px;
  }
  .site-title.site-title--octonary .site-title__subtitle {
    font-size: 18px;
  }
  .site-title.site-title--octonary .site-title__title {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .site-title.site-title--primary .site-title__subtitle {
    font-size: 17px;
  }
  .site-title.site-title--primary .site-title__title {
    font-size: 30px;
  }
  .site-title.site-title--secondary .site-title__title {
    font-size: 33px;
  }
  .site-title.site-title--quaternary .site-title__title,
  .site-title.site-title--senary .site-title__title,
  .site-title.site-title--tertiary .site-title__title {
    font-size: 30px;
  }
  .site-title.site-title--septenary .site-title__title {
    font-size: 33px;
  }
  .site-title.site-title--octonary .site-title__subtitle {
    font-size: 17px;
  }
  .site-title.site-title--octonary .site-title__title {
    font-size: 30px;
  }
}
.section-arrows {
  display: flex;
  gap: 16px;
}
.section-arrow {
  align-items: center;
  border-radius: 100%;
  cursor: pointer;
  display: flex;
  height: 56px;
  justify-content: center;
  margin: 0;
  transition: var(--transition);
  width: 56px;
}
.section-arrow.section-arrow--type1 {
  background-color: var(--color-undenary);
  font-size: 24px;
}
.section-arrow.section-arrow--type2 {
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  font-size: 24px;
  height: 48px;
  width: 48px;
}
.section-arrow.section-arrow--type2:hover {
  background-color: var(--color-secondary);
  border: 1px solid var(--color-secondary);
  color: var(--color-tertiary);
}
.site-menu__nav {
  text-align: center;
}
.site-menu__list {
  background-color: var(--color-quinary);
  border-radius: 32px;
  display: inline-flex;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.site-menu__pill {
  background: var(--color-quaternary);
  border-radius: 32px;
  height: 66px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 0;
  z-index: 1;
}
.site-menu__item {
  margin: 0;
}
.site-menu__link {
  border-radius: 32px;
  box-sizing: border-box;
  color: var(--color-quaternary);
  display: inline-block;
  font-family: var(--font-primary-500);
  font-size: 24px;
  height: 66px;
  line-height: 66px;
  padding: 0 48px;
  position: relative;
  transition: var(--transition);
  z-index: 2;
}
.site-menu__link.current,
.site-menu__link:hover {
  color: var(--color-quinary);
}
.site-menu__link.current {
  background-color: var(--color-quaternary);
}
@media (max-width: 1280px) {
  .site-menu__link {
    font-size: 22px;
  }
}
@media (max-width: 1024px) {
  .site-menu__link {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .site-menu__nav {
    margin-top: 50px;
  }
  .site-menu__list {
    width: 100%;
  }
  .site-menu__item {
    width: 50%;
  }
  .site-menu__link {
    font-size: 16px;
    padding: 0 16px;
  }
}
.acordion--block {
  display: none;
  overflow: hidden;
}
.acordion--height {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.site-pagination__slide {
  margin: 0;
  padding: 0;
}
.site-pagination__slide.site-pagination__slide--type1
  .swiper-pagination-bullet {
  background: none;
  background-color: var(--color-quattuordenary);
  border-radius: 16px;
  height: 8px;
  margin: 0 3px;
  opacity: 1;
  position: relative;
  transition: var(--transition);
  width: 8px;
}
.site-pagination__slide.site-pagination__slide--type1
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-secondary);
  width: 42px;
}
.site-pagination__slide.site-pagination__slide--type1
  .swiper-pagination-bullet:hover {
  background-color: var(--color-quaternary);
}
.pagination-wp {
  display: flex;
  justify-content: center;
}
.pagination-wp .page-numbers {
  align-items: center;
  border-radius: 100%;
  color: var(--color-quattuordenary);
  display: block;
  display: flex;
  font-family: var(--font-primary-500);
  font-size: 16px;
  height: 44px;
  justify-content: center;
  margin: 0 2px;
  transition: var(--transition);
  width: 44px;
}
.pagination-wp .page-numbers.current,
.pagination-wp .page-numbers:not(.prev):not(.next):hover {
  background-color: var(--color-primary);
  color: var(--color-tertiary);
}
.pagination-wp .page-numbers.next,
.pagination-wp .page-numbers.prev {
  font-size: 24px;
  width: 24px;
}
.pagination-wp .page-numbers.next:hover,
.pagination-wp .page-numbers.prev:hover {
  color: var(--color-primary);
}
.general-modal:not(.show) {
  display: none !important;
}
.general-modal.show {
  display: block;
}
.general-modal.show .general-modal-popup {
  opacity: 1;
  visibility: visible;
}
.general-modal.show .general-modal-overlay {
  opacity: 0.5;
  visibility: visible;
}
.general-modal-popup {
  box-sizing: border-box;
  left: 50%;
  max-height: 90vh;
  opacity: 0;
  overflow-y: auto;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
  z-index: 1200;
  display: flex;
  flex-direction: column;
}
.js-general-modal-01 .general-modal-popup {
  z-index: 1202;
}
.js-general-modal-02 .general-modal-popup {
  z-index: 1201;
}
.general-modal.is-front .general-modal-popup {
  z-index: 1203 !important;
}
.general-modal-overlay {
  background: var(--color-tertiary);
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: all 0.2s linear;
  visibility: hidden;
  width: 100%;
  z-index: 1000;
}
.js-general-modal-01 .general-modal-overlay {
  z-index: 1002;
}
.js-general-modal-02 .general-modal-overlay {
  z-index: 1001;
}
.general-modal.is-front .general-modal-overlay {
  z-index: 1003 !important;
}
.general-modal-close {
  border-radius: 100%;
  cursor: pointer;
  display: block;
  font-size: 23px;
  height: 45px;
  line-height: 45px;
  position: absolute;
  right: 17px;
  text-align: center;
  top: 17px;
  width: 45px;
  color: #fff;
  z-index: 9;
  background: var(--color-quaternary);
}
.general-modal-close:hover{
  background: var(--color-quinary);
}
.general-modal-close:before {
  color: var(--color-tertiary);
}
.general-modal-popup-image {
  border-radius: 24px;
  display: block;
  font-size: 0;
  margin: auto;
  overflow: hidden;
  width: 100%;
}
.general-modal-popup-image img {
  display: block;
  height: auto;
  margin: 0;
  width: 100%;
}
.general-modal-popup-slider {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  border-radius: 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.general-modal-popup-slider .swiper-wrapper {
  display: flex;
  transition: transform 0.35s ease;
  will-change: transform;
  flex: 1;
  min-height: 0;
}
.general-modal-popup-slider .swiper-slide {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.general-modal-popup-slider .general-modal-popup-image {
  margin: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 24px;
}
.general-modal-popup-slider .general-modal-popup-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.general-modal-popup-slider-pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 12px 0;
  flex-shrink: 0;
}
.general-modal-popup-slider-pagination .general-modal-popup-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  padding: 0;
  transition: background 0.2s ease;
}
.general-modal-popup-slider-pagination .general-modal-popup-dot.is-active {
  background: #fff;
}
.general-modal-popup-slider-prev,
.general-modal-popup-slider-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  color: var(--color-secondary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  transition: background 0.2s ease, opacity 0.2s ease;
}
.general-modal-popup-slider-prev { left: 12px; }
.general-modal-popup-slider-next { right: 12px; }
.general-modal-popup-slider-prev:hover,
.general-modal-popup-slider-next:hover {
  background: #fff;
}
.general-modal-popup-slider-prev:disabled,
.general-modal-popup-slider-next:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.general-modal-popup-slider-prev iconify-icon,
.general-modal-popup-slider-next iconify-icon {
  width: 35px;
  height: 30px;
  font-size: 2rem;
}
.site-form {
  margin: 0;
  padding: 0;
  width: 100%;
}
.site-form__rows {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-form__row {
  display: grid;
  gap: 12px;
  margin-bottom: 12px;
}
.site-form__row:last-child {
  margin-bottom: 0;
}
.site-form__row.site-form__row--one {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.site-form__row.site-form__row--two {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.site-form__row.site-form__row--three {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1024px) {
  .site-form__row.site-form__row--three {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 960px) {
  .site-form__row.site-form__row--three,
  .site-form__row.site-form__row--two {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}
.site-form__radios {
  display: flex;
  gap: 50px;
  margin-top: 15px;
}
.site-form__foot {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 14px;
  line-height: 142.857%;
  margin-top: 12px;
}
.site-form__foot p {
  margin-bottom: 16px;
}
.site-form__checkbox {
  margin-top: 15px;
}
.site-form__button {
  margin-top: 37px;
}
.site-form__item-title-two {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 24px;
}
.site-form__text {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 14px;
  line-height: 142.857%;
}
.site-form__text span {
  display: block;
}
.site-form__text strong {
  font-family: var(--font-primary-700);
}
.site-form__text p {
  margin-bottom: 16px;
}
.site-form__text p:last-child {
  margin-bottom: 0;
}
.site-form__item-title {
  color: var(--color-primary);
  font-family: var(--font-primary-600);
  font-size: 20px;
  line-height: 120%;
}
.site-field {
  position: relative;
}
.site-field__input {
  background: none;
  background-color: var(--color-tertiary);
  border: none;
  border: 1px solid var(--color-denary);
  border-radius: 0;
  border-radius: 12px;
  box-sizing: border-box;
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  height: 56px;
  line-height: 56px;
  margin: 0;
  padding: 0 12px;
  text-align: left;
  width: 100%;
}
.site-field__input::placeholder {
  color: var(--color-quaternary);
}
.site-field__input:-webkit-autofill {
  background-color: var(--color-tertiary) !important;
  -webkit-text-fill-color: var(--color-quaternary) !important;
  box-shadow: 0 0 0 1000px var(--color-tertiary) inset !important;
}
.site-field__input.wpcf7-not-valid {
  border: 2px solid var(--color-quindenary);
}
.site-field__inside {
  position: relative;
}
.site-field__title {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  position: relative;
  transition: var(--transition);
  z-index: 2;
}
.site-field__title.site-field__title--animation {
  left: 12px;
  pointer-events: none;
  position: absolute;
  top: 18px;
}
.site-field__label {
  color: #000;
  color: var(--color-primary);
  cursor: auto;
  display: block;
  font-family: var(--font-primary-400);
  font-size: 16px;
  margin: 0 0 7px;
}
.site-field__icon {
  line-height: 54px;
}
.site-field__button,
.site-field__icon {
  display: block;
  font-size: 14px;
  height: 54px;
  position: absolute;
  top: 0;
  z-index: 2;
}
.site-field__button {
  align-items: center;
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.site-field__foot {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 12px;
  line-height: 133.333%;
  margin-top: 4px;
}
.site-field__foot.site-field__foot--type2 {
  margin-bottom: 8px;
  margin-top: 20px;
}
.site-field--textarea .site-field__input {
  height: 104px;
  line-height: 1.1;
  padding-top: 15px;
}
.site-field--select .site-field__input {
  appearance: none;
  cursor: pointer;
  padding-right: 35px;
}
.site-field--select .site-field__input::-ms-expand {
  display: none;
}
.site-field--select .site-field__icon {
  color: var(--color-secondary);
  font-size: 20px;
  pointer-events: none;
  right: 12px;
}
.site-field--select .site-field__icon:before {
  width: auto;
}
.site-field--animation .site-field__input--animation {
  padding-top: 15px;
}
.site-field--animation.site-field--textarea .site-field__input--animation {
  padding-top: 24px;
}
.site-field--animation.site-field--select .site-field__input--animation {
  padding-top: 8px;
}
.site-field--animation.focus .site-field__title {
  font-size: 12px;
  top: 9px;
}
.site-checkbox--wp input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}
.site-checkbox--wp
  input[type="checkbox"]:checked
  + .wpcf7-list-item-label:after {
  opacity: 1;
  visibility: visible;
}
.site-checkbox--wp span {
  margin: 0;
}
.site-checkbox--wp .wpcf7-list-item-label {
  align-items: center;
  box-sizing: border-box;
  color: var(--color-primary);
  display: inline-block;
  display: inline-flex;
  flex-wrap: wrap;
  font-family: var(--font-primary-400);
  font-size: 12px;
  min-height: 24px;
  padding-left: 36px;
  position: relative;
  white-space: normal;
}
.site-checkbox--wp .wpcf7-list-item-label a {
  color: var(--color-primary);
  font-family: var(--font-secondary-500);
  margin: 0 4px;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.site-checkbox--wp .wpcf7-list-item-label:before {
  border: 1px solid var(--color-secondary);
  border-radius: 2px;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  vertical-align: middle;
  width: 24px;
}
.site-checkbox--wp .wpcf7-list-item-label:after {
  color: var(--color-secondary);
  content: "";
  font-family: icomoon;
  font-size: 10px;
  left: 6px;
  opacity: 0;
  position: absolute;
  top: 7px;
  visibility: hidden;
}
.site-checkbox__label {
  color: var(--color-primary);
  display: inline;
  font-family: var(--font-primary-400);
  font-size: 16px;
  position: relative;
}
.site-checkbox__label:before {
  border: 1px solid #000;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 15px;
  margin-right: 5px;
  vertical-align: middle;
  width: 15px;
}
.site-checkbox__label:after {
  content: "✓";
  font-size: 12px;
  left: 2px;
  top: 2px;
}
.site-checkbox__label:after,
.site-radio input[type="radio"] {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}
.site-radio input[type="radio"]:checked + .site-radio-label:after {
  opacity: 1;
  visibility: visible;
}
.site-radio__label {
  color: var(--color-primary);
  display: inline;
  font-family: var(--font-primary-400);
  font-size: 16px;
  position: relative;
}
.site-radio__label:before {
  border: 1px solid #000;
  border-radius: 100%;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 15px;
  margin-right: 5px;
  vertical-align: middle;
  width: 15px;
}
.site-radio__label:after {
  background-color: var(--color-primary);
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 9px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 4px;
  visibility: hidden;
  width: 9px;
}
.site-radios--wp {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.site-radios--wp input[type="radio"] {
  display: none;
}
.site-radios--wp .wpcf7-list-item {
  margin: 0;
}
.site-radios--wp .wpcf7-list-item-label {
  color: var(--color-primary);
  display: flex;
  font-family: var(--font-primary-400);
  font-size: 16px;
  position: relative;
  text-indent: 8px;
}
.site-radios--wp .wpcf7-list-item-label:before {
  border: 2px solid var(--color-secondary);
  border-radius: 100%;
  box-sizing: border-box;
  display: block;
  height: 20px;
  width: 20px;
}
.site-radios--wp .wpcf7-list-item-label:after {
  background: var(--color-secondary);
  border-radius: 100%;
  content: "";
  display: block;
  height: 10px;
  left: 5px;
  margin: auto;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 5px;
  visibility: hidden;
  width: 10px;
}
.site-radios--wp input[type="radio"]:checked + .wpcf7-list-item-label:after {
  opacity: 1;
  visibility: visible;
}
.site-radios--wp input[type="radio"]:checked + .wpcf7-list-item-label:before {
  border: 2px solid var(--color-secondary);
}
.site-field__file {
  position: relative;
  width: 100%;
}
.site-field__file input[type="file"] {
  display: none;
}
.site-field__file .site-field__inside {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.site-field__file .wpcf7-form-control-wrap {
  margin: 0;
  order: 3;
}
.site-field__file-label {
  align-items: center;
  appearance: none;
  background: none;
  background-color: var(--color-sexdenary);
  border: none;
  border: 2px dashed var(--color-secondary);
  border-radius: 0;
  border-radius: 12px;
  box-sizing: border-box;
  display: block;
  display: flex;
  height: 56px;
  justify-content: flex-start;
  margin: 0;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
  text-align: center;
  width: 100%;
}
.site-field__file-text {
  align-items: center;
  color: var(--color-quaternary);
  display: flex;
  font-family: var(--font-primary-700);
  font-size: 14px;
  margin: 0;
}
.site-field__file-text > i {
  font-size: 24px;
  margin-right: 12px;
}
.site-field__file-foot {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 12px;
  margin: 4px 0 0;
}
.site-field__error {
  color: var(--color-primary-error);
  display: block;
  font-family: var(--font-primary-400);
  font-size: 14px;
  margin-top: 5px;
}
.site-field.site-field--error .site-field__input {
  border: 1px solid var(--color-primary-error);
}
.wpcf7-not-valid-tip {
  color: var(--color-quindenary) !important;
  font-family: var(--font-primary-400);
  font-size: 12px !important;
  margin: 6px 0 0;
}
.wpcf7-response-output {
  border: 1px solid var(--color-secondary) !important;
  border-radius: 5px;
  color: var(--color-primary) !important;
  font-family: var(--font-primary-400) !important;
  font-size: 12px !important;
  margin: 15px 0 0 !important;
  padding: 5px 10px !important;
}
.wpcf7-spinner {
  display: none !important;
}
.message-page {
  padding-bottom: 60px;
  padding-top: 0;
  position: relative;
}
.message-page:before {
  background-image: url(../img/logos_claretiano_opacity_v2.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 444px;
  position: absolute;
  right: -50px;
  top: 35px;
  width: 252px;
}
.message-page__content {
  align-items: stretch;
  display: flex;
  gap: 70px;
  justify-content: space-between;
}
.message-page__info {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  min-height: 580px;
  padding-bottom: 60px;
  padding-top: 60px;
  position: relative;
  width: 491px;
}
.message-page__info:before {
  right: 100%;
  width: 100%;
}
.message-page__info:after,
.message-page__info:before {
  background-color: var(--color-undenary);
  content: "";
  height: 100%;
  opacity: 0.35;
  position: absolute;
  top: 0;
  z-index: 1;
}
.message-page__info:after {
  border-radius: 0 0 36px 0;
  right: -197px;
  width: 197px;
}
.message-page__info-bg {
  background-color: var(--color-undenary);
  height: 100%;
  left: 0;
  opacity: 0.35;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.message-page__info-inside {
  position: relative;
  width: 100%;
  z-index: 2;
}
.message-page__title-title {
  color: var(--color-secondary);
  font-family: var(--font-primary-700);
  font-size: 92px;
  line-height: normal;
  margin: 0;
}
.message-page__title-subtitle {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 32px;
  line-height: 125%;
  margin: 8px 0 0;
}
.message-page__text {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
  margin-top: 20px;
}
.message-page__button {
  margin-top: 16px;
}
.message-page__button .site-button {
  text-align: center;
  width: 149px;
}
.message-page__image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  height: 460px;
  margin: 60px 0 0;
  position: relative;
  width: 639px;
  z-index: 3;
}
@media (max-width: 1280px) {
  .message-page__info {
    width: 45%;
  }
  .message-page__image {
    width: 55%;
  }
  .message-page__title-title {
    font-size: 65px;
  }
}
@media (max-width: 1024px) {
  .message-page:before {
    display: none;
  }
  .message-page__title-title {
    font-size: 70px;
  }
  .message-page__title-subtitle {
    font-size: 25px;
  }
}
@media (max-width: 960px) {
  .message-page {
    padding: 100px 0;
  }
  .message-page__info {
    min-height: inherit;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  .message-page__info-inside {
    margin: auto;
  }
  .message-page__image,
  .message-page__info-bg,
  .message-page__info:after,
  .message-page__info:before {
    display: none;
  }
}
@media (max-width: 767px) {
  .message-page__title-title {
    font-size: 60px;
  }
  .message-page__title-subtitle {
    font-size: 22px;
  }
}
.card-news:hover .card-news__title-text {
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-decoration-style: solid;
  text-decoration-thickness: 11%;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.card-news:hover .card-news__img {
  transform: scale(1.12);
}
.card-news__top {
  position: relative;
}
.card-news__image {
  border-radius: 16px;
  display: block;
  font-size: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.card-news__img {
  height: 228px;
  object-fit: cover;
  transition: var(--transition);
  width: 100%;
}
.card-news__info {
  padding-top: 16px;
}
.card-news__categories {
  left: 16px;
  position: absolute;
  top: 16px;
  z-index: 2;
}
.card-news__categories > a {
  background-color: var(--color-tertiary);
  border-radius: 20px;
  color: var(--color-primary);
  font-family: var(--font-primary-500);
  font-size: 14px;
  line-height: 142.857%;
  padding: 5.5px 12px;
}
.card-news__date {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 14px;
  line-height: 128.571%;
}
.card-news__title {
  margin: 12px 0 0;
}
.card-news__title-text {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 16px;
  line-height: 150%;
  margin: 0;
  transition: var(--transition);
}
.card-news__more {
  color: var(--color-secondary);
  display: inline-block;
  font-family: var(--font-primary-500);
  font-size: 16px;
  line-height: 150%;
  margin: 12px 0 0;
  padding: 4px 0;
  position: relative;
}
.card-news__more:after {
  background-color: var(--color-secondary);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: var(--transition);
  width: 0;
  z-index: 2;
}
.card-news__more:hover {
  color: var(--color-secondary);
}
.card-news__more:hover:after {
  width: 100%;
}
.news-menu {
  background-color: var(--color-quaternary);
  height: 52px;
  position: relative;
}
.news-menu:before {
  left: 100%;
}
.news-menu:after,
.news-menu:before {
  background-color: var(--color-quaternary);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.news-menu:after {
  right: 100%;
}
.news-menu__container {
  height: 100%;
}
.news-menu__content {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: space-between;
}
.news-menu__title {
  color: var(--color-tertiary);
  font-family: var(--font-primary-700);
  font-size: 15px;
  line-height: 186.667%;
  margin: 0;
}
.news-menu__actions {
  align-items: center;
  display: flex;
  height: 100%;
}
.news-menu__list-item-text {
  color: var(--color-tertiary);
  font-family: var(--font-primary-500);
  font-size: 16px;
  line-height: 150%;
  padding: 4px 0;
  position: relative;
  transition: var(--transition);
}
.news-menu__list-item-text:before {
  background-color: var(--color-tertiary);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: var(--transition);
  width: 0;
}
.news-menu__list-item-text > i {
  display: inline;
  margin-left: 6px;
  vertical-align: middle;
}
.news-menu__list {
  display: flex;
  gap: 32px;
  height: 100%;
}
.news-menu__list-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  position: relative;
}
.news-menu__list-item:hover .news-menu__list-item-items {
  opacity: 1;
  visibility: visible;
}
.news-menu__list-item:hover .news-menu__list-item-text:before {
  width: 100%;
}
.news-menu__list-item-items {
  background-color: var(--color-quaternary);
  border-radius: 0 0 8px 8px;
  box-sizing: border-box;
  left: 50%;
  list-style: none;
  margin: 0;
  opacity: 0;
  padding: 16px;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  transition: var(--transition);
  visibility: hidden;
  width: 120px;
  z-index: 4;
}
.news-menu__list-item-items > li {
  margin-bottom: 5px;
  position: relative;
}
.news-menu__list-item-items > li:last-child {
  margin-bottom: 0;
}
.news-menu__list-item-items > li > a {
  color: var(--color-tertiary);
  font-family: var(--font-primary-500);
  font-size: 16px;
  line-height: 150%;
  transition: var(--transition);
}
.news-menu__list-item-items > li > a:hover {
  color: var(--color-quinary);
}
@media (max-width: 767px) {
  .news-menu__list {
    display: none;
  }
}
.news-menu__categories {
  display: flex;
  gap: 32px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.news-menu__categories > li {
  position: relative;
}
.news-menu__categories > li > a {
  color: var(--color-primary);
  font-family: var(--font-secondary-600);
  font-size: 15px;
  line-height: 186.667%;
  transition: var(--transition);
}
.news-menu__categories > li > a:hover {
  color: var(--color-secondary);
}
.news-menu__categories > li > ul.children {
  background-color: var(--color-quinary);
  border-radius: 8px;
  box-shadow: 0 5px 10px -20px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  left: 50%;
  list-style: none;
  margin: 0;
  opacity: 0;
  padding: 16px;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  transition: var(--transition);
  visibility: hidden;
  width: 172px;
  z-index: 4;
}
.news-menu__categories > li > ul.children:before {
  background-color: var(--color-secondary);
  content: "";
  height: 3px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 110px;
}
.news-menu__categories > li > ul.children > li {
  padding-bottom: 16px;
}
.news-menu__categories > li > ul.children > li:last-child {
  padding-bottom: 0;
}
.news-menu__categories > li > ul.children > li > a {
  color: var(--color-quaternary);
  font-family: var(--font-primary-400);
  font-size: 14px;
  line-height: 142.857%;
  transition: var(--transition);
}
.news-menu__categories > li > ul.children > li > a:hover {
  color: var(--color-secondary);
}
.news-menu__categories > li:hover > ul.children {
  opacity: 1;
  visibility: visible;
}
.news-menu__search {
  align-items: center;
  display: flex;
  position: relative;
}
.news-menu__search:before {
  background-color: var(--color-tridenary);
  content: "";
  display: inline-block;
  height: 26.5px;
  margin: 0 28px;
  vertical-align: middle;
  width: 1px;
}
.news-menu__search-icon {
  appearance: none;
  background: none;
  border: none;
  font-size: 20px;
  margin: 0;
  padding: 0;
  color: var(--color-novenary);
}
.news-menu__search-field {
  background: transparent;
  border: none;
  box-sizing: border-box;
  color: var(--color-tertiary);
  font-family: var(--font-primary-500);
  font-size: 16px;
  line-height: 150%;
  padding: 0;
  width: 60px;
}
.news-menu__search-field::placeholder {
  color: var(--color-tertiary);
}
.news-menu__search-field:-webkit-autofill {
  background-color: var(--color-quaternary);
  -webkit-text-fill-color: var(--color-tertiary);
  box-shadow: 0 0 0 1000px var(--color-quaternary) inset;
}
@media (max-width: 1024px) {
  .news-menu__search-field {
    width: 100px;
  }
}
.news-author__card {
  background-color: var(--color-septendenary);
  box-sizing: border-box;
}
.news-author__card-item {
  display: flex;
}
.news-author__card-item-image {
  border-radius: 100%;
  height: 112px;
  overflow: hidden;
  width: 112px;
}
.news-author__card-item-image img {
  display: block;
  height: auto;
  width: 100%;
}
.news-author__card-item-info {
  box-sizing: border-box;
  padding-left: 20px;
  width: calc(100% - 112px);
}
.news-author__card-item-name {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 40px;
  line-height: 120%;
  margin: 0;
}
.news-author__card-item-description {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 125%;
  margin: 4px 0 0;
}
@media (max-width: 1024px) {
  .news-author__card-item-name {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .news-author__card-item {
    flex-direction: column;
  }
  .news-author__card-item-image {
    margin: 0;
  }
  .news-author__card-item-info {
    padding-left: 0;
    padding-top: 20px;
    width: 100%;
  }
  .news-author__card-item-image {
    height: 95px;
    width: 95px;
  }
  .news-author__card-title {
    font-size: 22px;
  }
  .news-author__card-item-name {
    font-size: 20px;
  }
}
.news-share {
  margin-top: 20px;
}
.news-share__title {
  color: var(--color-quaternary);
  display: block;
  font-family: var(--font-primary-600);
  font-size: 14px;
  line-height: 142.857%;
  margin: 0 0 8px;
}
.news-share__list {
  display: flex;
  gap: 13px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.news-share__list-item {
  border-radius: 100%;
  color: var(--color-primary);
  display: inline-block;
  font-size: 24px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  width: 48px;
}
.news-share__list-item,
.news-suscribe {
  background-color: var(--color-undenary);
  box-sizing: border-box;
}
.news-suscribe {
  border-radius: 16px;
  padding: 20px;
}
.news-suscribe__title {
  color: var(--color-primary);
  font-family: var(--font-primary-800);
  font-size: 20px;
  line-height: 140%;
  margin: 0;
}
.news-suscribe__text {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 12px;
  line-height: 133.333%;
  margin: 12px 0 0;
}
.news-suscribe__form {
  margin-top: 28px;
}
.news-suscribe__form .site-form__checkbox {
  margin-top: 16px;
}
.news-suscribe__form .site-form__button {
  margin-top: 8px;
}
.news-suscribe__form .site-form__button .site-button {
  width: 100%;
}
.news-count {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 14px;
  line-height: 142.857%;
  margin-bottom: 42px;
}
.news-count strong {
  font-family: var(--font-primary-700);
  font-size: 16px;
  line-height: 150%;
  margin-right: 8px;
}
.news-contact {
  background-color: var(--color-quinary);
  border: 1px solid var(--color-sexdenary);
  border-radius: 20px;
  box-sizing: border-box;
  padding: 32px 36px;
}
.news-contact__title {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 100%;
  margin: 0;
}
.news-crumb__list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.news-crumb__item {
  align-items: center;
  color: var(--color-tertiary);
  display: flex;
  font-family: var(--font-primary-400);
  font-size: 12px;
}
.news-crumb__item:after {
  content: "/";
  display: inline;
  margin: 0 5px;
  vertical-align: middle;
}
.news-crumb__item > a {
  color: var(--color-tertiary);
}
.news-crumb__item:last-child:after {
  display: none;
}
.news-crumb__item--home {
  font-size: 13px;
}
.news-crumb__item--current {
  font-family: var(--font-primary-600);
}
.news-contact__form,
.news-contact__form .site-form__button {
  margin-top: 16px;
}
.news-contact__form .site-form__button .site-button {
  width: 100%;
}
.news-contact__form .site-checkbox .wpcf7-list-item-label a {
  color: var(--color-secondary);
}
.news-contact__form .site-checkbox .wpcf7-list-item-label:after,
.news-contact__form .site-checkbox .wpcf7-list-item-label:before {
  top: 50%;
  transform: translateY(-50%);
}
.news-toc .ez-toc-title-container {
  align-items: center;
  border-bottom: 1px solid var(--color-undenary);
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}
.news-toc #ez-toc-container nav {
  padding-top: 20px;
}
.news-toc .ez-toc-title {
  color: var(--color-primary);
  font-family: var(--font-primary-600);
  font-size: 20px;
  line-height: 140%;
}
.news-toc .ez-toc-link {
  color: var(--color-primary) !important;
  font-family: var(--font-primary-500);
  font-size: 16px !important;
  line-height: 150%;
  transition: var(--transition);
}
.news-toc .ez-toc-link:before {
  display: none;
}
.news-toc .ez-toc-link:hover {
  color: var(--color-octodenary) !important;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.news-toc #ez-toc-container {
  background: transparent;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.news-toc #ez-toc-container.toc_close .ez-toc-icon-toggle-span {
  transform: rotate(180deg);
}
.news-toc #ez-toc-container ul {
  border-bottom: 1px solid var(--color-undenary);
  padding-bottom: 20px;
  width: 100% !important;
}
.news-toc #ez-toc-container ul li {
  margin-bottom: 16px;
}
.news-toc #ez-toc-container ul li:last-child {
  margin-bottom: 0;
}
.news-toc #ez-toc-container a:visited {
  color: var(--color-quaternary);
}
.news-toc .ez-toc-title-container,
.news-toc .ez-toc-title-toggle {
  width: 100%;
}
.news-toc .ez-toc-icon-toggle-span {
  height: 20px;
  transition: var(--transition);
  width: 20px;
}
.news-toc .ez-toc-icon-toggle-span svg {
  display: none;
}
.news-toc .ez-toc-icon-toggle-span:before {
  color: var(--color-primary);
  content: "";
  font-family: icomoon;
  font-size: 20px;
}
.news-toc #ez-toc-container .ez-toc-js-icon-con {
  border: none;
}
.news-toc #ez-toc-container a.ez-toc-toggle {
  float: none;
  margin: 0;
}
.news-toc .ez-toc-title-toggle {
  display: block;
  margin: 0;
  text-align: right;
  width: auto;
}
.card-innovaagency {
  background-color: var(--color-tertiary);
  display: block;
  position: relative;
}
.card-innovaagency:hover .card-innovaagency__img {
  transform: scale(1.1);
}
.card-innovaagency:hover .card-innovaagency__more {
  transform: translate(-50%, -50%) scale(1);
}
.card-innovaagency__stage {
  background-color: var(--color-secondary);
  border-radius: 24px;
  box-sizing: border-box;
  color: var(--color-tertiary);
  font-family: var(--font-primary-800);
  font-size: 16px;
  padding: 5px 16px;
  position: absolute;
  right: 12px;
  text-transform: uppercase;
  top: 12px;
  z-index: 3;
}
.card-innovaagency__logo {
  align-items: center;
  background-color: var(--color-tertiary);
  border-radius: 0 0 24px 0;
  display: flex;
  height: 58px;
  left: 0;
  position: absolute;
  top: 0;
  width: 176px;
  z-index: 2;
}
.card-innovaagency__logo:before {
  background-image: url(../img/figure1570ee714daf3a74e6c12.svg);
  height: 59px;
  right: -46px;
  top: -1px;
  width: 88.458px;
  z-index: -1;
}
.card-innovaagency__logo:after,
.card-innovaagency__logo:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
}
.card-innovaagency__logo:after {
  background-image: url(../img/figure201f437c4ebf21d4389d4.svg);
  height: 20px;
  left: 0;
  top: 58px;
  width: 20px;
}
.card-innovaagency__logo-img {
  height: auto;
  margin: 0;
  max-width: 167px;
  width: 100%;
}
.card-innovaagency__image {
  border-radius: 24px;
  display: block;
  font-size: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}
.card-innovaagency__image:before {
  background: linear-gradient(0deg, #000, transparent);
  bottom: 0;
  content: "";
  height: 225px;
  left: 0;
  opacity: 0.9;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.card-innovaagency__img {
  height: 400px;
  object-fit: cover;
  transition: var(--transition);
  z-index: 0;
  width: 100%;
}
.talleres-page__list{
  padding: 40px 0;
}
.talleres-page__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.talleres-page__card {
  flex: 1 1 calc(50% - 16px);
}
@media (max-width: 767px) {
  .talleres-page__card {
    flex-basis: 100%;
  }
}
.taller-detalle__list {
  padding: 64px 0;
}
.taller-detalle__list-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.taller-detalle__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.taller-detalle__item {
  flex: 1 1 calc(33.333% - 22px);
  background-color: var(--color-tertiary);
  border-radius: 24px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-denary);
}
.taller-detalle__item-image {
  margin: 0;
  margin: 0;
}
.taller-detalle__item-img {
  border-radius: 24px 24px 0 0;
  display: block;
  width: 100%;
  height: 220px;
  object-fit: cover;
}
.taller-detalle__item-info {
  flex: 1;
  padding: 24px 24px 28px;
}
.taller-detalle__item-title {
  font-family: var(--font-primary-700);
  font-size: 28px;
  margin: 0 0 12px;
}
.taller-detalle__item-description {
  font-size: 15px;
  line-height: 1.6;
  font-family: var(--font-primary-400);
}
.taller-detalle__horarios {
  margin-top: 32px;
  display: flex;
  justify-content: center;
}
.taller-detalle__related {
  padding: 64px 0 96px;
}
.taller-detalle__related-title {
  margin-bottom: 32px;
}
.taller-detalle__related-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.taller-detalle__related-grid .news-page__loop-item {
  flex: 0 0 calc(33.333% - 22px);
}
@media (max-width: 767px) {
  .taller-detalle__item {
    flex-basis: 100%;
  }
  .taller-detalle__related-grid .news-page__loop-item {
    flex-basis: 100%;
  }
}
.taller-detalle-page .aboutus-page__banner {
  padding-top: 86px;
  padding-bottom: 48px;
}
.taller-detalle-page .aboutus-page__banner-top {
  align-items: flex-end;
  display: flex;
  gap: 50px;
  justify-content: space-between;
}
.taller-detalle-page .aboutus-page__banner-title {
  width: 687px;
  max-width: 100%;
}
.taller-detalle-page .aboutus-page__banner-info {
  width: 340px;
  max-width: 100%;
}
.taller-detalle-page .aboutus-page__banner-info .general-icon {
  margin-bottom: 16px;
}
.taller-detalle-page .aboutus-page__banner-text {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
}
@media (max-width: 1024px) {
  .taller-detalle-page .aboutus-page__banner-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
  .taller-detalle-page .aboutus-page__banner-title,
  .taller-detalle-page .aboutus-page__banner-info {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .taller-detalle-page .aboutus-page__banner {
    padding-top: 50px;
    padding-bottom: 40px;
  }
  .taller-detalle-page .aboutus-page__banner-top {
    gap: 20px;
  }
}
.matricula-v2-page .aboutus-page__banner {
  padding-top: 86px;
  padding-bottom: 48px;
}
.matricula-v2-page .aboutus-page__banner-top {
  align-items: flex-end;
  display: flex;
  gap: 50px;
  justify-content: space-between;
}
.matricula-v2-page .aboutus-page__banner-title {
  width: 687px;
  max-width: 100%;
}
.matricula-v2-page .aboutus-page__banner-info {
  width: 340px;
  max-width: 100%;
}
.matricula-v2-page .aboutus-page__banner-info .general-icon {
  margin-bottom: 16px;
}
.matricula-v2-page .aboutus-page__banner-text {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
}
@media (max-width: 1024px) {
  .matricula-v2-page .aboutus-page__banner-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
  .matricula-v2-page .aboutus-page__banner-title,
  .matricula-v2-page .aboutus-page__banner-info {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .matricula-v2-page .aboutus-page__banner {
    padding-top: 50px;
    padding-bottom: 40px;
  }
  .matricula-v2-page .aboutus-page__banner-top {
    gap: 20px;
  }
}
.matricula-v2__list {
  padding: 24px 0;
}
.matricula-v2__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}
.matricula-v2__card {
  min-width: 0;
}
@media (max-width: 1024px) {
  .matricula-v2__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .matricula-v2__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .matricula-v2__list {
    padding: 40px 0;
  }
}
.breadcrumb--matricula {
  margin-bottom: 24px;
}
.breadcrumb__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.breadcrumb__item {
  color: var(--color-tridenary);
}
.breadcrumb__link {
  color: var(--color-primary);
  text-decoration: none;
  font-size: 15px;
  font-family: var(--font-primary-500);
}
.breadcrumb__link:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}
.breadcrumb__item--current {
  color: var(--color-secondary);
  font-family: var(--font-primary-700);
  font-size: 17px;
}
.breadcrumb__sep {
  display: flex;
  align-items: center;
  color: var(--color-undenary);
  font-size: 1rem;
}
.breadcrumb__sep iconify-icon {
  font-size: 1.5rem;
}
.cronograma-page {
  padding-top: 92px;
  padding-bottom: 64px;
}
.cronograma-page__wrap {
  max-width: 896px;
  margin: 0 auto;
}
.cronograma-page__header {
  margin-bottom: 48px;
}
.cronograma-page__title {
  font-family: var(--font-primary-700);
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  line-height: 1.2;
  color: var(--color-primary);
  margin: 0 0 16px;
  letter-spacing: -0.02em;
}
.cronograma-page__title-accent {
  color: var(--color-secondary);
}
.cronograma-page__intro {
  font-family: var(--font-primary-400);
  font-size: 18px;
  line-height: 1.6;
  color: var(--color-tridenary);
  margin: 0;
  max-width: 42rem;
}
.cronograma-page__timeline {
  position: relative;
}
.cronograma-page__timeline-line {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  pointer-events: none;
}
.cronograma-page__timeline-line::before {
  content: "";
  position: absolute;
  left: 19px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-undenary);
}
.cronograma-page__item {
  position: relative;
  padding-left: 56px;
  padding-bottom: 48px;
}
.cronograma-page__item:last-child {
  padding-bottom: 0;
}
.cronograma-page__node {
  position: absolute;
  left: 0;
  top: 4px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-sizing: border-box;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  background: transparent;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.cronograma-page__node:hover {
  transform: scale(1.08);
}
.cronograma-page__node:focus {
  outline: 2px solid var(--color-secondary);
  outline-offset: 2px;
}
.cronograma-page__node--filled {
  background-color: var(--color-secondary);
}
.cronograma-page__node--outline {
  background-color: var(--color-tertiary);
}
.cronograma-page__node iconify-icon {
  font-size: 1.25rem;
  color: var(--color-tertiary);
}
.cronograma-page__node--filled {
  box-shadow: 0 4px 14px rgba(0, 75, 139, 0.25);
}
.cronograma-page__node--outline {
  border: 2px solid var(--color-secondary);
}
.cronograma-page__node--outline iconify-icon {
  color: var(--color-secondary);
}
.cronograma-page__card {
  background: var(--color-tertiary);
  border: 1px solid var(--color-undenary);
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.cronograma-page__card:hover {
  border-color: rgba(0, 75, 139, 0.3);
  box-shadow: 0 4px 12px rgba(0, 75, 139, 0.08);
}
.cronograma-page__card--highlighted {
  border-color: var(--color-secondary);
  box-shadow: 0 4px 20px rgba(0, 75, 139, 0.2);
  background: rgba(0, 75, 139, 0.03);
}
.cronograma-page__card-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}
.cronograma-page__card-title {
  font-family: var(--font-primary-600);
  font-size: 1.25rem;
  line-height: 1.3;
  color: var(--color-primary);
  margin: 0;
  flex: 1 1 280px;
}
.cronograma-page__card-date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-primary-500);
  font-size: 14px;
  color: var(--color-secondary);
  background: rgba(0, 75, 139, 0.08);
  border: 1px solid rgba(0, 75, 139, 0.2);
  padding: 6px 12px;
  border-radius: 999px;
}
.cronograma-page__card-date iconify-icon {
  font-size: 1rem;
  flex-shrink: 0;
}
.cronograma-page__card-desc {
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-tridenary);
  margin: 0 0 16px;
}
.cronograma-page__card-desc:last-of-type {
  margin-bottom: 0;
}
.cronograma-page__toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-primary-600);
  font-size: 14px;
  color: var(--color-secondary);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  margin-top: 8px;
  transition: opacity 0.2s ease;
}
.cronograma-page__toggle:hover {
  opacity: 0.85;
}
.cronograma-page__toggle-icon {
  font-size: 1.125rem;
  transition: transform 0.3s ease;
}
.cronograma-page__note {
  margin-top: 16px;
  padding: 16px;
  background: var(--color-novenary);
  border-left: 4px solid var(--color-secondary);
  border-radius: 0 8px 8px 0;
  font-family: var(--font-primary-400);
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-tridenary);
}
.cronograma-page__footer {
  margin-top: 64px;
  padding-top: 32px;
  border-top: 1px solid var(--color-undenary);
}
.cronograma-page__btn-download {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  font-family: var(--font-primary-600);
  font-size: 16px;
  color: var(--color-secondary);
  background: var(--color-tertiary);
  border: 2px solid var(--color-secondary);
  border-radius: 999px;
  text-decoration: none;
  transition: background 0.25s ease, color 0.25s ease;
}
.cronograma-page__btn-download:hover {
  background: var(--color-secondary);
  color: var(--color-tertiary);
}
.cronograma-page__btn-download iconify-icon {
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  .cronograma-page {
    padding-top: 32px;
    padding-bottom: 48px;
  }
  .cronograma-page__header {
    margin-bottom: 32px;
  }
  .cronograma-page__item {
    padding-left: 48px;
  }
  .cronograma-page__timeline-line {
    width: 32px;
  }
  .cronograma-page__timeline-line::before {
    left: 15px;
  }
  .cronograma-page__node {
    width: 32px;
    height: 32px;
    top: 6px;
  }
  .cronograma-page__node iconify-icon {
    font-size: 1rem;
  }
  .cronograma-page__card {
    padding: 18px;
  }
  .cronograma-page__card-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .cronograma-page__footer {
    margin-top: 48px;
    padding-top: 24px;
  }
  .cronograma-page__card-title{
    flex: 1 1 2px;
  }
}
.requisitos-page {
  padding-top: 92px;
  padding-bottom: 64px;
}
.requisitos-page__wrap {
  max-width: 1152px;
  margin: 0 auto;
}
.requisitos-page__header {
  text-align: center;
  margin-bottom: 48px;
}
.requisitos-page__title {
  font-family: var(--font-primary-800);
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  color: var(--color-secondary);
  margin: 0 0 24px;
  letter-spacing: -0.02em;
}
.requisitos-page__tabs {
  display: inline-flex;
  padding: 4px;
  background: var(--color-undenary);
  border-radius: 999px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
}
.requisitos-page__tab {
  padding: 10px 24px;
  border-radius: 999px;
  font-family: var(--font-primary-700);
  font-size: 15px;
  color: var(--color-tridenary);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.requisitos-page__tab:hover {
  color: var(--color-primary);
}
.requisitos-page__tab--active {
  background: #f5d020;
  color: var(--color-secondary);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.requisitos-page__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media (min-width: 1024px) {
  .requisitos-page__grid {
    grid-template-columns: 1fr 380px;
  }
}
.requisitos-page__main {
  position: relative;
  min-height: 1px;
}
.requisitos-page__panel {
  display: none;
}
.requisitos-page__panel.requisitos-page__panel--active {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.requisitos-page__card {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  background: var(--color-tertiary);
  border: 1px solid var(--color-undenary);
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  position: relative;
  min-height: 200px;
  box-sizing: border-box;
}
.requisitos-page__step-num {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f5d020;
  color: var(--color-secondary);
  font-family: var(--font-primary-800);
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.requisitos-page__card-body {
  flex: 1;
  min-width: 0;
}
.requisitos-page__card-title {
  font-family: var(--font-primary-700);
  font-size: 1.25rem;
  color: var(--color-primary);
  margin: 0 0 8px;
}
.requisitos-page__card-desc {
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-tridenary);
  margin: 0 0 16px;
}
.requisitos-page__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-primary-600);
  font-size: 15px;
  color: var(--color-secondary);
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.requisitos-page__link:hover {
  text-decoration: underline;
  opacity: 0.9;
}
.requisitos-page__link iconify-icon {
  font-size: 1rem;
}
.requisitos-page__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-family: var(--font-primary-500);
  font-size: 14px;
  color: var(--color-primary);
  background: var(--color-novenary);
  border: 1px solid var(--color-undenary);
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.requisitos-page__btn:hover {
  background: var(--color-undenary);
  border-color: var(--color-denary);
}
.requisitos-page__btn-icon {
  font-size: 1.25rem;
  color: var(--color-secondary);
}
.requisitos-page__btn-icon--red {
  color: var(--color-quindenary);
}
.requisitos-page__card-actions {
  flex-wrap: wrap;
  gap: 12px;
}
.requisitos-page__checklist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.requisitos-page__checklist li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-primary-400);
  font-size: 15px;
  color: var(--color-tridenary);
}
.requisitos-page__check-icon {
  font-size: 1.25rem;
  color: var(--color-secondary);
  flex-shrink: 0;
}
.requisitos-page__card-icon {
  flex-shrink: 0;
  width: 48px;
  text-align: right;
}
.requisitos-page__card-icon iconify-icon {
  font-size: 2.5rem;
  color: var(--color-denary);
}
@media (max-width: 767px) {
  .requisitos-page__card-icon {
    display: none;
  }
}
.requisitos-page__sidebar {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.requisitos-page__sidebar-block {
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.requisitos-page__sidebar-block--legal {
  background: var(--color-secondary);
  color: var(--color-tertiary);
}
.requisitos-page__sidebar-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-primary-700);
  font-size: 1.125rem;
  margin: 0 0 16px;
  color: var(--color-tertiary);
}
.requisitos-page__sidebar-title iconify-icon {
  font-size: 1.25rem;
}
.requisitos-page__sidebar-content {
  font-size: 14px;
  line-height: 1.6;
}
.requisitos-page__legal-item {
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  margin-bottom: 16px;
}
.requisitos-page__legal-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}
.requisitos-page__legal-label {
  font-family: var(--font-primary-700);
  margin: 0 0 4px;
  color: var(--color-tertiary);
}
.requisitos-page__legal-text {
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
}
.requisitos-page__legal-link {
  color: #f5d020;
  text-decoration: none;
  font-weight: 600;
}
.requisitos-page__legal-link:hover {
  text-decoration: underline;
}
.requisitos-page__sidebar-block--help {
  background: var(--color-tertiary);
  border: 1px solid var(--color-undenary);
}
.requisitos-page__sidebar-title--dark {
  color: var(--color-primary);
}
.requisitos-page__sidebar-title--dark iconify-icon {
  color: var(--color-secondary);
}
.requisitos-page__help-desc {
  font-family: var(--font-primary-400);
  font-size: 14px;
  line-height: 1.5;
  color: var(--color-tridenary);
  margin: 0 0 20px;
}
.requisitos-page__contact-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.requisitos-page__contact-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  width: 100%;
  padding: 12px;
  background: var(--color-novenary);
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  transition: background 0.2s ease;
  box-sizing: border-box;
}
.requisitos-page__contact-item:hover {
  background: var(--color-undenary);
}
.requisitos-page__contact-item div {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
  justify-content: center;
  align-items: flex-end;
  text-align: right;
}
.requisitos-page__contact-label {
  font-family: var(--font-primary-700);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-tridenary);
}
.requisitos-page__contact-value {
  font-family: var(--font-primary-600);
  font-size: 14px;
  color: var(--color-primary);
}
.requisitos-page__contact-icon {
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.requisitos-page__contact-icon iconify-icon {
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--color-tertiary);
}
.requisitos-page__contact-icon--whatsapp {
  background: rgba(37, 211, 102, 0.2);
}
.requisitos-page__contact-icon--whatsapp iconify-icon {
  color: var(--color-whatsapp);
}
.requisitos-page__contact-icon--email {
  background: rgba(0, 75, 139, 0.12);
}
.requisitos-page__contact-icon--email iconify-icon {
  color: var(--color-secondary);
}
@media (max-width: 767px) {
  .requisitos-page {
    padding-top: 32px;
    padding-bottom: 48px;
  }
  .requisitos-page__header {
    margin-bottom: 32px;
  }
  .requisitos-page__card {
    padding: 18px;
  }
  .requisitos-page__sidebar-block {
    padding: 20px;
  }
}
.etapas-page {
  padding-top: 98px;
  padding-bottom: 64px;
}
.etapas-page__wrap {
  max-width: 900px;
  margin: 0 auto;
}
.etapas-page__header {
  margin-bottom: 32px;
}
.etapas-page__header-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}
.etapas-page__badge {
  display: block;
  font-family: var(--font-primary-700);
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-secondary);
  margin-bottom: 8px;
}
.etapas-page__title {
  font-family: var(--font-primary-800);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-primary);
  margin: 0;
  letter-spacing: -0.02em;
}
.etapas-page__title-accent {
  color: var(--color-secondary);
}
.etapas-page__support {
  text-align: right;
}
.etapas-page__support-label {
  font-size: 13px;
  color: var(--color-tridenary);
  margin: 0 0 2px;
}
.etapas-page__support-email {
  font-family: var(--font-primary-600);
  font-size: 14px;
  color: var(--color-primary);
  text-decoration: none;
}
.etapas-page__support-email:hover {
  color: var(--color-secondary);
}
.etapas-page__stepper {
  margin-bottom: 32px;
}
.etapas-page__stepper-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0;
  position: relative;
}
.etapas-page__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font: inherit;
  position: relative;
  z-index: 2;
  transition: opacity 0.2s ease;
}
.etapas-page__step:hover {
  opacity: 0.9;
}
.etapas-page__step-circle {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  border-radius: 50%;
  border: 2px solid var(--color-undenary);
  background: var(--color-tertiary);
  color: var(--color-tridenary);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.etapas-page__step-circle iconify-icon {
  font-size: 1.35rem;
}
.etapas-page__step--active .etapas-page__step-circle {
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
  border-width: 3px;
  border-color: var(--color-secondary);
  background: var(--color-secondary);
  color: var(--color-tertiary);
  box-shadow: 0 4px 14px rgba(0, 75, 139, 0.3);
}
.etapas-page__step--active .etapas-page__step-circle iconify-icon {
  font-size: 1.5rem;
}
.etapas-page__step-label {
  font-family: var(--font-primary-700);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-tridenary);
  text-align: center;
  max-width: 70px;
}
.etapas-page__step--active .etapas-page__step-label {
  color: var(--color-secondary);
  font-size: 11px;
}
.etapas-page__stepper-line {
  flex: 1;
  min-width: 12px;
  height: 2px;
  background: var(--color-undenary);
  align-self: center;
  margin-top: 24px;
  position: relative;
  z-index: 1;
}
.etapas-page__content {
  position: relative;
  min-height: 320px;
}
.etapas-page__panel {
  display: none;
}
.etapas-page__panel.etapas-page__panel--active {
  display: block;
}
.etapas-page__card {
  background: var(--color-tertiary);
  border: 1px solid var(--color-undenary);
  border-radius: 24px;
  padding: 32px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}
.etapas-page__card-badge {
  display: inline-block;
  font-family: var(--font-primary-700);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-secondary);
  background: rgba(0, 75, 139, 0.08);
  padding: 6px 12px;
  border-radius: 999px;
  margin-bottom: 16px;
}
.etapas-page__card-title {
  font-family: var(--font-primary-700);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin: 0 0 12px;
}
.etapas-page__card-desc {
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 1.6;
  color: var(--color-tridenary);
  margin: 0 0 16px;
}
.etapas-page__card-note {
  font-size: 14px;
  font-style: italic;
  color: var(--color-octodenary);
  margin: 0 0 20px;
}
.etapas-page__card-body {
  font-family: var(--font-primary-400);
  font-size: 15px;
  line-height: 1.6;
  color: var(--color-tridenary);
  margin-bottom: 24px;
}
.etapas-page__card-body p {
  margin: 0 0 12px;
}
.etapas-page__card-body ul {
  margin: 0 0 12px;
  padding-left: 1.25em;
}
.etapas-page__card-body li {
  margin-bottom: 6px;
}
.etapas-page__card-blocks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 24px;
}
.etapas-page__info-block {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  background: rgba(0, 75, 139, 0.06);
  border-radius: 16px;
  border: 1px solid rgba(0, 75, 139, 0.1);
}
.etapas-page__info-block-icon {
  font-size: 1.5rem;
  color: var(--color-secondary);
  flex-shrink: 0;
}
.etapas-page__info-block-title {
  font-family: var(--font-primary-700);
  font-size: 14px;
  color: var(--color-primary);
  margin: 0 0 4px;
}
.etapas-page__info-block-text {
  font-size: 14px;
  color: var(--color-tridenary);
  margin: 0;
  font-style: italic;
}
.etapas-page__card-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 24px;
  border-top: 1px solid var(--color-undenary);
}
.etapas-page__card-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-primary-600);
  font-size: 14px;
  color: var(--color-secondary);
  text-decoration: none;
}
.etapas-page__card-link:hover {
  text-decoration: underline;
}
.etapas-page__card-link iconify-icon {
  font-size: 1.125rem;
}
.etapas-page__btn-continue {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 24px;
  font-family: var(--font-primary-700);
  font-size: 15px;
  color: var(--color-tertiary);
  background: var(--color-secondary);
  border: none;
  border-radius: 12px;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0, 75, 139, 0.25);
  transition: background 0.2s ease, transform 0.2s ease;
}
.etapas-page__btn-continue:hover {
  background: #003d6e;
  transform: translateY(-1px);
}
.etapas-page__btn-continue iconify-icon {
  font-size: 1.25rem;
}
.etapas-page__link {
  color: var(--color-secondary);
  text-decoration: none;
}
.etapas-page__link:hover {
  text-decoration: underline;
}
.etapas-page__alerts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 32px;
}
.etapas-page__alert {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  background: var(--color-tertiary);
  border-radius: 0 16px 16px 0;
  border-left: 4px solid;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.etapas-page__alert--warning {
  border-left-color: #f5d020;
}
.etapas-page__alert-icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b8860b;
}
.etapas-page__alert--warning .etapas-page__alert-icon {
  color: #b8860b;
}
.etapas-page__alert--warning .etapas-page__alert-icon iconify-icon {
  font-size: 1.5rem;
}
.etapas-page__alert--info {
  border-left-color: var(--color-secondary);
}
.etapas-page__alert--info .etapas-page__alert-icon {
  color: var(--color-secondary);
}
.etapas-page__alert--info .etapas-page__alert-icon iconify-icon {
  font-size: 1.5rem;
}
.etapas-page__alert-title {
  font-family: var(--font-primary-700);
  font-size: 14px;
  color: var(--color-primary);
  margin: 0 0 6px;
}
.etapas-page__alert-text {
  font-size: 13px;
  line-height: 1.5;
  color: var(--color-tridenary);
  margin: 0;
}
@media (max-width: 900px) {
  .etapas-page__stepper-inner {
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
  }
  .etapas-page__stepper-line {
    display: none;
  }
  .etapas-page__card-blocks {
    grid-template-columns: 1fr;
  }
  .etapas-page__alerts {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .etapas-page {
    padding-top: 24px;
    padding-bottom: 48px;
  }
  .etapas-page__header-inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .etapas-page__support {
    text-align: left;
  }
  .etapas-page__card {
    padding: 20px;
  }
  .etapas-page__card-footer {
    flex-direction: column;
    align-items: stretch;
  }
  .etapas-page__btn-continue {
    justify-content: center;
  }
}
.inversion-page {
  padding-top: 48px;
  padding-bottom: 64px;
}
.inversion-page__wrap {
  max-width: 1460px;
  margin: 0 auto;
  width: 100%;
}
.inversion-page .inversion-page__wrap.site-container--two {
  max-width: 1460px;
}
.inversion-page__header {
  text-align: center;
  margin-bottom: 64px;
}
.inversion-page__title {
  font-family: var(--font-primary-700);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-secondary);
  margin: 0 0 16px;
  letter-spacing: -0.02em;
}
.inversion-page__intro {
  font-size: 18px;
  line-height: 1.6;
  color: var(--color-tridenary);
  margin: 0 auto;
  max-width: 42rem;
}
.inversion-page__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(280px, 1fr));
  gap: 2rem;
  margin-bottom: 64px;
  align-items: stretch;
}
.inversion-page__card {
  background: var(--color-tertiary);
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.inversion-page__card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.inversion-page__card--featured {
  border: 3px solid var(--color-secondary);
  box-shadow: 0 4px 16px rgba(0, 75, 139, 0.12);
}
.inversion-page__card--featured:hover {
  box-shadow: 0 8px 24px rgba(0, 75, 139, 0.16);
}
.inversion-page__card-badge {
  position: absolute;
  top: 0;
  right: 0;
  background: var(--color-secondary);
  color: var(--color-tertiary);
  font-family: var(--font-primary-800);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 8px 14px;
  border-radius: 0 0 0 14px;
  z-index: 2;
}
.inversion-page__card-head {
  padding: 40px 32px 28px;
  text-align: center;
  background: var(--color-tertiary);
  border-bottom: 1px solid #e5e7eb;
  flex-shrink: 0;
}
.inversion-page__card-icon {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: var(--color-secondary);
  color: var(--color-tertiary);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.inversion-page__card-icon iconify-icon {
  font-size: 2.5rem;
}
.inversion-page__card-title {
  font-family: var(--font-primary-800);
  font-size: 1.5rem;
  color: #111827;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.inversion-page__card-body {
  padding: 32px 32px 40px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 1;
  min-height: 200px;
  background: var(--color-tertiary);
}
.inversion-page__price-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.inversion-page__price-label {
  font-family: var(--font-primary-600);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-tridenary);
}
.inversion-page__price {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 6px;
  font-family: var(--font-primary-800);
  font-size: 2.5rem;
  color: #111827;
  margin: 0;
}
.inversion-page__price-symbol {
  font-size: 1.25rem;
  color: var(--color-tridenary);
  font-weight: 500;
}
.inversion-page__price--accent {
  color: var(--color-secondary);
}
.inversion-page__card-divider {
  display: block;
  height: 1px;
  background: #e5e7eb;
  margin: 0;
  width: 100%;
  flex-shrink: 0;
}
.inversion-page__payment {
  background: var(--color-tertiary);
  border: 1px solid var(--color-undenary);
  border-radius: 24px;
  padding: 40px 40px 32px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  text-align: left;
}
.inversion-page__payment-header {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--color-undenary);
  text-align: left;
  margin-left: 0;
  margin-right: auto;
}
.inversion-page__payment-icon {
  width: 45px;
  height: 45px;
  min-width: 45px;
  border-radius: 8px;
  background: #f5d020;
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.inversion-page__payment-icon iconify-icon {
  font-size: 1.7rem;
}
.inversion-page__payment-title {
  font-family: var(--font-primary-700);
  font-size: 1.5rem;
  color: var(--color-primary);
  margin: 0 0 4px;
  text-align: left;
}
.inversion-page__payment-subtitle {
  font-size: 15px;
  color: var(--color-tridenary);
  margin: 0;
  text-align: left;
}
.inversion-page__payment-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.inversion-page__payment-col--grouped {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.inversion-page__payment-block {
  flex: 0 0 auto;
}
.inversion-page__payment-col-title {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-primary-700);
  font-size: 1.25rem;
  color: var(--color-primary);
  margin: 0 0 12px;
}
.inversion-page__payment-col-title iconify-icon {
  font-size: 1.5rem;
  color: var(--color-secondary);
}
.inversion-page__payment-desc {
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-tridenary);
  margin: 0 0 20px;
}
.inversion-page__payment-subsection {
  font-family: var(--font-primary-600);
  font-size: 14px;
  color: var(--color-senary);
  margin: 0 0 12px;
}
.inversion-page__payment-desc--highlight {
  background: var(--color-novenary);
  padding: 12px 16px;
  border-radius: 12px;
  border-left: 4px solid var(--color-secondary);
}
.inversion-page__steps {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: inv-step;
}
.inversion-page__steps li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--color-tridenary);
}
.inversion-page__step-num {
  flex-shrink: 0;
  font-family: var(--font-primary-800);
  font-size: 14px;
  color: #e67e22;
}
.inversion-page__step-text {
  flex: 1;
}
.inversion-page__bank-btns {
  display: inline-flex;
  gap: 8px;
  margin-bottom: 20px;
}
.inversion-page__bank-btn {
  padding: 10px 20px;
  font-family: var(--font-primary-700);
  font-size: 14px;
  color: var(--color-primary);
  background: var(--color-novenary);
  border: 1px solid var(--color-undenary);
  border-radius: 10px;
}
.inversion-page__checklist {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}
.inversion-page__checklist li {
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--color-tridenary);
  margin-bottom: 12px;
}
.inversion-page__check-icon {
  font-size: 1.25rem;
  color: #27ae60;
  flex-shrink: 0;
}
.inversion-page__help-box {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  padding: 24px;
  background: rgba(0, 75, 139, 0.08);
  border: 1px solid rgba(0, 75, 139, 0.15);
  border-radius: 16px;
  box-shadow: 0 2px 12px rgba(0, 75, 139, 0.08);
}
.inversion-page__help-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 50%;
  background: var(--color-tertiary);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.inversion-page__help-icon iconify-icon {
  font-size: 1.5rem;
}
.inversion-page__help-content {
  text-align: left;
}
.inversion-page__help-label {
  font-family: var(--font-primary-700);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-primary);
  margin: 0 0 6px;
}
.inversion-page__help-phone {
  font-family: var(--font-primary-700);
  font-size: 1.25rem;
  color: var(--color-primary);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.inversion-page__help-phone iconify-icon {
  font-size: 1.125rem;
}
.inversion-page__help-phone:hover {
  color: var(--color-secondary);
}
.inversion-page__payment-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid var(--color-undenary);
}
.inversion-page__disclaimer {
  font-size: 13px;
  font-style: italic;
  color: var(--color-tridenary);
  margin: 0;
}
.inversion-page__contact-pagos {
  display: flex;
  align-items: center;
  gap: 10px;
}
.inversion-page__contact-pagos-label {
  font-size: 13px;
  color: var(--color-tridenary);
}
.inversion-page__contact-pagos-phone {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-primary-700);
  font-size: 15px;
  color: var(--color-secondary);
  text-decoration: none;
}
.inversion-page__contact-pagos-phone:hover {
  text-decoration: underline;
}
.inversion-page__contact-pagos-phone iconify-icon {
  font-size: 1rem;
}
@media (max-width: 900px) {
  .inversion-page__cards {
    grid-template-columns: 1fr;
  }
  .inversion-page__payment-grid {
    grid-template-columns: 1fr;
  }
  .inversion-page__payment-grid{
    gap: 1rem;
  }
  .inversion-page__help-phone{
    gap: unset;
  }
  .inversion-page__contact-pagos-phone{
    gap: unset;
  }
  .inversion-page__contact-pagos{
    display: block;
  }
}
@media (max-width: 767px) {
  .inversion-page {
    padding-top: 32px;
    padding-bottom: 48px;
  }
  .inversion-page__header {
    margin-bottom: 32px;
  }
  .inversion-page__payment {
    padding: 24px 20px 20px;
  }
  .inversion-page__payment-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}
.infraestructura-page__section {
  padding-top: 0;
  padding-bottom: 64px;
}
.infraestructura-page__section:first-child {
  padding-top: 40px;
}
.infraestructura-page__content {
  width: 100%;
}
.infraestructura-page__title-wrap {
  margin-bottom: 32px;
}
.infraestructura-page__title .site-title__title {
  margin: 0;
}
.infraestructura-page__gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.infraestructura-page__gallery-item {
  margin: 0;
  border-radius: 16px;
  overflow: hidden;
}
.infraestructura-page__gallery-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  aspect-ratio: 4/3;
}
.infraestructura-page__empty {
  padding: 48px 0;
  text-align: center;
  color: var(--color-primary);
}
.galeria-page__sections-wrap {
  padding-bottom: 48px;
}
.galeria-page__sections-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.galeria-page__sections-grid .galeria-page__section {
  min-width: 0;
}
.galeria-page__sections-grid .galeria-page__section .infraestructura-page__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 767px) {
  .galeria-page__sections-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
.galeria-page__gallery-link-wrap:hover .infraestructura-page__gallery-img {
  opacity: 0.95;
}
.infraestructura-page__gallery-img {
  transition: transform 0.3s ease, opacity 0.2s ease;
}
.galeria-page .galeria-page__gallery {
  overflow: hidden;
  display: block;
  position: relative;
}
.galeria-page .galeria-page__gallery-link-wrap {
  display: block;
  text-decoration: none;
  color: inherit;
}
.galeria-page .galeria-page__gallery-list {
  display: flex;
  transition: transform 0.4s ease;
  will-change: transform;
  list-style: none;
  margin: 0;
  padding: 0;
}
.galeria-page .galeria-page__gallery-slide {
  flex: 0 0 100%;
  width: 100%;
}
.galeria-page .galeria-page__gallery-slide .infraestructura-page__gallery-item {
  margin: 0;
  border-radius: 16px;
  overflow: hidden;
}
.galeria-page .galeria-page__gallery-slide .infraestructura-page__gallery-img {
  width: 100%;
  display: block;
  object-fit: cover;
  aspect-ratio: 16/9;
}
.galeria-page__gallery-prev,
.galeria-page__gallery-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  color: var(--color-secondary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  transition: background 0.2s ease, opacity 0.2s ease;
}
.galeria-page__gallery-prev { left: 12px; }
.galeria-page__gallery-next { right: 12px; }
.galeria-page__gallery-prev:hover,
.galeria-page__gallery-next:hover {
  background: #fff;
}
.galeria-page__gallery-prev:disabled,
.galeria-page__gallery-next:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.galeria-page__gallery-prev iconify-icon,
.galeria-page__gallery-next iconify-icon {
  width: 28px;
  height: 28px;
}
.galeria-page__gallery-pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
}
.galeria-page__gallery-meta {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  padding: 10px 12px;
  z-index: 3;
}
.galeria-page__meta-year,
.galeria-page__meta-month {
  position: absolute;
  display: inline-flex;
  align-items: center;
  max-width: 80%;
  font-size: 18px;
  font-family: var(--font-primary-600);
  color: #fff;
  background: var(--color-quaternary);
  backdrop-filter: blur(4px);
  border-radius: 999px;
  padding: 4px 20px;
}
.galeria-page__meta-year {
  top: 10px;
  left: 12px;
}
.galeria-page__meta-month {
  bottom: 40px;
  right: 12px;
}
.galeria-page__gallery-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: none;
  background: rgba(0, 0, 0, 0.25);
  cursor: pointer;
  padding: 0;
  transition: background 0.2s ease;
}
.galeria-page__gallery-dot.is-active {
  background: var(--color-secondary);
}
@media (max-width: 1024px) {
  .infraestructura-page__gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .infraestructura-page__gallery {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .infraestructura-page__section {
    padding-bottom: 48px;
  }
}
.promociones-page__list {
  padding: 48px 0 72px;
}
.promociones-page__items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.promociones-page__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  background: var(--color-tertiary);
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  cursor: pointer;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}
.promociones-page__item:hover {
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.promociones-page__item-text {
  font-family: var(--font-primary-600);
  font-size: 18px;
  color: var(--color-primary);
}
.promociones-page__item-icon {
  font-size: 24px;
  color: var(--color-secondary);
}
.promociones-page__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 32px;
  flex-wrap: wrap;
}
.promociones-page__pagination-prev,
.promociones-page__pagination-next {
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: var(--color-secondary);
  color: var(--color-tertiary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease, background 0.2s ease;
}
.promociones-page__pagination-prev:hover:not(:disabled),
.promociones-page__pagination-next:hover:not(:disabled) {
  opacity: 0.9;
}
.promociones-page__pagination-prev:disabled,
.promociones-page__pagination-next:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.promociones-page__pagination-prev iconify-icon,
.promociones-page__pagination-next iconify-icon {
  width: 28px;
  height: 28px;
}
.promociones-page__pagination-info {
  font-family: var(--font-primary-600);
  font-size: 14px;
  color: var(--color-primary);
}
.promociones-page__empty {
  padding: 48px 0;
  text-align: center;
  color: var(--color-primary);
}
.promociones-page__modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.promociones-page__modal.is-open {
  opacity: 1;
  visibility: visible;
}
.promociones-page__modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.promociones-page__modal-inner {
  position: relative;
  background: var(--color-tertiary);
  border-radius: 24px;
  max-width: 560px;
  width: 100%;
  max-height: calc(100vh - 40px);
  display: flex;
  flex-direction: column;
  z-index: 1;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.promociones-page__modal-header {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 24px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.promociones-page__modal-title {
  font-family: var(--font-primary-700);
  font-size: 24px;
  color: var(--color-primary);
  margin: 0;
  flex: 1;
  padding-right: 8px;
}
.promociones-page__modal-close {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.06);
  color: var(--color-primary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}
.promociones-page__modal-close:hover {
  background: rgba(0, 0, 0, 0.12);
}
.promociones-page__modal-close iconify-icon {
  width: 24px;
  height: 24px;
}
.promociones-page__modal-content {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 24px 24px 28px;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.promociones-page__modal-content::-webkit-scrollbar {
  width: 8px;
}
.promociones-page__modal-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
.promociones-page__modal-content::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.18);
  border-radius: 4px;
}
.promociones-page__modal-content::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.28);
}
.promociones-page__modal-nombre,
.promociones-page__modal-premio {
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-primary);
  margin: 0 0 12px;
  font-weight: 600;
}
.promociones-page__modal-premio-label {
  font-family: var(--font-primary-600);
}
.promociones-page__modal-alumnos {
  font-family: var(--font-primary-400);
  font-size: 15px;
  line-height: 1.6;
  color: var(--color-primary);
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.promociones-page__modal-alumnos p {
  margin: 0 0 8px;
}
.promociones-page__modal-alumnos p:last-child {
  margin-bottom: 0;
}
.promociones-page__modal-alumnos ul,
.promociones-page__modal-alumnos ol {
  margin: 0 0 12px;
  padding-left: 1.5em;
}
.promociones-page__modal-alumnos li {
  margin-bottom: 4px;
}
.promociones-page__modal-alumnos strong {
  font-family: var(--font-primary-700);
}
@media (max-width: 767px) {
  .promociones-page__modal-inner {
    max-height: calc(100vh - 24px);
  }
  .promociones-page__modal-header {
    padding: 20px 20px 16px;
  }
  .promociones-page__modal-content {
    padding: 20px 20px 24px;
  }
  .promociones-page__modal-title {
    font-size: 20px;
  }
  .promociones-page__item {
    padding: 16px 20px;
  }
  .promociones-page__item-text {
    font-size: 16px;
  }
}
.card-innovaagency__more {
  background-color: var(--color-tertiary);
  border-radius: 100%;
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 16px;
  height: 120px;
  left: 50%;
  padding: 0 20px;
  pointer-events: none;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transform-origin: center center;
  transition: var(--transition);
  width: 120px;
  z-index: 3;
}
.card-innovaagency__location,
.card-innovaagency__more {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  position: absolute;
}
.card-innovaagency__location {
  bottom: 0;
  left: 0;
  margin: auto;
  padding-bottom: 20px;
  right: 0;
  z-index: 2;
}
.card-innovaagency__address {
  color: var(--color-tertiary);
  font-family: var(--font-primary-400);
  font-size: 18px;
  line-height: 133.333%;
}
.card-innovaagency__address i {
  color: var(--color-secondary);
  margin-right: 8px;
}
.card-innovaagency__district {
  color: var(--color-tertiary);
  font-family: var(--font-primary-700);
  font-size: 18px;
  line-height: 133.333%;
  padding-left: 10px;
}
.card-innovaagency__district--matricula {
  font-size: 28px;
}
.card-innovaagency__info {
  box-sizing: border-box;
  padding: 20px;
}
.card-innovaagency__details {
  gap: 24px;
  justify-content: center;
  padding-bottom: 16px;
}
.card-innovaagency__detail,
.card-innovaagency__details {
  align-items: center;
  display: flex;
}
.card-innovaagency__detail-icon {
  font-size: 26px;
  margin-right: 10px;
}
.card-innovaagency__detail-text {
  align-items: center;
  display: flex;
}
.card-innovaagency__detail-subitem {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
  white-space: nowrap;
}
.card-innovaagency__detail-subitem strong {
  font-family: var(--font-primary-700);
}
.card-innovaagency__detail-subitem:after {
  content: "-";
  display: inline-block;
  margin: 0 8px;
  vertical-align: middle;
}
.card-innovaagency__detail-subitem:last-child:after {
  display: none;
}
.card-innovaagency__detail--bedrooms .card-innovaagency__detail-icon {
  font-size: 31px;
}
.card-innovaagency__price {
  align-items: center;
  border-top: 1px solid var(--color-denary);
  display: flex;
  gap: 8px;
  justify-content: center;
  padding-top: 16px;
}
.card-innovaagency__price-text {
  color: var(--color-primary);
  font-family: var(--font-primary-500);
  font-size: 16px;
  line-height: 150%;
  margin: 0;
}
.card-innovaagency__price-number {
  color: var(--color-primary);
  font-family: var(--font-primary-800);
  font-size: 40px;
  line-height: 120%;
}
@media (max-width: 1024px) {
  .card-innovaagency__stage {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .card-innovaagency__img {
    height: 400px;
    width: 100%;
  }
  .card-innovaagency__price-number {
    font-size: 28px;
  }
  .card-innovaagency__location {
    flex-direction: column;
  }
  .card-innovaagency__address,
  .card-innovaagency__district {
    font-size: 16px;
  }
  .card-innovaagency__details {
    flex-wrap: wrap;
    gap: 5px;
  }
  .card-innovaagency__detail-icon {
    font-size: 22px;
  }
  .card-innovaagency__detail--bedrooms .card-innovaagency__detail-icon {
    font-size: 29px;
  }
  .card-innovaagency__stage {
    display: block;
  }
  .card-innovaagency__logo {
    height: 45px;
    width: 160px;
  }
  .card-innovaagency__logo-img {
    max-width: 140px;
  }
  .card-innovaagency__logo:before {
    height: 45px;
    right: -26px;
    width: 68.458px;
  }
  .card-innovaagency__logo:after {
    top: 45px;
  }
  .card-innovaagency__more {
    font-size: 14px;
    height: 90px;
    width: 90px;
  }
  .home-page__aboutus-path-items--grid{
    width: 100% !important;
  }
  .home-page__conveniences-card-logo img{
    width: 180px;
    height: auto;
  }
  .general-modal-popup{
    width: 90%;
  }
}
.card-innovaagency-delivered {
  display: block;
  height: 100%;
  margin: 0;
}
.card-innovaagency-delivered__image {
  border-radius: 16px;
  font-size: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}
.card-innovaagency-delivered__image:before {
  background: linear-gradient(0deg, #000, transparent);
  bottom: 0;
  content: "";
  height: 193px;
  left: 0;
  opacity: 0.9;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.card-innovaagency-delivered__img {
  height: 520px;
  object-fit: cover;
  position: relative;
  width: 100%;
  z-index: 1;
}
.card-innovaagency-delivered__delivered {
  align-items: center;
  backdrop-filter: blur(4px);
  background: hsla(0, 0%, 100%, 0.2);
  border: 1px solid hsla(0, 0%, 100%, 0.35);
  border-radius: 8px;
  bottom: 20px;
  box-sizing: border-box;
  display: flex;
  gap: 8px;
  justify-content: center;
  left: 0;
  margin: auto;
  padding: 13px 20px;
  position: absolute;
  right: 0;
  width: calc(100% - 40px);
  z-index: 3;
}
.card-innovaagency-delivered__delivered-text {
  color: var(--color-tertiary);
  font-family: var(--font-primary-400);
  font-size: 20px;
}
.card-innovaagency-delivered__delivered-year {
  color: var(--color-tertiary);
  font-family: var(--font-primary-700);
  font-size: 20px;
}
.card-innovaagency-delivered__info {
  box-sizing: border-box;
  padding: 20px 0;
  text-align: center;
}
.card-innovaagency-delivered__logo {
  font-size: 0;
  padding-bottom: 16px;
}
.card-innovaagency-delivered__location {
  align-items: center;
  border-top: 1px solid var(--color-denary);
  display: flex;
  gap: 8px;
  justify-content: center;
  padding-top: 16px;
}
.card-innovaagency-delivered__address {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 18px;
  line-height: 133.333%;
}
.card-innovaagency-delivered__address i {
  color: var(--color-secondary);
  margin-right: 8px;
}
.card-innovaagency-delivered__district {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 18px;
  line-height: 133.333%;
}
@media (max-width: 1024px) {
  .card-innovaagency-delivered__img {
    height: 450px;
  }
  .card-innovaagency-delivered__delivered-text,
  .card-innovaagency-delivered__delivered-year {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .card-innovaagency-delivered__img {
    height: 400px;
  }
  .card-innovaagency-delivered__address,
  .card-innovaagency-delivered__delivered-text,
  .card-innovaagency-delivered__delivered-year,
  .card-innovaagency-delivered__district {
    font-size: 16px;
  }
}
.general-foot {
  display: flex;
  gap: 40px;
}
.general-foot__right {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.general-foot__image {
  font-size: 0;
  margin: 0;
  width: 480px;
}
.general-foot__img {
  border-radius: 18.787px;
  height: 400px;
  object-fit: cover;
  overflow: hidden;
  width: 100%;
}
.general-foot__content {
  color: var(--color-primary);
  column-count: 1;
  column-gap: 24px;
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 142.857%;
  padding-top: 17px;
  width: 680px;
  text-align: justify;
}
.general-foot__content h1,
.general-foot__content h2,
.general-foot__content h3,
.general-foot__content h4,
.general-foot__content h5,
.general-foot__content h6 {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 24px;
  line-height: 116.667%;
  margin: 0 0 12px;
}
.general-foot__content a {
  color: var(--color-secondary);
  font-family: var(--font-primary-700);
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.general-foot__content ul {
  list-style: none;
  padding-left: 0;
}
.general-foot__content ul li {
  list-style: inherit;
  margin-bottom: 8px;
  padding-left: 22px;
  position: relative;
}
.general-foot__content ul li:before {
  background-color: var(--color-primary);
  border-radius: 100%;
  content: "";
  height: 2px;
  left: 7px;
  position: absolute;
  top: 9px;
  width: 2px;
}
.general-foot__content ol {
  padding-left: 22px;
}
.general-foot__content ol li {
  list-style: inherit;
  margin-bottom: 19px;
}
.general-foot__talleres {
  margin-top: 10px;
  padding-top: 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.general-foot__talleres-list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 32px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.general-foot__talleres-item {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
}
.general-foot__talleres-icon-wrap {
  display: block;
  line-height: 0;
}
.general-foot__talleres-icon {
  display: block;
  height: 72px;
  object-fit: contain;
  width: 72;
}
.general-foot__talleres-name {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 15px;
  line-height: 1.3;
  text-align: center;
}
@media (max-width: 960px) {
  .general-foot {
    align-items: center;
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
  .general-foot__image {
    width: 100%;
  }
  .general-foot__right {
    width: 100%;
  }
  .general-foot__content {
    padding-top: 0;
    width: 100%;
  }
  .general-foot__talleres-list {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .general-foot__content {
    column-count: 1;
    column-gap: 0;
  }
}
.section-suscribe {
  background-color: var(--color-novenary);
  border-radius: 20px;
  box-sizing: border-box;
  padding: 40px;
}
.section-suscribe__container {
  align-items: flex-start;
  display: flex;
  gap: 48px;
  justify-content: space-between;
}
.section-suscribe__info {
  display: flex;
  gap: 24px;
  width: 586px;
}
.section-suscribe__icon {
  margin: 0;
  padding: 0 8.676px 0 8.862px;
  width: 52px;
}
.section-suscribe__icon-img {
  display: block;
}
.sucribe-innovaagency__img {
  width: 100px;
}
.section-suscribe__title-text {
  color: var(--color-primary);
  font-family: var(--font-primary-600);
  font-size: 28px;
  line-height: 128.571%;
  margin: 0;
}
.section-suscribe__form {
  width: 486px;
}
.section-suscribe__form .site-form__button {
  margin-top: 8px;
}
.section-suscribe__form .site-form__button .site-button {
  width: 100%;
}
@media (max-width: 1024px) {
  .section-suscribe {
    padding: 60px 40px;
  }
}
@media (max-width: 960px) {
  .section-suscribe__container {
    flex-wrap: wrap;
    gap: 30px;
  }
  .section-suscribe__form,
  .section-suscribe__info {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .section-suscribe {
    padding: 50px 20px;
  }
  .section-suscribe__info {
    flex-direction: column;
    gap: 20px;
  }
  .section-suscribe__icon {
    padding: 0;
  }
  .section-suscribe__title-text {
    font-size: 25px;
  }
}
.section-selection__title {
  margin-bottom: 40px;
}
.section-selection__items {
  display: grid;
  gap: 40px 24px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1024px) {
  .section-selection__items {
    gap: 50px;
  }
}
@media (max-width: 960px) {
  .section-selection__items {
    gap: 40px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .section-selection__items {
    gap: 30px;
    grid-template-columns: repeat(1, 1fr);
  }
}
.general-ribbon {
  align-items: center;
  animation: ribbonMove 45s linear infinite;
  display: flex;
  justify-content: center;
  padding: 44px 0;
  width: max-content;
  /* Fondo gradiente animado */
  animation: gradientBG 16s ease infinite, ribbonMove 45s linear infinite;
  /* Bordes superior e inferior con gradiente */
  border-top: 1px solid rgba(var(--color-quinary-rgb), 0.1);
  border-bottom: 1px solid rgba(var(--color-quinary-rgb), 0.1);
}
.general-ribbon__circle {
  background-color: var(--color-quinary);
  border-radius: 100%;
  display: block;
  height: 10px;
  margin: 0 40px;
  width: 10px;
  box-shadow: 0 0 12px 2px var(--color-quinary), 0 0 0 4px rgba(0, 159, 227, 0.7);
  animation: pulseCircle 1.5s infinite;
}
.general-ribbon__text {
  color: var(--color-quaternary);
  font-family: var(--font-primary-500);
  font-size: 40px;
  line-height: 120%;
  text-shadow: 0 1px 1px var(--color-quaternary), 0 1px 0 #fff;
  letter-spacing: 1px;
}
@keyframes gradientBG {
  0% {background-position:0% 50%}
  50% {background-position:100% 50%}
  100% {background-position:0% 50%}
}

@keyframes pulseCircle {
  0% { box-shadow: 0 0 12px 2px var(--color-quinary), 0 0 0 4px rgba(0,159,227,0.05); }
  70% { box-shadow: 0 0 24px 8px var(--color-quinary), 0 0 0 8px rgba(0,159,227,0.03); }
  100% { box-shadow: 0 0 12px 2px var(--color-quinary), 0 0 0 4px rgba(0,159,227,0.05); }
}
@keyframes ribbonMove {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media (max-width: 1024px) {
  .general-ribbon__text {
    font-size: 35px;
  }
}
@media (max-width: 960px) {
  .general-ribbon__text {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .general-ribbon {
    padding: 30px 0;
  }
  .general-ribbon__text {
    font-size: 25px;
  }
}
.general-icon {
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0 8.675px 0 8.864px;
}
.general-icon__img {
  display: block;
  height: 80px;
  margin: 0;
  max-width: 100%;
  width: auto;
}
.aboutus-page__banner {
  padding-bottom: 20px;
  padding-top: 86px;
}
.aboutus-page__banner-top {
  align-items: flex-end;
  display: flex;
  gap: 50px;
  justify-content: space-between;
}
.aboutus-page__banner-title {
  width: 687px;
}
.aboutus-page__banner-info {
  width: 340px;
}
.aboutus-page__banner-info .general-icon {
  margin-bottom: 16px;
}
.aboutus-page__banner-text {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
}
.aboutus-page__banner-gallery {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.aboutus-page__banner-gallery-list {
  display: flex;
  transition: transform 0.4s ease;
  will-change: transform;
  list-style: none;
  margin: 0;
  padding: 0;
}
.aboutus-page__banner-gallery-slide {
  flex: 0 0 100%;
  width: 100%;
}
.aboutus-page__banner-gallery .aboutus-page__banner-image {
  width: 100%;
}
.aboutus-page__banner-gallery-item {
  display: block;
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: none;
}
.aboutus-page__banner-gallery-item:hover .aboutus-page__banner-img {
  opacity: 0.95;
}
.aboutus-page__banner-gallery-prev,
.aboutus-page__banner-gallery-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 50%;
  background: var(--color-quaternary);
  color: var(--color-octonary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  transition: background 0.2s ease, opacity 0.2s ease;
  font-size: 2rem;
}
.aboutus-page__banner-gallery-prev { left: 12px; }
.aboutus-page__banner-gallery-next { right: 12px; }
.aboutus-page__banner-gallery-prev:hover,
.aboutus-page__banner-gallery-next:hover {
  background: var(--color-quinary);
}
.aboutus-page__banner-gallery-prev:disabled,
.aboutus-page__banner-gallery-next:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.aboutus-page__banner-gallery-prev iconify-icon,
.aboutus-page__banner-gallery-next iconify-icon {
  width: 28px;
}
.aboutus-page__banner-gallery-prev iconify-icon{
  width: 50px !important;
}
.aboutus-page__banner-gallery-pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
}
.aboutus-page__banner-gallery-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  padding: 0;
  transition: background 0.2s ease;
}
.aboutus-page__banner-gallery-dot.is-active {
  background: #fff;
}
.aboutus-page__banner-bottom {
  align-items: stretch;
  display: flex;
  gap: 27px;
  margin-top: 40px;
}
.aboutus-page__banner-image {
  margin: 0;
  width: 811px;
}
.aboutus-page__banner-img {
  border-radius: 16px;
  height: 500px;
  object-fit: cover;
  overflow: hidden;
  width: 100%;
}
.aboutus-page__banner-video {
  position: relative;
}
.aboutus-page__banner-icon {
  height: 122px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 122px;
  color: #fff;
}
.aboutus-page__banner-icon ._icon {
  background-color: var(--color-secondary);
  color: #000;
  display: inline-block;
  font-size: 28px;
  height: 68px;
  line-height: 68px;
  text-align: center;
  width: 68px;
  z-index: 3;
}
.aboutus-page__banner-icon ._circle1,
.aboutus-page__banner-icon ._icon {
  border-radius: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.aboutus-page__banner-icon ._circle1 {
  animation: fade 1.2s ease-in-out infinite both;
  animation-delay: 0.1s;
  background-color: rgba(0, 24, 160, 0.48);
  height: 95px;
  opacity: 0;
  width: 95px;
  z-index: 1;
}
.aboutus-page__banner-icon ._circle2 {
  animation: fade 1.2s ease-in-out infinite both;
  animation-delay: 0.3s;
  background-color: rgba(0, 72, 228, 0.15);
  border-radius: 100%;
  height: 122px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 122px;
  z-index: 2;
}
.aboutus-page__banner-path {
  background-color: var(--color-quaternary);
  border-radius: 24px;
  box-sizing: border-box;
  padding: 20px;
  width: 362px;
  height: 350px;
}
.aboutus-page__banner-path-title-text {
  border: 1px solid var(--color-denary);
  border-radius: 24px;
  color: var(--color-white);
  display: inline-block;
  font-family: var(--font-primary-500);
  font-size: 14px;
  line-height: 142.857%;
  margin: 0;
  padding: 4px 12px;
}
.aboutus-page__banner-path-title-text:before {
  background-color: var(--color-white);
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 6px;
  margin-right: 6px;
  vertical-align: middle;
  width: 6px;
}
.aboutus-page__banner-path-items {
  margin-top: 32px;
}
.aboutus-page__banner-path-item {
  align-items: center;
  border-bottom: 1px solid var(--color-denary);
  display: flex;
  padding: 20px 0;
}
.aboutus-page__banner-path-item:first-child {
  padding-top: 0;
}
.aboutus-page__banner-path-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.aboutus-page__banner-path-item i {
  color: var(--color-white);
  font-family: var(--font-primary-600);
  font-size: 72px;
  font-style: normal;
}
.aboutus-page__banner-path-item strong {
  color: var(--color-white);
  font-family: var(--font-primary-600);
  font-size: 55px;
}
.aboutus-page__banner-path-item p {
  color: var(--color-white);
  font-family: var(--font-primary-500);
  font-size: 16px;
  margin: 0 0 0 25px;
}
@media (max-width: 1280px) {
  .aboutus-page__banner-path-item i,
  .aboutus-page__banner-path-item strong {
    font-size: 45px;
  }
}
@media (max-width: 1024px) {
  .aboutus-page__banner {
    padding: 60px 0;
  }
  .aboutus-page__banner-path-item i,
  .aboutus-page__banner-path-item strong {
    font-size: 55px;
  }
  .aboutus-page__banner-path-item p {
    font-size: 18px;
  }
}
@media (max-width: 960px) {
  .aboutus-page__banner-image {
    width: 620px;
  }
}
@media (max-width: 767px) {
  .aboutus-page__banner {
    padding: 50px 0;
  }
  .aboutus-page__banner-top {
    flex-direction: column;
    gap: 30px;
  }
  .aboutus-page__banner-info,
  .aboutus-page__banner-title {
    width: 100%;
  }
  .aboutus-page__banner-bottom {
    flex-direction: column;
    gap: 30px;
  }
  .aboutus-page__banner-image,
  .aboutus-page__banner-path {
    width: 100%;
  }
  .aboutus-page__banner-path-item i,
  .aboutus-page__banner-path-item strong {
    font-size: 45px;
  }
  .aboutus-page__banner-path-item p {
    font-size: 16px;
  }
}
.aboutus-page__about {
  background-color: var(--color-undenary);
  border-radius: 32px;
  overflow: hidden;
  padding: 32px 0;
}
@media (max-width: 1024px) {
  .aboutus-page__about {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .aboutus-page__about {
    padding: 50px 0;
  }
}
.aboutus-page__misionvision {
  margin: 0;
}
.aboutus-page__misionvision-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 40px;
}
.aboutus-page__misionvision-info1 {
  padding-top: 0;
  width: 100%;
}
.aboutus-page__misionvision-title .site-title__title {
  margin-top: 4px;
}
.aboutus-page__misionvision-content-info2 {
  width: 100%;
}
.aboutus-page__misionvision-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.aboutus-page__misionvision-item {
  background-color: var(--color-tertiary);
  border-radius: 16px;
  box-sizing: border-box;
  margin: 0;
  padding: 32px;
  display: flex;
  flex-direction: column;
  min-height: 0;
  text-align: justify;
}
.aboutus-page__misionvision-item-title {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}
.aboutus-page__misionvision-item-icon {
  margin: 0;
  padding: 0 4.671px 0 4.773p;
}
.aboutus-page__misionvision-item-icon-img {
  height: 40px;
  margin: 0;
  width: 40px;
}
.aboutus-page__misionvision-item-title-text {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 20px;
  line-height: 140%;
  margin: 0;
}
.aboutus-page__misionvision-item-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.aboutus-page__misionvision-item-text {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
  flex: 1;
}
@media (max-width: 1024px) {
  .aboutus-page__misionvision-items {
    grid-template-columns: repeat(2, 1fr);
  }
  .aboutus-page__misionvision-item-title-text {
    font-size: 22px;
  }
  .aboutus-page__misionvision-item-text {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .aboutus-page__misionvision-content {
    gap: 40px;
  }
  .aboutus-page__misionvision-items {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .aboutus-page__misionvision-item-text {
    font-size: 16px;
  }
  .aboutus-page__misionvision-item-icon-img {
    height: 30px;
    width: 30px;
  }
}
.aboutus-page__values {
  padding: 20px 0 40px 0;
}
.aboutus-page__values-title {
  margin-bottom: 32px;
  text-align: center;
}
.aboutus-page__directivos-image-wrap {
  margin-top: 0;
  line-height: 0;
}
.aboutus-page__directivos-image {
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 25px;
}
.aboutus-page__values-carrousel {
  overflow: hidden;
}
.aboutus-page__values-carrousel-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.aboutus-page__values-carrousel-list .swiper-slide {
  height: auto !important;
}
.aboutus-page__values-carrousel-link {
  display: block;
  text-decoration: none;
  color: inherit;
  height: 100%;
}
.aboutus-page__values-carrousel-link:hover {
  text-decoration: none;
}
.aboutus-page__values-carrousel-item {
  background-color: var(--color-tertiary);
  border-radius: 20px;
  box-sizing: border-box;
  height: 100%;
  padding: 24px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.aboutus-page__values-carrousel-link:hover .aboutus-page__values-carrousel-item {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.aboutus-page__values-carrousel-item-icon {
  align-items: center;
  border: 1px solid var(--color-undenary);
  border-radius: 100%;
  display: flex;
  height: 64px;
  justify-content: center;
  margin-bottom: 32px;
  width: 64px;
}
.aboutus-page__values-carrousel-icon-img {
  height: 40px;
  width: 40px;
}
.aboutus-page__values-carrousel-item-title {
  margin-bottom: 8px;
}
.aboutus-page__values-carrousel-title-text {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 20px;
  line-height: 140%;
  margin: 0;
}
.aboutus-page__values-carrousel-item-text {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
}
.aboutus-page__values-carrousel-pagination {
  margin-top: 20px;
  text-align: right;
}
@media (max-width: 1024px) {
  .aboutus-page__values {
    padding-top: 60px;
  }
  .aboutus-page__values-carrousel-item-icon {
    margin-bottom: 25px;
  }
  .aboutus-page__values-carrousel-pagination {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .aboutus-page__values {
    padding-top: 50px;
  }
  .aboutus-page__values-carrousel-item-icon {
    margin-bottom: 20px;
  }
  .aboutus-page__values-carrousel-title-text {
    font-size: 18px;
  }
  .aboutus-page__values-carrousel-item-text {
    font-size: 16px;
  }
}
.aboutus-page__team-item {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.aboutus-page__team-item-photo {
  margin: 0 0 20px;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 1;
}
.aboutus-page__team-item-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.aboutus-page__team-item-info {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.aboutus-page__team-item-cargo {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 14px;
  line-height: 1.4;
  margin-top: 4px;
  opacity: 0.75;
}
.js-aboutus-team-carrousel .aboutus-page__values-carrousel-list {
  display: flex;
  gap: 20px;
  transition: transform 0.3s ease;
  will-change: transform;
}
.js-aboutus-team-carrousel .aboutus-page__values-carrousel-list .swiper-slide {
  flex: 0 0 calc((100% - 40px) / 3);
  width: calc((100% - 40px) / 3);
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .js-aboutus-team-carrousel .aboutus-page__values-carrousel-list .swiper-slide {
    flex: 0 0 calc((100% - 20px) / 2);
    width: calc((100% - 20px) / 2);
  }
  .js-aboutus-team-carrousel .aboutus-page__values-carrousel-list {
    gap: 20px;
  }
  .aboutus-page__team-item-photo {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .js-aboutus-team-carrousel .aboutus-page__values-carrousel-list .swiper-slide {
    flex: 0 0 100%;
    width: 100%;
  }
  .js-aboutus-team-carrousel .aboutus-page__values-carrousel-list {
    gap: 12px;
  }
  .aboutus-page__team-item-photo {
    margin-bottom: 12px;
  }
  .aboutus-page__team-item-cargo {
    font-size: 13px;
  }
}
.aboutus-page__values--gallery .aboutus-page__values-gallery {
  overflow: hidden;
  position: relative;
}
.aboutus-page__values-gallery-list {
  display: flex;
  transition: transform 0.4s ease;
  will-change: transform;
  list-style: none;
  margin: 0;
  padding: 0;
}
.aboutus-page__values-gallery-slide {
  flex: 0 0 33.333%;
  width: 33.333%;
  padding: 0 8px;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .aboutus-page__values-gallery-slide {
    flex: 0 0 50%;
    width: 50%;
  }
}
@media (max-width: 767px) {
  .aboutus-page__values-gallery-slide {
    flex: 0 0 100%;
    width: 100%;
  }
}
.aboutus-page__values-gallery-item {
  display: block;
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  border-radius: 16px;
  overflow: hidden;
  background: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.aboutus-page__values-gallery-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.aboutus-page__values-gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.aboutus-page__values-gallery-pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
  flex-wrap: wrap;
}
.aboutus-page__values-gallery-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: none;
  background: var(--color-octonary);
  cursor: pointer;
  padding: 0;
  transition: background 0.2s ease;
}
.aboutus-page__values-gallery-dot.is-active {
  background: var(--color-secondary);
}
.aboutus-page__values-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.aboutus-page__values-lightbox.is-open {
  opacity: 1;
  visibility: visible;
}
.aboutus-page__values-lightbox-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  cursor: pointer;
}
.aboutus-page__values-lightbox-inner {
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
  z-index: 1;
}
.aboutus-page__values-lightbox-close {
  position: absolute;
  top: -44px;
  right: 0;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: #fff;
  color: var(--color-primary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}
.aboutus-page__values-lightbox-close:hover {
  background: var(--color-octonary);
}
.aboutus-page__values-lightbox-close iconify-icon {
  width: 24px;
  height: 24px;
}
.aboutus-page__values-lightbox-img {
  max-width: 100%;
  max-height: 85vh;
  width: auto;
  height: auto;
  display: block;
  border-radius: 12px;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.4);
}
.aboutus-page__ribbon {
  overflow: hidden;
  padding-top: 48px;
}
@media (max-width: 1024px) {
  .aboutus-page__ribbon {
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  .aboutus-page__ribbon {
    padding-top: 50px;
  }
}
.aboutus-page__history {
  padding-bottom: 60px;
  padding-top: 48px;
}
.aboutus-page__history-content {
  display: flex;
  gap: 49px;
  justify-content: space-between;
}
.aboutus-page__history-info {
  padding-top: 48px;
  position: relative;
  width: 340px;
}
.aboutus-page__history-info:before {
  background-color: var(--color-tertiary);
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 300%;
  z-index: 10;
}
.aboutus-page__history-info-inside {
  position: relative;
  z-index: 11;
}
.aboutus-page__history-carrousel-arrows {
  gap: 12px;
  margin-top: 36px;
}
.aboutus-page__history-info2 {
  width: 811px;
}
.aboutus-carrousel__history-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.aboutus-page__history-item {
  opacity: 0.5;
  overflow: hidden;
  position: relative;
  transform: scale(0.8);
  transition: var(--transition);
}
.aboutus-page__history-carrousel
  .swiper-slide-active
  .aboutus-page__history-item {
  opacity: 1;
  transform: scale(1);
}
.aboutus-page__history-carrousel
  .swiper-slide:not(.swiper-slide-next)
  .aboutus-page__history-item {
  transform-origin: left;
}
.aboutus-page__history-item-text0 {
  align-items: center;
  background-color: var(--color-tertiary);
  border-radius: 0 0 15px 0;
  box-sizing: border-box;
  color: var(--color-secondary);
  display: inline-block;
  display: flex;
  font-family: var(--font-primary-800);
  font-size: 32px;
  height: 48px;
  left: 0;
  position: absolute;
  top: 0;
}
.aboutus-page__history-item-text0 > span {
  position: relative;
  z-index: 2;
}
.aboutus-page__history-item-text0:before {
  background-image: url(../img/history-intersectd82c4245b0cbd7e249e6.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 49px;
  position: absolute;
  right: -47px;
  top: -1px;
  width: 77px;
  z-index: 1;
}
.aboutus-page__history-item-image {
  font-size: 0;
  margin: 0;
}
.aboutus-page__history-item-img {
  border-radius: 12px;
  height: 400px;
  width: 100%;
}
.aboutus-page__history-item-info {
  padding: 16px 0;
}
.aboutus-page__history-item-title-text {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 24px;
  line-height: 133.333%;
  margin: 0;
}
.aboutus-page__history-item-text {
  color: var(--color-primary);
  font-family: var(--font-primary-600);
  font-size: 16px;
  line-height: 150%;
  margin-top: 8px;
}
.aboutus-page__history-carrousel-arrows--mobile {
  display: none;
}
@media (max-width: 1280px) {
  .aboutus-page__history-content {
    gap: 40px;
  }
  .aboutus-page__history-info {
    width: 30%;
  }
  .aboutus-page__history-info2 {
    width: 65%;
  }
}
@media (max-width: 1024px) {
  .aboutus-page__history {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .aboutus-page__history-content {
    flex-wrap: wrap;
  }
  .aboutus-page__history-info {
    padding-top: 0;
    width: 100%;
  }
  .aboutus-page__history-info2 {
    width: 100%;
  }
  .aboutus-page__history-carrousel-arrows {
    display: none;
  }
  .aboutus-page__history-carrousel-arrows--mobile {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    text-align: center;
  }
  .aboutus-page__history-item-text0 {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .aboutus-page__history {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .aboutus-page__history-item-img {
    height: 350px;
  }
  .aboutus-page__history-item-title-text {
    font-size: 22px;
  }
  .aboutus-page__history-item-text {
    margin-top: 4px;
  }
  .aboutus-page__history-carrousel {
    padding-right: 50px;
  }
  .aboutus-page__history-item-text0 {
    font-size: 22px;
  }
}
.aftersales-page__block {
  padding-bottom: 60px;
  position: relative;
}
.aftersales-page__block:before {
  background-image: url(../img/aftersales-figure3c22a9bee6d25be81fc7.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 380.113861084px;
  pointer-events: none;
  position: absolute;
  right: -62px;
  top: 34px;
  width: 308.3720703125px;
  z-index: 0;
}
.aftersales-page__block-content {
  align-items: flex-start;
  display: flex;
  gap: 84px;
  justify-content: space-between;
}
.aftersales-page__block-info {
  background-color: var(--color-septendenary);
  padding-bottom: 44px;
  padding-top: 60px;
  position: relative;
  width: 508px;
}
.aftersales-page__block-info:before {
  right: 100%;
  width: 100%;
}
.aftersales-page__block-info:after,
.aftersales-page__block-info:before {
  background-color: var(--color-septendenary);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
}
.aftersales-page__block-info:after {
  border-radius: 0 0 36px 0;
  right: -53px;
  width: 53px;
}
.aftersales-page__block-info-title {
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}
.aftersales-page__block-info-title .site-title__title {
  margin-top: 4px;
}
.aftersales-page__block-text {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
  margin-top: 8px;
}
.aftersales-page__block-form {
  margin-top: 20px;
  position: relative;
  z-index: 2;
}
.aftersales-page__block-form .site-form__item {
  padding-bottom: 16px;
}
.aftersales-page__block-form .site-form__item:last-child {
  padding-bottom: 0;
}
.aftersales-page__block-form .site-form__item-title {
  margin-bottom: 12px;
}
.aftersales-page__block-form .site-form__button {
  margin-top: 16px;
}
.aftersales-page__block-form .site-form__button .site-button {
  min-width: 171px;
}
.aftersales-page__block-info2 {
  overflow: hidden;
  padding-top: 125px;
  width: 608px;
}
.aftersales-page__block-image {
  font-size: 0;
  margin: 0;
  width: 100%;
}
.aftersales-page__block-img {
  border-radius: 24px;
  height: 405px;
  margin: 0;
  object-fit: cover;
  overflow: hidden;
  width: 100%;
}
.aftersales-page__block-details {
  align-items: center;
  background-color: var(--color-novenary);
  border-radius: 20px;
  box-sizing: border-box;
  display: flex;
  gap: 20px;
  margin-top: 24px;
  overflow: hidden;
  padding: 24px;
}
.aftersales-page__block-details-icon {
  display: inline-block;
  font-size: 0;
  margin: 0 0 16px;
  padding: 0 8.675px 0 8.864px;
}
.aftersales-page__block-details-items {
  align-items: center;
  display: flex;
  gap: 60px;
}
.aftersales-page__block-details-item--email
  .aftersales-page__block-details-item-link {
  text-decoration-line: underline;
  text-decoration-skip-ink: auto;
  text-decoration-style: solid;
  text-decoration-thickness: 10%;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.aftersales-page__block-details-item-title {
  color: var(--color-primary);
  font-family: var(--font-primary-500);
  font-size: 12px;
  line-height: 133.333%;
  text-transform: uppercase;
}
.aftersales-page__block-details-item-link {
  color: var(--color-primary);
  font-family: var(--font-primary-600);
  font-size: 20px;
  line-height: 133.333%;
  margin-top: 4px;
}
@media (max-width: 1280px) {
  .aftersales-page__block-content {
    gap: 9%;
  }
  .aftersales-page__block-info {
    width: 47%;
  }
  .aftersales-page__block-info2 {
    width: 46%;
  }
  .aftersales-page__block-details {
    align-items: flex-start;
  }
  .aftersales-page__block-details-items {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
  }
  .aftersales-page__block-info:after {
    right: -35px;
    width: 35px;
  }
}
@media (max-width: 1024px) {
  .aftersales-page__block:before {
    display: none;
  }
  .aftersales-page__block-content {
    flex-wrap: wrap;
    gap: 60px;
  }
  .aftersales-page__block-info {
    padding-bottom: 60px;
    padding-top: 60px;
    width: 100%;
  }
  .aftersales-page__block-info2 {
    padding-top: 0;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .aftersales-page__block-content {
    flex-wrap: wrap;
    gap: 50px;
  }
  .aftersales-page__block-info {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .aftersales-page__block-details-item-link {
    font-size: 18px;
  }
}
.complaintsbook-page {
  padding-bottom: 60px;
  padding-top: 48px;
}
.complaintsbook-page__text {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
  margin-top: 36px;
}
.complaintsbook-page__details {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 40px;
}
.complaintsbook-page__details-item {
  align-items: center;
  background-color: var(--color-undenary);
  border-radius: 12px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  padding: 20px 16px;
}
.complaintsbook-page__details-item-title {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
  margin: 0;
}
.complaintsbook-page__details-item-text {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 20px;
  line-height: 140%;
  margin: 0;
}
.complaintsbook-page__form {
  padding-top: 40px;
}
.complaintsbook-page__form .site-form__item {
  border-bottom: 1px solid var(--color-undenary);
  padding-bottom: 24px;
  padding-top: 24px;
}
.complaintsbook-page__form .site-form__item:first-child {
  padding-top: 0;
}
.complaintsbook-page__form .site-form__item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.complaintsbook-page__form .site-form__radio,
.complaintsbook-page__form .site-form__text {
  margin-bottom: 12px;
}
.complaintsbook-page__form .site-form__button {
  margin-top: 24px;
  text-align: center;
}
.complaintsbook-page__form .site-form__button .site-button {
  min-width: 172px;
}
.complaintsbook-page__form .complaintsbook-page--underage {
  padding: 24px 0;
}
.complaintsbook-page__form
  .complaintsbook-page--underage
  .site-checkbox--wp
  .wpcf7-list-item-label {
  align-items: center;
  display: flex;
}
.complaintsbook-page__form .complaintsbook-page--observations .site-form__text {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .complaintsbook-page {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  .complaintsbook-page {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .complaintsbook-page__text {
    margin-top: 30px;
  }
  .complaintsbook-page__details {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 30px;
  }
  .complaintsbook-page__details-item {
    padding: 18px 16px;
  }
  .complaintsbook-page__details-item-text {
    font-size: 18px;
  }
}
.home-page__bienvenida-padre {
  width: 100%;
  margin-top: 2.5rem;
}
.home-page__bienvenida-padre-inner {
  width: 100%;
  background: linear-gradient(90deg, #ccd6e4 0%, #e8eaef 100%);
  padding: 60px 0;
}
.home-page__bienvenida-padre-content {
  display: flex;
  align-items: center;
  gap: 48px;
}
.home-page__bienvenida-padre-figure {
  margin: 0;
  flex-shrink: 0;
  width: 250px;
  max-width: 100%;
}
.home-page__bienvenida-padre-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
.home-page__bienvenida-padre-text {
  flex: 1;
  min-width: 0;
}
.home-page__bienvenida-padre-title {
  color: var(--color-quaternary);
  font-family: var(--font-primary-700);
  font-size: 2.5rem;
  line-height: 1.2;
  margin: 0 0 12px;
}
.home-page__bienvenida-padre-director {
  color: var(--color-quaternary);
  font-family: "Whisper", cursive;
  font-size: 2.5rem;
  line-height: 1.4;
  margin: 0 0 20px;
}
.home-page__bienvenida-padre-mensaje {
  color: var(--color-duodenary);
  font-family: var(--font-primary-400);
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 24px;
  text-align: justify;
}
.home-page__bienvenida-padre-mensaje p {
  margin: 0 0 12px;
}
.home-page__bienvenida-padre-mensaje p:last-child {
  margin-bottom: 0;
}
.home-page__bienvenida-padre-button-wrap {
  margin: 0;
}
.home-page__bienvenida-padre-button {
  display: inline-block;
  position: relative;
  overflow: hidden;
  padding: 0px 50px;
  border-radius: 50px;
  background-color: var(--color-quaternary);
  color: var(--color-white);
  font-family: var(--font-primary-600);
  font-size: 1rem;
  text-decoration: none;
  border: none;
  z-index: 1;
  transition: color 0.35s ease;
}
.home-page__bienvenida-padre-button::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-quinary);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.35s ease;
  z-index: -1;
  border-radius: 50px;
}
.home-page__bienvenida-padre-button:hover::before {
  transform: scaleX(1);
}
.home-page__bienvenida-padre-button:hover {
  color: var(--color-white);
}
@media (max-width: 1024px) {
  .home-page__bienvenida-padre-content {
    flex-direction: column;
    gap: 32px;
  }
  .home-page__bienvenida-padre-figure {
    width: 100%;
    max-width: 360px;
  }
  .home-page__bienvenida-padre-title {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .home-page__bienvenida-padre-inner {
    padding: 40px 0;
  }
  .home-page__bienvenida-padre-title {
    font-size: 1.75rem;
  }
  .home-page__bienvenida-padre-director {
    font-size: 1.1rem;
  }
}
.home-page__banner {
  overflow: hidden;
  position: relative;
  top: 40px;
}
.home-page__banner__carrousel {
  position: relative;
}
.home-page__banner-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.home-page__banner-item {
  position: relative;
}
.home-page__banner-item-background {
  height: 680px;
  position: relative;
}
.home-page__banner-item-background:before {
  background: linear-gradient(180deg, #000, transparent);
  content: "";
  height: 113px;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.home-page__banner-item-background:after {
  background: var(--color-duodenary);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.4;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.home-page__banner-item-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 0;
}
.home-page__banner-item-image:before {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)),
    #000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
.home-page__banner-item-video {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.home-page__banner-item-video-video {
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(1.2);
  width: 100%;
  z-index: 0;
}
.home-page__banner-item-image-mobile {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
}
.home-page__banner-item-info {
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.home-page__banner-item-info-container {
  height: 100%;
}
.home-page__banner-item-info-content {
  align-items: end;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  padding-bottom: 32px;
}
.home-page__banner-item-block {
  margin-left: 0;
  margin-right: auto;
  width: 100%;
  text-align: center;
}
.home-page__banner-item-title {
  margin-top: 10px;
}
.home-page__banner-item-title-text {
  color: var(--color-tertiary);
  font-family: var(--font-primary-400);
  font-size: 40px;
  line-height: 109.375%;
  margin: 0;
}
.home-page__banner-item-title-text strong {
  font-family: var(--font-primary-400);
}
.home-page__banner-item-button {
  margin-top: 20px;
}
.home-page__banner-item-button .site-button {
  min-width: 219px;
}
.home-page__banner-item-image {
  opacity: 0;
  transform: translateY(50px);
  transition: 0.5s ease-in-out 0.3s;
}
.home-page__banner-item-image img.home-page__banner-item-img{
  width: 8rem;
  object-fit: contain;
}
.home-page__banner-item-title {
  opacity: 0;
  transform: translateY(50px);
  transition: 0.5s ease-in-out 0.6s;
}
.home-page__banner-item-button {
  opacity: 0;
  transform: translateY(50px);
  transition: 0.5s ease-in-out 0.9s;
}
.home-page__banner__carrousel
  .swiper-slide-active
  .home-page__banner-item-button,
.home-page__banner__carrousel
  .swiper-slide-active
  .home-page__banner-item-image,
.home-page__banner__carrousel
  .swiper-slide-active
  .home-page__banner-item-title {
  opacity: 1;
  transform: translateY(0);
}
.home-banner-pagination {
  align-items: center;
  bottom: 36px !important;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  left: 0;
  margin: auto;
  max-width: 1460px;
  padding: 0 30px;
  position: absolute;
  right: 0;
  text-align: right;
  width: 100%;
  z-index: 4;
}
.home-banner-pagination .swiper-pagination-bullet {
  align-items: center;
  background: none;
  border: 1px solid transparent;
  display: flex;
  height: 36px;
  justify-content: center;
  margin: 0 8px !important;
  opacity: 1;
  position: relative;
  transition: var(--transition);
  width: 36px;
}
.home-banner-pagination .swiper-pagination-bullet:before {
  background-color: var(--color-tertiary);
  border-radius: 100%;
  content: "";
  display: block;
  height: 8px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
}
.home-banner-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active,
.home-banner-pagination .swiper-pagination-bullet:hover {
  border: 1px solid var(--color-tertiary);
}
@media (max-width: 1400px) {
  .home-page__banner-item-title-text {
    font-size: 60px;
  }
}
@media (max-width: 1280px) {
  .home-page__banner-item-title-text {
    font-size: 55px;
  }
}
@media (max-width: 1024px) {
  .home-page__banner-item-title-text {
    font-size: 45px;
  }
  .home-page__banner-item-background {
    height: 600px;
  }
}
@media (max-width: 960px) {
  .home-page__banner-item-background:before {
    display: none;
  }
  .home-page__banner-item-info-content {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .home-page__banner-item-title-text {
    font-size: 38px;
  }
  .home-page__banner-item-background {
    height: 600px;
  }
  .home-page__banner-item-image-mobile {
    opacity: 0;
    visibility: hidden;
  }
  /*.home-page__banner-item-video-video {
    opacity: 0;
    visibility: hidden;
  }*/
  .home-banner-pagination {
    bottom: 30px !important;
    justify-content: center;
  }
  .home-banner-pagination .swiper-pagination-bullet {
    height: 30px;
    margin: 0 5px !important;
    width: 30px;
  }
  .home-page__banner-item-image img.home-page__banner-item-img{
    width: 5rem;
    object-fit: contain;
  }
}
.home-page__innovaagency {
  padding-bottom: 68px;
  padding-top: 66px;
  position: relative;
}
.home-page__innovaagency:before {
  background-image: url(../img/logos_claretiano_opacity_v2.svg);
  right: -62px;
  top: -55px;
}
.home-page__innovaagency:after,
.home-page__innovaagency:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 443.4396057129px;
  position: absolute;
  width: 308.3720703125px;
  z-index: 0;
}
.home-page__innovaagency:after {
  background-image: url(../img/logos_claretiano_opacity_v2.svg);
  left: -57px;
  bottom: 10px;
}
.home-page__innovaagency-content {
  position: relative;
  z-index: 2;
}
.home-page__innovaagency-title {
  margin-bottom: 40px;
  text-align: center;
}
.home-page__innovaagency-items {
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1024px) {
  .home-page__innovaagency {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .home-page__innovaagency:after,
  .home-page__innovaagency:before {
    display: none;
  }
}
@media (max-width: 960px) {
  .home-page__innovaagency-items {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 767px) {
  .home-page__innovaagency {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
.home-page__aboutus-wrap {
  padding-bottom: 48px;
}
.home-page__aboutus {
  background-color: var(--color-undenary);
  border-radius: 32px;
  overflow: hidden;
  padding: 36px 0;
  position: relative;
}
.home-page__aboutus-figure {
  background-color: var(--color-tertiary);
  height: 64px;
  position: absolute;
  right: 0;
  top: 0;
  width: 472px;
  z-index: 2;
}
.home-page__aboutus-figure:before {
  background-image: url(../img/aboutus-intersect160816c3a39f86679952.svg);
  content: "";
  display: block;
  height: 64px;
  left: -94px;
  position: absolute;
  top: 0;
  width: 93.552px;
}
.home-page__aboutus-figure:after {
  background-image: url(../img/aboutus-intersect27a754add89901868eaa2.svg);
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 0;
  top: 64px;
  width: 20px;
}
.home-page__aboutus-top {
  align-items: flex-end;
  display: flex;
  gap: 50px;
  justify-content: space-between;
}
.home-page__aboutus-title {
  width: 644px;
}
.home-page__aboutus-info {
  width: 350px;
}
.home-page__aboutus-subtitle-text {
  border: 1px solid var(--color-denary);
  border-radius: 24px;
  color: var(--color-primary);
  display: inline-block;
  font-family: var(--font-primary-500);
  font-size: 14px;
  line-height: 142.857%;
  margin: 0;
  padding: 4px 12px;
}
.home-page__aboutus-subtitle-text:before {
  background-color: var(--color-secondary);
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 6px;
  margin-right: 6px;
  vertical-align: middle;
  width: 6px;
}
.home-page__aboutus-text {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
  margin-top: 16px;
}
.home-page__aboutus-text--quote {
  font-family: var(--font-primary-600);
  font-size: 24px;
  line-height: 160%;
  text-align: center;
  margin-top: 0;
  padding: 48px 24px;
  color: var(--color-primary);
  position: relative;
}
@media (max-width: 767px) {
  .home-page__aboutus-text--quote {
    font-size: 20px;
    padding: 32px 16px;
  }
}
.aboutus-page__ideario-button {
  margin-top: 24px;
}
.home-page__aboutus-bottom {
  align-items: stretch;
  display: flex;
  gap: 16px;
  margin-top: 40px;
}
.home-page__aboutus-image {
  margin: 0;
  width: 50%;
}
.home-page__aboutus-img {
  border-radius: 16px;
  height: 324px;
  object-fit: cover;
  overflow: hidden;
  width: 100%;
}
.home-page__aboutus-video {
  position: relative;
}
.home-page__aboutus-icon {
  height: 122px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 122px;
}
.home-page__aboutus-icon ._icon {
  background-color: var(--color-secondary);
  color: #000;
  display: inline-block;
  font-size: 28px;
  height: 68px;
  line-height: 68px;
  text-align: center;
  width: 68px;
  z-index: 3;
}
.home-page__aboutus-icon ._circle1,
.home-page__aboutus-icon ._icon {
  border-radius: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.home-page__aboutus-icon ._circle1 {
  animation: fade 1.2s ease-in-out infinite both;
  animation-delay: 0.2s;
  background-color: rgba(4, 82, 155, 0.48);
  height: 105px;
  opacity: 0;
  width: 105px;
  z-index: 1;
}
.home-page__aboutus-icon ._circle2 {
  animation: fade 1.2s ease-in-out infinite both;
  animation-delay: 0.3s;
  background-color: rgba(0, 86, 156, 0.15);
  border-radius: 100%;
  height: 122px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 122px;
  z-index: 2;
}
@keyframes fade {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.9);
  }
  10% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.1);
  }
}
.home-page__aboutus-path {
  background-color: var(--color-tertiary);
  border-radius: 16px;
  box-sizing: border-box;
  padding: 20px;
  width: 288px;
}
.home-page__aboutus-path-title-text {
  border: 1px solid var(--color-denary);
  border-radius: 24px;
  color: var(--color-primary);
  display: inline-block;
  font-family: var(--font-primary-500);
  font-size: 14px;
  line-height: 142.857%;
  margin: 0;
  padding: 4px 12px;
}
.home-page__aboutus-path-title-text:before {
  background-color: var(--color-secondary);
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 6px;
  margin-right: 6px;
  vertical-align: middle;
  width: 6px;
}
.home-page__aboutus-path-items {
  margin-top: 0px;
}
.home-page__aboutus-path-item {
  align-items: center;
  border-bottom: 1px solid var(--color-denary);
  display: flex;
  padding: 20px 0;
}
.home-page__aboutus-path-item:first-child {
  /* padding-top: 0; */
}
.home-page__aboutus-path-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.home-page__aboutus-path-item i {
  color: var(--color-secondary);
  font-family: var(--font-primary-600);
  font-size: 64px;
  font-style: normal;
}
.home-page__aboutus-path-item strong {
  color: var(--color-primary);
  font-family: var(--font-primary-600);
  font-size: 64px;
}
.home-page__aboutus-path-item p {
  color: var(--color-primary);
  font-family: var(--font-primary-500);
  font-size: 16px;
  margin: 0 0 0 8px;
}
.home-page__aboutus-gettoknowus {
  background-color: var(--color-secondary);
  border-radius: 16px;
  box-sizing: border-box;
  overflow: hidden;
  padding: 20px;
  position: relative;
  width: 288px;
}
.home-page__aboutus-gettoknowus:before {
  background-image: url(../img/aboutus70d03e60528a3bf9dbb8.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: 0;
  content: "";
  height: 213px;
  pointer-events: none;
  position: absolute;
  right: 0;
  width: 186px;
  z-index: 1;
}
.home-page__aboutus-gettoknowus-text {
  color: var(--color-tertiary);
  font-family: var(--font-primary-400);
  font-size: 24px;
  line-height: 133.333%;
  margin: 0;
  position: relative;
  z-index: 2;
}
.home-page__aboutus-gettoknowus-text strong {
  font-family: var(--font-primary-700);
}
.home-page__aboutus-button {
  margin-top: 24px;
}
@media (max-width: 1280px) {
  .home-page__aboutus-figure {
    width: 300px;
  }
  .home-page__aboutus {
    padding-top: 90px;
  }
}
@media (max-width: 1024px) {
  .home-page__aboutus-wrap {
    padding-bottom: 60px;
  }
  .home-page__aboutus {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .home-page__aboutus-top {
    align-items: center;
    gap: 35px;
  }
  .home-page__aboutus-figure {
    display: none;
  }
  .home-page__aboutus-path-item i,
  .home-page__aboutus-path-item strong {
    font-size: 55px;
  }
}
@media (max-width: 960px) {
  .home-page__aboutus-top {
    align-items: flex-start;
    flex-direction: column;
  }
  .home-page__aboutus-info,
  .home-page__aboutus-title {
    width: 100%;
  }
  .home-page__aboutus-bottom {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
  }
  .home-page__aboutus-image {
    grid-column: 1/-1;
    width: 100%;
  }
  .home-page__aboutus-gettoknowus,
  .home-page__aboutus-path {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .home-page__aboutus-wrap {
    padding-bottom: 50px;
  }
  .home-page__aboutus {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .home-page__aboutus-bottom {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .home-page__aboutus-path-item i,
  .home-page__aboutus-path-item strong {
    font-size: 45px;
  }
  .home-page__aboutus-gettoknowus-text {
    font-size: 22px;
  }
}
.home-ribbon {
  overflow: hidden;
}
.home-page__news {
  padding-bottom: 40px;
  padding-top: 40px;
}
.home-page__news-content {
  display: flex;
  gap: 30px;
  justify-content: space-between;
}
.home-page__news-left {
  width: 491px;
}
.home-page__news-title .site-title__title {
  margin-top: 4px;
}
.home-page__news-button {
  margin-top: 32px;
}
.home-page__news-right {
  width: 592px;
}
.home-page__news-items {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, 1fr);
}
.home-page__news-item {
  border: 1px solid var(--color-undenary);
  border-radius: 16px;
  box-sizing: border-box;
  overflow: hidden;
  padding: 20px;
  transition: var(--transition);
}
.home-page__news-item:hover {
  box-shadow: 0 6px 20px 0 rgba(5, 31, 44, 0.1);
}
.home-page__news-item:hover .home-page__news-item-title-text {
  color: var(--color-secondary);
  text-decoration-line: underline;
  text-decoration-skip-ink: auto;
  text-decoration-style: solid;
  text-decoration-thickness: 10%;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.home-page__news-item-details {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
.home-page__news-item-categories {
  border: 1px solid var(--color-quinary);
  background-color: var(--color-quinary);
  border-radius: 24px;
  color: var(--color-primary);
  font-family: var(--font-primary-500);
  font-size: 14px;
  line-height: 142.857%;
  padding: 4px 12px;
}
.home-page__news-item-categories:before {
  background-color: var(--color-white);
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 6px;
  margin-right: 6px;
  vertical-align: middle;
  width: 6px;
}
.home-page__news-item-categories a {
  color: var(--color-white);
}
.home-page__news-item-date {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 14px;
  line-height: 142.857%;
}
.home-page__news-item-info {
  display: block;
  margin-top: 12px;
}
.home-page__news-item-title-text {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 18px;
  line-height: 144.444%;
  margin: 0;
}
.home-page__news-item-excerpt {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
  margin-top: 8px;
}
.home-page__news-item-button {
  color: var(--color-primary);
  display: inline-block;
  font-family: var(--font-primary-600);
  font-size: 16px;
  line-height: 150%;
  margin-top: 12px;
  padding: 4px 0;
  position: relative;
  transition: var(--transition);
}
.home-page__news-item-button:before {
  background-color: var(--color-primary);
  width: 100%;
  z-index: 1;
}
.home-page__news-item-button:after,
.home-page__news-item-button:before {
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: var(--transition);
}
.home-page__news-item-button:after {
  background-color: var(--color-secondary);
  width: 0;
  z-index: 2;
}
.home-page__news-item-button:hover {
  color: var(--color-secondary);
}
.home-page__news-item-button:hover:after {
  width: 100%;
}
.home-page__news-button--mobile {
  display: none;
}
@media (max-width: 1280px) {
  .home-page__news-left {
    width: 400px;
  }
}
@media (max-width: 1024px) {
  .home-page__news {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .home-page__news-content {
    flex-wrap: wrap;
  }
  .home-page__news-left,
  .home-page__news-right {
    width: 100%;
  }
  .home-page__news-button {
    display: none;
  }
  .home-page__news-button--mobile {
    display: block;
  }
}
@media (max-width: 767px) {
  .home-page__news {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .home-page__news-items {
    grid-template-columns: repeat(1, 1fr);
  }
  .home-page__news-item {
    width: 100%;
  }
}
.home-page__foot {
  border-top: 1px solid var(--color-undenary);
  padding-bottom: 60px;
  padding-top: 60px;
}
@media (max-width: 767px) {
  .home-page__foot {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
.news-page__banner {
  background-color: var(--color-quinary);
  padding: 36px 0 24px;
  position: relative;
}
.news-page__banner:before {
  left: 100%;
}
.news-page__banner:after,
.news-page__banner:before {
  background-color: var(--color-quinary);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.news-page__banner:after {
  right: 100%;
}
.news-page__banner-info,
.news-page__banner-info-scroll {
  align-items: center;
  display: flex;
}
.news-page__banner-info-scroll {
  border: 1px solid var(--color-novenary);
  border-radius: 100%;
  cursor: pointer;
  font-size: 32px;
  height: 82px;
  justify-content: center;
  transition: var(--transition);
  width: 82px;
  color: var(--color-novenary);
}
.news-page__banner-info-content {
  box-sizing: border-box;
  padding-left: 36px;
  width: calc(100% - 82px);
}
.news-page__banner-info-title-text {
  color: var(--color-tertiary);
  font-family: var(--font-primary-700);
  font-size: 40px;
  line-height: 120%;
  margin: 0;
}
.news-page__banner-info-text {
  color: var(--color-tertiary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 125%;
  margin: 16px 0 0;
}
.news-page__banner__post {
  margin-top: 60px;
}
.news-page__banner__post-item {
  align-items: center;
  display: flex;
  gap: 56px;
}
.news-page__banner__post-item:hover .news-page__banner__post-item-img {
  transform: scale(1.1);
}
.news-page__banner__post-item:hover .news-page__banner__post-item-title-text {
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-decoration-style: solid;
  text-decoration-thickness: 11%;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.news-page__banner__post-item-image {
  border-radius: 16px;
  display: block;
  font-size: 0;
  margin: 0;
  overflow: hidden;
  width: 645px;
}
.news-page__banner__post-item-img {
  border-radius: 16px;
  height: 360px;
  object-fit: cover;
  overflow: hidden;
  transition: var(--transition);
  width: 100%;
}
.news-page__banner__post-item-info {
  width: 499px;
}
.news-page__banner__post-item-categories a {
  background-color: var(--color-secondary);
  border-radius: 12px;
  box-sizing: border-box;
  color: var(--color-tertiary);
  display: inline-block;
  font-family: var(--font-primary-500);
  font-size: 14px;
  line-height: 142.857%;
  padding: 4px 12px;
}
.news-page__banner__post-item-title {
  display: block;
}
.news-page__banner__post-item-title-text {
  color: var(--color-tertiary);
  font-family: var(--font-primary-600);
  font-size: 40px;
  line-height: 120%;
  margin: 24px 0 0;
}
.news-page__banner__post-item-date {
  border-top: 1px solid var(--color-quaternary);
  color: var(--color-tertiary);
  display: block;
  font-family: var(--font-primary-400);
  font-size: 14px;
  line-height: 114.286%;
  margin-top: 24px;
  padding-top: 24px;
}
@media (max-width: 1280px) {
  .news-page__banner__post-container {
    padding: 0;
  }
  .news-page__banner__post-item-title-text {
    font-size: 35px;
  }
}
@media (max-width: 1024px) {
  .news-page__banner {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .news-page__banner__post-item-title-text {
    font-size: 32px;
  }
  .news-page__banner__post-item {
    gap: 50px;
  }
  .news-page__banner-info-title-text {
    font-size: 40px;
  }
}
@media (max-width: 960px) {
  .news-page__banner__post-item {
    flex-wrap: wrap;
    gap: 40px;
  }
  .news-page__banner__post-item-image,
  .news-page__banner__post-item-info {
    width: 100%;
  }
  .news-page__banner__post-item-title-text {
    font-size: 30px;
  }
  .news-menu__categories {
    display: none;
  }
}
@media (max-width: 767px) {
  .news-page__banner {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .news-page__banner-info-content {
    padding-left: 0;
  }
  .news-page__banner-info-title-text {
    font-size: 35px;
  }
  .news-page__banner-info-text {
    font-size: 16px;
  }
  .news-page__banner__post-item {
    gap: 30px;
  }
  .news-page__banner-info-scroll {
    display: none;
  }
  .news-page__banner-info-content {
    width: 100%;
  }
  .news-page__banner__post {
    margin-top: 40px;
  }
  .news-page__banner__post-item-img {
    height: 181px;
  }
  .news-page__banner__post-item-title-text {
    font-size: 25px;
  }
}
.news-page__loop {
  padding-bottom: 40px;
  padding-top: 40px;
}
.news-page__loop-items {
  display: grid;
  gap: 40px 24px;
  grid-template-columns: repeat(3, 1fr);
}
.news-page__loop-item {
  height: 100%;
  width: 100%;
}
.news-page__loop-button {
  margin-top: 40px;
  text-align: center;
}
.news-page__loop-button .site-button {
  min-width: 213px;
}
@media (max-width: 1024px) {
  .news-page__loop {
    padding-bottom: 65px;
    padding-top: 65px;
  }
  .news-page__loop-items {
    gap: 50px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 960px) {
  .news-page__loop-items {
    gap: 40px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .news-page__loop {
    padding-bottom: 55px;
    padding-top: 55px;
  }
  .news-page__loop-items {
    gap: 30px;
    grid-template-columns: repeat(1, 1fr);
  }
}
.news-page__suscribe {
  padding-bottom: 60px;
}
@media (max-width: 1024px) {
  .news-page__suscribe {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .news-page__suscribe {
    padding-bottom: 50px;
  }
}
.news-page__selection {
  padding-bottom: 60px;
}
.news-page__selection .section-selection__title .site-title__title {
  width: 320px;
}
@media (max-width: 1024px) {
  .news-page__selection {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .news-page__selection {
    padding-bottom: 50px;
  }
}
.news-detail, .news-category, .news-author, .news-search, .news-page {
  padding-top: 4rem;
}
.news-category__banner {
  background-color: var(--color-quinary);
  padding: 36px 0;
  position: relative;
}
.news-category__banner:before {
  left: 100%;
}
.news-category__banner:after,
.news-category__banner:before {
  background-color: var(--color-quinary);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.news-category__banner:after {
  right: 100%;
}
.news-category__banner-content,
.news-category__banner-icon {
  align-items: center;
  display: flex;
}
.news-category__banner-icon {
  border: 1px solid var(--color-octonary);
  border-radius: 100%;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 32px;
  height: 120px;
  justify-content: center;
  transition: var(--transition);
  width: 120px;
  color: var(--color-novenary);
}
.news-category__banner-icon:hover {
  background-color: var(--color-quaternary);
  border: 1px solid var(--color-quaternary);
}
.news-category__banner-info {
  box-sizing: border-box;
  padding-left: 36px;
  width: calc(100% - 120px);
}
.news-category__banner-info-inside {
  margin-left: 0;
  margin-right: auto;
  max-width: 646px;
  width: 100%;
}
.news-category__banner-title-text {
  color: var(--color-tertiary);
  font-family: var(--font-primary-700);
  font-size: 40px;
  line-height: 120%;
  margin: 0;
}
.news-category__banner-title-description {
  color: var(--color-tertiary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 125%;
  margin-top: 8px;
}
@media (max-width: 1024px) {
  .news-category__banner {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .news-category__banner-title-text {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .news-category__banner {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .news-category__banner-title-text {
    font-size: 30px;
  }
  .news-category__banner-icon {
    display: none;
  }
  .news-category__banner-info {
    padding-left: 0;
    width: 100%;
  }
}
.news-category__loop {
  padding-bottom: 84px;
  padding-top: 32px;
}
.news-category__loop-count {
  margin-bottom: 40px;
}
.news-category__loop-items {
  display: grid;
  gap: 40px 24px;
  grid-template-columns: repeat(3, 1fr);
}
.news-category__loop-item {
  height: 100%;
  width: 100%;
}
.news-category__loop-pagination {
  margin-top: 40px;
  text-align: center;
}
@media (max-width: 1024px) {
  .news-category__loop-items {
    gap: 50px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 960px) {
  .news-category__loop-items {
    gap: 40px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .news-category__loop {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .news-category__loop-count {
    margin-bottom: 40px;
  }
  .news-category__loop-items {
    gap: 30px;
    grid-template-columns: repeat(1, 1fr);
  }
  .news-category__loop-pagination {
    margin-top: 30px;
  }
}
.news-category__suscribe {
  padding-bottom: 60px;
}
@media (max-width: 1024px) {
  .news-category__suscribe {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .news-category__suscribe {
    padding-bottom: 50px;
  }
}
.news-author__banner {
  background-color: var(--color-primary);
  padding: 36px 0;
  position: relative;
}
.news-author__banner:before {
  left: 100%;
}
.news-author__banner:after,
.news-author__banner:before {
  background-color: var(--color-primary);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.news-author__banner:after {
  right: 100%;
}
.news-author__item {
  display: flex;
  gap: 36px;
}
.news-author__item-image {
  margin: 0;
  width: 112px;
}
.news-author__item-image img {
  display: block;
  height: auto;
  width: 100%;
}
.news-author__item-info {
  margin-left: 0;
  margin-right: auto;
  max-width: 646px;
  width: calc(100% - 112px);
  width: 100%;
}
.news-author__item-name {
  color: var(--color-tertiary);
  font-family: var(--font-primary-700);
  font-size: 40px;
  line-height: 120%;
  margin: 0;
}
.news-author__item-description {
  color: var(--color-tertiary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 125%;
  margin-top: 4px;
}
@media (max-width: 1024px) {
  .news-author__item-name {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .news-author__banner {
    padding-bottom: 45px;
    padding-top: 45px;
  }
  .news-author__item {
    flex-direction: column-reverse;
    flex-wrap: wrap;
    gap: 22px;
  }
  .news-author__item-info {
    width: 100%;
  }
  .news-author__item-name {
    font-size: 30px;
  }
}
.news-author__loop {
  padding-bottom: 84px;
  padding-top: 32px;
}
.news-author__loop-count {
  margin-bottom: 40px;
}
.news-author__loop-items {
  display: grid;
  gap: 40px 24px;
  grid-template-columns: repeat(3, 1fr);
}
.news-author__loop-item {
  height: 100%;
  width: 100%;
}
.news-author__loop-pagination {
  margin-top: 40px;
  text-align: center;
}
@media (max-width: 1024px) {
  .news-author__loop-items {
    gap: 50px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 960px) {
  .news-author__loop-items {
    gap: 40px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .news-author__loop {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .news-author__loop-count {
    margin-bottom: 40px;
  }
  .news-author__loop-items {
    gap: 30px;
    grid-template-columns: repeat(1, 1fr);
  }
  .news-author__loop-pagination {
    margin-top: 30px;
  }
}
.news-author__suscribe {
  padding-bottom: 60px;
}
@media (max-width: 1024px) {
  .news-author__suscribe {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .news-author__suscribe {
    padding-bottom: 50px;
  }
}
.news-search__banner {
  background-color: var(--color-quinary);
  padding: 36px 0;
  position: relative;
}
.news-search__banner:before {
  left: 100%;
}
.news-search__banner:after,
.news-search__banner:before {
  background-color: var(--color-quinary);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.news-search__banner:after {
  right: 100%;
}
.news-search__banner-title-text {
  color: var(--color-tertiary);
  font-family: var(--font-primary-700);
  font-size: 40px;
  line-height: 120%;
  margin: 0;
}
.news-search__banner-text {
  color: var(--color-tertiary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 125%;
  margin: 10px 0 0;
}
.news-search__banner-form {
  align-items: center;
  display: flex;
  gap: 24px;
  margin-top: 20px;
}
.news-search__banner-form .site-field {
  width: 100%;
}
.news-search__banner-form .site-button {
  width: 180px;
}
@media (max-width: 1024px) {
  .news-search__banner-title-text {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .news-search__banner {
    padding-bottom: 55px;
    padding-top: 55px;
  }
  .news-search__banner-title-text {
    font-size: 30px;
  }
  .news-search__banner-text {
    font-size: 16px;
  }
  .news-search__banner-form {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 22px;
  }
  .news-search__banner-form .site-button {
    width: 100%;
  }
}
.news-search__loop {
  padding-bottom: 84px;
  padding-top: 32px;
}
.news-search__loop-count {
  margin-bottom: 40px;
}
.news-search__loop-items {
  display: grid;
  gap: 40px 24px;
  grid-template-columns: repeat(3, 1fr);
}
.news-search__loop-item {
  height: 100%;
  width: 100%;
}
.news-search__loop-pagination {
  margin-top: 40px;
  text-align: center;
}
.news-search__notfound {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 125%;
}
@media (max-width: 1024px) {
  .news-search__loop-items {
    gap: 50px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 960px) {
  .news-search__loop-items {
    gap: 40px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .news-search__loop {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .news-search__loop-count {
    margin-bottom: 40px;
  }
  .news-search__loop-items {
    gap: 30px;
    grid-template-columns: repeat(1, 1fr);
  }
  .news-search__loop-pagination {
    margin-top: 30px;
  }
}
.news-search__suscribe {
  padding-bottom: 60px;
}
@media (max-width: 1024px) {
  .news-search__suscribe {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .news-search__suscribe {
    padding-bottom: 50px;
  }
}
.news-detail__banner {
  background-color: var(--color-quinary);
  padding-bottom: 40px;
  padding-top: 24px;
  position: relative;
}
.news-detail__banner:before {
  left: 100%;
}
.news-detail__banner:after,
.news-detail__banner:before {
  background-color: var(--color-quinary);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.news-detail__banner:after {
  right: 100%;
}
.news-detail__banner-item {
  align-items: stretch;
  display: flex;
  gap: 56px;
  position: relative;
}
.news-detail__banner-item-image {
  display: block;
  font-size: 0;
  margin: 0;
  overflow: hidden;
  width: 645px;
}
.news-detail__banner-item-img {
  border-radius: 15px;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  width: 100%;
}
.news-detail__banner-item-info {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 0;
  width: 499px;
}
.news-detail__banner-item-details {
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
}
.news-detail__banner-item-categories a {
  background-color: var(--color-secondary);
  border-radius: 12px;
  box-sizing: border-box;
  color: var(--color-tertiary);
  display: inline-block;
  font-family: var(--font-primary-500);
  font-size: 14px;
  line-height: 142.857%;
  padding: 4px 12px;
}
.news-detail__banner-item-date {
  border-top: 1px solid var(--color-quaternary);
  color: var(--color-tertiary);
  font-family: var(--font-primary-400);
  font-size: 14px;
  line-height: 114.286%;
  margin-top: 24px;
  padding-top: 24px;
}
.news-detail__banner-item-title {
  display: block;
  margin: 0;
}
.news-detail__banner-item-title-text {
  color: var(--color-tertiary);
  font-family: var(--font-primary-600);
  font-size: 40px;
  line-height: 120%;
  margin: 24px 0 0;
}
.news-detail__banner-crumb {
  padding-bottom: 28px;
}
@media (max-width: 1400px) {
  .news-detail__banner-item {
    gap: 30px;
    left: 0;
  }
  .news-detail__banner-item-image {
    position: relative;
    width: 50%;
  }
  .news-detail__banner-item-info {
    width: 50%;
  }
}
@media (max-width: 1024px) {
  .news-detail__banner-item-title-text {
    font-size: 35px;
  }
  .news-detail__banner-item-image {
    width: 53%;
  }
  .news-detail__banner-item-info {
    width: 47%;
  }
}
@media (max-width: 767px) {
  .news-detail__banner {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .news-detail__banner-container {
    padding: 0;
  }
  .news-detail__banner-item {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0;
  }
  .news-detail__banner-item-image {
    width: 100%;
  }
  .news-detail__banner-item-img {
    height: 246px;
    min-height: auto;
  }
  .news-detail__banner-item-info {
    box-sizing: border-box;
    padding: 30px 18px 0;
    width: 100%;
  }
  .news-detail__banner-item-title-text {
    font-size: 30px;
  }
  .news-detail__banner-crumb {
    display: none;
  }
}
.news-detail__info {
  padding-bottom: 72px;
  padding-top: 72px;
}
.news-detail__info-content {
  display: flex;
  justify-content: space-between;
}
.news-detail__info-aside-wrap {
  margin-right: 42px;
}
.news-detail__info-aside {
  width: 278px;
}
.news-detail__info-center {
  margin-right: 32px;
  width: 560px;
}
.news-detail__editor #ez-toc-container,
.news-detail__share--mobile,
.news-detail__toc--mobile {
  display: none;
}
.news-detail__info-actions {
  width: 288px;
}
.news-detail__contact {
  margin-top: 60px;
}
.news-detail__author {
  border-top: 1px solid var(--color-undenary);
  margin-top: 40px;
  padding-top: 32px;
}
@media (max-width: 1024px) {
  .news-detail__info {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .news-detail__info-aside {
    display: none;
  }
  .news-detail__toc--mobile {
    display: block;
    margin-bottom: 40px;
  }
  .news-detail__share--mobile {
    display: block;
  }
  .news-detail__info-actions {
    width: 300px;
  }
  .news-detail__info-aside-wrap {
    margin: 0;
  }
}
@media (max-width: 960px) {
  .news-detail__info-content {
    flex-direction: column;
  }
  .news-detail__info-aside,
  .news-detail__info-center {
    width: 100%;
  }
  .news-detail__info-actions {
    margin-top: 40px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .news-detail__info {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .news-detail__author,
  .news-detail__contact {
    margin-top: 40px;
  }
}
.news-detail__rel-wrapper {
  padding-bottom: 40px;
}
.news-detail__rel {
  background-color: var(--color-novenary);
  border-radius: 20px;
  overflow: hidden;
  padding-bottom: 36px;
  padding-top: 36px;
}
.news-detail__rel-title {
  margin-bottom: 32px;
  text-align: center;
}
.news-detail__rel-carrousel {
  overflow: hidden;
}
.news-detail__rel-carrousel-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.news-detail__rel-carrousel-pagination {
  text-align: center;
}
.news-detail__rel-carrousel-pagination .site-pagination__slide {
  display: block;
  margin-top: 20px;
}
.news-detail__rel-carrousel-pagination
  .site-pagination__slide.swiper-pagination-lock {
  margin-top: 0;
}
@media (max-width: 1280px) {
  .news-detail__rel {
    padding-bottom: 36px;
    padding-top: 36px;
  }
}
@media (max-width: 1024px) {
  .news-detail__rel,
  .news-detail__rel-wrapper {
    padding-bottom: 60px;
  }
  .news-detail__rel {
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  .news-detail__rel,
  .news-detail__rel-wrapper {
    padding-bottom: 50px;
  }
  .news-detail__rel {
    padding-top: 50px;
  }
}
.innovaagencydelivered-page__banner {
  padding-bottom: 60px;
  padding-top: 40px;
}
.innovaagencydelivered-page__banner-content {
  align-items: flex-end;
  display: flex;
  gap: 50px;
  justify-content: space-between;
}
.innovaagencydelivered-page__banner-title {
  width: 644px;
}
.innovaagencydelivered-page__banner-info {
  width: 350px;
}
.innovaagencydelivered-page__banner-info .general-icon {
  margin-bottom: 16px;
}
.innovaagencydelivered-page__banner-figure-img {
  display: block;
  height: auto;
  margin: 0;
  max-width: 100%;
}
.innovaagencydelivered-page__banner-text {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
}
@media (max-width: 1024px) {
  .innovaagencydelivered-page__banner {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  .innovaagencydelivered-page__banner {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .innovaagencydelivered-page__banner-content {
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 35px;
  }
  .innovaagencydelivered-page__banner-info,
  .innovaagencydelivered-page__banner-title {
    width: 100%;
  }
}
.innovadelivered-page__loop {
  padding-bottom: 48px;
}
.innovadelivered-page__loop-items {
  display: grid;
  gap: 36px;
  grid-template-columns: repeat(3, 1fr);
}
.innovadelivered-page__loop-pagination {
  margin-top: 36px;
}
@media (max-width: 1024px) {
  .innovaagencydelivered-page__banner-content {
    align-items: center;
  }
}
@media (max-width: 960px) {
  .innovadelivered-page__loop-items {
    gap: 36px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .innovadelivered-page__loop-items {
    gap: 36px;
    grid-template-columns: repeat(1, 1fr);
  }
}
.innovaagencysale-page__head {
  padding-bottom: 60px;
  padding-top: 48px;
}
.innovaagencysale-page__head-content {
  margin: auto;
  max-width: 795px;
  width: 100%;
}
.innovaagencysale-page__title {
  margin-bottom: 24px;
  text-align: center;
}
.innovaagencysale-page__title .site-title__title {
  margin-top: 4px;
}
.innovaagencysale-page__head-items {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1024px) {
  .innovaagencysale-page__head {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .innovaagencysale-page__head {
    padding: 50px 0;
  }
  .innovaagencysale-page__head-items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.innovaagencysale-page__loop {
  padding-bottom: 48px;
  position: relative;
}
.innovaagencysale-page__loop:before {
  background-image: url(../img/projects-figure8fc78015541b339295f1.svg);
  height: 595.9559326172px;
  right: -62px;
  top: -43px;
}
.innovaagencysale-page__loop:after,
.innovaagencysale-page__loop:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  width: 308.705078125px;
  z-index: 0;
}
.innovaagencysale-page__loop:after {
  background-image: url(../img/projects-figure24d0593eb802cfaa36bff.svg);
  bottom: 657px;
  height: 595.955871582px;
  left: -57px;
}
.innovaagencysale-page__loop-items {
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
  z-index: 2;
}
@media (max-width: 1024px) {
  .innovaagencysale-page__loop:after,
  .innovaagencysale-page__loop:before {
    display: none;
  }
}
@media (max-width: 960px) {
  .innovaagencysale-page__loop-items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.innovaagencysale-page__ribbon {
  overflow: hidden;
}
.innovaagencysale-page__foot {
  border-top: 1px solid var(--color-undenary);
  padding-bottom: 60px;
  padding-top: 60px;
}
@media (max-width: 767px) {
  .innovaagencysale-page__foot {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
.innovaagency-detail-header {
  height: auto;
  margin: 0;
  position: relative;
}
.innovaagency-detail-header:before {
  background-image: url(../img/figure401f437c4ebf21d4389d4.svg);
  left: 0;
}
.innovaagency-detail-header:after,
.innovaagency-detail-header:before {
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  top: 74px;
  width: 20px;
  z-index: 3;
}
.innovaagency-detail-header:after {
  background-image: url(../img/figure37a754add89901868eaa2.svg);
  right: 0;
}
.innovaagency-detail-header__fixed {
  background-color: transparent;
  border-bottom: none;
  height: 84px;
  left: 0;
  margin: auto;
  position: fixed;
  top: 0;
  transition: var(--transition);
  width: 100%;
  z-index: 500;
}
.innovaagency-detail-header__fixed:before {
  background-color: var(--color-tertiary);
  content: "";
  height: 10px;
  position: absolute;
  top: 0;
  width: 100%;
}
.innovaagency-detail-header__container {
  display: block;
  height: 100%;
}
.innovaagency-detail-header__content {
  align-items: stretch;
  display: flex;
  height: 100%;
  justify-content: space-between;
  margin: 0;
}
.innovaagency-detail-header__logo-wrap {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  gap: 12px;
  padding-bottom: 10px;
  position: relative;
  transition: var(--transition);
  width: 212px;
}
.innovaagency-detail-header__logo-wrap .innovaagency-detail-header__logo-figure {
  background-image: url(../img/figure181ab6908dc678067bbde.svg);
  display: block;
  height: 64px;
  position: absolute;
  right: -56px;
  top: 10px;
  width: 93.552px;
}
.innovaagency-detail-header__logo-wrap:before {
  border-radius: 0 0 10px 0;
  left: 0;
  width: 100%;
}
.innovaagency-detail-header__logo-wrap:after,
.innovaagency-detail-header__logo-wrap:before {
  background-color: var(--color-tertiary);
  content: "";
  height: calc(100% - 10px);
  position: absolute;
  top: 0;
  z-index: 1;
}
.innovaagency-detail-header__logo-wrap:after {
  left: -200%;
  width: 200%;
}
.innovaagency-detail-header__logo {
  align-items: center;
  display: flex;
  margin: 0;
  position: relative;
  transition: var(--transition);
  width: 158px;
}
.innovaagency-detail-header__logo-img {
  display: block;
  height: auto;
  max-width: 100%;
  position: relative;
  z-index: 2;
}
.innovaagency-detail-header__home {
  align-items: center;
  background-color: var(--color-undenary);
  border-radius: 100%;
  display: flex;
  height: 42px;
  justify-content: center;
  margin: 0;
  position: relative;
  width: 42px;
  z-index: 3;
}
.innovaagency-detail-header__actions {
  align-items: center;
  display: flex;
  padding-bottom: 8px;
  position: relative;
  transition: var(--transition);
}
.innovaagency-detail-header__actions .innovaagency-detail-header__actions-figure {
  background-image: url(../img/figure23df4bc82647c84b8741f.svg);
  display: block;
  height: 64px;
  left: -69px;
  position: absolute;
  top: 10px;
  width: 93.552px;
}
.innovaagency-detail-header__actions:before {
  left: 0;
  width: 100%;
  z-index: 1;
}
.innovaagency-detail-header__actions:after,
.innovaagency-detail-header__actions:before {
  background-color: var(--color-tertiary);
  content: "";
  height: calc(100% - 10px);
  position: absolute;
  top: 0;
}
.innovaagency-detail-header__actions:after {
  right: -200%;
  width: 200%;
}
.innovaagency-detail-header__navs {
  align-items: center;
  display: flex;
  gap: 12px;
  position: relative;
  z-index: 2;
}
.innovaagency-detail-header__nav {
  margin: 0;
}
.innovaagency-detail-header__list {
  display: flex;
  gap: 28px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.innovaagency-detail-header__item {
  margin: 0;
}
.innovaagency-detail-header__link {
  color: var(--color-primary);
  cursor: pointer;
  font-family: var(--font-primary-600);
  font-size: 16px;
  line-height: 150%;
  padding: 4px 0;
  position: relative;
  transition: var(--transition);
}
.innovaagency-detail-header__link:before {
  background-color: var(--color-primary);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: var(--transition);
  width: 0;
}
.innovaagency-detail-header__link.current:before,
.innovaagency-detail-header__link:hover:before {
  width: 100%;
}
.innovaagency-detail-header__burger {
  align-items: center;
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  color: var(--color-primary);
  cursor: pointer;
  display: flex;
  font-size: 24px;
  height: 24px;
  justify-content: center;
  margin: 0 0 0 28px;
  padding: 0;
  position: relative;
  text-align: center;
  width: 24px;
  z-index: 2;
}
.innovaagency-detail-header2__nav {
  margin: 0;
}
.innovaagency-detail-header2__list {
  display: flex;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.innovaagency-detail-header2__item {
  align-items: center;
  display: flex;
  margin: 0;
}
.innovaagency-detail-header2__item.menu--quote .innovaagency-detail-header2__link {
  background-color: var(--color-secondary);
  color: var(--color-tertiary);
  font-family: var(--font-primary-700);
}
.innovaagency-detail-header2__item.menu--quote .innovaagency-detail-header2__link:before {
  background-color: var(--color-quinary);
}
.innovaagency-detail-header2__item.menu--projects {
  display: none;
}
.innovaagency-detail-header2__link {
  border-radius: 44px;
  color: var(--color-primary);
  display: inline-block;
  font-family: var(--font-primary-600);
  font-size: 16px;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  transition: var(--transition);
}
.innovaagency-detail-header2__link:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: var(--transition);
  width: 0;
  z-index: 1;
}
.innovaagency-detail-header2__link.current:before,
.innovaagency-detail-header2__link:hover:before {
  width: 100%;
}
.innovaagency-detail-header2__link-text {
  position: relative;
  z-index: 2;
}
.innovaagency-detail-header.innovaagency-detail-header--scrolling
  .innovaagency-detail-header__fixed {
  background: none;
  background-color: var(--color-tertiary);
  border-bottom: 1px solid var(--color-denary);
  top: 0;
  transition: var(--transition);
}
.innovaagency-detail-header.innovaagency-detail-header--scrolling
  .innovaagency-detail-header__actions,
.innovaagency-detail-header.innovaagency-detail-header--scrolling
  .innovaagency-detail-header__logo-wrap {
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .innovaagency-detail-header__nav {
    display: none;
  }
}
@media (max-width: 960px) {
  .innovaagency-detail-header__fixed {
    background-color: var(--color-tertiary);
    height: 80px;
  }
  .innovaagency-detail-header {
    height: 80px;
  }
  .innovaagency-detail-header__actions,
  .innovaagency-detail-header__logo-wrap {
    padding-bottom: 0;
  }
  .innovaagency-detail-header:after {
    right: 0;
    top: 80px;
  }
  .innovaagency-detail-header:before {
    left: 0;
    top: 80px;
  }
  .innovaagency-detail-header2__list .menu--projects {
    display: none;
  }
}
@media (max-width: 480px) {
  .innovaagency-detail-header2__nav {
    display: none;
  }
}
.innovaagency-detail__banner-wrap {
  position: relative;
}
.innovaagency-detail__banner {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.innovaagency-detail__banner-item {
  position: relative;
}
.innovaagency-detail__banner-item-background {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 680px;
  position: relative;
  z-index: 2;
}
.innovaagency-detail__banner-item-background:after {
  background: var(--color-black);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.4;
  position: absolute;
  top: 0;
  width: 100%;
}
.innovaagency-detail__banner-item-background:before {
  background: linear-gradient(180deg, #000, transparent);
  content: "";
  height: 113px;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.innovaagency-detail__banner-item-info {
  align-items: end;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  left: 0;
  padding-bottom: 32px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}
.innovaagency-detail__banner-item-info-inside {
  margin-left: 0;
  margin-right: auto;
  max-width: 673px;
  width: 100%;
}
.innovaagency-detail__banner-item-stage {
  background-color: var(--color-secondary);
  border-radius: 24px;
  box-sizing: border-box;
  color: var(--color-tertiary);
  display: inline-block;
  font-family: var(--font-primary-800);
  font-size: 16px;
  padding: 6.5px 16px;
  text-transform: uppercase;
}
.innovaagency-detail__banner-item-title {
  margin-top: 4px;
}
.innovaagency-detail__banner-item-title-text {
  color: var(--color-tertiary);
  font-family: var(--font-primary-400);
  font-size: 64px;
  line-height: 109.375%;
  margin: 0;
}
.innovaagency-detail__banner-item-title-text strong {
  font-family: var(--font-primary-700);
}
.innovaagency-detail__banner-details {
  bottom: 32px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 4;
}
.innovaagency-detail__banner-details-block {
  align-items: center;
  backdrop-filter: blur(9px);
  background: hsla(0, 0%, 100%, 0.1);
  border: 1px solid hsla(0, 0%, 100%, 0.35);
  border-radius: 20px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 208px repeat(3, 1fr);
  padding: 16px;
}
.innovaagency-detail__banner-detail {
  position: relative;
}
.innovaagency-detail__banner-detail:before {
  background-color: var(--color-denary);
  bottom: 0;
  content: "";
  height: 68px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}
.innovaagency-detail__banner-detail:first-child:before,
.innovaagency-detail__banner-detail:last-child:before {
  display: none;
}
.innovaagency-detail__logo {
  align-items: center;
  background-color: var(--color-tertiary);
  border-radius: 12px;
  display: flex;
  height: 68px;
  overflow: hidden;
}
.innovaagency-detail__logo-img {
  margin: auto;
  max-width: 158px;
  width: 100%;
}
.innovaagency-detail__subitem {
  align-items: center;
  display: flex;
  justify-content: center;
}
.innovaagency-detail__subitem ._ico {
  color: var(--color-tertiary);
  font-size: 30px;
  font-size: 39px;
  margin-right: 12px;
}
.innovaagency-detail__subitem ._ico:before {
  color: var(--color-tertiary);
}
.innovaagency-detail__subitem ._text {
  color: var(--color-tertiary);
  font-family: var(--font-primary-500);
  font-size: 16px;
}
.innovaagency-detail__subitem ._item {
  align-items: center;
  display: flex;
}
.innovaagency-detail__subitem ._title {
  line-height: 150%;
}
.innovaagency-detail__subitem ._strong {
  color: var(--color-tertiary);
  font-family: var(--font-primary-800);
}
.innovaagency-detail__subitem--dorms ._item {
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.innovaagency-detail__subitem--area ._item {
  gap: 8px;
}
.innovaagency-detail__subitem--price ._item {
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.innovaagency-detail__subitem--price ._big {
  font-size: 36px;
  line-height: 122.222%;
}
@media (max-width: 1024px) {
  .innovaagency-detail__banner-item-info {
    padding-top: 0;
  }
  .innovaagency-detail__banner-item-title-text {
    font-size: 50px;
  }
  .innovaagency-detail__banner-item-background {
    height: 600px;
  }
}
@media (max-width: 960px) {
  .innovaagency-detail__banner-details {
    padding-top: 50px;
    position: static;
  }
  .innovaagency-detail__banner-details-block {
    border: 1px solid var(--color-denary);
    grid-template-columns: repeat(2, 1fr);
  }
  .innovaagency-detail__banner-detail {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 0 10px;
  }
  .innovaagency-detail__banner-detail:first-child:before {
    display: block;
  }
  .innovaagency-detail__banner-detail:nth-child(2n + 2):before {
    display: none;
  }
  .innovaagency-detail__banner-detail:before {
    height: 100%;
  }
  .innovaagency-detail__subitem {
    padding: 15px 0;
  }
  .innovaagency-detail__subitem ._ico,
  .innovaagency-detail__subitem ._ico:before,
  .innovaagency-detail__subitem ._strong,
  .innovaagency-detail__subitem ._text {
    color: var(--color-primary);
  }
}
@media (max-width: 767px) {
  .innovaagency-detail__banner-item-title {
    margin-top: 12px;
  }
  .innovaagency-detail__banner-item-title-text {
    font-size: 40px;
  }
  .innovaagency-detail__banner-item-background {
    height: 600px;
  }
  .innovaagency-detail__subitem--price ._big {
    font-size: 30px;
  }
}
@media (max-width: 480px) {
  .innovaagency-detail__banner-details-block {
    grid-template-columns: repeat(1, 1fr);
  }
  .innovaagency-detail__subitem {
    padding: 20px 0;
  }
  .innovaagency-detail__banner-detail:nth-child(2n + 2):before {
    display: block;
  }
  .innovaagency-detail__banner-detail:before {
    height: 1px;
    top: inherit;
    width: 100%;
  }
  .innovaagency-detail__banner-detail:last-child:before {
    display: none;
  }
}
.innovaagency-detail__about {
  padding-bottom: 40px;
  padding-top: 58px;
}
.innovaagency-detail__about-content {
  align-items: flex-start;
  display: flex;
  gap: 100px;
  justify-content: space-between;
}
.innovaagency-detail__about-info {
  padding: 48px 0;
  width: 491px;
}
.admision-detail__about-info {
  padding: 0;
  width: 491px;
}
.admision-texto__info {
  font-family: var(--font-primary-400);
  padding-top: 45px;
  line-height: 1.5;
}
.admision-texto__info h4, h5 {
  font-family: var(--font-primary-700);
  padding: 12px 0;
}
.admision-texto__info h5 {
  font-family: var(--font-primary-600);
  color: var(--color-quindenary);
}
.admision-texto__info p {
  font-family: var(--font-primary-400);
  padding: 12px 0;
}
.innovaagency-detail__about-subtitle {
  border: 1px solid var(--color-denary);
  border-radius: 24px;
  color: var(--color-primary);
  display: inline-block;
  font-family: var(--font-primary-500);
  font-size: 14px;
  line-height: 142.857%;
  margin: 0 0 12px;
  padding: 4px 12px;
}
.innovaagency-detail__about-subtitle:before {
  background-color: var(--color-secondary);
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 6px;
  margin-right: 6px;
  vertical-align: middle;
  width: 6px;
}
.innovaagency-detail__about-title {
  margin: 0;
}
.innovaagency-detail__about-title-text {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 40px;
  line-height: 120%;
  margin: 0;
}
.innovaagency-detail__about-editor {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
  margin-top: 12px;
}
.innovaagency-detail__about-editor p {
  margin-bottom: 10px;
}
.innovaagency-detail__about-editor p:last-child {
  margin-bottom: 0;
}
.innovaagency-detail__about-brochure {
  margin-top: 24px;
}
.innovaagency-detail__about-brochure .site-button {
  min-width: 214px;
}
.innovaagency-detail__about-brochure .site-button__icon {
  margin-left: 0;
  margin-right: 4px;
}
.innovaagency-detail__about-details {
  background: var(--color-undenary);
  border-radius: 20px;
  box-sizing: border-box;
  margin-top: 32px;
  padding: 20px;
}
.innovaagency-detail__about-detail {
  align-items: center;
  border-bottom: 1px solid var(--color-denary);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  min-height: 60px;
  padding-bottom: 20px;
  padding-top: 20px;
}
.innovaagency-detail__about-detail:first-child {
  padding-top: 0;
}
.innovaagency-detail__about-detail:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.innovaagency-detail__about-detail-text {
  color: var(--color-primary);
  font-family: var(--font-primary-500);
  font-size: 16px;
  line-height: 150%;
}
.innovaagency-detail__about-logo {
  font-size: 0;
  margin: 0;
}
.innovaagency-detail__about-logo-img {
  display: block;
  height: auto;
  max-width: 100%;
}
.innovaagency-detail__about-progress {
  align-items: center;
  background: var(--color-tertiary);
  border: 1px solid var(--color-undenary);
  border-radius: 20px;
  box-sizing: border-box;
  display: inline-flex;
  gap: 20px;
  margin-top: 32px;
  padding: 12px 36px;
}
.innovaagency-detail__about-progress-title {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 16px;
  line-height: 150%;
  text-transform: uppercase;
}
.innovaagency-detail__about-progress-chart {
  height: 90px;
  position: relative;
  width: 90px;
}
.innovaagency-detail__about-progress-chart ._text {
  align-items: center;
  color: var(--color-primary);
  display: flex;
  font-family: var(--font-primary-700);
  font-size: 24px;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.innovaagency-detail__about-progress-chart ._icon {
  font-style: normal;
}
.innovaagency-detail__about-progress-chart-number {
  margin: 0;
}
.innovaagency-detail__about-info2 {
  width: 592px;
}
.innovaagency-detail__about-image {
  font-size: 0;
  margin: auto;
  max-width: 522px;
  width: 100%;
}
.innovaagency-detail__about-img {
  display: block;
  height: auto;
  max-width: 100%;
}
.innovaagency-detail__about-details2 {
  align-items: center;
  background: var(--color-quaternary);
  border-radius: 60px 60px 12px 12px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  padding: 20px;
}
.innovaagency-detail__about-details2-item {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  gap: 12px;
  padding: 0 40px;
  position: relative;
}
.innovaagency-detail__about-details2-item:before {
  background-color: var(--color-denary);
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}
.innovaagency-detail__about-details2-item:first-child {
  padding-left: 0;
}
.innovaagency-detail__about-details2-item:last-child {
  padding-right: 0;
}
.innovaagency-detail__about-details2-item:last-child:before {
  display: none;
}
.innovaagency-detail__about-details2-item strong {
  color: var(--color-tertiary);
  font-family: var(--font-primary-600);
  font-size: 64px;
  line-height: 100%;
}
.innovaagency-detail__about-details2-item span {
  color: var(--color-tertiary);
  font-family: var(--font-primary-500);
  font-size: 16px;
}
@media (max-width: 1024px) {
  .innovaagency-detail__about {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .innovaagency-detail__about-content {
    align-items: center;
  }
  .innovaagency-detail__about-info {
    padding: 0;
  }
  .innovaagency-detail__about-title-text {
    font-size: 35px;
  }
  .innovaagency-detail__about-details2-item strong {
    font-size: 50px;
  }
  .innovaagency-detail__about-details2-item {
    padding: 0 30px;
  }
}
@media (max-width: 960px) {
  .innovaagency-detail__about-content {
    flex-wrap: wrap;
    gap: 40px;
  }
  .innovaagency-detail__about-info,
  .innovaagency-detail__about-info2 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .innovaagency-detail__about {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .innovaagency-detail__about-title-text {
    font-size: 30px;
  }
  .innovaagency-detail__about-details2-item strong {
    font-size: 40px;
  }
  .innovaagency-detail__about-details2-item {
    padding: 0 25px;
  }
}
.innovaagency-detail__areas-wrap {
  padding-bottom: 44px;
}
.innovaagency-detail__areas {
  background-color: var(--color-undenary);
  border-radius: 32px;
  overflow: hidden;
  padding: 32px 0;
}
.innovaagency-detail__areas-content {
  display: flex;
  gap: 4px;
  justify-content: center;
}
.innovaagency-detail__areas-info {
  width: 320px;
}
.innovaagency-detail__areas-title .site-title__title {
  margin-top: 4px;
}
.innovaagency-detail__areas-info2 {
  width: 848px;
}
.innovaagency-detail__areas-items {
  display: grid;
  gap: 20px 16px;
  grid-template-columns: repeat(4, 1fr);
}
.innovaagency-detail__enlaces-items {
  display: grid;
  gap: 20px 16px;
  grid-template-columns: repeat(2, 1fr);
}
.innovaagency-detail__alertas-items {
  display: grid;
  gap: 20px 16px;
  grid-template-columns: repeat(1, 1fr);
}
.innovaagency-detail__enlaces-items a:hover {
  border: 1px solid var(--color-quaternary);
}
.innovaagency-detail__areas-item {
  background-color: var(--color-tertiary);
  border-radius: 20px;
  box-sizing: border-box;
  height: 100%;
  padding: 24px;
  width: 100%;
}
.innovaagency-detail__areas-item-image {
  align-items: center;
  border: 1px solid var(--color-undenary);
  border-radius: 100%;
  display: flex;
  height: 64px;
  justify-content: center;
  margin: 0;
  width: 64px;
}
.innovaagency-detail__areas-item-img {
  height: 40px;
  width: 40px;
}
.innovaagency-detail__areas-item-info {
  margin-top: 12px;
}
.innovaagency-detail__areas-item-title {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 20px;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .innovaagency-detail__areas-wrap {
    padding-bottom: 60px;
  }
  .innovaagency-detail__areas {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .innovaagency-detail__areas-content {
    flex-wrap: wrap;
  }
  .innovaagency-detail__areas-info {
    width: 100%;
  }
  .innovaagency-detail__areas-info2 {
    margin-top: 40px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .innovaagency-detail__areas-wrap {
    padding-bottom: 50px;
  }
  .innovaagency-detail__areas {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .innovaagency-detail__areas-items {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
  }
  .innovaagency-detail__areas-item-title {
    font-size: 18px;
  }
}
.innovaagency-detail__gallery-wrap {
  padding-bottom: 60px;
}
.innovaagency-detail__gallery {
  border-radius: 32px;
  overflow: hidden;
  padding: 60px 0;
}
.innovaagency-detail__gallery-title {
  margin: auto;
  text-align: center;
}
.innovaagency-detail__gallery-title .site-title__title {
  margin-top: 4px;
}
.innovaagency-detail__gallery-links {
  display: flex;
  gap: 4px;
  justify-content: center;
  margin-top: 20px;
}
.innovaagency-detail__gallery-link {
  align-items: center;
  border: 1px solid var(--color-quaternary);
  border-radius: 60px;
  box-sizing: border-box;
  color: var(--color-secondary);
  cursor: pointer;
  display: flex;
  font-family: var(--font-primary-600);
  font-size: 18px;
  justify-content: center;
  padding: 8px 20px;
  text-align: center;
  transition: var(--transition);
}
.innovaagency-detail__gallery-link.active,
.innovaagency-detail__gallery-link:hover {
  backdrop-filter: blur(2px);
  background-color: #ffcc00;
  border: 1px solid transparent;
}
.innovaagency-detail__gallery-tab {
  margin-top: 20px;
  position: relative;
}
.innovaagency-detail__gallery-tab-item {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
}
.innovaagency-detail__gallery-tab-item.active {
  opacity: 1;
  position: relative;
  visibility: visible;
}
.innovaagency-detail__gallery-tab-item-carrousel-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.innovaagency-detail__gallery-tab-item-carrousel-image {
  display: block;
  font-size: 0;
  margin: 0;
  opacity: 0.5;
  position: relative;
  transform: scale(0.93);
  transition: var(--transition);
}
.innovaagency-detail__gallery-tab
  .swiper-slide-active
  .innovaagency-detail__gallery-tab-item-carrousel-image {
  opacity: 1;
  transform: scale(1);
}
.innovaagency-detail__gallery-tab-item-carrousel-img {
  border-radius: 12px;
  height: 480px;
  object-fit: cover;
  overflow: hidden;
  width: 100%;
}
.innovaagency-detail__gallery-tab-item-icon {
  align-items: center;
  background: hsla(199, 97%, 41%, 0.753);
  border-radius: 100%;
  display: flex;
  font-size: 24px;
  height: 72px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  color: var(--color-white);
}
.innovaagency-detail__gallery-tab-item-icon:before {
  color: var(--color-tertiary);
}
@media (max-width: 767px) {
  .innovaagency-detail__gallery-tab-item-carrousel-img {
    height: 350px;
  }
  .innovaagency-detail__gallery-links {
    flex-wrap: wrap;
    gap: 8px;
  }
}
.innovaagency-detail__location-wrap {
  padding-bottom: 68px;
}
.innovaagency-detail__location {
  background-color: var(--color-undenary);
  border-radius: 32px;
  overflow: hidden;
  padding: 32px 0;
  position: relative;
}
.innovaagency-detail__location-figure {
  background-color: var(--color-tertiary);
  height: 64px;
  left: 0;
  position: absolute;
  top: 0;
  width: 566px;
}
.innovaagency-detail__location-figure:before {
  background-image: url(../img/figure101f437c4ebf21d4389d4.svg);
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 64px;
  width: 20px;
  z-index: 3;
}
.innovaagency-detail__location-figure:after {
  background-image: url(../img/figure239854e7dc61fbf296187.svg);
  content: "";
  display: block;
  height: 64px;
  position: absolute;
  right: -93.552px;
  top: 0;
  width: 93.552px;
  z-index: 3;
}
.innovaagency-detail__location-content {
  align-items: flex-start;
  display: flex;
  gap: 80px;
  justify-content: space-between;
}
.innovaagency-detail__location-info {
  padding-top: 71px;
  width: 100%;
}
.innovaagency-detail__location-address {
  color: var(--color-secondary);
  display: inline-block;
  font-family: var(--font-primary-700);
  font-size: 20px;
  line-height: 140%;
  margin-top: 4px;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-decoration-style: solid;
  text-decoration-thickness: 10%;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.innovaagency-detail__location-text {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
  margin-top: 24px;
}
.innovaagency-detail__location-buttons {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-top: 24px;
}
.innovaagency-detail__location-buttons .site-button__icon {
  margin-left: 4px;
}
.innovaagency-detail__location-details {
  background-color: var(--color-tertiary);
  border-radius: 20px;
  margin-top: 32px;
  padding: 20px;
}
.innovaagency-detail__location-details-title {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 18px;
  line-height: 144.444%;
  margin-bottom: 24px;
}
.innovaagency-detail__location-details-items {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}
.innovaagency-detail__location-details-item {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: flex-start;
}
.innovaagency-detail__location-item-icon {
  font-size: 0;
  height: 24px;
  margin: 0;
  width: 24px;
}
.innovaagency-detail__location-item-icon-img {
  display: block;
  height: auto;
  max-width: 100%;
}
.innovaagency-detail__location-item-text {
  color: var(--color-primary);
  font-family: var(--font-primary-500);
  font-size: 16px;
  line-height: 150%;
  width: calc(100% - 24px);
}
.innovaagency-detail__location-info2 {
  width: 608px;
}
.innovaagency-detail__location-map {
  font-size: 0;
  margin: 0;
}
.innovaagency-detail__location-map-img {
  border-radius: 20px;
  height: 600px;
  object-fit: cover;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 1280px) {
  .innovaagency-detail__location-figure {
    width: 350px;
  }
}
@media (max-width: 1024px) {
  .innovaagency-detail__location-figure {
    display: none;
  }
  .innovaagency-detail__location {
    padding: 60px 0;
  }
  .innovaagency-detail__location-content {
    gap: 50px;
  }
  .innovaagency-detail__location-info {
    padding-top: 30px;
  }
}
@media (max-width: 960px) {
  .innovaagency-detail__location-content {
    flex-wrap: wrap;
    gap: 40px;
  }
  .innovaagency-detail__location-info {
    padding-top: 0;
    width: 100%;
  }
  .innovaagency-detail__location-info2 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .innovaagency-detail__location {
    padding: 50px 0;
  }
  .innovaagency-detail__location-buttons {
    align-items: flex-start;
    flex-direction: column;
  }
  .innovaagency-detail__location-map-img {
    height: 450px;
  }
  .innovaagency-detail__location-details-items {
    gap: 20px 10px;
  }
  .innovaagency-detail__location-details-title {
    font-size: 16px;
  }
  .innovaagency-detail__location-address {
    font-size: 18px;
  }
}
.innovaagency-detail__360 {
  margin-left: -32px;
  margin-right: -32px;
}
.innovaagency-detail__360-item {
  position: relative;
}
.innovaagency-detail__360-item.show .innovaagency-detail__360-item-iframe {
  opacity: 1;
  visibility: visible;
}
.innovaagency-detail__360-item.show:not(.innovaagency-detail__360-item--has-poster) {
  min-height: 440px;
}
.innovaagency-detail__360-item-content {
  position: relative;
  z-index: 2;
}
.innovaagency-detail__360-item-background {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 520px;
  position: relative;
}
.innovaagency-detail__360-item-background:before {
  background: rgba(0, 0, 0, 0.35);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.innovaagency-detail__360-item-info {
  align-items: center;
  display: flex;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}
.innovaagency-detail__360-text {
  color: var(--color-tertiary);
  font-family: var(--font-primary-700);
  font-size: 348.031px;
  left: 0;
  line-height: normal;
  opacity: 0.2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.innovaagency-detail__360-item-info-inside {
  cursor: pointer;
  margin: auto;
  max-width: 480px;
  position: relative;
  width: 100%;
  z-index: 3;
}
.innovaagency-detail__360-item-info-block {
  backdrop-filter: blur(4px);
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid hsla(0, 0%, 100%, 0.35);
  border-radius: 32px;
  box-sizing: border-box;
  padding: 32px;
  text-align: center;
}
.innovaagency-detail__360-item-title-text {
  color: var(--color-tertiary);
  font-family: var(--font-primary-700);
  font-size: 48px;
  line-height: 108.333%;
  margin: 0;
}
.innovaagency-detail__360-item-icon {
  color: var(--color-tertiary);
  display: block;
  font-size: 50px;
  margin-top: 10px;
}
.innovaagency-detail__360-item-iframe {
  opacity: 0;
  visibility: hidden;
  z-index: 3;
}
.innovaagency-detail__360-item-iframe,
.innovaagency-detail__360-item-iframe-iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: var(--transition);
  width: 100%;
}
.innovaagency-detail__360-item-iframe-iframe {
  object-fit: cover;
  z-index: 1;
}
@media (max-width: 1024px) {
  .innovaagency-detail__360-text {
    font-size: 250px;
  }
  .innovaagency-detail__360-item-title-text {
    font-size: 40px;
  }
}
@media (max-width: 960px) {
  .innovaagency-detail__360 {
    margin-left: -18px;
    margin-right: -18px;
  }
}
@media (max-width: 767px) {
  .innovaagency-detail__360-text {
    font-size: 200px;
  }
  .innovaagency-detail__360-item-title-text {
    font-size: 35px;
  }
}
.innovaagency-detail__quote {
  padding-bottom: 72px;
  padding-top: 80px;
}
.innovaagency-detail__quote-dorms {
  margin-top: 20px;
}
.innovaagency-detail__quote-form {
  margin-top: 12px;
}
@media (max-width: 1024px) {
  .innovaagency-detail__quote {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .innovaagency-detail__quote .quote-item__info2 {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .innovaagency-detail__quote {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
.innovaagency-detail__adviser {
  background-color: var(--color-undenary);
  border-radius: 24px;
  overflow: hidden;
  padding: 36px 0;
}
.innovaagency-detail__adviser-content {
  display: flex;
  gap: 100px;
  justify-content: space-between;
}
.innovaagency-detail__adviser-info {
  width: 507px;
}
.innovaagency-detail__adviser-title .site-title__title {
  margin-top: 4px;
}
.innovaagency-detail__adviser-info2 {
  width: 558px;
}
.innovaagency-detail__adviser-item {
  background-color: var(--color-tertiary);
  border-radius: 20px;
  box-sizing: border-box;
  overflow: hidden;
  padding: 24px 28px;
  position: relative;
}
.innovaagency-detail__adviser-item-figure {
  bottom: -2px;
  position: absolute;
  right: 0;
}
.innovaagency-detail__adviser-item-top {
  display: flex;
  gap: 12px;
}
.innovaagency-detail__adviser-item-image {
  font-size: 0;
  height: 60px;
  margin: 0;
  width: 60px;
}
.innovaagency-detail__adviser-item-img {
  border-radius: 100%;
  display: block;
  height: auto;
  max-width: 100%;
}
.innovaagency-detail__adviser-item-name {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 20px;
  line-height: 140%;
}
.innovaagency-detail__adviser-item-charge {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
}
.innovaagency-detail__adviser-item-details {
  margin-top: 28px;
}
.innovaagency-detail__adviser-item-details-top {
  display: flex;
  gap: 24px;
}
.innovaagency-detail__adviser-item-detail {
  align-items: center;
  color: var(--color-primary);
  display: flex;
  font-family: var(--font-primary-500);
  font-size: 16px;
  justify-content: flex-start;
  line-height: 150%;
  margin: 0;
}
.innovaagency-detail__adviser-item-detail > i {
  color: var(--color-secondary);
  font-size: 24px;
  font-style: normal;
  margin: 0 8px 0 0;
}
.innovaagency-detail__adviser-item-detail > span {
  margin: 0;
}
.innovaagency-detail__adviser-item-detail--email > span {
  text-decoration-line: underline;
  text-decoration-skip-ink: auto;
  text-decoration-style: solid;
  text-decoration-thickness: 10%;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.innovaagency-detail__adviser-item-details-bottom {
  margin-top: 16px;
}
.innovaagency-detail__adviser-item-whatsapp {
  background-color: var(--color-whatsapp);
  border-radius: 20px;
  box-sizing: border-box;
  color: var(--color-tertiary);
  display: inline-block;
  font-family: var(--font-primary-600);
  font-size: 16px;
  margin: 0;
  overflow: hidden;
  padding: 8px 16px;
}
.innovaagency-detail__adviser-item-whatsapp > i {
  color: var(--color-tertiary);
  display: inline;
  font-size: 24px;
  margin: 0 8px 0 0;
  vertical-align: middle;
}
.innovaagency-detail__adviser-item-whatsapp-icon {
  padding-right: 8px;
}
.innovaagency-detail__adviser-carrousel-pagination {
  margin-top: 16px;
  text-align: right;
}
@media (max-width: 1024px) {
  .innovaagency-detail__adviser {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .innovaagency-detail__adviser-content {
    flex-wrap: wrap;
    gap: 40px;
  }
  .innovaagency-detail__adviser-info,
  .innovaagency-detail__adviser-info2 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .innovaagency-detail__adviser {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
@media (max-width: 480px) {
  .innovaagency-detail__adviser-item-details-top {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
.innovaagency-detail__more {
  padding-bottom: 72px;
  padding-top: 60px;
}
.innovaagency-detail__more-title {
  margin-bottom: 40px;
  text-align: center;
}
.innovaagency-detail__more-items {
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1024px) {
  .innovaagency-detail__more {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  .innovaagency-detail__more {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .innovaagency-detail__more-items {
    gap: 30px;
    grid-template-columns: repeat(1, 1fr);
  }
}
.innovaagency-detail__ribbon {
  overflow: hidden;
}
.innovaagency-detail__foot {
  padding-bottom: 60px;
  padding-top: 60px;
}
@media (max-width: 767px) {
  .innovaagency-detail__foot {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
.quote-page__block {
  padding-bottom: 60px;
}
.quote-page__block .quote-item {
  gap: 84px;
}
.quote-page__block .quote-item__info {
  background-color: var(--color-septendenary);
  padding-bottom: 44px;
  padding-top: 60px;
}
.quote-page__block .quote-item__info:before {
  right: 100%;
  width: 100%;
}
.quote-page__block .quote-item__info:after,
.quote-page__block .quote-item__info:before {
  background-color: var(--color-septendenary);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
}
.quote-page__block .quote-item__info:after {
  border-radius: 0 0 36px 0;
  right: -53px;
  width: 53px;
}
@media (max-width: 1280px) {
  .quote-page__block .quote-item {
    gap: 9%;
  }
  .quote-page__block .quote-item__info:after {
    border-radius: 0;
    right: -35px;
    width: 35px;
  }
}
@media (max-width: 767px) {
  .quote-page__block .quote-item {
    gap: 40px;
  }
  .quote-page__block .quote-item__info {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .quote-page__block .quote-item__info:before {
    border-radius: 0;
  }
}
.quote-item {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.quote-item__info {
  position: relative;
  width: 508px;
}
.quote-item__form,
.quote-item__title {
  position: relative;
  z-index: 2;
}
.quote-item__form {
  margin-top: 20px;
}
.quote-item__form .site-form__button {
  margin-top: 16px;
}
.quote-item__form .site-form__button .site-button {
  min-width: 171px;
}
.quote-item__info2 {
  overflow: hidden;
  width: 608px;
}
.quote-item__default {
  font-size: 0;
  margin: 0;
}
.quote-item__default-img {
  display: block;
  height: auto;
  max-width: 100%;
}
.quote-item__carrousel-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.quote-item__carrousel-subitem {
  border: 1px solid var(--color-denary);
  border-radius: 24px;
  box-sizing: border-box;
  display: block;
  margin: 0;
  overflow: hidden;
}
.quote-item__carrousel-subitem-top {
  background-color: var(--color-primary);
  box-sizing: border-box;
  color: var(--color-tertiary);
  font-family: var(--font-primary-700);
  font-size: 16px;
  line-height: 150%;
  padding: 16px 12px;
  text-align: center;
}
.quote-item__carrousel-subitem-image {
  font-size: 0;
  margin: 0;
  position: relative;
}
.quote-item__carrousel-subitem-img {
  display: block;
  height: auto;
  margin: 0;
  position: relative;
  width: 100%;
  z-index: 1;
}
.quote-item__carrousel-subitem-icon {
  align-items: center;
  background-color: var(--color-tertiary);
  border-radius: 100%;
  color: var(--color-secondary);
  display: flex;
  font-size: 48px;
  height: 98px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 98px;
  z-index: 2;
}
.quote-item__carrousel-arrows {
  gap: 4px;
  justify-content: center;
  margin-top: 20px;
  text-align: center;
}
@media (max-width: 1280px) {
  .quote-item__info {
    width: 47%;
  }
  .quote-item__info2 {
    width: 46%;
  }
  .quote-item__carrousel-subitem-icon {
    font-size: 42px;
    height: 75px;
    width: 75px;
  }
}
@media (max-width: 1024px) {
  .quote-item {
    flex-wrap: wrap;
  }
  .quote-item__info,
  .quote-item__info2 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .quote-item__carrousel-subitem-icon {
    font-size: 32px;
    height: 65px;
    width: 65px;
  }
  .quote-item__carrousel-subitem-top {
    font-size: 14px;
  }
}
.quote-radio {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.quote-radio-item {
  background-color: rgba(230, 233, 236, 0.5);
  border-radius: 12px;
  cursor: pointer;
  padding: 4px 8px;
}
.quote-radio-item__text {
  align-items: center;
  color: var(--color-primary);
  display: flex;
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 171.429%;
  white-space: nowrap;
}
.quote-radio-item__icon {
  border: 2px solid var(--color-octodenary);
  border-radius: 100%;
  box-sizing: border-box;
  display: inline-block;
  height: 20px;
  margin-left: 10px;
  position: relative;
  transition: var(--transition);
  width: 20px;
}
.quote-radio-item__icon:before {
  background-color: var(--color-secondary);
  border-radius: 100%;
  content: "";
  height: 10px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 3px;
  transition: var(--transition);
  visibility: hidden;
  width: 10px;
}
.quote-radio-item.active .quote-radio-item__icon {
  border: 2px solid var(--color-secondary);
}
.quote-radio-item.active .quote-radio-item__icon:before {
  opacity: 1;
  visibility: visible;
}
.quote-item__tab {
  position: relative;
}
.quote-item__tab-subitem {
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden;
}
.quote-item__tab-subitem.active {
  opacity: 1;
  position: relative;
  visibility: visible;
}
.referralplan-page__banner {
  padding-bottom: 32px;
  padding-top: 48px;
}
.referralplan-page__banner-top {
  align-items: flex-end;
  display: flex;
  gap: 50px;
  justify-content: space-between;
  padding-bottom: 32px;
}
.referralplan-page__banner-title {
  width: 718px;
}
.referralplan-page__banner-title .site-title__title {
  margin-top: 4px;
}
.referralplan-page__banner-info {
  width: 350px;
}
.referralplan-page__banner-info .general-icon {
  margin-bottom: 16px;
}
.referralplan-page__banner-figure-img {
  display: block;
  height: auto;
  margin: 0;
  max-width: 100%;
}
.referralplan-page__banner-text {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
}
.referralplan-page__banner-text strong {
  font-family: var(--font-primary-700);
}
.referralplan-page__banner-text p:last-child {
  margin-bottom: 0;
}
.referralplan-page__banner-image {
  font-size: 0;
  margin: 0;
}
.referralplan-page__banner-img {
  border-radius: 24px;
  height: 360px;
  object-fit: cover;
  width: 100%;
}
@media (max-width: 1024px) {
  .referralplan-page__banner {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  .referralplan-page__banner {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .referralplan-page__banner-top {
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 35px;
  }
  .referralplan-page__banner-info,
  .referralplan-page__banner-title {
    width: 100%;
  }
  .referralplan-page__banner-figure {
    display: none;
  }
}
.referralplan-page__awards-steps {
  background-color: var(--color-undenary);
  border-radius: 32px;
  overflow: hidden;
  padding: 32px 0;
}
.referralplan-page__awards-steps__content {
  display: flex;
  gap: 60px;
}
.referralplan-page__awards {
  width: 386px;
}
.referralplan-page__awards-title .site-title__title {
  margin-top: 4px;
}
.referralplan-page__awards-text {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
  margin-top: 16px;
}
.referralplan-page__awards-text strong {
  font-family: var(--font-primary-700);
}
.referralplan-page__awards-text ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.referralplan-page__awards-text li {
  box-sizing: border-box;
  padding-left: 25px;
  position: relative;
}
.referralplan-page__awards-text li:before {
  background-color: var(--color-primary);
  border-radius: 100%;
  content: "";
  height: 4px;
  left: 8px;
  position: absolute;
  top: 10px;
  width: 4px;
}
.referralplan-page__steps {
  width: 754px;
}
.referralplan-page__steps-title {
  margin-bottom: 20px;
}
.referralplan-page__steps-list {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}
.referralplan-page__steps-list-item {
  background-color: var(--color-tertiary);
  border-radius: 20px;
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  padding: 24px;
}
.referralplan-page__steps-list-item-title {
  align-items: center;
  display: flex;
  gap: 8px;
}
.referralplan-page__steps-list-item-number {
  align-items: center;
  background-color: var(--color-secondary);
  border-radius: 100%;
  color: var(--color-tertiary);
  display: flex;
  font-family: var(--font-primary-800);
  font-size: 20px;
  height: 40px;
  justify-content: center;
  margin: 0;
  width: 40px;
}
.referralplan-page__steps-list-item-text {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 20px;
}
.referralplan-page__steps-list-item-content {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
  margin-top: 12px;
}
@media (max-width: 1024px) {
  .referralplan-page__awards-steps {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .referralplan-page__awards-steps__content {
    flex-direction: column;
    gap: 40px;
  }
  .referralplan-page__awards,
  .referralplan-page__steps {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .referralplan-page__awards-steps__content {
    gap: 30px;
  }
  .referralplan-page__awards-steps {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .referralplan-page__steps-list {
    gap: 20px;
    grid-template-columns: repeat(1, 1fr);
  }
  .referralplan-page__steps-list-item-number,
  .referralplan-page__steps-list-item-text {
    font-size: 18px;
  }
}
.referralplan-page__form {
  padding-bottom: 80px;
  padding-top: 80px;
}
.referralplan-page__form-content {
  align-items: center;
  display: flex;
  gap: 109px;
}
.referralplan-page__form-left {
  padding-top: 60px;
  width: 508px;
}
.referralplan-page__form-text {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
  margin-top: 8px;
}
.referralplan-page__form-form {
  margin-top: 20px;
}
.referralplan-page__form-form .site-form__item {
  padding-bottom: 16px;
}
.referralplan-page__form-form .site-form__item:last-child {
  padding-bottom: 0;
}
.referralplan-page__form-form .site-form__item-title {
  margin-bottom: 12px;
}
.referralplan-page__form-form .site-form__button {
  margin-top: 16px;
}
.referralplan-page__form-form .site-form__button .site-button {
  min-width: 171px;
}
.referralplan-page__form-right {
  background-color: var(--color-undenary);
  padding: 60px 0 115px;
  position: relative;
  width: 583px;
}
.referralplan-page__form-right:before {
  left: 100%;
  width: 100%;
}
.referralplan-page__form-right:after,
.referralplan-page__form-right:before {
  background-color: var(--color-undenary);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
}
.referralplan-page__form-right:after {
  border-radius: 36px 0 0 36px;
  left: -45px;
  width: 45px;
}
.referralplan-page__form-img {
  border-radius: 24px;
  display: block;
  height: auto;
  max-width: 100%;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .referralplan-page__form {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .referralplan-page__form-content {
    gap: 70px;
  }
  .referralplan-page__form-right {
    padding: 70px 0;
    width: 485px;
  }
  .referralplan-page__form-right:after {
    left: -35px;
    width: 35px;
  }
}
@media (max-width: 960px) {
  .referralplan-page__form-content {
    flex-direction: column;
    gap: 40px;
  }
  .referralplan-page__form-left {
    padding-top: 0;
    width: 100%;
  }
  .referralplan-page__form-right {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .referralplan-page__form {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .referralplan-page__form-content {
    gap: 30px;
  }
  .referralplan-page__form-right {
    padding: 50px 0;
  }
}
.sellyourland-page__block {
  padding-bottom: 60px;
  position: relative;
}
.sellyourland-page__block:before {
  background-image: url(../img/sellyourland-figure3c22a9bee6d25be81fc7.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 380.113861084px;
  pointer-events: none;
  position: absolute;
  right: -62px;
  top: 19px;
  width: 308.3720703125px;
  z-index: 0;
}
.sellyourland-page__block-content {
  align-items: flex-start;
  display: flex;
  gap: 84px;
  justify-content: space-between;
}
.sellyourland-page__block-info {
  background-color: var(--color-septendenary);
  padding-bottom: 44px;
  padding-top: 60px;
  position: relative;
  width: 508px;
}
.sellyourland-page__block-info:before {
  right: 100%;
  width: 100%;
}
.sellyourland-page__block-info:after,
.sellyourland-page__block-info:before {
  background-color: var(--color-septendenary);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
}
.sellyourland-page__block-info:after {
  border-radius: 0 0 36px 0;
  right: -53px;
  width: 53px;
}
.sellyourland-page__block-info-title {
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}
.sellyourland-page__block-text {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
  margin-top: 8px;
}
.sellyourland-page__block-form {
  margin-top: 20px;
  position: relative;
  z-index: 2;
}
.sellyourland-page__block-form .site-form__item {
  padding-bottom: 16px;
}
.sellyourland-page__block-form .site-form__item:last-child {
  padding-bottom: 0;
}
.sellyourland-page__block-form .site-form__item-title {
  margin-bottom: 12px;
}
.sellyourland-page__block-form .site-form__button {
  margin-top: 16px;
}
.sellyourland-page__block-form .site-form__button .site-button {
  min-width: 171px;
}
.sellyourland-page__block-info2 {
  overflow: hidden;
  padding-top: 120px;
  width: 608px;
}
.sellyourland-page__block-image {
  font-size: 0;
  margin: 0;
  width: 100%;
}
.sellyourland-page__block-img {
  border-radius: 24px;
  height: 444px;
  margin: 0;
  object-fit: cover;
  overflow: hidden;
  width: 100%;
}
.sellyourland-page__block-details {
  align-items: center;
  background-color: var(--color-novenary);
  border-radius: 20px;
  box-sizing: border-box;
  display: flex;
  gap: 20px;
  margin-top: 24px;
  overflow: hidden;
  padding: 24px;
}
.sellyourland-page__block-details-icon {
  display: inline-block;
  font-size: 0;
  margin: 0 0 16px;
  padding: 0 8.675px 0 8.864px;
}
.sellyourland-page__block-details-items {
  align-items: center;
  display: flex;
  gap: 60px;
}
.sellyourland-page__block-details-item--email
  .sellyourland-page__block-details-item-link {
  text-decoration-line: underline;
  text-decoration-skip-ink: auto;
  text-decoration-style: solid;
  text-decoration-thickness: 10%;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.sellyourland-page__block-details-item-title {
  color: var(--color-primary);
  font-family: var(--font-primary-500);
  font-size: 12px;
  line-height: 133.333%;
  text-transform: uppercase;
}
.sellyourland-page__block-details-item-link {
  color: var(--color-primary);
  font-family: var(--font-primary-600);
  font-size: 20px;
  line-height: 133.333%;
  margin-top: 4px;
}
@media (max-width: 1280px) {
  .sellyourland-page__block-content {
    gap: 9%;
  }
  .sellyourland-page__block-info {
    width: 47%;
  }
  .sellyourland-page__block-info2 {
    width: 46%;
  }
  .sellyourland-page__block-details {
    align-items: flex-start;
  }
  .sellyourland-page__block-details-items {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
  }
  .sellyourland-page__block-info:after {
    right: -35px;
    width: 35px;
  }
}
@media (max-width: 1024px) {
  .sellyourland-page__block:before {
    display: none;
  }
  .sellyourland-page__block-content {
    flex-wrap: wrap;
    gap: 60px;
  }
  .sellyourland-page__block-info {
    padding-bottom: 60px;
    padding-top: 60px;
    width: 100%;
  }
  .sellyourland-page__block-info2 {
    padding-top: 0;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .sellyourland-page__block-content {
    flex-wrap: wrap;
    gap: 50px;
  }
  .sellyourland-page__block-info {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .sellyourland-page__block-details-item-link {
    font-size: 18px;
  }
}
.terms-page {
  padding-bottom: 60px;
  padding-top: 48px;
}
.terms-page__title {
  margin-bottom: 44px;
  text-align: left;
}
@media (max-width: 1024px) {
  .terms-page {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .terms-page__title {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .terms-page {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .terms-page__title {
    margin-bottom: 30px;
  }
}

/* Contact Page Styles */
.contact-page {
  overflow-x: hidden;
}

.contact-page__block {
  padding-bottom: 60px;
  padding-top: 60px;
  position: relative;
}

.contact-page__block-content {
  display: grid;
  grid-template-columns: 280px 2fr;
  gap: 40px;
  align-items: start;
}

/* Sidebar con Tabs */
.contact-page__sidebar {
  position: sticky;
  top: 120px;
}

/* Select móvil: oculto en desktop */
.contact-page__tabs-select-wrap {
  display: none;
}

.contact-page__tabs {
  display: flex;
  flex-direction: column;
  gap: 0;
  background-color: var(--color-secondary);
  border-radius: 12px;
  overflow: hidden;
  padding: 8px;
}

.contact-page__tab {
  background: transparent;
  border: none;
  color: #fff;
  font-family: var(--font-primary-500);
  font-size: 14px;
  line-height: 1.5;
  padding: 16px 20px;
  text-align: left;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 8px;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.contact-page__tab:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.contact-page__tab--active {
  background-color: #fff;
  color: var(--color-secondary);
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.contact-page__tab--active:hover {
  background-color: #fff;
}

/* Contenido Principal */
.contact-page__main {
  background-color: var(--color-tertiary);
  border-radius: 24px;
  padding: 40px;
  min-height: 600px;
}

.contact-page__header {
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 2px solid var(--color-denary);
}

.contact-page__header-title {
  margin-bottom: 12px;
}

.contact-page__header-text {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
}

/* Paneles */
.contact-page__panels {
  position: relative;
}

.contact-page__panel {
  display: none;
  animation: fadeIn 0.3s ease;
}

.contact-page__panel--active {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.contact-page__panel-content {
  width: 100%;
}

/* Secciones */
.contact-page__section {
  margin-bottom: 40px;
}

.contact-page__section:last-child {
  margin-bottom: 0;
}

.contact-page__section-title {
  color: var(--color-secondary);
  font-family: var(--font-primary-600);
  font-size: 24px;
  line-height: 1.3;
  margin-bottom: 24px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Info Boxes */
.contact-page__info-box {
  background-color: var(--color-secondary);
  border-radius: 12px;
  padding: 12px 20px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  color: #fff;
}

.contact-page__info-box i {
  color: #fff;
  font-size: 20px;
}

.contact-page__info-box span {
  color: #fff;
  font-family: var(--font-primary-500);
  font-size: 14px;
  text-transform: uppercase;
}

.contact-page__info-text {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
}

.contact-page__info-text a {
  color: var(--color-secondary);
  text-decoration: underline;
  transition: color 0.3s ease;
}

.contact-page__info-text a:hover {
  color: var(--color-primary);
}

/* Data Grid */
.contact-page__data-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.contact-page__data-item {
  margin-bottom: 20px;
}

/* Cards Grid */
.contact-page__cards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.contact-page__card {
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  border: 1px solid var(--color-denary);
}

.contact-page__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.contact-page__card-header {
  background-color: var(--color-secondary);
  color: #fff;
  font-family: var(--font-primary-600);
  font-size: 15px;
  padding: 16px 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.contact-page__card-body {
  padding: 20px;
}

.contact-page__card-name {
  font-family: var(--font-primary-600);
  font-size: 18px;
  color: var(--color-primary);
  margin-bottom: 16px;
  line-height: 1.4;
}

.contact-page__card-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 5px;
  font-family: var(--font-primary-400);
  font-size: 14px;
  color: var(--color-primary);
}

.contact-page__card-item:last-child {
  margin-bottom: 0;
}

.contact-page__card-item i {
  color: var(--color-secondary);
  font-size: 18px;
  min-width: 20px;
}

.contact-page__card-item a {
  color: var(--color-secondary);
  text-decoration: none;
  transition: color 0.3s ease;
}

.contact-page__card-item a:hover {
  color: var(--color-primary);
  text-decoration: underline;
}

/* Payment Content */
.contact-page__payment-content {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 32px;
}

.contact-page__payment-content ul {
  margin: 16px 0;
  padding-left: 24px;
}

.contact-page__payment-content li {
  margin-bottom: 12px;
}

.contact-page__payment-phone {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-top: 24px;
  border-top: 1px solid var(--color-denary);
  font-family: var(--font-primary-500);
  font-size: 16px;
}

.contact-page__payment-phone strong {
  color: var(--color-primary);
}

.contact-page__payment-phone a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-secondary);
  text-decoration: none;
  transition: color 0.3s ease;
}

.contact-page__payment-phone a:hover {
  color: var(--color-primary);
}

.contact-page__payment-phone i {
  font-size: 20px;
}

/* Mapa */
.contact-page__map {
  position: sticky;
  top: 120px;
  height: fit-content;
}

.contact-page__map-container {
  width: 100%;
  height: 600px;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.contact-page__map-container iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* Responsive */
@media (max-width: 1400px) {
  .contact-page__block-content {
    grid-template-columns: 260px 2fr;
    gap: 2px;
  }
}

@media (max-width: 1280px) {
  .contact-page__block-content {
    grid-template-columns: 240px 2fr;
    gap: 2px;
  }
  
  .contact-page__main {
    padding: 32px;
  }
  
  .contact-page__cards-grid {
    grid-template-columns: 1fr;
  }
  
  .contact-page__data-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1024px) {
  .contact-page__block-container {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
  }
  
  .contact-page__block-content {
    grid-template-columns: 1fr;
    gap: 2px;
  }
  
  .contact-page__sidebar {
    position: relative;
    top: 0;
  }
  
  .contact-page__tabs {
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 8px;
    gap: 4px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 -4px;
  }
  
  .contact-page__tabs::-webkit-scrollbar {
    display: none;
  }
  
  .contact-page__tab {
    white-space: nowrap;
    min-width: fit-content;
    flex-shrink: 0;
  }
  
  .contact-page__map {
    position: relative;
    top: 0;
    order: 2;
    width: 100%;
    padding-top: 20px;
  }
  
  .contact-page__map-container {
    height: 400px;
  }
}

@media (max-width: 767px) {
  .contact-page__block {
    padding-bottom: 32px;
    padding-top: 32px;
  }
  
  .contact-page__main {
    padding: 0px;
    min-height: auto;
    border-radius: 16px;
  }
  
  .contact-page__header {
    margin-bottom: 24px;
    padding-bottom: 16px;
  }
  
  .contact-page__header-title .site-title__title {
    font-size: 22px;
    line-height: 1.3;
  }
  
  .contact-page__header-text {
    font-size: 14px;
  }
  
  .contact-page__section {
    margin-bottom: 28px;
  }
  
  .contact-page__section-title {
    font-size: 18px;
    margin-bottom: 16px;
  }
  
  .contact-page__sidebar {
    width: 100%;
  }
  
  /* En móvil: mostrar select y ocultar la barra de tabs */
  .contact-page__tabs-select-wrap {
    display: block;
    width: 100%;
    margin-bottom: 16px;
    position: relative;
  }
  
  .contact-page__tabs-select-label {
    display: block;
    font-family: var(--font-primary-600);
    font-size: 12px;
    color: var(--color-primary);
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
  }
  
  .contact-page__dropdown-trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
    font-family: var(--font-primary-500);
    font-size: 15px;
    color: var(--color-primary);
    background: #fff;
    border: 2px solid var(--color-denary);
    border-radius: 14px;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }
  
  .contact-page__dropdown-trigger:hover {
    border-color: var(--color-secondary);
  }
  
  .contact-page__dropdown-trigger:focus {
    outline: none;
    border-color: var(--color-secondary);
    box-shadow: 0 0 0 3px rgba(0, 102, 153, 0.15);
  }
  
  .contact-page__dropdown--open .contact-page__dropdown-trigger {
    border-color: var(--color-secondary);
    box-shadow: 0 4px 12px rgba(0, 102, 153, 0.12);
  }
  
  .contact-page__dropdown-trigger-icon {
    width: 22px;
    height: 22px;
    color: var(--color-secondary);
    flex-shrink: 0;
    transition: transform 0.25s ease;
  }
  
  .contact-page__dropdown--open .contact-page__dropdown-trigger-icon {
    transform: rotate(180deg);
  }
  
  .contact-page__dropdown-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 6px 0 0;
    padding: 8px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    list-style: none;
    z-index: 20;
    max-height: 280px;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
  }
  
  .contact-page__dropdown--open .contact-page__dropdown-list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  
  .contact-page__dropdown-option {
    padding: 14px 16px;
    font-family: var(--font-primary-500);
    font-size: 15px;
    color: var(--color-primary);
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
  }
  
  .contact-page__dropdown-option:hover {
    background-color: rgba(0, 102, 153, 0.08);
    color: var(--color-secondary);
  }
  
  .contact-page__dropdown-option--active {
    background-color: var(--color-secondary);
    color: #fff;
    font-weight: 600;
  }
  
  .contact-page__dropdown-option--active:hover {
    background-color: var(--color-secondary);
    color: #fff;
    opacity: 0.95;
  }
  
  .contact-page__dropdown-option + .contact-page__dropdown-option {
    margin-top: 2px;
  }
  
  .contact-page__tabs {
    display: none !important;
  }
  
  .contact-page__info-box {
    padding: 10px 14px;
    margin-bottom: 10px;
    max-width: 100%;
  }
  
  .contact-page__info-box iconify-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
  }
  
  .contact-page__info-text {
    font-size: 14px;
    margin-bottom: 16px;
    word-break: break-word;
  }
  
  .contact-page__data-grid {
    gap: 16px;
  }
  
  .contact-page__data-item {
    margin-bottom: 12px;
  }
  
  .contact-page__cards-grid {
    gap: 16px;
  }
  
  .contact-page__map-container {
    height: 280px;
    border-radius: 16px;
  }
  
  .contact-page__card-header {
    padding: 12px 14px;
    font-size: 13px;
  }
  
  .contact-page__card-body {
    padding: 14px;
  }
  
  .contact-page__card-name {
    font-size: 16px;
    margin-bottom: 12px;
  }
  
  .contact-page__card-item {
    font-size: 13px;
    gap: 8px;
  }
  
  .contact-page__card-item iconify-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }
  
  .contact-page__payment-content {
    font-size: 14px;
    margin-bottom: 24px;
  }
  
  .contact-page__payment-content ul {
    padding-left: 20px;
    margin: 12px 0;
  }
  
  .contact-page__payment-phone {
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 16px;
    font-size: 14px;
  }
  
  .contact-page__payment-phone a {
    display: inline-flex;
  }
  
  .contact-page__payment-phone iconify-icon {
    width: 18px;
    height: 18px;
  }
}

@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  width: 100%;
  z-index: 1;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  display: block;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-lazy-preloader {
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid transparent;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  height: var(--swiper-virtual-size);
  width: 1px;
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  z-index: 10;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  cursor: auto;
  opacity: 0;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  height: 100%;
  object-fit: contain;
  transform-origin: center;
  width: 100%;
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-lock {
  display: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  font-variant: normal;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none !important;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 10px);
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity 0.3s;
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  left: 0;
  top: var(--swiper-pagination-top, auto);
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  display: inline-block;
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
}
button.swiper-pagination-bullet {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity, 1);
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  left: var(--swiper-pagination-left, auto);
  right: var(--swiper-pagination-right, 8px);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: transform 0.2s, top 0.2s;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: transform 0.2s, left 0.2s;
}
.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: transform 0.2s, right 0.2s;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: var(
    --swiper-pagination-progressbar-bg-color,
    rgba(0, 0, 0, 0.25)
  );
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transform-origin: left top;
  width: 100%;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
  width: 100%;
}
.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  height: 100%;
  left: 0;
  top: 0;
  width: var(--swiper-pagination-progressbar-size, 4px);
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  bottom: var(--swiper-scrollbar-bottom, 4px);
  height: var(--swiper-scrollbar-size, 4px);
  left: var(--swiper-scrollbar-sides-offset, 1%);
  position: absolute;
  top: var(--swiper-scrollbar-top, auto);
  width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
  z-index: 50;
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
  left: var(--swiper-scrollbar-left, auto);
  position: absolute;
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  width: var(--swiper-scrollbar-size, 4px);
  z-index: 50;
}
.swiper-scrollbar-drag {
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
.swiper .swiper-notification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 100%;
  pointer-events: none;
  transform-origin: 0 0;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  background: #000;
  bottom: 0;
  content: "";
  filter: blur(50px);
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0;
}
.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0;
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transform-origin: center bottom;
}
@font-face {
  font-display: block;
  font-family: lg;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/lg64b800aa30714fd916dc.woff2?io9a6k) format("woff2"),
    url(../fonts/lg747d038541bfc6bb8ea9.ttf?io9a6k) format("truetype"),
    url(../fonts/lg356a0e9cb064c7a196c6.woff?io9a6k) format("woff"),
    url(../img/lg09cd8e9be7081f216644.svg?io9a6k#lg) format("svg");
}
.lg-icon {
  font-family: lg !important;
  speak: never;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lg-container {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial,
    Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji,
    Segoe UI Symbol, Noto Color Emoji;
}
.lg-next,
.lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border: none;
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  outline: none;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1084;
}
.lg-next.disabled,
.lg-prev.disabled {
  cursor: default;
  opacity: 0 !important;
}
.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
  color: #fff;
}
.lg-single-item .lg-next,
.lg-single-item .lg-prev {
  display: none;
}
.lg-next {
  right: 20px;
}
.lg-next:before {
  content: "";
}
.lg-prev {
  left: 20px;
}
.lg-prev:after {
  content: "";
}
@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  to {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  to {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  to {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  to {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  to {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  to {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  to {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  to {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}
.lg-toolbar {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1082;
}
.lg-media-overlap .lg-toolbar {
  background-image: linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.4));
}
.lg-toolbar .lg-icon {
  background: none;
  border: none;
  box-shadow: none;
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  outline: medium none;
  padding: 10px 0;
  text-align: center;
  text-decoration: none !important;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  width: 50px;
  will-change: color;
}
.lg-toolbar .lg-icon.lg-icon-18 {
  font-size: 18px;
}
.lg-toolbar .lg-icon:hover {
  color: #fff;
}
.lg-toolbar .lg-close:after {
  content: "";
}
.lg-toolbar .lg-maximize {
  font-size: 22px;
}
.lg-toolbar .lg-maximize:after {
  content: "";
}
.lg-toolbar .lg-download:after {
  content: "";
}
.lg-sub-html {
  color: #eee;
  font-size: 16px;
  opacity: 0;
  padding: 10px 40px;
  text-align: center;
  -webkit-transition: opacity 0.2s ease-out 0s;
  -o-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
  z-index: 1080;
}
.lg-sub-html h4 {
  font-size: 13px;
  font-weight: 700;
  margin: 0;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}
.lg-sub-html a {
  color: inherit;
}
.lg-sub-html a:hover {
  text-decoration: underline;
}
.lg-media-overlap .lg-sub-html {
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.6));
}
.lg-item .lg-sub-html {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}
.lg-error-msg {
  color: #999;
  font-size: 14px;
}
.lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  height: 47px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}
.lg-closing .lg-next,
.lg-closing .lg-prev,
.lg-closing .lg-sub-html,
.lg-closing .lg-toolbar {
  opacity: 0;
  -webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  -moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  -o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
}
body:not(.lg-from-hash)
  .lg-outer.lg-start-zoom
  .lg-item:not(.lg-zoomable)
  .lg-img-wrap,
body:not(.lg-from-hash)
  .lg-outer.lg-start-zoom
  .lg-item:not(.lg-zoomable)
  .lg-media-cont,
body:not(.lg-from-hash)
  .lg-outer.lg-start-zoom
  .lg-item:not(.lg-zoomable)
  .lg-video-cont {
  opacity: 0;
  -moz-transform: scale3d(0.5, 0.5, 0.5);
  -o-transform: scale3d(0.5, 0.5, 0.5);
  -ms-transform: scale3d(0.5, 0.5, 0.5);
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.25s cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.25s cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.25s cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.25s cubic-bezier(0, 0, 0.25, 1) !important;
  will-change: transform, opacity;
}
body:not(.lg-from-hash)
  .lg-outer.lg-start-zoom
  .lg-item:not(.lg-zoomable).lg-complete
  .lg-img-wrap,
body:not(.lg-from-hash)
  .lg-outer.lg-start-zoom
  .lg-item:not(.lg-zoomable).lg-complete
  .lg-media-cont,
body:not(.lg-from-hash)
  .lg-outer.lg-start-zoom
  .lg-item:not(.lg-zoomable).lg-complete
  .lg-video-cont {
  opacity: 1;
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.lg-icon:focus-visible {
  border-radius: 3px;
  color: #fff;
  outline: 1px dashed hsla(0, 0%, 100%, 0.6);
}
.lg-toolbar .lg-icon:focus-visible {
  border-radius: 8px;
  outline-offset: -5px;
}
.lg-group:after {
  clear: both;
  content: "";
  display: table;
}
.lg-container {
  outline: none;
}
.lg-on {
  scroll-behavior: unset;
}
.lg-overlay-open {
  overflow: hidden;
}
.lg-hide-sub-html .lg-sub-html,
.lg-next,
.lg-pager-outer,
.lg-prev,
.lg-toolbar {
  opacity: 0;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  will-change: transform, opacity;
}
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer,
.lg-show-in .lg-prev,
.lg-show-in .lg-toolbar,
.lg-show-in.lg-hide-sub-html .lg-sub-html {
  opacity: 1;
}
.lg-show-in .lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
.lg-outer {
  height: 100%;
  left: 0;
  opacity: 0.001;
  outline: none;
  overflow: hidden;
  position: fixed;
  text-align: left;
  top: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
  width: 100%;
  will-change: auto;
  z-index: 1050;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-visible,
.lg-outer.lg-zoom-from-image {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
  opacity: 1;
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-content {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.lg-outer .lg-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0s;
  -o-transition: opacity 0s;
  transition: opacity 0s;
  white-space: nowrap;
  width: 100%;
}
.lg-outer .lg-item {
  display: none !important;
}
.lg-outer .lg-item:not(.lg-start-end-progress) {
  background: url(../img/loadingfcba57cdb89652f9bb54.gif) no-repeat scroll 50%
    transparent;
}
.lg-outer.lg-css .lg-current,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide {
  display: inline-block !important;
}
.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
  display: inline-block;
  height: 100%;
  position: absolute;
  text-align: center;
  width: 100%;
}
.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.lg-outer .lg-img-wrap {
  bottom: 0;
  font-size: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-object {
  display: inline-block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  vertical-align: middle;
  width: auto;
}
.lg-outer .lg-empty-html .lg-sub-html,
.lg-outer .lg-empty-html.lg-sub-html {
  display: none;
}
.lg-outer.lg-hide-download .lg-download {
  opacity: 0.75;
  pointer-events: none;
}
.lg-outer .lg-first-slide .lg-dummy-img {
  left: 50%;
  position: absolute;
  top: 50%;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
  opacity: 1;
  transition: opacity 0.2s ease-out 0.15s;
}
.lg-outer .lg-media-cont {
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.lg-outer .lg-media-cont .lg-object {
  height: 100% !important;
  width: 100% !important;
}
.lg-outer .lg-has-iframe .lg-media-cont {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.lg-backdrop {
  background-color: #000;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: opacity 333ms ease-in 0s;
  -o-transition: opacity 333ms ease-in 0s;
  transition: opacity 333ms ease-in 0s;
  will-change: auto;
  z-index: 1040;
}
.lg-backdrop.in {
  opacity: 1;
}
.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
  -webkit-transition: -webkit-transform 1s
    cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-container {
  display: none;
}
.lg-container.lg-show {
  display: block;
}
.lg-container.lg-dragging-vertical .lg-backdrop,
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
  opacity: 1;
}
.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
  position: absolute;
}
.lg-inline .lg-backdrop {
  z-index: 1;
}
.lg-inline .lg-outer {
  z-index: 2;
}
.lg-inline .lg-maximize:after {
  content: "";
}
.lg-components {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.35s ease-out 0s;
  -moz-transition: -moz-transform 0.35s ease-out 0s;
  -o-transition: -o-transform 0.35s ease-out 0s;
  transition: transform 0.35s ease-out 0s;
  will-change: transform;
  z-index: 1080;
}
.lg-outer .lg-video-cont {
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.lg-outer .lg-video-cont .lg-object {
  height: 100% !important;
  width: 100% !important;
}
.lg-outer .lg-has-iframe .lg-video-cont {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.lg-outer .lg-video-object {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 3;
}
.lg-outer .lg-video-poster {
  z-index: 1;
}
.lg-outer .lg-has-video .lg-video-object {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
  will-change: opacity;
}
.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button,
.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster {
  opacity: 0 !important;
}
.lg-outer .lg-has-video.lg-video-loaded .lg-video-object {
  opacity: 1;
}
@keyframes lg-play-stroke {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  to {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes lg-play-rotate {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.lg-video-play-button {
  cursor: pointer;
  left: 50%;
  max-width: 140px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  -webkit-transition: -webkit-transform 0.25s
      cubic-bezier(0.17, 0.88, 0.32, 1.28),
    opacity 0.1s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28),
    opacity 0.1s;
  -o-transition: -o-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28),
    opacity 0.1s;
  transition: transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
  width: 18%;
  will-change: opacity, transform;
  z-index: 2;
}
.lg-video-play-button:hover .lg-video-play-icon,
.lg-video-play-button:hover .lg-video-play-icon-bg {
  opacity: 1;
}
.lg-video-play-icon-bg {
  fill: none;
  stroke-width: 3%;
  stroke: #fcfcfc;
  opacity: 0.6;
  -webkit-transition: opacity 0.12s ease-in;
  -o-transition: opacity 0.12s ease-in;
  transition: opacity 0.12s ease-in;
  will-change: opacity;
}
.lg-video-play-icon-circle {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  fill: none;
  stroke-width: 3%;
  stroke: rgba(30, 30, 30, 0.9);
  stroke-opacity: 1;
  stroke-linecap: round;
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
}
.lg-video-play-icon {
  left: 50%;
  max-width: 120px;
  opacity: 0.6;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  -webkit-transition: opacity 0.12s ease-in;
  -o-transition: opacity 0.12s ease-in;
  transition: opacity 0.12s ease-in;
  width: 25%;
  will-change: opacity;
}
.lg-video-play-icon .lg-video-play-icon-inner {
  fill: #fcfcfc;
}
.lg-video-loading .lg-video-play-icon-circle {
  animation: lg-play-rotate 2s linear 0.25s infinite,
    lg-play-stroke 1.5s ease-in-out 0.25s infinite;
}
.lg-video-loaded .lg-video-play-button {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.7);
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging
  .lg-item.lg-complete.lg-zoomable
  .lg-img-wrap {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer.lg-use-transition-for-zoom
  .lg-item.lg-complete.lg-zoomable
  .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.5s
    cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
  -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
  transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
  will-change: transform;
}
.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition
  .lg-item.lg-complete.lg-zoomable
  .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
  will-change: transform;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: -webkit-transform 0.5s
      cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s,
    opacity 0.15s !important;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s,
    opacity 0.15s !important;
  -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s,
    opacity 0.15s !important;
  transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s,
    opacity 0.15s !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition {
  transition: none !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition {
  left: 50% !important;
  max-height: none !important;
  max-width: none !important;
  top: 50% !important;
  transform: scaleX(1) translate3d(-50%, -50%, 0) !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x {
  left: 50% !important;
  max-height: none !important;
  max-width: none !important;
  top: 0 !important;
  transform: scaleX(1) translate3d(-50%, 0, 0) !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y {
  left: 0 !important;
  max-height: none !important;
  max-width: none !important;
  top: 50% !important;
  transform: scaleX(1) translate3d(0, -50%, 0) !important;
}
.lg-icon.lg-zoom-in:after {
  content: "";
}
.lg-actual-size .lg-icon.lg-zoom-in {
  opacity: 1;
  pointer-events: auto;
}
.lg-icon.lg-actual-size {
  font-size: 20px;
}
.lg-icon.lg-actual-size:after {
  content: "";
}
.lg-icon.lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
.lg-icon.lg-zoom-out:after {
  content: "";
}
.lg-zoomed .lg-icon.lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}
.lg-outer.lg-first-slide-loading .lg-actual-size,
.lg-outer.lg-first-slide-loading .lg-zoom-in,
.lg-outer.lg-first-slide-loading .lg-zoom-out,
.lg-outer[data-lg-slide-type="iframe"] .lg-actual-size,
.lg-outer[data-lg-slide-type="iframe"] .lg-zoom-in,
.lg-outer[data-lg-slide-type="iframe"] .lg-zoom-out,
.lg-outer[data-lg-slide-type="video"] .lg-actual-size,
.lg-outer[data-lg-slide-type="video"] .lg-zoom-in,
.lg-outer[data-lg-slide-type="video"] .lg-zoom-out {
  opacity: 0.75;
  pointer-events: none;
}
.lg-outer .lg-thumb-outer {
  background-color: #0d0a0a;
  float: left;
  max-height: 350px;
  overflow: hidden;
  width: 100%;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb,
.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-middle {
  text-align: center;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-left {
  text-align: left;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-right {
  text-align: right;
}
.lg-outer.lg-single-item .lg-thumb-outer {
  display: none;
}
.lg-outer .lg-thumb {
  display: inline-block;
  height: 100%;
  margin-bottom: -5px;
  padding: 5px 0;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .lg-outer .lg-thumb {
    padding: 10px 0;
  }
}
.lg-outer .lg-thumb-item {
  border-radius: 2px;
  cursor: pointer;
  float: left;
  height: 100%;
  margin-bottom: 5px;
  overflow: hidden;
  will-change: border-color;
}
@media (min-width: 768px) {
  .lg-outer .lg-thumb-item {
    border: 2px solid #fff;
    border-radius: 4px;
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer .lg-toggle-thumb:after {
  content: "";
}
.lg-outer.lg-animate-thumb .lg-thumb {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* Aboutus Path Cards Grid Layout */
.home-page__aboutus-path-items--grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  width: 50%;
}

.home-page__aboutus-path-item--card {
  background-color: var(--color-tertiary);
  border-radius: 16px;
  padding: 20px;
  border: 1px solid var(--color-denary);
  flex-direction: column;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
}

.home-page__aboutus-path-item--card:hover {
  box-shadow: 0 30px 40px rgba(0, 24, 133, 0.2), 0 0 10px rgba(4, 20, 163, 0.2);
}

.home-page__aboutus-path-item--card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
  transition: background 0.3s ease;
}

.home-page__aboutus-path-item--card:hover::before {
  background: rgba(0, 0, 0, 0.2);
}

.home-page__aboutus-path-item--card .home-page__aboutus-path-item-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 12px;
  padding: 20px;
  position: relative;
  z-index: 2;
}

.home-page__aboutus-path-item--card .home-page__aboutus-path-item-number {
  font-family: var(--font-primary-600);
  font-size: 30px;
  color: white;
  margin: 0 0 8px 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.home-page__aboutus-path-item--card .home-page__aboutus-path-item-subtitulo {
  font-family: var(--font-primary-500);
  font-size: 14px;
  color: white;
  margin: 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.home-page__aboutus-path-item--card .home-page__aboutus-path-item-title {
  font-family: var(--font-primary-600);
  font-size: 16px;
  color: var(--color-primary);
  margin: 0 0 8px 0;
}

.home-page__aboutus-path-item--card .home-page__aboutus-path-item-description {
  font-family: var(--font-primary-500);
  font-size: 14px;
  color: var(--color-primary);
  margin: 0;
  line-height: 1.4;
}

/* Responsive adjustments */
@media (max-width: 960px) {
  .home-page__aboutus-path-items--grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
}

/* Conveniences Section */
.home-page__conveniences {
  padding: 80px 0;
}

.home-page__conveniences-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: start;
}

.home-page__conveniences-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.home-page__conveniences-card {
  background: white;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.home-page__conveniences-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 16px rgba(52, 140, 240, 0.15);
}

.home-page__conveniences-card-logo {
  margin-bottom: 16px;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-page__conveniences-card-logo img {
  max-width: 100%;
  max-height: 60px;
  object-fit: contain;
}

.home-page__conveniences-card-title {
  font-family: var(--font-primary-600);
  font-size: 16px;
  color: var(--color-primary);
  margin-bottom: 8px;
  line-height: 1.3;
}

.home-page__conveniences-card-subtitle {
  font-family: var(--font-primary-500);
  font-size: 12px;
  color: #666;
  line-height: 1.4;
}

.home-page__conveniences-info {
  padding-left: 20px;
}

.home-page__conveniences-tag {
  display: inline-block;
  background: var(--color-quaternary);
  color: var(--color-white);
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-family: var(--font-primary-500);
  margin-bottom: 20px;
}

.home-page__conveniences-tag::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--color-white);
  border-radius: 50%;
  margin-right: 8px;
}

.home-page__conveniences-info-title {
  font-family: var(--font-primary-700);
  font-size: 32px;
  color: var(--color-primary);
  margin-bottom: 20px;
  line-height: 1.2;
}

.home-page__conveniences-info-description {
  font-family: var(--font-primary-400);
  font-size: 16px;
  color: #666;
  line-height: 1.6;
  margin-bottom: 30px;
}

.home-page__conveniences-button {
  display: inline-block;
}

.home-page__conveniences-button .site-button {
  background: var(--color-primary);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-family: var(--font-primary-600);
  font-size: 14px;
  transition: background-color 0.3s ease;
}

.home-page__conveniences-button .site-button:hover {
  background: var(--color-secondary);
}

/* Responsive adjustments for conveniences */
@media (max-width: 1024px) {
  .home-page__conveniences-content {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .home-page__conveniences-info {
    padding-left: 0;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .home-page__conveniences-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .home-page__conveniences-info-title {
    font-size: 28px;
  }
}

@media (max-width: 480px) {
  .home-page__conveniences-grid {
    grid-template-columns: 1fr;
  }

  .home-page__conveniences-info-title {
    font-size: 24px;
  }
}
.site-header__item.has-children {
  position: relative;
}
.site-header__item.has-children::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 15px;
  z-index: 39;
  background: transparent;
  pointer-events: none;
}
.site-header__item.has-children:hover::after {
  pointer-events: auto;
}
.site-header__submenu-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  padding: 16px;
  padding-top: 15px;
  margin-top: -10px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.15);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(0);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.15s;
  z-index: 40;
}
.site-header__item.has-children:hover > .site-header__submenu-wrapper,
.site-header__item.has-children:focus-within > .site-header__submenu-wrapper,
.site-header__item.has-children .site-header__submenu-wrapper:hover,
.site-header__submenu-item.has-children:hover > .site-header__submenu-wrapper,
.site-header__submenu-item.has-children:focus-within > .site-header__submenu-wrapper {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s;
}
.site-header__list > .site-header__item.has-children:hover > .site-header__megamenu,
.site-header__list > .site-header__item.has-children:focus-within > .site-header__megamenu,
.site-header__list > .site-header__item.has-children .site-header__megamenu:hover {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s;
}
.site-header__submenu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.site-header__submenu-item {
  position: relative;
}
.site-header__submenu-item.has-children > .site-header__submenu-wrapper {
  top: 0;
  left: 100%;
  margin-left: 12px;
}
.site-header__submenu-link {
  display: block;
  padding: 10px 14px;
  border-radius: 12px;
  font-family: var(--font-primary-500);
  font-size: 14px;
  line-height: 1.4;
  color: var(--color-neutral-900, #0f172a);
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}
.site-header__submenu-link:hover {
  background-color: var(--color-quinary);
  color: #fff;
  width: 100%;
}
.site-header__list > .site-header__item.has-children {
  position: static;
}
.site-header__list > .site-header__item.has-children::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 15px;
  z-index: 39;
  background: transparent;
  pointer-events: none;
}
.site-header__list > .site-header__item.has-children:hover::after {
  pointer-events: auto;
}
.site-header__list > .site-header__item.has-children > .site-header__megamenu {
  position: absolute;
  left: 0;
  top: calc(var(--header-item-height, 40px));
  min-width: 680px;
  padding: 24px;
  padding-top: 15px;
  margin-top: -5px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(0);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.15s;
  z-index: 40;
}
.site-header__list > .site-header__item.has-children:hover > .site-header__megamenu,
.site-header__list > .site-header__item.has-children:focus-within > .site-header__megamenu,
.site-header__megamenu:hover {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s;
}
.site-header__list > .site-header__item:first-child {
  --header-item-height: 40px;
}
.site-header__megamenu {
  min-width: 680px;
  padding: 24px;
}
.site-header__megamenu-grid {
  display: grid;
  grid-template-columns: 240px 1fr 1fr;
  gap: 24px;
  align-items: start;
}
.site-header__megamenu-image {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 1;
}
.site-header__megamenu-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.site-header__megamenu-column {
  min-width: 0;
}
.site-header__megamenu .site-header__submenu {
  gap: 4px;
}
.site-header__megamenu .site-header__submenu-link {
  padding: 8px 12px;
  font-size: 14px;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .site-header__megamenu {
    min-width: auto;
    width: 90vw;
    max-width: 500px;
    padding: 16px;
  }
  .site-header__megamenu-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .site-header__megamenu-image {
    display: none;
  }
}
.aboutus-page__calendario-table-wrapper {
  width: 100%;
  overflow-x: auto;
}
.aboutus-page__calendario-table-container {
  min-width: 100%;
}
.aboutus-page__calendario-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--color-denary, #e5e7eb);
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  font-family: 'Urbanist Regular';
}
.aboutus-page__calendario-table thead tr {
  background: var(--color-denary, #f9fafb);
}
.aboutus-page__calendario-table th {
  padding: 16px;
  text-align: left;
  font-weight: 600;
  color: var(--color-neutral-900, #111827);
  border-bottom: 2px solid var(--color-denary, #e5e7eb);
  border-right: 1px solid var(--color-denary, #e5e7eb);
  min-width: 120px;
}
.aboutus-page__calendario-table th:last-child {
  border-right: none;
  text-align: center;
  min-width: 100px;
}
.aboutus-page__calendario-table th:nth-child(2) {
  min-width: 300px;
}
.aboutus-page__calendario-table td {
  padding: 12px 16px;
  color: var(--color-neutral-700, #374151);
  border-right: 1px solid var(--color-denary, #e5e7eb);
  border-bottom: 1px solid var(--color-denary, #e5e7eb);
  vertical-align: top;
}
.aboutus-page__calendario-table td:last-child {
  text-align: center;
}
.aboutus-page__calendario-table td:last-child ul{
  text-align: justify;
}
.aboutus-page__calendario-table td:last-child ul li {
  padding: 5px 0;
}
.aboutus-page__calendario-table tbody tr:last-child td {
  border-bottom: none;
}
.aboutus-page__calendario-table-bimestre {
  padding: 16px;
  text-align: center;
  font-weight: 600;
  color: var(--color-neutral-900, #111827);
  background: var(--color-denary, #f9fafb);
  border-right: 1px solid var(--color-denary, #e5e7eb);
  border-bottom: 1px solid var(--color-denary, #e5e7eb);
  vertical-align: middle;
}
.aboutus-page__calendario-table-label {
  color: var(--color-neutral-900, #111827);
  font-weight: 600;
}
.aboutus-page__calendario-text {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .aboutus-page__calendario-table th,
  .aboutus-page__calendario-table td {
    padding: 10px 12px;
    font-size: 14px;
  }
  .aboutus-page__calendario-table th:nth-child(2) {
    min-width: 250px;
  }
}

.text-ideario-quote{
  font-style: italic;
}

.aboutus-page__banner-image__academica{
  width: 100%;
}

.pastoral_img_innova{
  width: 100%;
}
.pastoral-page__content-section {
  margin: 0;
}
.pastoral-page__content-container {
  padding: 0;
}
.pastoral-page__content {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 10px;
}
.pastoral-page__content-image {
  flex: 0 0 35%;
  max-width: 35%;
  min-width: 0;
  padding: 32px;
}
.pastoral-page__content-text {
  flex: 1;
  min-width: 0;
}
.pastoral-page__content-text .aboutus-page__misionvision-items {
  grid-template-columns: 1fr;
}
.pastoral-page__content-figure {
  margin: 0;
  padding: 0;
}
.pastoral-page__content-figure .pastoral_img_innova {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 15px;
}
@media (max-width: 767px) {
  .pastoral-page__content {
    flex-direction: column;
    gap: 10px;
  }
  .pastoral-page__content-image {
    flex: none;
    max-width: 100%;
    padding: 10px;
  }
  .aboutus-page__misionvision-item{
    padding: 10px;
  }
}

/* Ideario: dos columnas (imagen estrecha / texto ancho), mismo layout que pastoral */
.ideario-page__content-section {
  margin: 0;
}
.ideario-page__content-container {
  padding: 0;
}
.ideario-page__content {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 10px;
}
.ideario-page__content-image {
  flex: 0 0 35%;
  max-width: 35%;
  min-width: 0;
  padding: 32px;
}
.ideario-page__content-text {
  flex: 1;
  min-width: 0;
}
.ideario-page__content-text .aboutus-page__misionvision-items {
  grid-template-columns: 1fr;
}
.ideario-page__content-figure {
  margin: 0;
  padding: 0;
}
.ideario-page__content-figure .ideario-page__content-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 16px;
}
@media (max-width: 767px) {
  .ideario-page__content {
    flex-direction: column;
    gap: 10px;
  }
  .ideario-page__content-image {
    flex: none;
    max-width: 100%;
    padding: 10px;
  }
  .ideario-page__content-text .aboutus-page__misionvision-item {
    padding: 10px;
  }
}

/* Subdirección Académica: dos columnas (título estrecho / contenido ancho), mismos padding que pastoral */
.subdireccion-page__content-section {
  margin: 0;
}
.subdireccion-page__content-container {
  padding: 0;
}
.subdireccion-page__content {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 10px;
}
.subdireccion-page__content-title {
  flex: 0 0 35%;
  max-width: 35%;
  min-width: 0;
  padding: 32px;
}
.subdireccion-page__content-text {
  flex: 1;
  min-width: 0;
}
.subdireccion-page__content-text .aboutus-page__misionvision-items {
  grid-template-columns: 1fr;
}
@media (max-width: 767px) {
  .subdireccion-page__content {
    flex-direction: column;
    gap: 10px;
  }
  .subdireccion-page__content-title {
    flex: none;
    max-width: 100%;
    padding: 10px;
  }
  .subdireccion-page__content-text .aboutus-page__misionvision-item {
    padding: 10px;
  }
}

/* Calendario académico - diseño tipo ámbito normativo (encabezado azul, bordes) */
.subdireccion-page__calendario-table-wrapper {
  width: 100%;
  overflow-x: auto;
  margin-top: 16px;
}
.subdireccion-page__calendario-table-container {
  min-width: 100%;
}
.subdireccion-page__calendario-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--color-tertiary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 1.5;
}
.subdireccion-page__calendario-table thead tr {
  background: var(--color-quinary);
}
.subdireccion-page__calendario-table thead th {
  padding: 14px 16px;
  color: var(--color-tertiary);
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.02em;
  border: none;
}
.subdireccion-page__calendario-table thead th:first-child {
  text-align: center;
}
.subdireccion-page__calendario-table tbody td {
  padding: 12px 16px;
  color: var(--color-duodenary, #000);
  border-bottom: 1px solid var(--color-denary, #c5cdd3);
  border-right: 1px solid var(--color-denary, #c5cdd3);
  text-align: left;
  vertical-align: top;
}
.subdireccion-page__calendario-table tbody td:last-child {
  border-right: none;
  text-align: center;
}
.subdireccion-page__calendario-table tbody tr:last-child td {
  border-bottom: none;
}
.subdireccion-page__calendario-table-bimestre {
  background: var(--color-novenary, #f6f7f9);
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  color: var(--color-senary, #233d4a);
}
.subdireccion-page__calendario-table-label {
  color: var(--color-senary, #233d4a);
  font-weight: 600;
}
@media (max-width: 767px) {
  .subdireccion-page__calendario-table thead th,
  .subdireccion-page__calendario-table tbody td {
    padding: 10px 12px;
    font-size: 14px;
  }
}

/* Estilos para la sección de pestañas de matrícula */
.innovaagency-detail__tabs-wrap {
  padding-bottom: 60px;
}
.innovaagency-detail__tabs {
  border-radius: 32px;
  overflow: hidden;
  padding: 60px 0;
}
.innovaagency-detail__tabs-title {
  margin: auto;
  text-align: center;
  font-family: var(--font-primary-700);
}
.innovaagency-detail__tabs-title .site-title__title {
  margin-top: 4px;
}
.innovaagency-detail__tabs-content-item {
  padding: 20px 0;
}
.innovaagency-detail__tabs-item-wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.innovaagency-detail__tabs-image {
  width: 100%;
}
.innovaagency-detail__tabs-image .innovaagency-detail__about-image {
  margin: 0;
  width: 100%;
}
.innovaagency-detail__tabs-image .innovaagency-detail__about-img {
  border-radius: 20px;
  height: auto;
  object-fit: cover;
  width: 100%;
}
.innovaagency-detail__tabs-text {
  width: 100%;
}
.innovaagency-detail__tabs-highlight {
  background: var(--color-novenary);
  border: 2px solid var(--color-quaternary);
  margin-top: 0;
  padding: 32px;
  position: relative;
}
.innovaagency-detail__tabs-highlight-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.innovaagency-detail__tabs-highlight-icon {
  align-items: center;
  display: flex;
  height: 48px;
  justify-content: flex-start;
  width: 48px;
}
.innovaagency-detail__tabs-highlight-icon-img {
  height: 48px;
  object-fit: contain;
  width: 48px;
}
.innovaagency-detail__tabs-highlight-title {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 24px;
  line-height: 140%;
  margin: 0;
}
.innovaagency-detail__tabs-highlight-text {
  color: var(--color-primary);
  margin-top: 0;
}
@media (max-width: 1024px) {
  .innovaagency-detail__tabs-wrap {
    padding-bottom: 40px;
  }
  .innovaagency-detail__tabs {
    padding: 40px 0;
  }
  .innovaagency-detail__tabs-content-item {
    padding: 30px 0;
  }
  .innovaagency-detail__tabs-item-wrapper {
    gap: 24px;
  }
  .innovaagency-detail__tabs-highlight {
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .innovaagency-detail__tabs-wrap {
    padding-bottom: 30px;
  }
  .innovaagency-detail__tabs {
    padding: 30px 0;
  }
  .innovaagency-detail__tabs-content-item {
    padding: 20px 0;
  }
  .innovaagency-detail__tabs-item-wrapper {
    gap: 20px;
  }
  .innovaagency-detail__tabs-highlight {
    padding: 20px;
  }
  .innovaagency-detail__tabs-highlight-title {
    font-size: 20px;
  }
}
.popup-floating-button {
  position: fixed;
  left: 0;
  z-index: 1100;
  background-color: var(--color-quaternary);
  color: white;
  border: none;
  padding: 20px 12px;
  border-radius: 0 12px 12px 0;
  cursor: pointer;
  transition: all 0.3s ease;
  writing-mode: sideways-lr;
  text-orientation: mixed;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  font-family: var(--font-primary-700);
}
.popup-floating-button--01 {
  top: 50%;
  transform: translateY(-50%);
}
.popup-floating-button--02 {
  top: calc(50% + 140px);
  transform: translateY(-50%);
}
.popups-dos-activos .popup-floating-button--01 {
  top: calc(50% - 50px);
  transform: translateY(-50%);
}
.popups-dos-activos .popup-floating-button--02 {
  top: calc(50% + 100px);
  transform: translateY(-50%);
}
.popups-un-activo .popup-floating-button--01,
.popups-un-activo .popup-floating-button--02 {
  top: 50%;
  transform: translateY(-50%);
}
.popup-floating-button:hover {
  background-color: var(--color-quinary);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}
.popups-dos-activos .popup-floating-button--01:hover {
  transform: translateY(-50%) translateX(4px);
}
.popups-dos-activos .popup-floating-button--02:hover {
  transform: translateY(-50%) translateX(4px);
}
.popups-un-activo .popup-floating-button--01:hover,
.popups-un-activo .popup-floating-button--02:hover {
  transform: translateY(-50%) translateX(4px);
}
.popup-floating-button-text {
  display: block;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .popup-floating-button {
    padding: 16px 10px;
    min-height: 100px;
    font-size: 14px;
  }
  .popups-dos-activos .popup-floating-button--01 {
    top: calc(50% - 80px);
    transform: translateY(-50%);
  }
  .popups-dos-activos .popup-floating-button--02 {
    top: calc(50% + 80px);
    transform: translateY(-50%);
  }
  .popups-dos-activos .popup-floating-button--01:hover {
    transform: translateY(-50%) translateX(4px);
  }
  .popups-dos-activos .popup-floating-button--02:hover {
    transform: translateY(-50%) translateX(4px);
  }
  .popups-un-activo .popup-floating-button--01,
  .popups-un-activo .popup-floating-button--02 {
    top: 50%;
    transform: translateY(-50%);
  }
  .popups-un-activo .popup-floating-button--01:hover,
  .popups-un-activo .popup-floating-button--02:hover {
    transform: translateY(-50%) translateX(4px);
  }
}

.innovaagency-detail__important {
  background-color: var(--color-tertiary);
  font-family: var(--font-primary-400);
  border-radius: 15px;
  padding: 20px;
}

.innovaagency-detail__costos-wrap {
  padding-bottom: 60px;
  padding-top: 60px;
}
.innovaagency-detail__costos {
  background-color: var(--color-octonary);
  border-radius: 32px;
  padding: 60px 0;
}
.innovaagency-detail__costos-content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.innovaagency-detail__costos-title {
  margin-bottom: 20px;
  text-align: center;
}
.innovaagency-detail__costos-intro {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 18px;
  line-height: 160%;
  margin-bottom: 20px;
  text-align: center;
}
.innovaagency-detail__costos-section {
  margin-bottom: 40px;
}
.innovaagency-detail__costos-section:last-child {
  margin-bottom: 0;
}
.innovaagency-detail__costos-section-header {
  margin-bottom: 24px;
  text-align: center;
}
.innovaagency-detail__costos-section-title {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 28px;
  line-height: 140%;
  margin-bottom: 8px;
}
.innovaagency-detail__costos-section-subtitle {
  color: var(--color-quaternary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 150%;
  margin: 0;
}
.innovaagency-detail__costos-cards {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 24px;
}
.innovaagency-detail__costos-card {
  align-items: center;
  background-color: var(--color-tertiary);
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px 24px;
  text-align: center;
  transition: all 0.3s ease;
}
.innovaagency-detail__costos-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transform: translateY(-4px);
}
.innovaagency-detail__costos-card-icon {
  align-items: center;
  background-color: var(--color-undenary);
  border-radius: 50%;
  display: flex;
  height: 80px;
  justify-content: center;
  margin: 0 auto;
  width: 80px;
}
.innovaagency-detail__costos-card-icon img {
  height: 48px;
  width: 48px;
}
.innovaagency-detail__costos-card-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.innovaagency-detail__costos-card-nivel {
  color: var(--color-quaternary);
  font-family: var(--font-primary-600);
  font-size: 16px;
  line-height: 150%;
  text-transform: uppercase;
}
.innovaagency-detail__costos-card-cuota {
  color: var(--color-secondary);
  font-family: var(--font-primary-800);
  font-size: 32px;
  line-height: 120%;
}
.innovaagency-detail__costos-pago {
  background-color: var(--color-tertiary);
  border-radius: 20px;
  margin-top: 40px;
  padding: 32px;
}
.innovaagency-detail__costos-pago-title {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 24px;
  line-height: 140%;
  margin-bottom: 24px;
  text-align: center;
}
.innovaagency-detail__costos-pago-items {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.innovaagency-detail__costos-pago-item {
  align-items: flex-start;
  display: flex;
  gap: 20px;
}
.innovaagency-detail__costos-pago-icon {
  align-items: center;
  background-color: var(--color-tertiary);
  border-radius: 12px;
  display: flex;
  flex-shrink: 0;
  height: 56px;
  justify-content: center;
  margin: 0;
  width: 56px;
}
.innovaagency-detail__costos-pago-icon img {
  height: 32px;
  width: 32px;
}
.innovaagency-detail__costos-pago-content {
  flex: 1;
}
.innovaagency-detail__costos-pago-item-title {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 20px;
  line-height: 140%;
  margin-bottom: 12px;
}
.innovaagency-detail__costos-pago-description {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 160%;
  margin-bottom: 12px;
}
.innovaagency-detail__costos-pago-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.innovaagency-detail__costos-pago-list-item {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 160%;
  margin-bottom: 8px;
  position: relative;
}
.innovaagency-detail__costos-pago-list-item strong {
  font-family: var(--font-primary-700);
}
.innovaagency-detail__costos-procesamiento {
  background-color: var(--color-undenary);
  border-left: 4px solid var(--color-secondary);
  border-radius: 8px;
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 160%;
  margin-top: 24px;
  padding: 16px 20px;
}
.innovaagency-detail__costos-procesamiento strong {
  font-family: var(--font-primary-700);
}
.innovaagency-detail__costos-consultas {
  align-items: center;
  background-color: var(--color-tertiary);
  border-radius: 16px;
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-top: 32px;
  padding: 20px;
}
.innovaagency-detail__costos-consultas strong {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 16px;
}
.innovaagency-detail__costos-consultas-phone {
  color: var(--color-secondary);
  font-family: var(--font-primary-700);
  font-size: 20px;
  text-decoration: none;
  transition: color 0.3s ease;
}
.innovaagency-detail__costos-consultas-phone:hover {
  color: var(--color-quinary);
}
@media (max-width: 1024px) {
  .innovaagency-detail__costos-wrap {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .innovaagency-detail__costos {
    padding: 60px 0;
  }
  .innovaagency-detail__costos-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .innovaagency-detail__costos-section-title {
    font-size: 24px;
  }
  .innovaagency-detail__costos-card-cuota {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .innovaagency-detail__costos-wrap {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .innovaagency-detail__costos {
    padding: 50px 0;
  }
  .innovaagency-detail__costos-content {
    gap: 30px;
  }
  .innovaagency-detail__costos-cards {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  .innovaagency-detail__costos-card {
    padding: 24px 20px;
  }
  .innovaagency-detail__costos-card-icon {
    height: 64px;
    width: 64px;
  }
  .innovaagency-detail__costos-card-icon img {
    height: 40px;
    width: 40px;
  }
  .innovaagency-detail__costos-card-cuota {
    font-size: 24px;
  }
  .innovaagency-detail__costos-section-title {
    font-size: 22px;
  }
  .innovaagency-detail__costos-pago {
    padding: 24px 20px;
  }
  .innovaagency-detail__costos-pago-title {
    font-size: 20px;
  }
  .innovaagency-detail__costos-pago-item {
    flex-direction: column;
    gap: 16px;
    padding: 20px;
  }
  .innovaagency-detail__costos-pago-icon {
    height: 48px;
    width: 48px;
  }
  .innovaagency-detail__costos-pago-icon img {
    height: 28px;
    width: 28px;
  }
  .innovaagency-detail__costos-pago-item-title {
    font-size: 18px;
  }
  .innovaagency-detail__costos-consultas {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
}

/* Historia page - timeline (tal cual referencia) */
.historia-page__section {
  padding-bottom: 80px;
  padding-top: 20px;
}
.historia-page__header {
  margin-bottom: 48px;
  text-align: center;
}
.historia-page__tabs {
  display: inline-flex;
  padding: 4px;
  background: var(--color-undenary);
  border-radius: 999px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
}
.historia-page__tab {
  padding: 10px 24px;
  border-radius: 999px;
  font-family: var(--font-primary-700);
  font-size: 15px;
  color: var(--color-tridenary);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
.historia-page__tab:hover {
  color: var(--color-primary);
}
.historia-page__tab--active {
  background: #f5d020;
  color: var(--color-secondary);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.historia-page__panel.hidden {
  display: none;
}
.historia-page__figure.js-historia-zoom {
  cursor: pointer;
}
.historia-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}
.historia-lightbox[hidden] {
  display: none;
}
.historia-lightbox.historia-lightbox--open {
  opacity: 1;
  visibility: visible;
}
.historia-lightbox.historia-lightbox--open[hidden] {
  display: flex;
}
.historia-lightbox__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}
.historia-lightbox__inner {
  position: relative;
  z-index: 1;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.historia-lightbox__image-wrap {
  background: var(--color-tertiary);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.25);
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: historia-lightbox-in 0.3s ease forwards;
}
@keyframes historia-lightbox-in {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.historia-lightbox__image {
  max-width: 100%;
  max-height: 85vh;
  width: auto;
  height: auto;
  display: block;
  object-fit: contain;
}
.historia-lightbox__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: var(--color-quaternary);
  color: var(--color-white);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
  transition: background 0.2s, color 0.2s, transform 0.2s;
  z-index: 1000;
}
.historia-lightbox__close:hover {
  background: var(--color-quinary);
  color: var(--color-tertiary);
  transform: scale(1.05);
}
.historia-lightbox__close iconify-icon {
  font-size: 1.5rem;
}
.historia-page__title .site-title__title {
  margin: 0;
}
.historia-page__timeline {
  position: relative;
  max-width: 920px;
  margin: 0 auto;
}
.historia-page__timeline-line {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  margin-left: -1px;
  background-color: rgba(0, 75, 139, 0.2);
}
.historia-page__item {
  position: relative;
  margin-bottom: 56px;
}
.historia-page__item:last-child {
  margin-bottom: 0;
}
.historia-page__dot {
  position: absolute;
  left: 50%;
  top: 1px;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  border-radius: 50%;
  background-color: var(--color-secondary);
  z-index: 2;
  animation: historia-dot-pulse 2s ease-in-out infinite;
}
@keyframes historia-dot-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 75, 139, 0.4);
  }
  50% {
    opacity: 0.85;
    transform: scale(1.15);
    box-shadow: 0 0 0 6px rgba(0, 75, 139, 0);
  }
}
.historia-page__item-inner {
  position: relative;
  display: grid;
  grid-template-columns: calc(50% - 12px) 24px calc(50% - 12px);
  align-items: start;
  width: 100%;
  gap: 0;
}
.historia-page__item--right .historia-page__side {
  grid-column: 1;
  grid-row: 1;
  justify-self: end;
  margin-right: 12px;
}
.historia-page__item--right .historia-page__content {
  grid-column: 3;
  grid-row: 1;
  justify-self: start;
  margin-left: 12px;
  max-width: 100%;
  box-sizing: border-box;
}
.historia-page__item--left .historia-page__side {
  grid-column: 3;
  grid-row: 1;
  justify-self: start;
  margin-left: 12px;
}
.historia-page__item--left .historia-page__content {
  grid-column: 1;
  grid-row: 1;
  justify-self: end;
  margin-right: 12px;
  max-width: 100%;
  box-sizing: border-box;
}
.historia-page__side {
  position: relative;
  display: inline-block;
}
.historia-page__side:has(.historia-page__figure) .historia-page__date {
  position: absolute;
  top: -6px;
  z-index: 2;
}
.historia-page__item--right .historia-page__side:has(.historia-page__figure) .historia-page__date {
  left: auto;
  right: 8px;
  transform: none;
}
.historia-page__item--left .historia-page__side:has(.historia-page__figure) .historia-page__date {
  left: 8px;
  transform: none;
}
.historia-page__date {
  padding: 10px 20px;
  border-radius: 999px;
  background-color: var(--color-quinary);
  color: var(--color-white);
  font-family: var(--font-primary-700);
  font-size: 14px;
  line-height: 1.2;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0, 75, 139, 0.12);
}
.historia-page__card {
  position: relative;
  padding: 28px 24px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  border: 1px solid var(--color-denary);
}
.historia-page__card-inner {
  position: relative;
}
.historia-page__figure {
  margin: 0;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgba(0, 75, 139, 0.25);
  flex-shrink: 0;
}
.historia-page__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0.6;
}
.historia-page__card-title {
  color: var(--color-primary);
  font-family: var(--font-primary-700);
  font-size: 25px;
  line-height: 1.3;
  margin: 0 0 12px;
}
.historia-page__card-content {
  color: var(--color-primary);
  font-family: var(--font-primary-400);
  font-size: 14px;
  line-height: 1.55;
}
.historia-page__card-content p {
  margin: 0 0 8px;
}
.historia-page__card-content p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .historia-page__timeline-line {
    left: 16px;
    margin-left: 0;
  }
  .historia-page__dot {
    left: 16px;
    margin-left: -5px;
    top: 1px;
  }
  .historia-page__item-inner {
    grid-template-columns: 24px 1fr;
    gap: 12px 16px;
  }
  .historia-page__item--right .historia-page__side,
  .historia-page__item--right .historia-page__content,
  .historia-page__item--left .historia-page__side,
  .historia-page__item--left .historia-page__content {
    grid-column: 2;
    justify-self: start;
    margin-left: 0;
    margin-right: 0;
  }
  .historia-page__figure {
    width: 120px;
    height: 120px;
  }
}
@media (max-width: 767px) {
  .historia-page__section {
    padding-bottom: 60px;
    padding-top: 40px;
  }
  .historia-page__header {
    margin-bottom: 32px;
  }
  .historia-page__card {
    padding: 22px 20px;
  }
  .historia-page__card-title {
    font-size: 18px;
  }
  .historia-page__card-bg {
    background-size: 50% auto;
    opacity: 0.06;
  }
  .historia-page__item--left .historia-page__side:has(.historia-page__figure) .historia-page__date{
    top: -40px;
  }
  .historia-page__item--right .historia-page__side:has(.historia-page__figure) .historia-page__date{
    top: -40px;
  }
}

/* ========== Subdirección Académica (rediseño tipo ejemploaca) ========== */
.subdireccion-aca__hero {
  position: relative;
  height: 520px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--color-senary);
}
.subdireccion-aca__hero-bg {
  position: absolute;
  inset: 0;
  margin: 0;
}
.subdireccion-aca__hero-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.05);
}
.subdireccion-aca__hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(35, 61, 74, 0.92) 0%, rgba(35, 61, 74, 0.5) 100%);
}
.subdireccion-aca__hero-inner {
  position: relative;
  z-index: 1;
  width: 100%;
}
.subdireccion-aca__hero-content {
  max-width: 36em;
  color: var(--color-tertiary);
}
.subdireccion-aca__hero-badge {
  display: inline-block;
  padding: 8px 18px;
  background: rgba(0, 75, 139, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 9999px;
  font-family: var(--font-primary-600);
  font-size: var(--font-size-sm);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
}
.subdireccion-aca__hero-title {
  margin: 0 0 24px 0;
  font-family: var(--font-primary-700);
  font-size: 40px;
  line-height: 1.15;
  color: var(--color-tertiary);
}
.subdireccion-aca__hero-title strong {
  font-family: var(--font-primary-700);
}
.subdireccion-aca__hero-text {
  margin: 0;
  font-family: var(--font-primary-400);
  font-size: 18px;
  line-height: 1.5;
  color: var(--color-tertiary);
  opacity: 0.92;
  max-width: 32em;
}
@media (max-width: 767px) {
  .subdireccion-aca__hero {
    height: 400px;
  }
  .subdireccion-aca__hero-title {
    font-size: 28px;
  }
  .subdireccion-aca__hero-text {
    font-size: var(--font-size-sm);
  }
}

.subdireccion-aca__section {
  padding: 50px 0 40px;
}
.subdireccion-aca__container {
  width: 100%;
}
.subdireccion-aca__grid {
  display: grid;
  gap: 40px;
  align-items: start;
}
.subdireccion-aca__grid--presentacion {
  grid-template-columns: 1fr 2fr;
}
.subdireccion-aca__card {
  padding: 32px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}
.subdireccion-aca__card--welcome {
  background: var(--color-novenary);
}
.subdireccion-aca__card--welcome::before {
  content: "";
  position: absolute;
  top: -24px;
  right: -24px;
  width: 100px;
  height: 100px;
  background: rgba(0, 75, 139, 0.06);
  border-radius: 50%;
}
.subdireccion-aca__label {
  display: block;
  color: var(--color-secondary);
  font-family: var(--font-primary-600);
  font-size: var(--font-size-sm);
  text-transform: uppercase;
}
.subdireccion-aca__card-title {
  margin: 0 0 24px 0;
  font-family: var(--font-primary-700);
  font-size: 22px;
  line-height: 1.2;
  color: var(--color-senary);
}
.subdireccion-aca__card-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.subdireccion-aca__card-line-bar {
  width: 40px;
  height: 2px;
  background: var(--color-secondary);
}
.subdireccion-aca__card-line-figure {
  margin: 0;
  width: 100%;
  flex-basis: 100%;
}
.subdireccion-aca__card-line-figure .subdireccion-aca__card-line-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
  object-fit: cover;
}
.subdireccion-aca__card-line-text {
  font-family: var(--font-primary-600);
  font-size: var(--font-size-sm);
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.subdireccion-aca__body {
  font-family: var(--font-primary-400);
  font-size: var(--font-size-base);
  line-height: 1.5;
  color: var(--color-primary);
}
.subdireccion-aca__editor p {
  margin: 0 0 1em 0;
}
.subdireccion-aca__editor p:last-child {
  margin-bottom: 0;
}
.subdireccion-aca__figure {
  margin: 20px 0 0 0;
}
.subdireccion-aca__figure .subdireccion-aca__img {
  width: 100%;
  height: auto;
  border-radius: 16px;
}
@media (max-width: 1024px) {
  .subdireccion-aca__grid--presentacion {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .subdireccion-aca__section {
    padding: 40px 0 32px;
  }
  .subdireccion-aca__card {
    padding: 24px;
  }
  .subdireccion-aca__card-title {
    font-size: 20px;
  }
}

.subdireccion-aca__normativos {
  position: relative;
  padding: 50px 0 40px;
  overflow: hidden;
}
.subdireccion-aca__normativos-bg {
  position: absolute;
  inset: 0;
  background: var(--color-novenary);
  transform: skewY(-3deg) scale(1.1);
  transform-origin: right;
  z-index: -1;
}
.subdireccion-aca__normativos-header {
  text-align: center;
  margin-bottom: 40px;
}
.subdireccion-aca__section-title {
  margin: 4px 0 0 0;
  font-family: var(--font-primary-700);
  font-size: 28px;
  line-height: 1.2;
  color: var(--color-senary);
}
.subdireccion-aca__glass-card {
  max-width: 56em;
  margin: 0 auto;
  padding: 32px 40px;
  border-radius: 16px;
  background: var(--color-tertiary);
  border: 1px solid var(--color-undenary);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}
.subdireccion-aca__glass-inner {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .subdireccion-aca__glass-inner {
    flex-direction: row;
    align-items: flex-start;
  }
}
.subdireccion-aca__glass-icon {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: var(--color-secondary);
  color: var(--color-tertiary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
}
.subdireccion-aca__glass-body {
  flex: 1;
  min-width: 0;
}
.subdireccion-aca__glass-title {
  margin: 0 0 16px 0;
  font-family: var(--font-primary-700);
  font-size: 22px;
  line-height: 1.25;
  color: var(--color-senary);
}
.subdireccion-aca__glass-text {
  font-family: var(--font-primary-400);
  font-size: var(--font-size-base);
  line-height: 1.5;
  color: var(--color-tridenary);
  margin-bottom: 24px;
}
.subdireccion-aca__glass-text p {
  margin: 0 0 0.5em 0;
}
.subdireccion-aca__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  background: var(--color-senary);
  color: var(--color-tertiary);
  font-family: var(--font-primary-600);
  font-size: var(--font-size-base);
  border-radius: 16px;
  text-decoration: none;
  transition: var(--transition);
}
.subdireccion-aca__btn:hover {
  background: var(--color-secondary);
  color: var(--color-tertiary);
}
.subdireccion-aca__btn iconify-icon {
  font-size: 18px;
  transition: transform 0.2s;
}
.subdireccion-aca__btn:hover iconify-icon {
  transform: translateX(4px);
}

.subdireccion-aca__calendario-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .subdireccion-aca__calendario-header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
}
.subdireccion-aca__calendario-year {
  font-family: var(--font-primary-500);
  font-size: var(--font-size-base);
  color: var(--color-tridenary);
}
.subdireccion-aca__calendario-intro {
  margin-bottom: 24px;
  font-family: var(--font-primary-400);
  font-size: var(--font-size-base);
  line-height: 1.5;
  color: var(--color-tridenary);
}
.subdireccion-aca__table-wrap {
  background: var(--color-tertiary);
  border-radius: 16px;
  border: 1px solid var(--color-undenary);
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.subdireccion-aca__table-wrap table {
  width: 100%;
  min-width: 320px;
  border-collapse: collapse;
  text-align: left;
}
.subdireccion-aca__table thead tr {
  background: var(--color-quinary);
}
.subdireccion-aca__table thead th {
  padding: 16px 24px;
  font-family: var(--font-primary-600);
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-white);
}
.subdireccion-aca__th-bimestre {
  width: 120px;
}
.subdireccion-aca__th-weeks {
  width: 120px;
  text-align: center;
}
.subdireccion-aca__tr {
  transition: background 0.2s;
}
.subdireccion-aca__tr:hover {
  background: var(--color-novenary);
}
.subdireccion-aca__table tbody td {
  padding: 16px 24px;
  vertical-align: top;
  font-family: var(--font-primary-400);
  font-size: var(--font-size-base);
  color: var(--color-senary);
  border-bottom: 1px solid var(--color-undenary);
}
.subdireccion-aca__table tbody tr:last-child td {
  border-bottom: none;
}
.subdireccion-aca__td-bimestre {
  vertical-align: top;
}
.subdireccion-aca__bimestre-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--color-quinary);
  font-family: var(--font-primary-700);
  font-size: var(--font-size-base);
  color: var(--color-white);
  border: 1px solid var(--color-undenary);
}
.subdireccion-aca__td-detail {
  min-width: 260px;
}
.subdireccion-aca__detail-box {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 16px;
  border-radius: 12px;
  margin-bottom: 12px;
}
.subdireccion-aca__detail-box:last-child {
  margin-bottom: 0;
}
.subdireccion-aca__detail-box--lectivo {
  background: var(--color-novenary);
}
.subdireccion-aca__detail-box--vacaciones {
  background: var(--color-denary);
}
.subdireccion-aca__detail-label {
  font-family: var(--font-primary-600);
  font-size: var(--font-size-sm);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--color-senary);
}
.subdireccion-aca__detail-box--vacaciones .subdireccion-aca__detail-label {
  color: var(--color-duodenary);
  font-family: var(--font-primary-700);
}
.subdireccion-aca__detail-value {
  font-family: var(--font-primary-400);
  color: var(--color-tridenary);
}
.subdireccion-aca__detail-box--vacaciones .subdireccion-aca__detail-value {
  color: var(--color-duodenary);
}
.subdireccion-aca__td-weeks {
  text-align: center;
  vertical-align: top;
}
.subdireccion-aca__weeks-badge {
  display: inline-block;
  padding: 6px 14px;
  background: var(--color-novenary);
  border-radius: 8px;
  font-family: var(--font-primary-700);
  font-size: 20px;
  color: var(--color-senary);
}
.subdireccion-aca__table-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 20px 24px;
  background: var(--color-novenary);
  border-top: 1px solid var(--color-undenary);
  border-radius: 0 0 16px 16px;
}
.subdireccion-aca__table-note-icon {
  flex-shrink: 0;
  font-size: 25px;
  color: var(--color-secondary);
}
.subdireccion-aca__table-note-text {
  margin: 0;
  font-family: var(--font-primary-500);
  font-size: 18px;
  line-height: 1.5;
  color: var(--color-tridenary);
}
@media (max-width: 767px) {
  .subdireccion-aca__table-wrap {
    border-radius: 12px;
    margin-left: -16px;
    margin-right: -16px;
    border-left: none;
    border-right: none;
  }
  .subdireccion-aca__table-wrap table {
    min-width: 0;
  }
  .subdireccion-aca__table thead {
    display: none;
  }
  .subdireccion-aca__table tbody tr {
    display: block;
    padding: 16px;
    border-bottom: 1px solid var(--color-undenary);
    background: var(--color-tertiary);
  }
  .subdireccion-aca__table tbody tr:last-child {
    border-bottom: none;
  }
  .subdireccion-aca__table tbody td {
    display: block;
    padding: 0 0 12px 0;
    border: none;
    text-align: left;
  }
  .subdireccion-aca__table tbody td:last-child {
    padding-bottom: 0;
  }
  .subdireccion-aca__td-bimestre {
    padding-bottom: 16px !important;
    border-bottom: 1px solid var(--color-undenary);
    margin-bottom: 12px;
  }
  .subdireccion-aca__td-bimestre::before {
    content: attr(data-label);
    display: block;
    font-family: var(--font-primary-600);
    font-size: var(--font-size-sm);
    color: var(--color-quattuordenary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
  }
  .subdireccion-aca__td-detail::before {
    content: attr(data-label);
    display: block;
    font-family: var(--font-primary-600);
    font-size: var(--font-size-sm);
    color: var(--color-quattuordenary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
  }
  .subdireccion-aca__td-weeks::before {
    content: attr(data-label);
    display: block;
    font-family: var(--font-primary-600);
    font-size: var(--font-size-sm);
    color: var(--color-quattuordenary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
  }
  .subdireccion-aca__td-detail .subdireccion-aca__detail-box {
    padding: 10px 12px;
    margin-bottom: 10px;
  }
  .subdireccion-aca__glass-card {
    padding: 24px 20px;
  }
  .subdireccion-aca__section-title {
    font-size: 24px;
  }
  .subdireccion-aca__table-note {
    margin-left: -16px;
    margin-right: -16px;
    padding: 16px 20px;
    border-radius: 0;
  }
}

/* ========== Admisión page (diseño tipo ejemplo_admo) ========== */
.admision-page__banner-wrap {
  position: relative;
  height: 400px;
  overflow: hidden;
  background: var(--color-secondary);
}
.admision-page__banner-bg {
  position: absolute;
  inset: 0;
  margin: 0;
}
.admision-page__banner-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.admision-page__banner-img--mobile {
  display: none;
}
@media (max-width: 767px) {
  .admision-page__banner-wrap {
    height: 320px;
  }
  .admision-page__banner-img--desktop {
    display: none;
  }
  .admision-page__banner-img--mobile {
    display: block;
  }
}
.admision-page__banner-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 75, 139, 0.9) 0%, rgba(0, 75, 139, 0.4) 100%);
  display: flex;
  align-items: center;
}
.admision-page__banner-container {
  width: 100%;
}
.admision-page__banner-inner {
  max-width: 36em;
}
.admision-page__banner-stage {
  margin: 0 0 8px 0;
  color: rgba(255, 255, 255, 0.9);
  font-family: var(--font-primary-400);
  font-size: 14px;
}
.admision-page__banner-title {
  margin: 0;
  color: var(--color-tertiary);
  font-family: var(--font-primary-700);
  font-size: clamp(2rem, 5vw, 4.5rem);
  line-height: 1.1;
}
.admision-page__banner-title strong {
  font-family: var(--font-primary-700);
}

/* About / Presentación */
.admision-page__about {
  padding: 0 0 60px 0;
  margin-top: -80px;
  position: relative;
  z-index: 2;
}
.admision-page__about-container {
  width: 100%;
}
.admision-page__about-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start;
}
.admision-page__about-content {
  background: var(--color-tertiary);
  padding: 32px 40px 40px;
  border-radius: 16px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--color-undenary);
}
.admision-page__about-titles {
  margin-bottom: 24px;
}
.admision-page__about-subtitle {
  display: inline-block;
  font-family: var(--font-primary-500);
  font-size: 14px;
  color: var(--color-secondary);
  margin-bottom: 8px;
}
.admision-page__about-title {
  margin: 0;
  font-family: var(--font-primary-700);
  font-size: 28px;
  line-height: 1.2;
  color: var(--color-secondary);
}
.admision-page__about-editor {
  color: var(--color-senary);
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 24px;
}
.admision-page__about-editor p {
  margin: 0 0 1em 0;
}
.admision-page__about-editor p:last-child {
  margin-bottom: 0;
}
.admision-page__about-brochure {
  margin-top: 24px;
}
.admision-page__about-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 24px;
  background: var(--color-secondary);
  color: var(--color-tertiary);
  font-family: var(--font-primary-600);
  font-size: 16px;
  border-radius: 9999px;
  text-decoration: none;
  transition: background 0.2s, transform 0.2s;
  box-shadow: 0 4px 14px rgba(0, 75, 139, 0.25);
}
.admision-page__about-btn:hover {
  background: #003a6d;
  color: var(--color-tertiary);
  transform: translateY(1px);
}
.admision-page__about-image-wrap {
  position: relative;
}
.admision-page__about-figure {
  margin: 0;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
  border: 1px solid var(--color-undenary);
}
.admision-page__about-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  max-height: 450px;
}
.admision-page__about-caption {
  display: block;
  padding: 20px 24px;
  background: var(--color-secondary);
  color: var(--color-tertiary);
  text-align: center;
  margin: 0;
}
.admision-page__about-caption-title {
  display: block;
  font-family: var(--font-primary-700);
  font-size: 20px;
}
.admision-page__about-caption-sub {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  opacity: 0.9;
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 1024px) {
  .admision-page__about-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .admision-page__about-content {
    padding: 24px 28px 32px;
  }
}
@media (max-width: 767px) {
  .admision-page__about {
    margin-top: -48px;
  }
  .admision-page__about-title {
    font-size: 22px;
  }
}

/* Areas */
.admision-page__areas {
  padding: 48px 0 64px;
}
.admision-page__areas-container {
  width: 100%;
}
.admision-page__areas-header {
  text-align: center;
  margin-bottom: 48px;
}
.admision-page__areas-title {
  margin: 0 0 8px 0;
  font-family: var(--font-primary-700);
  font-size: clamp(28px, 4vw, 40px);
  color: var(--color-senary);
}
.admision-page__areas-subtitle {
  margin: 0;
  font-size: 18px;
  color: var(--color-tridenary);
}
.admision-page__areas-line {
  display: block;
  width: 96px;
  height: 6px;
  background: var(--color-secondary);
  border-radius: 999px;
  margin: 16px auto 0;
}
.admision-page__areas-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  margin-bottom: 48px;
}
.admision-page__areas-info-card {
  padding: 32px;
  border-radius: 16px;
  display: flex;
  gap: 20px;
  align-items: flex-start;
  position: relative;
  overflow: hidden;
}
.admision-page__areas-info-card--informes {
  background: rgba(0, 75, 139, 0.08);
}
.admision-page__areas-info-card--importante {
  background: rgba(230, 57, 70, 0.08);
}
.admision-page__areas-info-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--color-tertiary);
}
.admision-page__areas-info-icon--primary {
  background: var(--color-secondary);
}
.admision-page__areas-info-icon--secondary {
  background: #e63946;
}
.admision-page__areas-info-body {
  flex: 1;
  min-width: 0;
}
.admision-page__areas-info-title {
  margin: 0 0 8px 0;
  font-family: var(--font-primary-700);
  font-size: 20px;
  color: var(--color-secondary);
}
.admision-page__areas-info-card--importante .admision-page__areas-info-title {
  color: #c9303d;
}
.admision-page__areas-info-text {
  margin: 0;
  font-family: var(--font-primary-400);
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-senary);
}
.admision-page__areas-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}
.admision-page__areas-link {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 28px 24px;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  background: var(--color-tertiary);
  border-radius: 20px;
  border: 1px solid var(--color-undenary);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  text-decoration: none;
  color: inherit;
  transition: box-shadow 0.2s, transform 0.2s;
}
.admision-page__areas-link:hover {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.admision-page__areas-link--no-href {
  cursor: default;
}
.admision-page__areas-link--no-href:hover {
  transform: none;
}
.admision-page__areas-link-icon {
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  border-radius: 16px;
  background: rgba(0, 75, 139, 0.1);
  color: var(--color-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  transition: transform 0.2s;
}
.admision-page__areas-link:hover .admision-page__areas-link-icon {
  transform: scale(1.05);
}
.admision-page__areas-link-icon img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.admision-page__areas-link-content {
  flex: 1;
  min-width: 0;
}
.admision-page__areas-link-title {
  font-family: var(--font-primary-700);
  font-size: 18px;
  color: var(--color-senary);
}
.admision-page__areas-link-arrow {
  color: var(--color-denary);
  font-size: 24px;
  transition: color 0.2s;
}
.admision-page__areas-link:hover .admision-page__areas-link-arrow {
  color: var(--color-secondary);
}
@media (max-width: 767px) {
  .admision-page__areas-cards {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 32px;
  }
  .admision-page__areas-links {
    grid-template-columns: 1fr;
  }
  .admision-page__areas-info-card {
    padding: 24px;
  }
}

/* CTA Galería */
.admision-page__cta-gallery {
  background: var(--color-secondary);
  border-radius: 24px;
  padding: 48px 40px;
  margin: 0 auto 64px;
  max-width: 1280px;
  position: relative;
  overflow: hidden;
}
.admision-page__cta-gallery-container {
  position: relative;
  z-index: 1;
}
.admision-page__cta-gallery-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.admision-page__cta-gallery-title {
  margin: 0 0 8px 0;
  font-family: var(--font-primary-700);
  font-size: 28px;
  color: var(--color-tertiary);
}
.admision-page__cta-gallery-desc {
  margin: 0;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.9);
  max-width: 32em;
}
.admision-page__cta-gallery-btn {
  flex-shrink: 0;
  padding: 16px 32px;
  background: var(--color-tertiary);
  color: var(--color-secondary);
  font-family: var(--font-primary-700);
  font-size: 18px;
  border-radius: 9999px;
  text-decoration: none;
  transition: background 0.2s, color 0.2s, transform 0.2s;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.admision-page__cta-gallery-btn:hover {
  background: #f0f9ff;
  color: var(--color-secondary);
  transform: translateY(1px);
}
@media (max-width: 767px) {
  .admision-page__cta-gallery {
    padding: 32px 24px;
    margin-bottom: 48px;
  }
  .admision-page__cta-gallery-inner {
    flex-direction: column;
    text-align: center;
  }
  .admision-page__cta-gallery-title {
    font-size: 22px;
  }
}

.galeria-page__gallery-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  font-size: 14px;
  color: var(--color-tridenary);
}
.galeria-page__meta-year {
  font-weight: 600;
}
.galeria-page__meta-month {
  opacity: 0.8;
}