.font-family-poppins-extra-bold {
  font-weight: 500;
}

.font-family-poppins-bold {
  font-weight: 500;
}


.bg-imparables-black,
#sec-29945, #sec-30011 {
  background: #2d2a26;
  overflow: hidden;
}

#sec-30011 .form-type-checkbox label.form-required:before {
  border-color: var(--yellow) !important;
  background-color: #2d2a26 !important;
}

#sec-29927 {
  overflow: hidden;
}

.text-imparables-black {
  color: #232a26;
}

a.text-imparables-black-hover:hover {
  color: #232a26 !important;
}

.extra-small {
  font-size: .6rem;
}

/**
 * Cabecera.
 */
.navbar-brand-yellow path,
.navbar-brand-yellow rect {
  fill: var(--yellow) !important;
}

.navbar-brand {
  width: 220px;
}

.navbar-brand svg {
  max-width: 220px;
}

@media (min-width: 768px) {
  header[role="banner"].navbar {
    height: 70px;
    padding: 0;
  }
}

/**
 * Countdown.
 */
.countdown-wrapper,
.countdown-wrapper .container-sm-match {
  height: 70px;
}

.countdown-wrapper .h6 {
  font-size: 1.125rem;
  letter-spacing: 1px;
}

.countdown-wrapper .h4 {
  font-size: 1.6rem;
  letter-spacing: 1px;
}

.counter-down span {
  width: 58px;
  letter-spacing: 3px;
}

@media (min-width: 768px) {
  .counter-down span {
    width: 68px;
  }

  .countdown-wrapper .h4 {
    font-size: 2.475rem;
  }

  .countdown-wrapper .h6 {
    font-size: 1.575rem;
  }

  .extra-small {
    font-size: .7rem;
  }
}

@media (max-width: 370px) {
  .counter-down span {
    width: 45px;
  }

  .extra-small {
    font-size: .5rem;
  }
}

.counter-down-suffix .extra-small {
  letter-spacing: 1px;
}

/**
 * Introducción.
 */
.section ul li::marker {
  content: "";
}

.section ul li:before {
  content: "";
  border-color: transparent #232a26;
  border-style: solid;
  border-width: .35em 0 .35em .45em;
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  margin-left: -15px;
  margin-top: 7px;
}

.section ul.ul-small li:before {
  border-color: transparent white;
  margin-top: 8px;
}

/**
 * Líneas.
 */
.yellow-lines:before {
  content: '';
  width: 400px;
  height: 10px;
  background: rgb(255,255,0);
  background: -moz-linear-gradient(90deg, rgba(255,255,0,0) 0%, rgba(255,255,0,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(255,255,0,0) 0%, rgba(255,255,0,1) 100%);
  background: linear-gradient(90deg, rgba(255,255,0,0) 0%, rgba(255,255,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFCF00",endColorstr="#FFCF00",GradientType=1);
  display: block;
  left: -350px;
  top: 20px;
  position: absolute;
}

.yellow-lines:after {
  content: '';
  width: 400px;
  height: 10px;
  background: rgb(255,255,0);
  background: -moz-linear-gradient(270deg, rgba(255,255,0,0) 0%, rgba(255,255,0,1) 100%);
  background: -webkit-linear-gradient(270deg, rgba(255,255,0,0) 0%, rgba(255,255,0,1) 100%);
  background: linear-gradient(270deg, rgba(255,255,0,0) 0%, rgba(255,255,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFCF00",endColorstr="#FFCF00",GradientType=1);
  display: block;
  right: -350px;
  top: 20px;
  position: absolute;
}

@media (min-width: 1200px) {
  .yellow-lines:after {
    right: -200px;
  }
  .yellow-lines:before {
    left: -200px;
  }
}

/**
 * Imagen circular.
 */
.circle-image-wrapper {
  width: 255px;
  margin: auto;
}

.circle-image-wrapper h3 > div {
  height: 165px !important;
}

.circle-image-wrapper img {
  max-width: 165px;
  border-radius: 100%;
}

.circle-image-wrapper-1 img {
  margin-bottom: -136px !important;
}

.circle-image-wrapper-2 img {
  margin-bottom: -56px;
  margin-bottom: -136px !important;
}

.circle-image-wrapper-3 img {
  margin-bottom: -55px;
  margin-bottom: -136px !important;
}

.circle-image-wrapper-4 img {
  margin-bottom: -136px !important;
  margin-bottom: -28px;
}

.swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  background: #2d2a26;
}

.swiper-pagination .swiper-pagination-bullet.active {
  background: var(--yellow);
}

@media (min-width: 1200px) {
  .swiper-pagination {
    display: none;
  }
}

/**
 * Bordes oblícuos.
 */
.oblique-border {
  border-top: 2px solid var(--yellow);
  border-bottom: 2px solid var(--yellow);
  position: relative;
}

.oblique-border:before {
  content: '';
  width: 0px;
  height: 0px;
  display: block;
  position: absolute;
  left: -25px;
  top: -2px;
  border-right: 25px solid var(--yellow);
  border-top: 52px solid transparent;
  border-bottom: 0px solid transparent;
}

.oblique-border:after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: -22px;
  top: -1px;
  border-right: 23px solid #2d2a26;
  border-top: 49px solid transparent;
  border-bottom: 0 solid transparent;
}

.oblique-border div:before {
  content: '';
  width: 0px;
  height: 0px;
  display: block;
  position: absolute;
  right: -25px;
  top: -2px;
  border-left: 25px solid var(--yellow);
  border-bottom: 52px solid transparent;
  border-top: 0px solid transparent;
}

.oblique-border div:after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  right: -22px;
  top: 0px;
  border-left: 23px solid #2d2a26;
  border-bottom: 49px solid transparent;
  border-top: 0 solid transparent;
}

.oblique-border h3 {
  letter-spacing: 5px;
}

@media (min-width: 768px) {
  .oblique-border .h4 {
    font-size: 2.1375rem !important;
  }

  .oblique-border:before {
    left: -25px;
    top: -2px;
    border-right: 25px solid var(--yellow);
    border-top: 58px solid transparent;
  }

  .oblique-border:after {
    left: -22px;
    top: -1px;
    border-right: 23px solid #2d2a26;
    border-top: 55px solid transparent;
  }

  .oblique-border div:before {
    right: -25px;
    top: -2px;
    border-left: 25px solid var(--yellow);
    border-bottom: 58px solid transparent;
  }

  .oblique-border div:after {
    right: -22px;
    top: 0px;
    border-left: 23px solid #2d2a26;
    border-bottom: 55px solid transparent;
  }
}

/**
 * Dato dentro de círculo.
 */
.circle-data {
  width: 165px;
  height: 165px;
}

.circle-data p {
  line-height: 100%;
}

.circle-data .number {
  font-style: italic;
}

.circle-data .copy {
  letter-spacing: .5px;
  font-size: 1rem !important;
  line-height: 1.2rem !important;
}

@media (min-width: 768px) {
  .circle-data .copy {
    display: inline-block;
    height: 38px;
  }
}

.circle-data-2 {
  background: #ffff8d !important;
}

.circle-data-3 {
  background: var(--yellow) !important;
}

/**
 * Líneas.
 */
.line-1 {
  height: 15px;
  background: rgb(198,197,61);
  background: -moz-linear-gradient(90deg, rgba(198,197,61,1) 0%, rgba(88,85,72,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(198,197,61,1) 0%, rgba(88,85,72,1) 100%);
  background: linear-gradient(90deg, rgba(198,197,61,1) 0%, rgba(88,85,72,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c6c53d",endColorstr="#585548",GradientType=1);
  width: 120%;
  margin-left: -10%;
  top: 130px;
}

.line-2 {
  height: 15px;
  background: rgb(123,119,116);
  background: -moz-linear-gradient(90deg, rgba(123,119,116,1) 0%, rgba(159,155,152,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(123,119,116,1) 0%, rgba(159,155,152,1) 100%);
  background: linear-gradient(90deg, rgba(123,119,116,1) 0%, rgba(159,155,152,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7b7774",endColorstr="#9f9b98",GradientType=1);
  width: 60%;
  right: -10%;
  top: 25px;
}

.line-3 {
  height: 15px;
  background: rgb(167,163,160);
  background: -moz-linear-gradient(90deg, rgba(167,163,160,1) 0%, rgba(197,193,190,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(167,163,160,1) 0%, rgba(197,193,190,1) 100%);
  background: linear-gradient(90deg, rgba(167,163,160,1) 0%, rgba(197,193,190,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a7a3a0",endColorstr="#c5c1be",GradientType=1);
  width: 60%;
  left: -10%;
  top: 50px;
}

.line-4 {
  height: 15px;
  background: rgb(89,85,72);
  background: -moz-linear-gradient(90deg, rgba(89,85,72,1) 0%, rgba(128,126,84,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(89,85,72,1) 0%, rgba(128,126,84,1) 100%);
  background: linear-gradient(90deg, rgba(89,85,72,1) 0%, rgba(128,126,84,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#595548",endColorstr="#807e54",GradientType=1);
  width: 60%;
  right: -10%;
  top: 115px;
}

.line-5 {
  height: 15px;
  background: rgb(172,170,76);
  background: -moz-linear-gradient(90deg, rgba(172,170,76,1) 0%, rgba(136,134,84,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(172,170,76,1) 0%, rgba(136,134,84,1) 100%);
  background: linear-gradient(90deg, rgba(172,170,76,1) 0%, rgba(136,134,84,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#acaa4c",endColorstr="#888654",GradientType=1);
  width: 60%;
  left: -10%;
  top: 80px;
}

.line-6 {
  height: 15px;
  background: rgb(175,173,172);
  background: -moz-linear-gradient(90deg, rgba(175,173,172,1) 0%, rgba(75,71,68,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(175,173,172,1) 0%, rgba(75,71,68,1) 100%);
  background: linear-gradient(90deg, rgba(175,173,172,1) 0%, rgba(75,71,68,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#afadac",endColorstr="#4b4744",GradientType=1);
  width: 60%;
  right: -10%;
  top: 140px;
}

@media (min-width: 768px) {
  .overflow-md-visible {
    overflow: visible !important;
  }

  .line-1 {
    width: 700px;
    right: 50%;
    top: 100px;
    background: rgb(248,248,10);
    background: -moz-linear-gradient(90deg, rgba(248,248,10,1) 0%, rgba(174,173,75,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(248,248,10,1) 0%, rgba(174,173,75,1) 100%);
    background: linear-gradient(90deg, rgba(248,248,10,1) 0%, rgba(174,173,75,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f80a",endColorstr="#aead4b",GradientType=1);
  }

  .line-2 {
    top: 100px;
    left: 50%;
    right: unset !important;
    width: 320px;
    background: rgb(108,106,80);
    background: -moz-linear-gradient(90deg, rgba(108,106,80,1) 0%, rgba(52,49,45,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(108,106,80,1) 0%, rgba(52,49,45,1) 100%);
    background: linear-gradient(90deg, rgba(108,106,80,1) 0%, rgba(52,49,45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6c6a50",endColorstr="#34312d",GradientType=1);
  }

  .line-3 {
    top: 30px;
    right: 50%;
    left: unset !important;
    width: 320px;
    background: rgb(126,123,84);
    background: -moz-linear-gradient(90deg, rgba(126,123,84,1) 0%, rgba(220,220,42,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(126,123,84,1) 0%, rgba(220,220,42,1) 100%);
    background: linear-gradient(90deg, rgba(126,123,84,1) 0%, rgba(220,220,42,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7e7b54",endColorstr="#dcdc2a",GradientType=1);
  }

  .line-4 {
    top: 100px;
    left: 50%;
    right: unset !important;
    width: 320px;
    background: rgb(157,155,81);
    background: -moz-linear-gradient(90deg, rgba(157,155,81,1) 0%, rgba(220,220,42,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(157,155,81,1) 0%, rgba(220,220,42,1) 100%);
    background: linear-gradient(90deg, rgba(157,155,81,1) 0%, rgba(220,220,42,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9d9b51",endColorstr="#dcdc2a",GradientType=1);
  }

  .line-5 {
    top: 40px;
    left: 50%;
    right: unset !important;
    width: 700px;
    background: rgb(153,151,82);
    background: -moz-linear-gradient(90deg, rgba(153,151,82,1) 0%, rgba(234,234,26,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(153,151,82,1) 0%, rgba(234,234,26,1) 100%);
    background: linear-gradient(90deg, rgba(153,151,82,1) 0%, rgba(234,234,26,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#999752",endColorstr="#eaea1a",GradientType=1);
  }

  .line-6 {
    top: 40px;
    right: 50%;
    left: unset !important;
    width: 200px;
    background: rgb(45,42,38);
    background: -moz-linear-gradient(90deg, rgba(45,42,38,1) 0%, rgba(94,91,75,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(45,42,38,1) 0%, rgba(94,91,75,1) 100%);
    background: linear-gradient(90deg, rgba(45,42,38,1) 0%, rgba(94,91,75,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d2a26",endColorstr="#5e5b4b",GradientType=1);
  }

  .line-7 {
    height: 15px;
    background: rgb(137,135,22);
    background: -moz-linear-gradient(90deg, rgba(137,135,22,1) 0%, rgba(45,42,38,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(137,135,22,1) 0%, rgba(45,42,38,1) 100%);
    background: linear-gradient(90deg, rgba(137,135,22,1) 0%, rgba(45,42,38,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#898716",endColorstr="#2d2a26",GradientType=1);
    top: 140px;
    left: 50%;
    width: 150px;
  }

  .line-8 {
    height: 15px;
    background: rgb(137,135,22);
    background: -moz-linear-gradient(90deg, rgba(137,135,22,1) 0%, rgba(45,42,38,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(137,135,22,1) 0%, rgba(45,42,38,1) 100%);
    background: linear-gradient(90deg, rgba(137,135,22,1) 0%, rgba(45,42,38,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#898716",endColorstr="#2d2a26",GradientType=1);
    top: 150px;
    left: 50%;
    width: 170px;
  }
}

/**
 * Rectángulo extraño.
 */
.rectangle-skew-2 {
  border: 2px solid var(--yellow);
  transform: skew(-30deg, 0deg);
  top: -15px;
  height: 84% !important;
  left: -32px;
}

.rectangle-skew-3 {
  border: 2px solid #595755;
  transform: skew(-30deg, 0deg);
  bottom: -15px;
  height: 84% !important;
  left: -65px;
}

@media (min-width: 768px) {
  .rectangle-skew-1 {
    transform: skew(-30deg, 0deg);
  }

  .rectangle-skew-2 {
    top: 25px;
    height: 100% !important;
    left: -25px;
  }

  .rectangle-skew-3 {
    bottom: 25px;
    height: 100% !important;
    right: -55px;
    left: unset !important;
  }
}

/**
 * Logos.
 */
.logo img {
  max-width: 150px;
}

/**
 * RRSS.
 */
.unicef-social {
  margin-bottom: 0 !important;
}

.unicef-social li {
  background: none !important;
  padding: 0 !important;
  top: 4px;
  position: relative;
  margin-right: 20px !important;
  border-radius: 0 !important;
}

@media (max-width: 370px) {
  .unicef-social li {
    margin-right: 20px !important;
  }

  .unicef-social li:last-child {
    margin-right: 0 !important;
  }
}

.unicef-social li:last-child {
  margin-right: 0 !important;
}

.unicef-social li a {
  height: 32px !important;
  width: 32px !important;
}

.unicef-social li a svg {
  display: none;
}

.unicef-social li a[data-gtmaction="Facebook"] {
  background: url(/sites/unicef.es/files/lab/imparables/facebook.png) no-repeat;
  background-size: cover;
}

.unicef-social li a[data-gtmaction="Twitter"] {
  background: url(/sites/unicef.es/files/lab/imparables/twitter.png) no-repeat;
  background-size: cover;
}

.unicef-social li a[data-gtmaction="Whatsapp"] {
  background: url(/sites/unicef.es/files/lab/imparables/twitter.png) no-repeat;
  background-size: cover;
}

footer .footer-logo svg {
  width: 100%;
  max-width: 350px;
  height: 100px;
}

footer .footer-logo path,
footer .footer-logo rect {
  fill: white !important;
}

footer a.text-white {
  transition: .5s ease all;
}

@media (min-width: 1200px) {
  footer a.text-white:hover {
    color: var(--yellow) !important;
  }
}

/**
 * Fold.
 */
#sec-29939 {

}

#sec-29939 .vh-60 {
  height: auto !important;
}

#sec-29939 .col-12.py-30 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.webform-submission-training-program-registration-form label {
  color: var(--yellow) !important;
}

.webform-submission-training-program-registration-form input.form-text,
.webform-submission-training-program-registration-form input.form-email,
.webform-submission-training-program-registration-form select.form-select,
.webform-submission-training-program-registration-form textarea {
  background: #2d2a26;
  border: 2px solid var(--yellow) !important;
  border-radius: 0;
  color: var(--yellow) !important;
}

.webform-submission-training-program-registration-form textarea {
  padding-top: 20px !important;
  height: 64px !important;
}

.webform-submission-training-program-registration-form textarea:focus {
    background: #2d2a26 !important;
}

.webform-submission-training-program-registration-form select {
  background-image: url(/sites/unicef.es/files/lab/imparables/select-arrow.svg) !important;
  background-size: 15px 15px !important;
  background-position: calc(100% - 10px) !important;
  background-repeat: no-repeat !important;
}

.webform-submission-training-program-registration-form .form-type-datelist {

}

.webform-submission-training-program-registration-form .form-type-datelist > label {
  display: block;
  margin-bottom: 0 !important;
}

.webform-submission-training-program-registration-form .form-type-datelist .container-inline {
  display: flex;
  justify-content: start;
}

.webform-submission-training-program-registration-form .form-type-datelist .container-inline select {
  padding-left: 15px;
  padding-right: 30px;
  padding-top: 10px !important;
  margin-bottom: 0 !important;
}

.webform-submission-training-program-registration-form .form-type-datelist > div {
  margin-bottom: 0 !important;
}

.webform-submission-training-program-registration-form .form-type-datelist .form-item-c-dt-month,
.webform-submission-training-program-registration-form .form-type-datelist .form-item-c-dt-day {
  margin-right: 15px;
}

.webform-submission-training-program-registration-form .form-group {
  margin-bottom: 0 !important;
}

@media (min-width: 1200px) {
  .webform-submission-training-program-registration-form .form-type-datelist {
    margin-top: -11px;
  }

  .webform-submission-training-program-registration-form .form-type-datelist .form-item-c-dt-month,
  .webform-submission-training-program-registration-form .form-type-datelist .form-item-c-dt-day {
    margin-right: 0px;
  }

  .webform-submission-training-program-registration-form .form-type-datelist .form-item-c-dt-month select,
  .webform-submission-training-program-registration-form .form-type-datelist .form-item-c-dt-day select {
    border-right: 0 !important;
  }

  .webform-submission-training-program-registration-form .form-type-datelist .container-inline select {
    padding-left: 10px;
    height: 46px !important;
  }

  .webform-submission-training-program-registration-form .form-group {
    margin-bottom: 0 !important;
  }
}

#sec-29939 .container {
  width: 100% !important;
  max-width: 1140px !important;
}

#sec-29939 .vh-60 > .bg-size-cover.d-md-none,
#sec-29939 .vh-60 > .bg-size-cover.d-none.d-md-block {
  display: none !important;
}

#sec-29939 .content {
  min-height: 60vh !important;
}

/**
 * Social preview.
 */
.social-preview h2 {

}

.social-preview .card-body {
  background: #2d2a26;
}

.social-preview .card-body p {
  color: white !important;
}

.social-preview .card-body p .link-default,
.social-preview .card-body p .card-link {
  color: var(--yellow);
  font-weight: 500 !important;
}

.social-preview .card-body p .font-weight-bold {
  font-weight: 500 !important;
  color: white !important;
}

.social-preview h2.h2 {
  font-size: 1.8rem;
  line-height: 100%;
  font-weight: 500 !important;
}

@media (min-width: 768px) {
  .social-preview h2.h2 {
    font-size: 2.1375rem;
  }
}

@media (min-width: 992px) {
  .social-preview h2.h2 {
    font-size: 2.475rem;
  }
}