@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

.fa, .far, .fas {
    font-family: Font Awesome\ 5 Free !important;
}

* {
    font-family: 'open sans', sans-serif !important;
  -webkit-box-sizing: 0;
          box-sizing: 0;
  padding: 0;
  /*font-family: 'Roboto', sans-serif;*/
}

.border-end{
border-right: 0px solid #dee2e6!important;
}

.thank-you-page {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #015174;
  z-index: 10;
}

.display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 5px 5px 15px 5px #000000;
  box-shadow: 5px 5px 15px 5px #000000;
}

.display p {
  margin: 0;
  text-align: center;
  font-size: 50px;
  font-weight: 900;
  color: #30b9ec;
}


h1{
    font-size: 55px;
 margin-top: 75px;
}

h3, h2 {
  font-weight: 700;
}



h3{
    color:white;
}

p {
  font-weight: 300;
}

.section1 p {
  font-size: 20px;
}

.section1 h3 {
  color: white;
}



.subtopics-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.subtopics-section div {
  width: 90%;
}

.subtopics-section .form-row {
  margin-top: 10px;
}

.subtopics-section .form-row .form-check input {
  width: 15px;
  height: 15px;
}

.subtopics-section .form-row .form-check label {
  width: auto;
}

#DescCampaign p b {
  font-weight: 400;
}

.img-campaing {
 padding-top: 100px;
  height: 100%;
  position: absolute; 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.img-campaing img {
   height: 60%;
  width: 60%; 
  -o-object-fit: contain;
     object-fit: contain;

}

.test-section .test-option {
  display: none !important;
}

.thanks {
  display: none;
}

.displayed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.displayed p {
  font-size: 40px;
  font-weight: 900;
}


.div-logo {
  height: 150px;
}

.div-logo a {

  height: 100%;
  width: 100%;


}

.div-logo a img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;

}

/*
.logo {
  width: 90%;
  height: 90%;
  -o-object-fit: cover;
     object-fit: cover;
} */

.bg-image {
  height: 100%;
/*  background-image: url("https://image.mail.iadb.org/lib/fe3215707564067a7c1d71/m/1/35c7bbf3-94b1-4eb7-9e05-b9fd009966d6.jpg");*/
background-image: url("https://image.mail.iadb.org/lib/fe45157075640479751170/m/1/ab4c69ed-90e9-4509-bb27-e9f2bf80e846.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

.mask {
  /*     background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0) 35%, rgba(11,116,165,0.8631827731092436) 66%); */
  /* background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0) 35%, rgba(11,116,165,0.8631827731092436) 73%); */
  background: black;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(0, 0, 0, 0)), color-stop(85%, #0b74a5));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 25%, #0b74a5 85%);
  position: absolute;
  height: 100%;
}

/* .second-img {
  width: 70%;
  height: auto;
 display: none;
} */

h1,h2 {
color: white;
}

.form-landing input {
  width: 85%;
}
.form-landing select {
  width: 85%;
}

.form-landing textarea {
  width: 85%;
  resize: none;
}


/* body,html{
    height: 100%;
}

.bg-image{
    background-image: url("https://image.mail.iadb.org/lib/fe3215707564067a7c1d71/m/1/35c7bbf3-94b1-4eb7-9e05-b9fd009966d6.jpg");
    height: 100vh;
   background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}


.mask{
    background-color: rgba(4, 127, 189,0.6);
    position: absolute;
    height: 100vh;
}


.img-test{
    
    width: 200px;
    height: 200px;    
   border-radius: 50%;
} */
@media only screen and (min-width: 360px) {
h1{
    font-size: 55px;
     margin-top: -60px;
}

.mt-5 {
    margin-top: 1rem!important;
}

.mb-5, .my-5 {
    margin-top: 0rem!important;
}

}
@media only screen and (min-width: 1100px) {
.mt-5 {
    margin-top: 3rem!important;
}

h1{
    font-size: 55px;
     margin-top: 75px;
}
.mb-5, .my-5 {
    margin-top: 3rem!important;
}

.display{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 5px 5px 15px 5px #000000;
    box-shadow: 5px 5px 15px 5px #000000;
}}

@media only screen and (min-width: 1700px) {
.display{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 5px 5px 15px 5px #000000;
    box-shadow: 5px 5px 15px 5px #000000;
       padding-top: 30%;
}
}
@media only screen and (max-width: 575px) {
 body h1{
      font-size: 35px;
}
  .section1 p {
    font-size: 16px ;
  }
 .thank-you-page {
  position: fixed;

 background-color: #015174; 


} 
.display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 5px 5px 15px 5px #000000;
  box-shadow: 5px 5px 15px 5px #000000;
}

}

/* =========================================================
   OVERRIDE GLOBAL – Pegar al final del CSS actual
   (aplica el "formato nuevo" a toda la landing)
   ========================================================= */

/* Tipografías */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

/* Tokens del tema */
:root{
  --c-primary: #30B9E8;
  --c-text: #414042;
  --shadow: 0 0 20px 0 rgba(0,0,0,0.12);
}

/* Base global */
html, body {
    font-family: "Open Sans", sans-serif !important;
    color: var(--c-text) !important;
    position: relative;
    background: url("https://image.mail.iadb.org/lib/fe3615707564047a701078/m/1/9ec65eb8-a8c8-4bbf-9a82-90cd7640d69c.png") no-repeat !important;
    background-size: cover !important;
}

/* Si tu layout usa .bg-image/.mask, las dejamos neutras
   para que el fondo principal sea el del <body> */
.bg-image{
  background: none !important;
}
.mask{
  background: none !important;
}

/* Header con imagen nueva */
header {
  background: url("https://image.mail.iadb.org/lib/fe3615707564047a701078/m/1/c06db711-e0f4-45dc-a6a6-c90deb49c905.png") no-repeat center center / cover !important;
  padding: 8px 0 !important;
  margin: 0 0 50px 0 !important;
}
header .logo { max-width: 70px !important; }
header .user-name { color: var(--c-primary) !important; font-size: 14px !important; margin: 0 !important; }
header .menu a { color: #0086B5 !important; text-decoration: none !important; font-size: 14px !important; }

/* Títulos y textos */
h1, h2, h3 {
  text-transform: uppercase;
  color: var(--c-primary) !important;
  font-weight: 700 !important;
  margin: 0 0 .25rem 0;
}
h1 { font-size: 20px !important; }
h2 { font-size: 16px !important; }
h3 { font-size: 16px !important; }

p { margin: 0 0 .5rem 0; }

/* Bloque de título con línea decorativa */
.title {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 0 15px 0 !important;
  margin: 0 0 10px 0 !important;
}
.title:after{
  content:"";
  display:block;
  width:100%;
  height:1px;
  background-image:url("https://image.mail.iadb.org/lib/fe3615707564047a701078/m/1/29de1b0a-758e-4afe-9e15-322d883c7089.png");
  background-repeat:no-repeat;
  background-size:cover;
  position:absolute; bottom:0; left:0;
}

/* Etiquetas y requerido */
.form-label { font-size:14px !important; color: var(--c-text) !important; }
.required-label{ font-size:10px !important; color: var(--c-text) !important; }
.required-label span{ color: var(--c-primary) !important; }

/* Inputs y textarea */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea {
  background:#FFF !important;
  font-size:14px !important;
  border-radius:10px !important;
  border:none !important;
  box-shadow: var(--shadow) !important;
  padding:10px !important;
}

/* Variantes con icono */
input.input-x{
  background: url("https://image.mail.iadb.org/lib/fe3615707564047a701078/m/1/88d111d7-127b-4046-a56a-d513e48ca5fb.png") #FFF no-repeat 20px center !important;
  padding-left:50px !important;
}
input.input-linkedin{
  background: url("https://image.mail.iadb.org/lib/fe3615707564047a701078/m/1/05193782-4363-4151-a037-0f51cd688bcc.png") #FFF no-repeat 20px center !important;
  padding-left:50px !important;
}

/* Select nativo */
.form-select,
select{
  background-color:#FFF !important;
  background-image:url("https://image.mail.iadb.org/lib/fe3615707564047a701078/m/1/3bd8a31b-af33-4d50-b79f-0f43b3a259be.png") !important;
  background-position: 97% center !important;
  background-repeat:no-repeat !important;
  font-size:14px !important;
  border-radius:10px !important;
  border:none !important;
  box-shadow: var(--shadow) !important;
  padding:10px !important;
top :7px !important;
}

/* Select2 (si aplica) */
.select2-container--default .select2-selection--single{
  border:none !important;
  border-radius:10px !important;
  box-shadow: var(--shadow) !important;
  padding:10px !important;
  height:41px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:1.4 !important; padding:0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  background-image:url("https://image.mail.iadb.org/lib/fe3615707564047a701078/m/1/3bd8a31b-af33-4d50-b79f-0f43b3a259be.png") !important;
  background-repeat:no-repeat !important;
  background-position:center 15px !important;
  right:15px !important; top:0 !important; height:100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{ display:none !important; }

/* Tabs bootstrap */
#myTab.nav-tabs{ border:none !important; }
#myTab.nav-tabs .nav-item .nav-link{
  color:#C0C0C0 !important; box-shadow: var(--shadow) !important;
  border:none !important; border-radius:10px !important; margin-right:10px !important;
}
#myTab.nav-tabs .nav-item .nav-link.active{
  color: var(--c-primary) !important; font-weight:700 !important;
}

/* Switches (bootstrap) */
.form-switch .form-check-input:focus{
  border-color: var(--c-primary) !important;
  box-shadow: 0 0 0 0.25rem rgba(48,185,232,0.43) !important;
}
.form-switch .form-check-input:checked{
  background-color: var(--c-primary) !important;
  border-color: var(--c-primary) !important;
}
.form-switch .form-check-label{ font-weight:700 !important; font-size:16px !important; }

/* Validación */
label.error{
  background:#f05423 !important; color:#FFF !important; font-size:12px !important;
  padding:2px 10px !important; border-radius:15px !important;
  position:absolute !important; top:0 !important; right:15px !important; z-index:1 !important;
}

/* Botón principal */
button[type="submit"], .btn-submit{
  border-radius:30px !important; background: var(--c-primary) !important; color:#FFF !important;
  text-transform:uppercase !important; border:none !important; padding:10px 40px !important; font-weight:700 !important;
}

/* Cards/boxes usados en temas de tópicos */
.topics-box .column-item{
  box-shadow: var(--shadow) !important; padding:13px 30px !important; border-radius:10px !important; height:100% !important;
}
.topics-box .column-item p{
  color: var(--c-primary) !important; font-size:14px !important; margin:10px 0 0 !important;
}

/* Loading y modal (si los usas) */
#loading{
  display:none; position:absolute; inset:0; margin:auto; width:100%; height:100%;
  background: rgba(255,255,255,0.7) !important;
}
#loading img{
  width:100px; height:auto; display:block; position:fixed; top:50%; left:50%;
  transform: translate(-50%, -50%);
}

#successModal .modal-content{ background-color: rgb(113,113,113) !important; color:#FFF !important; }
#successModal .modal-content .modal-body{ text-align:center !important; font-size:20px !important; }
#successModal .modal-content .modal-header,
#successModal .modal-content .modal-footer{ border:none !important; }
#successModal .modal-content .modal-footer{ text-align:center !important; justify-content:center !important; }
#successModal .modal-content .modal-footer .btn{
  background: var(--c-primary) !important; border-radius:28px !important; padding:5px 50px !important; border:none !important; text-transform:uppercase !important; font-weight:700 !important;
}

/* Responsivo mínimo */
@media (max-width: 575px){
  body { padding-bottom: 200px !important; }
  h1 { font-size: 18px !important; }
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

.pt-5 {
    padding-top: 0rem !important;
}
.mt-5 {
    padding-top: 0rem !important;
    margin-top: 0rem !important;

}
    .mb-5, .my-5 {
        margin-top: 0rem !important;
    }
}

.bid-s2 .select2-selection__arrow::after {
    content: "";
    display: none !important;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background-repeat: no-repeat;
    background-size: 10px 6px;
}

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