.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Bahnschrift";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"BelgianoSerif-Regular";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Helvetica";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Helvetica";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --primary-color:#013844; --secondary-color:#fff7e6; --tertiary-color:#789290; --accent-color:#2ecc71; --danger-color:#e63946; --white:#ffffff; --black:#000000; --bg-color:#0a0a0a; --section-bg:#4b6b70; --card-bg:#1a1a1a; }
/* Start custom CSS */.page-header{
    display: none !important;
}

.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;

    background: transparent;
    transition: background-color .35s ease,
                box-shadow .35s ease,
                padding .35s ease;
}

.navbar.scrolled {
    background: #456266e0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
}

.btn-circle {
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-left: 1%;
}

.btn-circle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 23%;
  padding-left: 24px;
  width: 13px;
  height: 13px;
  transform: translateY(-50%);

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 149 149'%3E%3Cg transform='matrix(8.33333,0,0,8.33333,148.205,0)'%3E%3Cpath d='M0,17.633L-1.046,17.633L-1.046,1.045L-17.751,1.045L-17.751,0L0,0L0,17.633Z' fill='%23fff7e6'/%3E%3C/g%3E%3Cg transform='matrix(-5.88857,-5.89654,-5.89654,5.88857,172.99,70.4022)'%3E%3Crect x='7.54' y='-3.126' width='1.062' height='23.873' fill='%23fff7e6'/%3E%3C/g%3E%3C/svg%3E");
}

.btn-circle:hover{
    transform: scale(1.1);
}

.vision-mision__item{
    position: relative;
    text-align: center;
    max-width: 500px;
    z-index: 1;
}

.vision-mision__circle{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 37rem;
    height: 37rem;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .6);
    transform: translate(-50%, -50%) scale(1);
    transition: transform .4s ease;
    z-index: -1;
}

.vision-mision__item:hover .vision-mision__circle {
    transform: translate(-50%, -50%) scale(1.15);
}

@media (max-width: 820px) {
    .vision-mision__item{
        margin: 0 !important;
    }
        .vision-mision__circle {
        width: 19rem;
        height: 19rem;
        border: 0px solid rgba(255, 255, 255, .6);
    }
}

.hover-container .hidden-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(-10px);
    transition: max-height 0.3s ease,
                opacity 0.3s ease,
                transform 0.3s ease;
}

.hover-container:hover .hidden-content {
    max-height: 200px;
    opacity: 1;
    transform: translateY(0);
}

.campos-accion__item {
    position: relative;
    text-align: center;
    max-width: 400px;
    z-index: 1;
    color: #fff7e6;
    text-decoration: none;
}

.campos-accion__item {
    margin-right: clamp(7rem, -8%, -2rem);
}

.campos-accion__item {
    margin-left: clamp(2rem, -8%, -2rem);
}

.campos-accion__circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: clamp(17.7rem, 20vw, 21rem);
    height: clamp(17.7rem, 20vw, 21rem);
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .6);
    transform: translate(-50%, -50%) scale(1);
    transition: transform .4s ease;
    z-index: -1;
}

.campos-accion__item:hover .campos-accion__circle {
    transform: translate(-50%, -50%) scale(1.15);
}

.campos-accion__title {
    margin-bottom: 0rem;
    position: relative;
    z-index: 2;
    transition: transform .4s ease;
    transform: translateY(25%);
}

.campos-accion__item:hover .campos-accion__title {
    transform: translateY(-15px);
}

.campos-accion__text {
    display: flex;
    flex-direction: column;
    line-height: 1.6;
    text-align: justify;
    text-align-last: center;
    max-width: 30ch;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .4s ease, transform .4s ease;
    position: relative;
    z-index: 2;
}

.campos-accion__item:hover .campos-accion__text {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 768px) {
    .campos-accion__item{
        margin: 0 !important;
    }
    .campos-accion__title {
        transform: translateY(0) !important;
    }
        .campos-accion__text {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bahnschrift';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://imjus.org.mx/wp-content/uploads/2026/06/Bahnschrift.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'BelgianoSerif-Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://imjus.org.mx/wp-content/uploads/2026/06/BelgianoSerif-Regular.woff2') format('woff2');
}
/* End Custom Fonts CSS */