@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
        body {  font-family: "Helvetica"; }
          @font-face {
      font-family: 'Helvetica';
      src: url('../fonts/HelveticaNeue-Light.otf') format('truetype');
      font-weight: 100;
      font-style: normal;
    }
    @font-face {
      font-family: 'Helvetica';
      src: url('../fonts/HelveticaNeue-Thin.otf') format('truetype');
      font-weight: 200;
      font-style: normal;
    }
    @font-face {
      font-family: 'Helvetica';
      src: url('../fonts/HelveticaNeue-Light.otf') format('truetype');
      font-weight: 300;
      font-style: normal;
    }
    @font-face {
      font-family: 'Helvetica';
      src: url('../fonts/HelveticaNeue-Roman.otf') format('truetype');
      font-weight: 400;
      font-style: normal;
    }
    @font-face {
      font-family: 'Helvetica';
      src: url('../fonts/HelveticaNeue-Medium.otf') format('truetype');
      font-weight: 500;
      font-style: normal;
    }
    @font-face {
      font-family: 'Helvetica';
      src: url('../fonts/HelveticaNeueBold.ttf') format('truetype');
      font-weight: 600;
      font-style: normal;
    }
        .tit-apl{font-weight: 700;}
        .hero-img { width: 100%; object-fit: cover; }
        .footer__title__lp{font-size: 60px;color: #fff;font-weight: 300;}
        .footer__text__lp{font-size: 16px;color: #b2b3b7;}
        .form-box { border: 2px solid #c80d3a; padding: 20px; border-radius: 6px; }
        .btn-red { background: #b80000; color: #fff; border-radius: 30px; padding: 10px 30px;text-decoration:none; }
        .btn-red-head { background: #b80000; color: #fff; border-radius: 30px; padding: 10px 30px; max-width: 180px;width: 100%; }
        .btn-red:hover { background: #8a0000;color:#fff; }
        .btn-red-head:hover{background: #8a0000;color:#fff}
        .section-title { font-weight: bold; font-size: 2rem; }
        .apply-section { background:#b80000; padding:90px 40px; color:white;margin: 40px 0 80px; }
        .apply-section .btn { background:white; color:#b80000; border-radius:30px; }
        .offer__title-top-lp {font-family: "Inter";font-size: 48px;font-weight: 300;line-height: 48px;color: #231f20;margin-bottom: 0px;}
        .offer__title-bottom {font-size: 55px;font-weight: 700;line-height: 77px;color: #231f20;}
        .offer__form-title{font-size: 40px;font-weight: 300;line-height: 48px;letter-spacing: .025em;color: #000}   
        .agree{font-size: 11px;font-weight: normal;line-height: 15px;margin: 20px 0 -15px 0}
        .form-check label{font-size:11px;}
         h2{width: 100%;font-size: 75px;font-weight: 200;line-height: 60px;text-transform: uppercase;text-align: initial;}
        .text-description-lp,.accordion-body p{font-size: 16px;line-height: 18px;font-weight: 300;}
        .text-apply-lp{ font-size: 20px;margin-right: 20px;}
        .tit-int{font-size: 60px;}
        .tit-int-th{font-size: 60px;color:#c40b34}
        .mc-accordion .accordion-button {
        font-size: 20px;
        font-weight: 500;
        line-height: 34px;
        color: #c80d3a;
        background: none;
        box-shadow: none;
        border-bottom: 1px solid #ddd;
        padding: 1rem 0;
        }

        .mc-accordion .accordion-button:not(.collapsed) {
        color: #d4004e; /* rosa Marie Claire */
        }

        .mc-accordion .accordion-button::after {
        background-image: none;
        content: "▾";
        font-size: 18px;
        transform: rotate(0deg);
        transition: .3s;
        }
        .mc-accordion .accordion-button:not(.collapsed)::after {
        transform: rotate(180deg);
        color: #d4004e;
        }

        .mc-accordion .accordion-item {
        border: none;
        }

        .mc-accordion .accordion-body {
        padding-left: 0;
        padding-right: 1rem;
        font-size: 15px;
        color: #444;
        }
        .footer-landing {
    padding: 100px 0 100px 0;
    background: #231f20;
}
.program-card {
  border: 1px solid #000;
  padding: 30px;
  height: 250px;
  cursor: pointer;
  position: relative;
  transition: 0.3s;
  background: white;
}

.program-card:hover {
  background: #f5f5f5;
}

.program-card.active {
  background: #c40b34; /* rojo institucional */
  color: white !important;
  border-color: #c40b34;
}

.program-card .learn {
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 15px;
  left: 15px;
}

.program-card.active .learn {
  display: none;
}

.program-card .back-btn {
  display: none;
  position: absolute;
  top: 15px;
  left: 15px;
  font-weight: bold;
  color: white;
}

.program-card.active .back-btn {
  display: block;
}

.program-card h3 {
  position: absolute;
  bottom: 20px;
  left: 15px;
  font-size: 22px;
  font-weight: 700;
}

.program-text p {
  font-size: 18px;
  line-height: 1.7;
}

.program-title {
  font-size: 60px;
  font-weight: 300;
}
@media (min-width: 481px) and (max-width: 767px) {
  
.offer__title-bottom {
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    color: #231f20;
}
.apply-section {
    background: #b80000;
    padding: 90px 10px;
    color: white;
    margin: 40px 0 80px;
}
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
.offer__title-bottom {
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    color: #231f20;
}
 .apply-section {
    background: #b80000;
    padding: 90px 10px;
    color: white;
    margin: 40px 0 80px;
} 
}