.text-guinda-gob-950 {
  color: #4a0c26 !important;
}

.bg-guinda-gob-950 {
  background-color: #4a0c26 !important;
}

.border-guinda-gob-950 {
  border-color: #4a0c26 !important;
}

.text-guinda-gob-900 {
  color: #611232 !important;
}

.bg-guinda-gob-900 {
  background-color: #611232 !important;
}

.border-guinda-gob-900 {
  border-color: #611232 !important;
}

.text-guinda-gob-800 {
  color: #781838 !important;
}

.bg-guinda-gob-800 {
  background-color: #781838 !important;
}

.border-guinda-gob-800 {
  border-color: #781838 !important;
}

.text-guinda-gob-700 {
  color: #8e1d3f !important;
}

.bg-guinda-gob-700 {
  background-color: #8e1d3f !important;
}

.border-guinda-gob-700 {
  border-color: #8e1d3f !important;
}

.text-guinda-gob-600 {
  color: #8e1d3f !important;
}

.bg-guinda-gob-600 {
  background-color: #8e1d3f !important;
}

.border-guinda-gob-600 {
  border-color: #8e1d3f !important;
}

.text-guinda-gob-500 {
  color: #a84565 !important;
}

.bg-guinda-gob-500 {
  background-color: #a84565 !important;
}

.border-guinda-gob-500 {
  border-color: #a84565 !important;
}

.text-guinda-gob-400 {
  color: #ba6783 !important;
}

.bg-guinda-gob-400 {
  background-color: #ba6783 !important;
}

.border-guinda-gob-400 {
  border-color: #ba6783 !important;
}

.text-guinda-gob-300 {
  color: #ce92a6 !important;
}

.bg-guinda-gob-300 {
  background-color: #ce92a6 !important;
}

.border-guinda-gob-300 {
  border-color: #ce92a6 !important;
}

.text-guinda-gob-200 {
  color: #e1bdc9 !important;
}

.bg-guinda-gob-200 {
  background-color: #e1bdc9 !important;
}

.border-guinda-gob-200 {
  border-color: #e1bdc9 !important;
}

.text-guinda-gob-100 {
  color: #f3e4e9 !important;
}

.bg-guinda-gob-100 {
  background-color: #f3e4e9 !important;
}

.border-guinda-gob-100 {
  border-color: #f3e4e9 !important;
}

.text-verde-gob-950 {
  color: #001d1a !important;
}

.bg-verde-gob-950 {
  background-color: #001d1a !important;
}

.border-verde-gob-950 {
  border-color: #001d1a !important;
}

.text-verde-gob-900 {
  color: #002f2a !important;
}

.bg-verde-gob-900 {
  background-color: #002f2a !important;
}

.border-verde-gob-900 {
  border-color: #002f2a !important;
}

.text-verde-gob-800 {
  color: #003931 !important;
}

.bg-verde-gob-800 {
  background-color: #003931 !important;
}

.border-verde-gob-800 {
  border-color: #003931 !important;
}

.text-verde-gob-700 {
  color: #004339 !important;
}

.bg-verde-gob-700 {
  background-color: #004339 !important;
}

.border-verde-gob-700 {
  border-color: #004339 !important;
}

.text-verde-gob-600 {
  color: #004d40 !important;
}

.bg-verde-gob-600 {
  background-color: #004d40 !important;
}

.border-verde-gob-600 {
  border-color: #004d40 !important;
}

.text-verde-gob-500 {
  color: #335955 !important;
}

.bg-verde-gob-500 {
  background-color: #335955 !important;
}

.border-verde-gob-500 {
  border-color: #335955 !important;
}

.text-verde-gob-400 {
  color: #51807a !important;
}

.bg-verde-gob-400 {
  background-color: #51807a !important;
}

.border-verde-gob-400 {
  border-color: #51807a !important;
}

.text-verde-gob-300 {
  color: #82a4a0 !important;
}

.bg-verde-gob-300 {
  background-color: #82a4a0 !important;
}

.border-verde-gob-300 {
  border-color: #82a4a0 !important;
}

.text-verde-gob-200 {
  color: #b3c8c6 !important;
}

.bg-verde-gob-200 {
  background-color: #b3c8c6 !important;
}

.border-verde-gob-200 {
  border-color: #b3c8c6 !important;
}

.text-verde-gob-100 {
  color: #e0e9e8 !important;
}

.bg-verde-gob-100 {
  background-color: #e0e9e8 !important;
}

.border-verde-gob-100 {
  border-color: #e0e9e8 !important;
}

.text-dorado-gob-950 {
  color: #32260d !important;
}

.bg-dorado-gob-950 {
  background-color: #32260d !important;
}

.border-dorado-gob-950 {
  border-color: #32260d !important;
}

.text-dorado-gob-900 {
  color: #423312 !important;
}

.bg-dorado-gob-900 {
  background-color: #423312 !important;
}

.border-dorado-gob-900 {
  border-color: #423312 !important;
}

.text-dorado-gob-800 {
  color: #634c1a !important;
}

.bg-dorado-gob-800 {
  background-color: #634c1a !important;
}

.border-dorado-gob-800 {
  border-color: #634c1a !important;
}

.text-dorado-gob-700 {
  color: #846623 !important;
}

.bg-dorado-gob-700 {
  background-color: #846623 !important;
}

.border-dorado-gob-700 {
  border-color: #846623 !important;
}

.text-dorado-gob-600 {
  color: #a57f2c !important;
}

.bg-dorado-gob-600 {
  background-color: #a57f2c !important;
}

.border-dorado-gob-600 {
  border-color: #a57f2c !important;
}

.text-dorado-gob-500 {
  color: #b79956 !important;
}

.bg-dorado-gob-500 {
  background-color: #b79956 !important;
}

.border-dorado-gob-500 {
  border-color: #b79956 !important;
}

.text-dorado-gob-400 {
  color: #c9b280 !important;
}

.bg-dorado-gob-400 {
  background-color: #c9b280 !important;
}

.border-dorado-gob-400 {
  border-color: #c9b280 !important;
}

.text-dorado-gob-300 {
  color: #dbccab !important;
}

.bg-dorado-gob-300 {
  background-color: #dbccab !important;
}

.border-dorado-gob-300 {
  border-color: #dbccab !important;
}

.text-dorado-gob-200 {
  color: #e4d9c0 !important;
}

.bg-dorado-gob-200 {
  background-color: #e4d9c0 !important;
}

.border-dorado-gob-200 {
  border-color: #e4d9c0 !important;
}

.text-dorado-gob-100 {
  color: #f6f2ea !important;
}

.bg-dorado-gob-100 {
  background-color: #f6f2ea !important;
}

.border-dorado-gob-100 {
  border-color: #f6f2ea !important;
}

.text-neutro-gob-800 {
  color: #161a1d !important;
}

.bg-neutro-gob-800 {
  background-color: #161a1d !important;
}

.border-neutro-gob-800 {
  border-color: #161a1d !important;
}

.text-neutro-gob-700 {
  color: #434343 !important;
}

.bg-neutro-gob-700 {
  background-color: #434343 !important;
}

.border-neutro-gob-700 {
  border-color: #434343 !important;
}

.text-neutro-gob-600 {
  color: #767676 !important;
}

.bg-neutro-gob-600 {
  background-color: #767676 !important;
}

.border-neutro-gob-600 {
  border-color: #767676 !important;
}

.text-neutro-gob-500 {
  color: #aaaaaa !important;
}

.bg-neutro-gob-500 {
  background-color: #aaaaaa !important;
}

.border-neutro-gob-500 {
  border-color: #aaaaaa !important;
}

.text-neutro-gob-400 {
  color: #dddddd !important;
}

.bg-neutro-gob-400 {
  background-color: #dddddd !important;
}

.border-neutro-gob-400 {
  border-color: #dddddd !important;
}

.text-neutro-gob-300 {
  color: #f3f3f3 !important;
}

.bg-neutro-gob-300 {
  background-color: #f3f3f3 !important;
}

.border-neutro-gob-300 {
  border-color: #f3f3f3 !important;
}

.text-neutro-gob-200 {
  color: #f9f9f9 !important;
}

.bg-neutro-gob-200 {
  background-color: #f9f9f9 !important;
}

.border-neutro-gob-200 {
  border-color: #f9f9f9 !important;
}

.text-neutro-gob-100 {
  color: #ffffff !important;
}

.bg-neutro-gob-100 {
  background-color: #ffffff !important;
}

.border-neutro-gob-100 {
  border-color: #ffffff !important;
}

:root {
  --color-primary-950: #001d1a;
  --color-primary-900: #002f2a;
  --color-primary-800: #003931;
  --color-primary-700: #004339;
  --color-primary-600: #004d40;
  --color-primary-500: #335955;
  --color-primary-400: #51807a;
  --color-primary-300: #82a4a0;
  --color-primary-200: #b3c8c6;
  --color-primary-100: #e0e9e8;
  --color-primary: var(--color-primary-900);
  --color-primary-dark: var(--color-primary-950);
  --color-primary-contrast: #ffffff;
  --black-text: #161a1d;
  --black-text-muted: #434343;
  --black-text-disabled: #767676;
  --color-bg: #f3f3f3;
  --color-surface: #ffffff;
  --color-bg-disabled: #dddddd;
}

[data-theme=guinda] {
  --color-primary-950: #4a0c26;
  --color-primary-900: #611232;
  --color-primary-800: #781838;
  --color-primary-700: #8e1d3f;
  --color-primary-600: #8e1d3f;
  --color-primary-500: #a84565;
  --color-primary-400: #ba6783;
  --color-primary-300: #ce92a6;
  --color-primary-200: #e1bdc9;
  --color-primary-100: #f3e4e9;
  --color-primary: var(--color-primary-900);
  --color-primary-dark: var(--color-primary-950);
  --color-primary-contrast: #ffffff;
  --black-text: #161a1d;
  --black-text-muted: #434343;
  --black-text-disabled: #767676;
  --color-bg: #f3f3f3;
  --color-surface: #ffffff;
  --color-bg-disabled: #dddddd;
}

[data-theme=verde] {
  --color-primary-950: #001d1a;
  --color-primary-900: #002f2a;
  --color-primary-800: #003931;
  --color-primary-700: #004339;
  --color-primary-600: #004d40;
  --color-primary-500: #335955;
  --color-primary-400: #51807a;
  --color-primary-300: #82a4a0;
  --color-primary-200: #b3c8c6;
  --color-primary-100: #e0e9e8;
  --color-primary: var(--color-primary-900);
  --color-primary-dark: var(--color-primary-950);
  --color-primary-contrast: #ffffff;
  --black-text: #161a1d;
  --black-text-muted: #434343;
  --black-text-disabled: #767676;
  --color-bg: #f3f3f3;
  --color-surface: #ffffff;
  --color-bg-disabled: #dddddd;
}

[data-theme=dorado] {
  --color-primary-950: #32260d;
  --color-primary-900: #423312;
  --color-primary-800: #634c1a;
  --color-primary-700: #846623;
  --color-primary-600: #a57f2c;
  --color-primary-500: #b79956;
  --color-primary-400: #c9b280;
  --color-primary-300: #dbccab;
  --color-primary-200: #e4d9c0;
  --color-primary-100: #f6f2ea;
  --color-primary: var(--color-primary-900);
  --color-primary-dark: var(--color-primary-950);
  --color-primary-contrast: #ffffff;
  --black-text: #161a1d;
  --black-text-muted: #434343;
  --black-text-disabled: #767676;
  --color-bg: #f3f3f3;
  --color-surface: #ffffff;
  --color-bg-disabled: #dddddd;
}

.hero {
  position: relative;
  width: 100%;
  height: auto;
  color: var(--color-primary-contrast);
}
.hero .hero-container {
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: 1440px;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  transition: 250ms ease-in-out;
  gap: 24px;
  padding-inline: 56px;
}
@media (max-width: 1320px) {
  .hero .hero-container {
    padding-inline: 40px;
  }
}
@media (max-width: 1280px) {
  .hero .hero-container {
    padding-inline: 36px;
  }
}
@media (max-width: 995px) {
  .hero .hero-container {
    padding-inline: 24px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .hero .hero-container {
    padding-inline: 24px;
  }
}
.hero .hero-container .hero-content {
  flex: 1 1 auto;
  max-width: clamp(640px, 640px + 50vw, 870px);
  min-width: 0;
}
.hero .hero-container .hero-aside {
  flex: 1 1 380px;
  max-width: 380px;
  flex-shrink: 0;
}
.hero .hero-container .hero-content .hero-body {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 1280px) {
  .hero .hero-container .hero-content .hero-body {
    gap: 24px;
  }
}
.hero .hero-container .hero-content .hero-body .hero-logotipo img {
  width: 100%;
  max-width: 374px;
  height: 64px;
  object-fit: contain;
}
.hero .hero-container .hero-content .hero-body .hero-title {
  max-width: 640px;
  text-align: left;
}
.hero .hero-container .hero-content .hero-body .hero-description {
  text-align: left;
}
.hero .hero-container .hero-content .hero-body .hero-actions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.hero .hero-container .hero-aside {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero .hero-container .hero-aside .hero-img {
  width: 100%;
  max-width: 380px;
  height: auto;
  object-fit: contain;
}

:root {
  --container-pad: 16px;
  --container-max: 100%;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans", Arial, sans-serif !important;
}

html {
  scroll-behavior: smooth;
}

body {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Noto Sans", Arial, sans-serif;
  background-color: #f9f9f9;
  color: var(--black-text) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 !important;
}

main {
  margin: 0 !important;
}

.main-content {
  background-color: transparent;
  position: relative;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 99;
  padding-block: 56px !important;
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .main-content {
    padding-block: 48px !important;
    padding-bottom: 2rem;
  }
}
@media (max-width: 540px) {
  .main-content {
    padding-block: 32px;
    padding-bottom: 2rem;
  }
}

.container-fluid {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max);
  padding-inline: var(--container-pad);
}

@media (min-width: 375px) {
  :root {
    --container-max: 767px;
  }
}
@media (min-width: 768px) {
  :root {
    --container-max: 1023px;
    --container-pad: 24px;
  }
}
@media (min-width: 1024px) {
  :root {
    --container-max: 1439px;
    --container-pad: 56px;
  }
}
@media (min-width: 1440px) {
  :root {
    --container-max: 1440px;
  }
}
.text-decoration-none {
  text-decoration: none !important;
  color: inherit !important;
}
.text-decoration-none:focus, .text-decoration-none:active, .text-decoration-none:focus-visible {
  outline: none;
  box-shadow: none;
}

.shadow-sm {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15) !important;
}

.page {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  inset: 0;
  background-color: #f9f9f9;
  background-image: var(--gobmx-page-bg, none);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow-x: hidden;
}
.page::before, .page::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 628px;
  transform: translateX(-50%);
  pointer-events: none;
  -webkit-clip-path: url(#waveClip);
  clip-path: url(#waveClip);
}
@media (min-width: 996px) and (max-width: 1380px) {
  .page::before, .page::after {
    width: 1380px;
  }
}
.page::before {
  z-index: 0;
}
.page::after {
  z-index: 1;
  background-image: var(--gobmx-page-texture, none);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
@media (max-width: 995px) {
  .page::before, .page::after {
    inset: 0;
    left: 0;
    width: auto;
    height: 1180px;
    transform: none;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  }
}

.navbar {
  display: none !important;
}

.main-footer {
  display: none !important;
}

footer {
  background-color: var(--color-primary-900);
  color: var(--color-primary-contrast);
  width: 100%;
  height: 104px;
  display: flex;
  align-items: center;
  justify-content: end;
  height: 100%;
  padding: 24px 56px;
}
@media (max-width: 767px) {
  footer {
    height: 70px;
    padding: 24px 16px;
  }
}

.btn {
  width: 240px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  font-size: 20px;
  font-weight: 500;
  border-radius: 8px;
  cursor: pointer;
}
.btn:focus {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  color: currentColor;
}

.btn-primary {
  transition: all 300ms;
  background-color: transparent;
  color: var(--color-primary) !important;
  border: 2px solid var(--color-primary) !important;
  cursor: pointer;
}
.btn-primary [class^=icon-],
.btn-primary [class*=" icon-"] {
  display: inline-block;
  vertical-align: middle;
  color: inherit !important;
}
.btn-primary-inverted {
  background-color: white !important;
}
.btn-primary-inverted:focus, .btn-primary-inverted:hover, .btn-primary-inverted:active {
  border-color: var(--color-primary-950) !important;
  color: var(--color-primary-950) !important;
  transition: all 300ms;
}
.btn-primary:hover, .btn-primary:active {
  background-color: var(--color-primary-100);
  border-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
  transition: all 300ms;
}
.btn-primary.block {
  width: 100%;
}
.btn-primary.active {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: var(--color-primary-contrast) !important;
}
.btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active:active {
  background-color: var(--color-primary-dark) !important;
  border: 2px solid var(--color-primary-dark) !important;
  transition: all 300ms;
}
.btn-primary:disabled, .btn-primary.disabled {
  background-color: transparent;
  border-color: var(--color-bg-disabled);
  color: var(--black-text-muted);
  cursor: not-allowed;
}

.btn-link {
  width: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 16px;
  color: var(--color-primary);
  border-radius: 8px;
  background: transparent;
  border: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
  padding: 0;
  cursor: pointer;
}
.btn-link [class^=icon-],
.btn-link [class*=" icon-"] {
  display: inline-block;
  vertical-align: middle;
  color: inherit !important;
}
.btn-link:visited {
  color: var(--color-primary);
}
.btn-link:hover {
  background-color: var(--color-primary-100) !important;
  color: var(--color-primary-dark) !important;
  text-decoration-line: none;
}
.btn-link:focus {
  outline: none !important;
  outline-offset: 0 !important;
  text-decoration: underline;
  color: var(--color-primary-dark) !important;
}
.btn-link:focus-visible {
  outline: none;
  box-shadow: none !important;
}
.btn-link.visited {
  color: var(--color-primary-dark) !important;
}
.btn-link.block {
  width: 100%;
}
.btn-link:disabled, .btn-link.disabled {
  color: var(--black-text-muted);
  cursor: not-allowed;
}
.btn-link:disabled svg, .btn-link.disabled svg {
  stroke: var(--black-text-muted);
}

.btn-ghost {
  box-shadow: none;
  color: var(--color-primary-contrast);
  fill: var(--color-primary-contrast);
  border: 3px solid transparent;
  border-radius: 8px;
}
.btn-ghost:hover {
  background-color: var(--color-primary-100);
  border-color: var(--color-primary-100);
}
.btn-ghost:focus {
  border-color: var(--color-primary-900);
  background-color: var(--color-primary-100);
}

.noto-sans {
  font-family: "Noto Sans", sans-serif !important;
}

.patria {
  font-family: "Patria", sans-serif !important;
}

.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

@media (min-width: 320px) {
  .fw-xs-100 {
    font-weight: 100 !important;
  }
  .fw-xs-200 {
    font-weight: 200 !important;
  }
  .fw-xs-300 {
    font-weight: 300 !important;
  }
  .fw-xs-400 {
    font-weight: 400 !important;
  }
  .fw-xs-500 {
    font-weight: 500 !important;
  }
  .fw-xs-600 {
    font-weight: 600 !important;
  }
  .fw-xs-700 {
    font-weight: 700 !important;
  }
  .fw-xs-800 {
    font-weight: 800 !important;
  }
  .fw-xs-900 {
    font-weight: 900 !important;
  }
}
@media (min-width: 375px) {
  .fw-sm-100 {
    font-weight: 100 !important;
  }
  .fw-sm-200 {
    font-weight: 200 !important;
  }
  .fw-sm-300 {
    font-weight: 300 !important;
  }
  .fw-sm-400 {
    font-weight: 400 !important;
  }
  .fw-sm-500 {
    font-weight: 500 !important;
  }
  .fw-sm-600 {
    font-weight: 600 !important;
  }
  .fw-sm-700 {
    font-weight: 700 !important;
  }
  .fw-sm-800 {
    font-weight: 800 !important;
  }
  .fw-sm-900 {
    font-weight: 900 !important;
  }
}
@media (min-width: 768px) {
  .fw-md-100 {
    font-weight: 100 !important;
  }
  .fw-md-200 {
    font-weight: 200 !important;
  }
  .fw-md-300 {
    font-weight: 300 !important;
  }
  .fw-md-400 {
    font-weight: 400 !important;
  }
  .fw-md-500 {
    font-weight: 500 !important;
  }
  .fw-md-600 {
    font-weight: 600 !important;
  }
  .fw-md-700 {
    font-weight: 700 !important;
  }
  .fw-md-800 {
    font-weight: 800 !important;
  }
  .fw-md-900 {
    font-weight: 900 !important;
  }
}
@media (min-width: 1024px) {
  .fw-lg-100 {
    font-weight: 100 !important;
  }
  .fw-lg-200 {
    font-weight: 200 !important;
  }
  .fw-lg-300 {
    font-weight: 300 !important;
  }
  .fw-lg-400 {
    font-weight: 400 !important;
  }
  .fw-lg-500 {
    font-weight: 500 !important;
  }
  .fw-lg-600 {
    font-weight: 600 !important;
  }
  .fw-lg-700 {
    font-weight: 700 !important;
  }
  .fw-lg-800 {
    font-weight: 800 !important;
  }
  .fw-lg-900 {
    font-weight: 900 !important;
  }
}
@media (min-width: 1440px) {
  .fw-xl-100 {
    font-weight: 100 !important;
  }
  .fw-xl-200 {
    font-weight: 200 !important;
  }
  .fw-xl-300 {
    font-weight: 300 !important;
  }
  .fw-xl-400 {
    font-weight: 400 !important;
  }
  .fw-xl-500 {
    font-weight: 500 !important;
  }
  .fw-xl-600 {
    font-weight: 600 !important;
  }
  .fw-xl-700 {
    font-weight: 700 !important;
  }
  .fw-xl-800 {
    font-weight: 800 !important;
  }
  .fw-xl-900 {
    font-weight: 900 !important;
  }
}
@media (min-width: 1920px) {
  .fw-xxl-100 {
    font-weight: 100 !important;
  }
  .fw-xxl-200 {
    font-weight: 200 !important;
  }
  .fw-xxl-300 {
    font-weight: 300 !important;
  }
  .fw-xxl-400 {
    font-weight: 400 !important;
  }
  .fw-xxl-500 {
    font-weight: 500 !important;
  }
  .fw-xxl-600 {
    font-weight: 600 !important;
  }
  .fw-xxl-700 {
    font-weight: 700 !important;
  }
  .fw-xxl-800 {
    font-weight: 800 !important;
  }
  .fw-xxl-900 {
    font-weight: 900 !important;
  }
}
.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fs-6 {
  font-size: 6px !important;
}

.fs-8 {
  font-size: 8px !important;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fs-34 {
  font-size: 34px !important;
}

.fs-36 {
  font-size: 36px !important;
}

.fs-38 {
  font-size: 38px !important;
}

.fs-40 {
  font-size: 40px !important;
}

.fs-42 {
  font-size: 42px !important;
}

.fs-44 {
  font-size: 44px !important;
}

.fs-46 {
  font-size: 46px !important;
}

.fs-48 {
  font-size: 48px !important;
}

.fs-50 {
  font-size: 50px !important;
}

.fs-52 {
  font-size: 52px !important;
}

.fs-54 {
  font-size: 54px !important;
}

.fs-56 {
  font-size: 56px !important;
}

.fs-58 {
  font-size: 58px !important;
}

.fs-60 {
  font-size: 60px !important;
}

.fs-62 {
  font-size: 62px !important;
}

.fs-64 {
  font-size: 64px !important;
}

.fs-66 {
  font-size: 66px !important;
}

.fs-68 {
  font-size: 68px !important;
}

.fs-70 {
  font-size: 70px !important;
}

.fs-72 {
  font-size: 72px !important;
}

.fs-74 {
  font-size: 74px !important;
}

.fs-76 {
  font-size: 76px !important;
}

.fs-78 {
  font-size: 78px !important;
}

.fs-80 {
  font-size: 80px !important;
}

@media (min-width: 320px) {
  .fs-xs-6 {
    font-size: 6px !important;
  }
  .fs-xs-8 {
    font-size: 8px !important;
  }
  .fs-xs-10 {
    font-size: 10px !important;
  }
  .fs-xs-12 {
    font-size: 12px !important;
  }
  .fs-xs-14 {
    font-size: 14px !important;
  }
  .fs-xs-16 {
    font-size: 16px !important;
  }
  .fs-xs-18 {
    font-size: 18px !important;
  }
  .fs-xs-20 {
    font-size: 20px !important;
  }
  .fs-xs-22 {
    font-size: 22px !important;
  }
  .fs-xs-24 {
    font-size: 24px !important;
  }
  .fs-xs-26 {
    font-size: 26px !important;
  }
  .fs-xs-28 {
    font-size: 28px !important;
  }
  .fs-xs-30 {
    font-size: 30px !important;
  }
  .fs-xs-32 {
    font-size: 32px !important;
  }
  .fs-xs-34 {
    font-size: 34px !important;
  }
  .fs-xs-36 {
    font-size: 36px !important;
  }
  .fs-xs-38 {
    font-size: 38px !important;
  }
  .fs-xs-40 {
    font-size: 40px !important;
  }
  .fs-xs-42 {
    font-size: 42px !important;
  }
  .fs-xs-44 {
    font-size: 44px !important;
  }
  .fs-xs-46 {
    font-size: 46px !important;
  }
  .fs-xs-48 {
    font-size: 48px !important;
  }
  .fs-xs-50 {
    font-size: 50px !important;
  }
  .fs-xs-52 {
    font-size: 52px !important;
  }
  .fs-xs-54 {
    font-size: 54px !important;
  }
  .fs-xs-56 {
    font-size: 56px !important;
  }
  .fs-xs-58 {
    font-size: 58px !important;
  }
  .fs-xs-60 {
    font-size: 60px !important;
  }
  .fs-xs-62 {
    font-size: 62px !important;
  }
  .fs-xs-64 {
    font-size: 64px !important;
  }
  .fs-xs-66 {
    font-size: 66px !important;
  }
  .fs-xs-68 {
    font-size: 68px !important;
  }
  .fs-xs-70 {
    font-size: 70px !important;
  }
  .fs-xs-72 {
    font-size: 72px !important;
  }
  .fs-xs-74 {
    font-size: 74px !important;
  }
  .fs-xs-76 {
    font-size: 76px !important;
  }
  .fs-xs-78 {
    font-size: 78px !important;
  }
  .fs-xs-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 375px) {
  .fs-sm-6 {
    font-size: 6px !important;
  }
  .fs-sm-8 {
    font-size: 8px !important;
  }
  .fs-sm-10 {
    font-size: 10px !important;
  }
  .fs-sm-12 {
    font-size: 12px !important;
  }
  .fs-sm-14 {
    font-size: 14px !important;
  }
  .fs-sm-16 {
    font-size: 16px !important;
  }
  .fs-sm-18 {
    font-size: 18px !important;
  }
  .fs-sm-20 {
    font-size: 20px !important;
  }
  .fs-sm-22 {
    font-size: 22px !important;
  }
  .fs-sm-24 {
    font-size: 24px !important;
  }
  .fs-sm-26 {
    font-size: 26px !important;
  }
  .fs-sm-28 {
    font-size: 28px !important;
  }
  .fs-sm-30 {
    font-size: 30px !important;
  }
  .fs-sm-32 {
    font-size: 32px !important;
  }
  .fs-sm-34 {
    font-size: 34px !important;
  }
  .fs-sm-36 {
    font-size: 36px !important;
  }
  .fs-sm-38 {
    font-size: 38px !important;
  }
  .fs-sm-40 {
    font-size: 40px !important;
  }
  .fs-sm-42 {
    font-size: 42px !important;
  }
  .fs-sm-44 {
    font-size: 44px !important;
  }
  .fs-sm-46 {
    font-size: 46px !important;
  }
  .fs-sm-48 {
    font-size: 48px !important;
  }
  .fs-sm-50 {
    font-size: 50px !important;
  }
  .fs-sm-52 {
    font-size: 52px !important;
  }
  .fs-sm-54 {
    font-size: 54px !important;
  }
  .fs-sm-56 {
    font-size: 56px !important;
  }
  .fs-sm-58 {
    font-size: 58px !important;
  }
  .fs-sm-60 {
    font-size: 60px !important;
  }
  .fs-sm-62 {
    font-size: 62px !important;
  }
  .fs-sm-64 {
    font-size: 64px !important;
  }
  .fs-sm-66 {
    font-size: 66px !important;
  }
  .fs-sm-68 {
    font-size: 68px !important;
  }
  .fs-sm-70 {
    font-size: 70px !important;
  }
  .fs-sm-72 {
    font-size: 72px !important;
  }
  .fs-sm-74 {
    font-size: 74px !important;
  }
  .fs-sm-76 {
    font-size: 76px !important;
  }
  .fs-sm-78 {
    font-size: 78px !important;
  }
  .fs-sm-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 768px) {
  .fs-md-6 {
    font-size: 6px !important;
  }
  .fs-md-8 {
    font-size: 8px !important;
  }
  .fs-md-10 {
    font-size: 10px !important;
  }
  .fs-md-12 {
    font-size: 12px !important;
  }
  .fs-md-14 {
    font-size: 14px !important;
  }
  .fs-md-16 {
    font-size: 16px !important;
  }
  .fs-md-18 {
    font-size: 18px !important;
  }
  .fs-md-20 {
    font-size: 20px !important;
  }
  .fs-md-22 {
    font-size: 22px !important;
  }
  .fs-md-24 {
    font-size: 24px !important;
  }
  .fs-md-26 {
    font-size: 26px !important;
  }
  .fs-md-28 {
    font-size: 28px !important;
  }
  .fs-md-30 {
    font-size: 30px !important;
  }
  .fs-md-32 {
    font-size: 32px !important;
  }
  .fs-md-34 {
    font-size: 34px !important;
  }
  .fs-md-36 {
    font-size: 36px !important;
  }
  .fs-md-38 {
    font-size: 38px !important;
  }
  .fs-md-40 {
    font-size: 40px !important;
  }
  .fs-md-42 {
    font-size: 42px !important;
  }
  .fs-md-44 {
    font-size: 44px !important;
  }
  .fs-md-46 {
    font-size: 46px !important;
  }
  .fs-md-48 {
    font-size: 48px !important;
  }
  .fs-md-50 {
    font-size: 50px !important;
  }
  .fs-md-52 {
    font-size: 52px !important;
  }
  .fs-md-54 {
    font-size: 54px !important;
  }
  .fs-md-56 {
    font-size: 56px !important;
  }
  .fs-md-58 {
    font-size: 58px !important;
  }
  .fs-md-60 {
    font-size: 60px !important;
  }
  .fs-md-62 {
    font-size: 62px !important;
  }
  .fs-md-64 {
    font-size: 64px !important;
  }
  .fs-md-66 {
    font-size: 66px !important;
  }
  .fs-md-68 {
    font-size: 68px !important;
  }
  .fs-md-70 {
    font-size: 70px !important;
  }
  .fs-md-72 {
    font-size: 72px !important;
  }
  .fs-md-74 {
    font-size: 74px !important;
  }
  .fs-md-76 {
    font-size: 76px !important;
  }
  .fs-md-78 {
    font-size: 78px !important;
  }
  .fs-md-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 1024px) {
  .fs-lg-6 {
    font-size: 6px !important;
  }
  .fs-lg-8 {
    font-size: 8px !important;
  }
  .fs-lg-10 {
    font-size: 10px !important;
  }
  .fs-lg-12 {
    font-size: 12px !important;
  }
  .fs-lg-14 {
    font-size: 14px !important;
  }
  .fs-lg-16 {
    font-size: 16px !important;
  }
  .fs-lg-18 {
    font-size: 18px !important;
  }
  .fs-lg-20 {
    font-size: 20px !important;
  }
  .fs-lg-22 {
    font-size: 22px !important;
  }
  .fs-lg-24 {
    font-size: 24px !important;
  }
  .fs-lg-26 {
    font-size: 26px !important;
  }
  .fs-lg-28 {
    font-size: 28px !important;
  }
  .fs-lg-30 {
    font-size: 30px !important;
  }
  .fs-lg-32 {
    font-size: 32px !important;
  }
  .fs-lg-34 {
    font-size: 34px !important;
  }
  .fs-lg-36 {
    font-size: 36px !important;
  }
  .fs-lg-38 {
    font-size: 38px !important;
  }
  .fs-lg-40 {
    font-size: 40px !important;
  }
  .fs-lg-42 {
    font-size: 42px !important;
  }
  .fs-lg-44 {
    font-size: 44px !important;
  }
  .fs-lg-46 {
    font-size: 46px !important;
  }
  .fs-lg-48 {
    font-size: 48px !important;
  }
  .fs-lg-50 {
    font-size: 50px !important;
  }
  .fs-lg-52 {
    font-size: 52px !important;
  }
  .fs-lg-54 {
    font-size: 54px !important;
  }
  .fs-lg-56 {
    font-size: 56px !important;
  }
  .fs-lg-58 {
    font-size: 58px !important;
  }
  .fs-lg-60 {
    font-size: 60px !important;
  }
  .fs-lg-62 {
    font-size: 62px !important;
  }
  .fs-lg-64 {
    font-size: 64px !important;
  }
  .fs-lg-66 {
    font-size: 66px !important;
  }
  .fs-lg-68 {
    font-size: 68px !important;
  }
  .fs-lg-70 {
    font-size: 70px !important;
  }
  .fs-lg-72 {
    font-size: 72px !important;
  }
  .fs-lg-74 {
    font-size: 74px !important;
  }
  .fs-lg-76 {
    font-size: 76px !important;
  }
  .fs-lg-78 {
    font-size: 78px !important;
  }
  .fs-lg-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 1440px) {
  .fs-xl-6 {
    font-size: 6px !important;
  }
  .fs-xl-8 {
    font-size: 8px !important;
  }
  .fs-xl-10 {
    font-size: 10px !important;
  }
  .fs-xl-12 {
    font-size: 12px !important;
  }
  .fs-xl-14 {
    font-size: 14px !important;
  }
  .fs-xl-16 {
    font-size: 16px !important;
  }
  .fs-xl-18 {
    font-size: 18px !important;
  }
  .fs-xl-20 {
    font-size: 20px !important;
  }
  .fs-xl-22 {
    font-size: 22px !important;
  }
  .fs-xl-24 {
    font-size: 24px !important;
  }
  .fs-xl-26 {
    font-size: 26px !important;
  }
  .fs-xl-28 {
    font-size: 28px !important;
  }
  .fs-xl-30 {
    font-size: 30px !important;
  }
  .fs-xl-32 {
    font-size: 32px !important;
  }
  .fs-xl-34 {
    font-size: 34px !important;
  }
  .fs-xl-36 {
    font-size: 36px !important;
  }
  .fs-xl-38 {
    font-size: 38px !important;
  }
  .fs-xl-40 {
    font-size: 40px !important;
  }
  .fs-xl-42 {
    font-size: 42px !important;
  }
  .fs-xl-44 {
    font-size: 44px !important;
  }
  .fs-xl-46 {
    font-size: 46px !important;
  }
  .fs-xl-48 {
    font-size: 48px !important;
  }
  .fs-xl-50 {
    font-size: 50px !important;
  }
  .fs-xl-52 {
    font-size: 52px !important;
  }
  .fs-xl-54 {
    font-size: 54px !important;
  }
  .fs-xl-56 {
    font-size: 56px !important;
  }
  .fs-xl-58 {
    font-size: 58px !important;
  }
  .fs-xl-60 {
    font-size: 60px !important;
  }
  .fs-xl-62 {
    font-size: 62px !important;
  }
  .fs-xl-64 {
    font-size: 64px !important;
  }
  .fs-xl-66 {
    font-size: 66px !important;
  }
  .fs-xl-68 {
    font-size: 68px !important;
  }
  .fs-xl-70 {
    font-size: 70px !important;
  }
  .fs-xl-72 {
    font-size: 72px !important;
  }
  .fs-xl-74 {
    font-size: 74px !important;
  }
  .fs-xl-76 {
    font-size: 76px !important;
  }
  .fs-xl-78 {
    font-size: 78px !important;
  }
  .fs-xl-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 1920px) {
  .fs-xxl-6 {
    font-size: 6px !important;
  }
  .fs-xxl-8 {
    font-size: 8px !important;
  }
  .fs-xxl-10 {
    font-size: 10px !important;
  }
  .fs-xxl-12 {
    font-size: 12px !important;
  }
  .fs-xxl-14 {
    font-size: 14px !important;
  }
  .fs-xxl-16 {
    font-size: 16px !important;
  }
  .fs-xxl-18 {
    font-size: 18px !important;
  }
  .fs-xxl-20 {
    font-size: 20px !important;
  }
  .fs-xxl-22 {
    font-size: 22px !important;
  }
  .fs-xxl-24 {
    font-size: 24px !important;
  }
  .fs-xxl-26 {
    font-size: 26px !important;
  }
  .fs-xxl-28 {
    font-size: 28px !important;
  }
  .fs-xxl-30 {
    font-size: 30px !important;
  }
  .fs-xxl-32 {
    font-size: 32px !important;
  }
  .fs-xxl-34 {
    font-size: 34px !important;
  }
  .fs-xxl-36 {
    font-size: 36px !important;
  }
  .fs-xxl-38 {
    font-size: 38px !important;
  }
  .fs-xxl-40 {
    font-size: 40px !important;
  }
  .fs-xxl-42 {
    font-size: 42px !important;
  }
  .fs-xxl-44 {
    font-size: 44px !important;
  }
  .fs-xxl-46 {
    font-size: 46px !important;
  }
  .fs-xxl-48 {
    font-size: 48px !important;
  }
  .fs-xxl-50 {
    font-size: 50px !important;
  }
  .fs-xxl-52 {
    font-size: 52px !important;
  }
  .fs-xxl-54 {
    font-size: 54px !important;
  }
  .fs-xxl-56 {
    font-size: 56px !important;
  }
  .fs-xxl-58 {
    font-size: 58px !important;
  }
  .fs-xxl-60 {
    font-size: 60px !important;
  }
  .fs-xxl-62 {
    font-size: 62px !important;
  }
  .fs-xxl-64 {
    font-size: 64px !important;
  }
  .fs-xxl-66 {
    font-size: 66px !important;
  }
  .fs-xxl-68 {
    font-size: 68px !important;
  }
  .fs-xxl-70 {
    font-size: 70px !important;
  }
  .fs-xxl-72 {
    font-size: 72px !important;
  }
  .fs-xxl-74 {
    font-size: 74px !important;
  }
  .fs-xxl-76 {
    font-size: 76px !important;
  }
  .fs-xxl-78 {
    font-size: 78px !important;
  }
  .fs-xxl-80 {
    font-size: 80px !important;
  }
}
.lh-normal {
  line-height: normal !important;
}

.videos-head {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 878px;
}
.videos-head .videos-head-wrapper {
  text-align: center;
}
.videos-head .videos-head-wrapper .videos-sticker {
  height: 64px;
  margin: 0 auto;
  object-fit: contain;
  width: 64px;
}
.videos-head .videos-head-wrapper .videos-head-text {
  position: relative;
  width: 100%;
}
.videos-grid {
  display: grid;
  gap: 40px 24px;
  grid-template-columns: repeat(3, 314px);
  justify-content: center;
  margin: 0 auto 101px;
  max-width: 1440px;
  position: relative;
  width: min(100%, 990px);
  z-index: 10;
}
.videos-grid .video-card {
  border-radius: 8px;
  box-shadow: none;
  color: white;
  height: 467px;
  overflow: hidden;
  padding: 0 16px 24px;
  position: relative;
}
.videos-grid .video-card:nth-child(2), .videos-grid .video-card:nth-child(5) {
  transform: translateY(40px);
}
.videos-grid .video-card-bg, .videos-grid .video-card-overlay {
  border-radius: 8px;
  inset: 0;
  position: absolute;
}
.videos-grid .video-card-bg {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.videos-grid .video-card-bg img {
  border: 0;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.videos-grid .video-card-bg iframe {
  aspect-ratio: 16/9;
  border: 0;
  display: block;
  height: 100%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}
.videos-grid .video-card-overlay {
  background: linear-gradient(to bottom, rgba(102, 102, 102, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.videos-grid .video-card-content {
  bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: 16px;
  max-width: calc(100% - 116px);
  position: absolute;
  right: 100px;
  z-index: 2;
}
.videos-grid .video-card-likes {
  align-items: center;
  display: flex;
  gap: 8px;
}
.videos-grid .video-card-likes svg {
  height: 24px;
  width: 24px;
}
.videos-grid .video-card-likes span {
  color: white;
  font-size: 20px;
  font-weight: 700;
}
.videos-grid .video-card-meta h3,
.videos-grid .video-card-meta p {
  color: white;
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
}
.videos-grid .video-card-meta h3 {
  font-weight: 700;
}
.videos-grid .video-card-meta p {
  font-weight: 400;
  margin-top: 4px;
}
.videos-grid .video-card-actions {
  bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  position: absolute;
  right: 16px;
  z-index: 3;
}
.videos-grid .video-card-action-btn {
  align-items: center;
  background: rgba(67, 67, 67, 0.82);
  border: 0;
  border-radius: 999px;
  color: white;
  cursor: pointer;
  display: inline-flex;
  height: 48px;
  justify-content: center;
  transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
  width: 48px;
}
.videos-grid .video-card-action-btn:hover, .videos-grid .video-card-action-btn:focus-visible {
  background: rgba(22, 26, 29, 0.88);
  transform: translateY(-1px);
}
.videos-grid .video-card-action-btn svg {
  height: 20px;
  width: 20px;
}
.videos-grid .video-card-action-btn .video-card-action-icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  line-height: 0;
}
.videos-grid .video-card-action-btn--like {
  color: #fff;
}
.videos-grid .video-card-action-btn--like .video-card-action-icon--outline {
  display: inline-flex;
}
.videos-grid .video-card-action-btn--like .video-card-action-icon--filled {
  display: none;
}
.videos-grid .video-card-action-btn--like .video-card-action-icon--outline svg,
.videos-grid .video-card-action-btn--like .video-card-action-icon--filled svg {
  height: 20px;
  width: 20px;
}
.videos-grid .video-card-action-btn--like.is-active {
  background: rgba(22, 26, 29, 0.88);
  color: #ff607d;
}
.videos-grid .video-card-action-btn--like.is-active .video-card-action-icon--outline {
  display: none;
}
.videos-grid .video-card-action-btn--like.is-active .video-card-action-icon--filled {
  display: inline-flex;
}
.videos-grid .video-card-audio-btn {
  align-items: center;
  background: rgba(22, 26, 29, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  color: white;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  justify-content: center;
  opacity: 0;
  padding: 8px 12px;
  pointer-events: none;
  position: absolute;
  right: 16px;
  top: 16px;
  transform: translateY(-4px);
  transition: opacity 180ms ease, transform 180ms ease, background-color 180ms ease;
  z-index: 3;
}
.videos-grid .video-card-audio-btn.is-unmuted {
  background: rgba(0, 77, 64, 0.85);
}
.videos-grid .video-card:hover .video-card-audio-btn, .videos-grid .video-card:focus-within .video-card-audio-btn {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.videos-grid .videos-mobile-nav {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
.videos-grid .videos-mobile-nav-btn:disabled {
  cursor: default;
  opacity: 0.35;
}
.videos-actions {
  margin: 0 auto;
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

@media (max-width: 992px) {
  .videos .videos-grid {
    gap: 24px;
    grid-template-columns: repeat(2, minmax(280px, 314px));
    margin: 2.5rem auto;
    width: min(100%, 652px);
  }
  .videos .videos-grid .video-card:nth-child(2), .videos .videos-grid .video-card:nth-child(5) {
    transform: none;
  }
}
@media (max-width: 767px) {
  .videos .videos-head p {
    font-size: 18px;
  }
  .videos .videos-sticker {
    height: 54px;
    right: 12px;
    top: -18px;
    width: 54px;
  }
  .videos .videos-grid {
    display: block;
    justify-content: initial;
    max-width: 375px;
    width: 100%;
  }
  .videos .videos-grid .videos-mobile-nav {
    bottom: 24px;
    gap: 10px;
    left: auto;
    right: 12px;
    top: auto;
    transform: none;
  }
  .videos .videos-grid .video-card {
    display: none;
    margin: 0 auto;
    width: 100%;
  }
  .videos .videos-grid .video-card.is-active {
    display: block;
  }
  .videos .videos-grid .video-card-content {
    max-width: calc(100% - 98px);
    right: 90px;
  }
  .videos .videos-grid .video-card-actions {
    bottom: 140px;
    gap: 10px;
    right: 12px;
  }
  .videos .videos-grid .video-card-action-btn {
    height: 48px;
    width: 48px;
  }
  .videos .videos-grid .video-card-action-btn svg {
    height: 18px;
    width: 18px;
  }
  .videos .videos-grid .video-card-action-btn--like .video-card-action-icon--outline svg,
  .videos .videos-grid .video-card-action-btn--like .video-card-action-icon--filled svg {
    height: 18px;
    width: 18px;
  }
  .videos .videos-grid .video-card-audio-btn {
    display: inline-flex;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    z-index: 4;
  }
}
.convocatoria-header {
  max-width: 1103px;
  margin: 0 auto;
}

.convocatoria {
  max-width: 878px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.convocatoria .convocatoria-title {
  max-width: 481px;
  margin-bottom: 32px;
}
.convocatoria .convocatoria-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.convocatoria .convocatoria-card-item {
  display: flex;
  width: 100%;
}
.convocatoria .convocatoria-card-item-half {
  width: calc((100% - 24px) / 2);
}
@media (max-width: 767px) {
  .convocatoria .convocatoria-card-item-half {
    width: 100%;
  }
}
.convocatoria .convocatoria-card {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 24px;
  align-items: flex-start;
  gap: 24px;
  border-radius: 16px;
  background: white;
  color: neutro-gob(800);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  text-align: left;
}
.convocatoria .convocatoria-card-start {
  height: 152px;
  --start-card-height: 152px;
  position: relative;
  padding: 0px;
  display: flex;
  justify-content: space-between;
  height: var(--start-card-height);
  margin-top: calc(--start-card-height / 2);
}
@media (max-width: 767px) {
  .convocatoria .convocatoria-card-start {
    padding: 24px;
    margin-top: 0;
  }
}
.convocatoria .convocatoria-card-start .card-body {
  max-width: 407px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.convocatoria .convocatoria-card-start .card-body img {
  width: 32px;
  height: 32px;
}
.convocatoria .convocatoria-card-start .card-body h4 {
  text-align: left;
}
@media (max-width: 767px) {
  .convocatoria .convocatoria-card-start .card-body {
    max-width: 407px;
    justify-content: center;
    text-align: center;
    padding: 0;
    margin: 0 auto;
  }
  .convocatoria .convocatoria-card-start .card-body img {
    margin: 0 auto;
  }
  .convocatoria .convocatoria-card-start .card-body h4 {
    text-align: center;
  }
}
.convocatoria .convocatoria-card-start .card-aside {
  padding: 0 24px;
  width: auto;
  height: 100%;
}
.convocatoria .convocatoria-card-start .card-aside img {
  width: auto;
  height: calc(2 * var(--start-card-height));
  object-fit: contain;
  object-position: top center;
  margin-top: calc(-1 * var(--start-card-height));
}
@media (max-width: 767px) {
  .convocatoria .convocatoria-card-start .card-aside {
    display: none;
  }
}
.convocatoria .convocatoria-card-final .card-body {
  width: 100%;
}
.convocatoria .convocatoria-card-final .convocatoria-card-final-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.convocatoria .convocatoria-card-final .convocatoria-card-final-copy {
  text-align: left;
}
@media (max-width: 767px) {
  .convocatoria .convocatoria-card-final {
    border-radius: 24px;
    padding: 32px 24px;
  }
  .convocatoria .convocatoria-card-final .convocatoria-card-final-content {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
  }
  .convocatoria .convocatoria-card-final .convocatoria-card-final-icon {
    width: 56px;
    height: 56px;
  }
  .convocatoria .convocatoria-card-final .convocatoria-card-final-copy {
    text-align: center;
  }
  .convocatoria .convocatoria-card-final .convocatoria-card-final-copy h4 {
    text-align: center;
    margin: 0 !important;
  }
  .convocatoria .convocatoria-card-final .convocatoria-card-final-copy p {
    margin: 0;
  }
  .convocatoria .convocatoria-card-final .convocatoria-card-final-action {
    width: 100%;
  }
  .convocatoria .convocatoria-card-final .convocatoria-card-final-action .btn {
    width: 100%;
    max-width: 100%;
    border-radius: 16px;
  }
}

.form-control:focus, .form-select:focus {
  border-color: var(--color-primary-400);
  box-shadow: 0 0 8px var(--color-primary-200);
}
.form-check-input[type=radio] {
  appearance: none;
  background-image: none !important;
  background-color: transparent !important;
  border: 2px solid var(--black-text) !important;
  border-radius: 50%;
  width: 1.25em;
  height: 1.25em;
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.form-check-input[type=radio]::before {
  content: "";
  width: 55%;
  height: 55%;
  background-color: var(--color-primary-600);
  border-radius: 50%;
  transform: scale(0);
  transition: transform 0.2s ease-in-out;
}
.form-check-input[type=radio]:checked {
  border-color: var(--color-primary-600) !important;
}
.form-check-input[type=radio]:checked::before {
  transform: scale(1);
}
.form-check-input[type=radio]:focus {
  outline: none;
  border-color: var(--color-primary-600);
  box-shadow: 0 0 0 0.25rem rgba(var(--color-primary-600), 0.25);
}
.form-check-input[type=radio]:checked:focus {
  border-color: var(--color-primary-600) !important;
}