.elementor-1050 .elementor-element.elementor-element-4a458a4{--display:flex;--min-height:75vh;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;}.elementor-1050 .elementor-element.elementor-element-4a458a4:not(.elementor-motion-effects-element-type-background), .elementor-1050 .elementor-element.elementor-element-4a458a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/ierpedroneldurango.edu.co/wp-content/uploads/2026/06/WhatsApp-Image-2026-05-21-at-13.07.29-1.webp?fit=1280%2C960&ssl=1");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1050 .elementor-element.elementor-element-4a458a4::before, .elementor-1050 .elementor-element.elementor-element-4a458a4 > .elementor-background-video-container::before, .elementor-1050 .elementor-element.elementor-element-4a458a4 > .e-con-inner > .elementor-background-video-container::before, .elementor-1050 .elementor-element.elementor-element-4a458a4 > .elementor-background-slideshow::before, .elementor-1050 .elementor-element.elementor-element-4a458a4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1050 .elementor-element.elementor-element-4a458a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-cef0432 );--background-overlay:'';}.elementor-1050 .elementor-element.elementor-element-66a3d45{--display:flex;--min-height:752px;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-1050 .elementor-element.elementor-element-7ea2dd1{text-align:center;}.elementor-1050 .elementor-element.elementor-element-7ea2dd1 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:80px;font-weight:700;text-transform:capitalize;line-height:1.2em;color:var( --e-global-color-284b516 );}.elementor-1050 .elementor-element.elementor-element-e4b016e{--display:flex;}.elementor-1050 .elementor-element.elementor-element-e4b016e:not(.elementor-motion-effects-element-type-background), .elementor-1050 .elementor-element.elementor-element-e4b016e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fc5ff30 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1050 .elementor-element.elementor-element-4a458a4{--content-width:1600px;}.elementor-1050 .elementor-element.elementor-element-66a3d45{--width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1050 .elementor-element.elementor-element-7ea2dd1 .elementor-heading-title{font-size:25px;}}/* Start custom CSS for shortcode, class: .elementor-element-03aaec8 */@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap");

.modulo-contratos {
  padding: 72px 20px;
  background:
    radial-gradient(circle at 10% 8%, rgba(18, 191, 208, 0.16), transparent 30%),
    radial-gradient(circle at 92% 18%, rgba(246, 207, 55, 0.18), transparent 26%),
    linear-gradient(180deg, #f6fbfb 0%, #edf8f6 100%);
  font-family: "Open Sans", sans-serif;
}

.contratos-heading,
.contenedor-contratos {
  width: min(1180px, 100%);
  margin-inline: auto;
}

.contratos-heading {
  margin-bottom: 34px;
}

.contratos-heading p {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  color: #027fa3;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.contratos-heading p::before {
  content: "";
  width: 24px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #47a933, #12bfd0);
}

.contratos-heading h2 {
  max-width: 940px;
  margin: 0;
  color: #10222b;
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.08;
  font-weight: 800;
}

.contenedor-contratos {
  display: grid;
  gap: 26px;
}

.card-contrato,
.contratos-empty {
  position: relative;
  isolation: isolate;
  width: 100%;
  box-sizing: border-box;
  padding: clamp(32px, 4vw, 50px);
  border: 1px solid rgba(18, 191, 208, 0.18);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.88)),
    linear-gradient(135deg, rgba(18, 191, 208, 0.08), rgba(246, 207, 55, 0.08));
  box-shadow:
    0 30px 80px rgba(5, 55, 70, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
  overflow: hidden;
}

.card-contrato::before,
.contratos-empty::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 9px;
  background: linear-gradient(180deg, #47a933 0%, #12bfd0 52%, #f6cf37 100%);
  z-index: -1;
}

.card-contrato::after,
.contratos-empty::after {
  content: "";
  position: absolute;
  right: -80px;
  top: -80px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(18, 191, 208, 0.16), transparent 68%);
  z-index: -1;
}

.card-contrato h3 {
  margin: 0 0 18px;
  color: #10222b;
  font-size: clamp(28px, 3.5vw, 46px);
  line-height: 1.08;
  font-weight: 800;
}

.contrato-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 26px;
}

.contrato-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 15px;
  border: 1px solid rgba(18, 191, 208, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: #64747c;
  font-size: 15px;
  font-weight: 700;
  box-shadow: 0 8px 20px rgba(5, 55, 70, 0.05);
}

.contrato-barra {
  height: 8px;
  margin: 26px 0;
  border-radius: 999px;
  background: rgba(16, 34, 43, 0.10);
  overflow: hidden;
}

.contrato-barra span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #47a933, #12bfd0, #f6cf37);
}

.contrato-acciones {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.btn-contrato {
  min-height: 48px;
  padding: 12px 20px;
  border: 0;
  border-radius: 999px;
  background: #ffffff;
  color: #10222b;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 12px 26px rgba(5, 55, 70, 0.10);
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.btn-contrato:hover,
.btn-contrato.is-active {
  transform: translateY(-2px);
  background: #005a75;
  color: #ffffff;
  box-shadow: 0 16px 30px rgba(0, 90, 117, 0.22);
}

.lista-contrato-archivos {
  display: none;
  gap: 10px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.lista-contrato-archivos.is-open {
  display: grid;
}

.lista-contrato-archivos a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(18, 191, 208, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.76);
  color: #10222b;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.2s ease, transform 0.2s ease;
}

.lista-contrato-archivos a:hover {
  transform: translateX(3px);
  background: rgba(18, 191, 208, 0.12);
}

.archivo-icono {
  min-width: 44px;
  padding: 6px 8px;
  border-radius: 999px;
  background: #f6cf37;
  color: #10222b;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

.contratos-empty {
  color: #64747c;
  font-size: 18px;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .modulo-contratos {
    padding: 54px 16px;
  }

  .contratos-heading h2 {
    font-size: 34px;
  }

  .card-contrato,
  .contratos-empty {
    padding: 30px 22px 30px 30px;
    border-radius: 14px;
  }

  .card-contrato h3 {
    font-size: 28px;
  }

  .btn-contrato {
    width: 100%;
  }
}/* End custom CSS */