#Programa {margin-top: 158px;}
#Programa .hero-image__body img {width: auto;}
#Programa .hero-image__body img.padac {max-width: 35vw;}
#Programa .hero-image__body h1, 
#Programa .hero-image__body h4 {line-height: 1.2;}
#Programa .hero-image__body h1 {
  font-family: "Nunito", sans-serif;
  font-size: 1.1rem !important;
}
#Programa .hero-image__body h4 {
  font-family: "Bebas Neue", cursive;
  font-size: 1.75rem !important;
}
#Programa .SeccionFormul h5 {text-align: center;}
#Programa .SeccionFormul .webform-element-help--title {display: none;}
#Programa .txt-advertencia {
  font-size: 10px;
  margin: 0;
}
#Programa .txt-advertencia span {color: red;}
#Programa .SeccionBanner h4 {font-weight: 300;}
#Programa .SeccionFormul i {color: #da0923;}
#Programa .SeccionBanner .hero-image__background-ur img {
  object-position: center;
  object-fit: cover;
  height: 667px;
  width: 100%;
}
.webform-submission-form {padding: 0 8%;}
#Programa .SeccionFormul .block-bg-blue.block--form > div:nth-child(1) {
  color: lime;
  display: none;
}
#Programa .SeccionFormul label {
  padding: 0;
  font-weight: bold;
}
#Programa .SeccionFormul input#edit-actions-submit,
#Programa .SeccionFormul input.webform-button--submit {
  background-color: #da0921;
  font-weight: 900;
  font-size: 1.1rem;
  transition: 0.5s;
  display: table;
  color: #fff;
  width: 100%;
  margin: auto;
  border-bottom: 0 !important;
}
#Programa .SeccionFormul input#edit-actions-submit:hover {background-color: #000f62;}
#Programa .SeccionFormul input.webform-button--submit:hover {background-color: #000f62;}
#Programa .SeccionFormul .option.js-form-required.form-required.form-item__label {font-weight: 400;}
#Programa .SeccionFormul .form-item__textfield:focus {border-color: #07004c;}
#Programa .SeccionFormul .form-item__textfield {
  border-radius: 4px;
  background-color: #fbf9f9;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid#2c2c2c !important;
  vertical-align: bottom;
}
#Programa .SeccionBanner .hero-image__background-ur img .SeccionFormul h5 {
  text-align: center;
  margin-bottom: 0;
  padding: 12px 0 3px;
}
#Programa .SeccionFormul .status--error {
  color: var(--c-text);
  background-color: rgb(231 0 0 / 0%);
  border: 1px solid#a70202b8;
  text-align: left;
  background-color: #fcfcfc !important;
  line-height: 1.4em;
  font-weight: 400;
  padding: 2px 0;
  font-size: 0.9em;
  margin-bottom: 9px;
}
#Programa .SeccionFormul li.status.status--error::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\21";
  color: #fff;
  margin-right: 5px;
  background-color: #da0921;
  padding: 5px 9px;
}

#Programa .Confimacion {
  background: rgb(245, 245, 245);
  background: linear-gradient(180deg, rgba(245, 245, 245, 1) 36%, rgba(245, 245, 245, 0) 88%);
  padding: 13% 29px;
  position: relative;
  width: 100%;
  left: 0;
  top: -58px;
}
#Programa .Confimacion h3 {
  color: #2b2c74;
  font-size: 1.3em;
}
#Programa .Confimacion a {
  color: #260273;
  font-weight: 600;
  transition: 0.4s;
}
#Programa .Confimacion a:hover {color: #da0921;}
#Programa .Confimacion hr {
  border: 1px solid#da0921;
  background-color: #da0921;
  opacity: 98;
  width: 9%;
  margin: 0 0 10px;
}
#Programa .js-form-item {padding: 0;}
#Programa .js-form-item-habeas-data {line-height: 1.3;margin-top: 1rem;}
#Programa .js-form-item-habeas-data label {font-size: 11px;margin: 0;padding: 0;}
#Programa .form-actions {margin: 1.5rem 0;}
#Programa .form-title {padding-top: 1.5rem;margin-bottom: 0;}

@media (min-width: 1281px) {
  .page--program #programa {top: -14px !important;}
}
@media (min-width: 1281px) {
  .page--program #programa {top: -23px;}
}
@media (min-width: 944px) and (max-width: 1277px) {
  #Programa {margin-top: 0;}
}
@media (min-width: 768px) and (max-width: 944px) {
  #Programa {margin-top: 129px;}
}
@media (min-width: 768px) and (max-width: 1260px) {
  #Programa .SeccionBanner .hero-image__background-ur img {
    object-position: 42% 22%;
    height: 760px;
  }
}
@media (max-width: 1024px) {
  .SeccionBanner .hero-image__background-ur img {object-position: 19%;}
  #Programa .Confimacion {top: -83px;}
}
@media (max-width: 768px) {
  #Programa .SeccionBanner .hero-image__background-ur img {object-position: center;}
  #Programa.layout-twocol.layout-twocol-75-25 .layout-content {grid-template-columns: 100% 100%;}
  #Programa.layout-twocol .layout-content {display: block;}
  #Programa.SeccionBanner .form-item__textfield {width: 100%;}
}

@media (max-width: 767px) {
  #Programa .SeccionBanner .hero-image__background-ur img {height: auto;}
  #Programa .SeccionFormul .hero-image__body h1 {font-size: 2rem;}
  #Programa .SeccionFormul .hero-image__body {
    position: absolute;
    top: 39px;
    left: 43px;
  }
  #Programa .SeccionBanner h4 {width: 96%;}
}
@media (min-width: 600px) and (max-width: 767px) {
  .hero-image__body {
    position: absolute;
    top: 68px;
    left: 43px;
  }
  #Programa .SeccionFormul input#edit-nombres,
  input#edit-apellidos,
  input#edit-numero-de-documento,
  input#edit-celular,
  input#edit-correo-electronico-usuario {width: 100%;}
}

@media (max-width: 600px) {
  #Programa {margin-top: 0;}
  #Programa .hero-image__body br {display: none;}
  .hero-image__body {
    position: absolute;
    top: 72px !important;
    left: 43px;
  }
  #Programa .Confimacion {top: -74px;}
  #Programa .SeccionBanner h4 {width: 82%;}
  #Programa .SeccionFormul h5 {
    padding: 30px 0 0;
    text-align: center;
  }
  #Programa input#edit-habeas-data {
    width: 24px;
    position: relative;
    top: 4px;
  }
  #Programa .SeccionFormul .js-form-item input {width: 100%;}
}
@media (max-width: 425px) {
  #Programa .hero-image__body h1 {width: 72%;}
}
@media (min-width: 576px) {
  #Programa .hero-image__body h1 {font-size: 1.7rem !important;}
  #Programa .hero-image__body h4 {font-size: 2.5rem !important;}
}
@media (min-width: 768px) {
  #Programa .hero-image__body h1 {font-size: 2rem !important;}
  #Programa .hero-image__body h4 {font-size: 3rem !important;}
}