/* Campanha 2027: estilos exclusivos da página de matrículas. */
.enrollment-page{
  padding-top:80px;
  overflow:hidden;
  color:#124d48;
  background:#fafbf7;
  font-family:Arial,Helvetica,sans-serif;
  line-height:normal;
  -webkit-font-smoothing:antialiased}
  .enrollment-hero{
    max-width:1240px;
    margin:auto;
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:42px;
    align-items:center;
    padding:54px 32px 68px}
    .enrollment-eyebrow{
      font-size:11px;
      font-weight:800;
      letter-spacing:2px;
      text-transform:uppercase;
      display:flex;
      align-items:center;
      gap:10px}
      .enrollment-eyebrow:before{
        content:'';
        width:9px;
        height:9px;
        background:#efbc39;
        border-radius:50%}
        .enrollment-page h1{
          font-family:inherit;
          font-size:clamp(44px,4.7vw,68px);
          letter-spacing:-3px;
          line-height:1.04;
          margin:25px 0 22px;
          font-weight:800}
          .enrollment-page h1 em{
            font-style:normal;
            color:#099c95}
            .enrollment-lead{
              font-size:17px;
              line-height:1.7;
              max-width:440px;
              color:#4f6863}
              .enrollment-segment{
                font-size:13px;
                font-weight:700;
                margin:27px 0;
                display:flex;
                gap:10px;
                align-items:center}
                .enrollment-segment span{
                  width:25px;
                  height:2px;
                  background:#dfa923}
                  .enrollment-cta{
                    display:inline-flex;
                    justify-content:center;
                    align-items:center;
                    gap:12px;
                    min-height:54px;
                    padding:16px 23px;
                    background:#006b5d;
                    color:#fff;
                    text-decoration:none;
                    border-radius:8px;
                    font-size:14px;
                    font-weight:700;
                    box-shadow:0 7px 18px #006b5d18;
                    transition:background .2s,transform .2s}
                    .enrollment-cta:hover{
                      background:#004f44;
                      transform:translateY(-2px)}
                      .enrollment-page a:focus-visible{
                        outline:3px solid #d6a112;
                        outline-offset:5px}
                        .enrollment-cta svg{
                          width:21px;
                          height:21px;
                          flex-shrink:0}
                          .enrollment-helper{
                            font-size:12px;
                            color:#687e77;
                            margin-top:13px}
                            .enrollment-campaign{
                              display:grid;
                              grid-template-columns:1fr 1fr;
                              gap:17px;
                              position:relative;
                              padding:30px 0}
                              .enrollment-campaign:before{
                                content:'';
                                position:absolute;
                                inset:0 -35px;
                                background:#e5eee4;
                                border-radius:50% 45% 40% 50%;
                                z-index:0}
                                .enrollment-campaign figure{
                                  position:relative;
                                  z-index:1;
                                  margin:0;
                                  align-self:start}
                                  .enrollment-campaign figure:nth-child(2){
                                    margin-top:58px}
                                    .enrollment-campaign img{
                                      width:100%;
                                      height:auto;
                                      display:block;
                                      border:5px solid white;
                                      border-radius:10px;
                                      box-shadow:0 18px 30px #123e4820}
                                      .enrollment-campaign figcaption{
                                        display:flex;
                                        align-items:center;
                                        gap:9px;
                                        margin-top:14px;
                                        font-size:11px;
                                        font-weight:700}
                                        .enrollment-campaign figcaption span{
                                          background:#fff;
                                          border:1px solid #c8d9d0;
                                          border-radius:50%;
                                          width:24px;
                                          height:24px;
                                          display:grid;
                                          place-items:center;
                                          font-size:10px}
                                          .enrollment-details{
                                            background:#eaf1e9;
                                            border-block:1px solid #dce7dc}
                                            .enrollment-details-inner{
                                              max-width:1240px;
                                              margin:auto;
                                              padding:33px 32px;
                                              display:grid;
                                              grid-template-columns:1fr 1.5fr;
                                              gap:60px;
                                              align-items:center}
                                              .enrollment-details h2{
                                                font-family:inherit;
                                                line-height:1.2;
                                                font-size:27px;
                                                letter-spacing:-.7px;
                                                margin:0;
                                                max-width:330px}
                                                .enrollment-details p{
                                                  font-size:15px;
                                                  line-height:1.7;
                                                  color:#4c655f;
                                                  margin:0}
                                                  @media(min-width:1500px){
                                                    .enrollment-hero{
                                                      padding-block:80px}
                                                    }
                                                    @media(max-width:900px){
                                                      .enrollment-hero{
                                                        gap:28px;
                                                        padding-top:30px}
                                                        .enrollment-page h1{
                                                          font-family:inherit;
                                                          font-size:45px}
                                                          .enrollment-details-inner{
                                                            padding:30px 32px;
                                                            gap:32px}
                                                            .enrollment-lead{
                                                              font-size:15px}
                                                            }
                                                            @media(max-width:680px){
                                                              .enrollment-hero{
                                                                grid-template-columns:1fr;
                                                                padding:28px 22px 36px;
                                                                gap:22px}
                                                                .enrollment-page h1{
                                                                  font-family:inherit;
                                                                  font-size:51px;
                                                                  letter-spacing:-2px;
                                                                  max-width:430px;
                                                                  margin-top:20px}
                                                                  .enrollment-lead{
                                                                    max-width:none;
                                                                    font-size:16px}
                                                                    .enrollment-cta{
                                                                      width:100%}
                                                                      .enrollment-helper{
                                                                        text-align:center}
                                                                        .enrollment-campaign{
                                                                          gap:13px;
                                                                          padding:20px 0 0}
                                                                          .enrollment-campaign figure:nth-child(2){
                                                                            margin-top:30px}
                                                                            .enrollment-campaign figcaption{
                                                                              font-size:10px;
                                                                              gap:5px}
                                                                              .enrollment-campaign img{
                                                                                border-width:3px}
                                                                                .enrollment-details-inner{
                                                                                  grid-template-columns:1fr;
                                                                                  gap:15px;
                                                                                  padding:29px 22px}
                                                                                  .enrollment-details h2{
                                                                                    font-family:inherit;
                                                                                    line-height:1.2;
                                                                                    font-size:25px}
                                                                                  }
                                                                                  @media(prefers-reduced-motion:reduce){
                                                                                    .enrollment-cta{
                                                                                      transition:none}
                                                                                    }
                                                                                    @media(max-width:360px){
                                                                                      .enrollment-page h1{
                                                                                        font-size:44px}
                                                                                        .enrollment-cta{
                                                                                          padding-inline:14px;
                                                                                          font-size:13px}
                                                                                        }
                                                                                        @media(max-width:920px){
                                                                                          .enrollment-page{
                                                                                            padding-top:68px}
                                                                                          }