*{box-sizing:border-box;margin:0;padding:0;}
	body{font-family:'Inter',sans-serif;background:#FFFFFF;color:#0D1F3C;}

	.hdr{background:#0D1F3C;padding:0 3rem;display:flex;align-items:center;justify-content:space-between;height:64px;border-bottom:1px solid rgba(201,168,76,.2);position:sticky;top:0;z-index:100;}
	.logo{font-size:16px;font-weight:600;color:#fff;letter-spacing:.06em;}
	.logo span{color:#c9a84c;}
	.nav{display:flex;gap:1rem;align-items:center;}
	.nav a{font-size:13px;color:#b0bcd0;text-decoration:none;cursor:pointer;}
	.nav a:hover{color:#c9a84c;}
	.dropdown{
	    position:relative;
	}

	/* Área invisível para não perder o hover */
	.dropdown::after{
	    content:"";
	    position:absolute;
	    top:100%;
	    left:0;
	    width:100%;
	    height:10px;
	}

	.dropdown-menu{
	    position:absolute;
	    top:100%;
	    left:0;
	    margin-top:10px;

	    background:#0a1628;
	    border:1px solid rgba(201,168,76,.2);
	    border-radius:6px;
	    min-width:240px;
	    padding:.4rem 0;
	    z-index:200;

	    opacity:0;
	    visibility:hidden;
	    transform:translateY(5px);
	    transition:opacity .2s ease, transform .2s ease, visibility .2s ease;
	}

	.dropdown:hover .dropdown-menu{
	    opacity:1;
	    visibility:visible;
	    transform:translateY(0);
	}
	.dropdown-menu a{display:block;padding:.6rem 1.25rem;font-size:12px;color:#b0bcd0;text-decoration:none;}
	.dropdown-menu a:hover{color:#c9a84c;background:rgba(201,168,76,.06);}
	.cta-h{background:#c9a84c;color:#0D1F3C;font-size:12px;font-weight:600;padding:9px 20px;border-radius:4px;cursor:pointer;border:none;font-family:'Inter',sans-serif;}

	.hero{position:relative;min-height:640px;display:flex;align-items:center;overflow:hidden;background-image:url('images/escolhapublica4.png');background-size:cover;background-position:center top;}
	.hero-ovl{position:absolute;inset:0;background:linear-gradient(105deg,rgba(8,18,34,.95) 0%,rgba(8,18,34,.82) 44%,rgba(8,18,34,.45) 72%,rgba(8,18,34,.14) 100%);}
	.hero-cnt{position:relative;z-index:2;padding:5.5rem 3rem 5.5rem 4rem;max-width:730px;}
	.hero h1{font-family:'Cormorant Garamond',serif;font-size:50px;font-weight:600;color:#fff;line-height:1.08;margin-bottom:1.5rem;letter-spacing:-.015em;}
	.hero h1 em{color:#c9a84c;font-style:normal;}
	.hero p{font-size:15.5px;color:#fff;line-height:1.8;margin-bottom:2.5rem;max-width:580px;}
	.hero-btns{display:flex;gap:16px;flex-wrap:wrap;}
	.hero-line{position:absolute;left:0;bottom:0;width:100%;height:3px;background:#c9a84c;z-index:3;}

	.sec{padding:5rem 3rem;}
	.st{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:600;color:#0D1F3C;text-align:center;margin-bottom:.6rem;}
	.st-lt{color:#fff;}
	.divbar{width:44px;height:2px;background:#c9a84c;margin:.6rem auto 1.5rem;}
	.ss{font-size:15px;color:#6b7a8d;text-align:center;margin-bottom:3rem;line-height:1.85;max-width:600px;margin-left:auto;margin-right:auto;}
	.ss-lt{color:#8a9bb5;}
	.dark{background:#0D1F3C;}

	.cards3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
	.aud-card{background:#FFFFFF;border:.5px solid #dde3eb;border-radius:12px;padding:2rem 1.75rem;border-top:3px solid #c9a84c;}
	.aud-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(13,31,60,.1);transition:all .25s ease;}
	.aud-icon{font-size:28px;margin-bottom:1rem;}
	.aud-card h3{font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:600;color:#0D1F3C;margin-bottom:.6rem;}
	.aud-card p{font-size:13px;color:#6b7a8d;line-height:1.7;}

	.escola-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;}
	.escola-card{background:#162847;border-radius:12px;padding:2rem 1.75rem;border-left:3px solid #c9a84c;}
	.escola-label{font-size:10px;font-weight:700;color:#c9a84c;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.75rem;display:block;}
	.escola-card h3{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:600;color:#fff;margin-bottom:1rem;line-height:1.35;}
	.escola-card ul{list-style:none;margin-bottom:1.5rem;}
	.escola-card li{font-size:12px;color:#8a9bb5;padding:4px 0 4px 14px;position:relative;line-height:1.5;}
	.escola-card li::before{content:'';position:absolute;left:0;top:10px;width:6px;height:1px;background:#c9a84c;}

	.fmt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;}
	.fmt-card{background:#FFFFFF;border:.5px solid #E2E4E8;border-radius:10px;padding:1.75rem 1.25rem;border-top:2px solid #c9a84c;text-align:center;transition:transform .25s ease,box-shadow .25s ease;}
	.fmt-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(13,31,60,.1);}
	.fmt-card-x{background:#FFFFFF;border:.5px solid #E2E4E8;border-radius:10px;padding:1.75rem 1.25rem;border-top:2px solid #c9a84c;text-align:center;}
	.fmt-icon{font-size:26px;margin-bottom:.85rem;}
	.fmt-card h3{font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:600;color:#0D1F3C;margin-bottom:.4rem;}
	.fmt-card p{font-size:12px;color:#6b7a8d;line-height:1.6;}

	.cursos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
	.curso-card{background:#FFFFFF;border:.5px solid #dde3eb;border-radius:10px;overflow:hidden;}
	.curso-img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;}
	.curso-body{padding:1.25rem;}
	.curso-cat{font-size:10px;color:#c9a84c;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;}
	.curso-body h3{font-size:13px;font-weight:500;color:#0a1628;margin-bottom:.85rem;line-height:1.4;}



	.dif-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;}
	.dif-card{padding:1.75rem 1.25rem;border-radius:10px;border:.5px solid #E2E4E8;transition:transform .25s ease,box-shadow .25s ease;}
	.dif-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(13,31,60,.1);border-color:#C9A84C;}
	.dif-icon{font-size:28px;margin-bottom:1rem;}
	.dif-card h3{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:600;color:#0D1F3C;margin-bottom:.5rem;}
	.dif-card p{font-size:12px;color:#6b7a8d;line-height:1.65;}

	.cta-f{background:#c9a84c;padding:5rem 3rem;text-align:center;}
	.cta-f h2{font-family:'Cormorant Garamond',serif;font-size:34px;font-weight:600;color:#0D1F3C;line-height:1.38;margin-bottom:1rem;max-width:600px;margin-left:auto;margin-right:auto;}
	.cta-f p{font-size:14px;color:#3a2a06;margin-bottom:2.5rem;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.75;}
	.cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}

	.ftr{background:#081629;padding:4rem 3rem 2rem;}
	.ftr-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin-bottom:2.5rem;}
	.ftr-g > div{text-align:left;}
	.ftr h4{font-size:12px;font-weight:600;color:#c9a84c;margin-bottom:1rem;letter-spacing:.08em;text-transform:uppercase;}
	.ftr ul{list-style:none;}
	.ftr li{font-size:12px;color:#6b7a8d;padding:4px 0;cursor:pointer;}
	.ftr li:hover{color:#c9a84c;}
	.ftr-bot{border-top:.5px solid rgba(255,255,255,.08);padding-top:1.25rem;text-align:center;font-size:11px;color:#3a4a5e;letter-spacing:.06em;}
	.ftr-logo-text,.ftr-logo-name,.ftr-logo-slogan{text-align:left!important;}
	.ftr-logo-text{align-items:flex-start!important;}
	


	    .pp-carousel-wrap {
	      position: relative;
	      width: 100%;
	      overflow: hidden;
	      padding: 2.5rem 0 2rem;
	    }
	    .pp-carousel-track {
	      display: flex;
	      align-items: center;
	      gap: clamp(18px, 4vw, 46px);
	      transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
	      will-change: transform;
	    }
	    .pp-card {
	      position: relative;
	      flex: 0 0 min(72%, 920px);
	      min-width: 0;
	      border-radius: 16px;
	      overflow: hidden;
	      cursor: pointer;
	      transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1),
	                  box-shadow 0.55s ease,
	                  opacity 0.55s ease;
	      transform: scale(0.86);
	      opacity: 0.55;
	      box-shadow: 0 8px 32px rgba(0,0,0,0.18);
	    }
	    .pp-card.pp-active {
	      transform: scale(1);
	      opacity: 1;
	      box-shadow: 0 24px 64px rgba(10,22,40,0.55), 0 0 0 2px rgba(201,168,76,0.22);
	      z-index: 2;
	    }
	    .pp-card-img {
	      width: 100%;
	      aspect-ratio: 16/9;
	      object-fit: cover;
	      object-position: center;
	      display: block;
	    }
	    .pp-card-overlay {
	      position: absolute;
	      inset: 0;
	      background: linear-gradient(
	        to top,
	        rgba(10,22,40,0.88) 0%,
	        rgba(10,22,40,0.52) 45%,
	        rgba(10,22,40,0.18) 100%
	      );
	      display: flex;
	      flex-direction: column;
	      justify-content: flex-end;
	      padding: 2.5rem 2.5rem 2rem;
	    }
	    .pp-card-label {
	      font-size: 10px;
	      font-weight: 600;
	      color: #c9a84c;
	      letter-spacing: .14em;
	      text-transform: uppercase;
	      margin-bottom: .65rem;
	      opacity: 0;
	      transform: translateY(8px);
	      transition: opacity 0.4s ease 0.1s, transform 0.4s ease 0.1s;
	    }
	    .pp-card.pp-active .pp-card-label {
	      opacity: 1;
	      transform: translateY(0);
	    }
	    .pp-card-title {
	      font-size: 22px;
	      font-weight: 600;
	      color: #fff;
	      line-height: 1.25;
	      margin-bottom: .85rem;
	      opacity: 0;
	      transform: translateY(10px);
	      transition: opacity 0.4s ease 0.18s, transform 0.4s ease 0.18s;
	    }
	    .pp-card.pp-active .pp-card-title {
	      opacity: 1;
	      transform: translateY(0);
	    }
	    .pp-card-desc {
	      font-size: 13px;
	      color: #b0bcd0;
	      line-height: 1.65;
	      max-width: 520px;
	      margin-bottom: 1.4rem;
	      opacity: 0;
	      transform: translateY(10px);
	      transition: opacity 0.4s ease 0.24s, transform 0.4s ease 0.24s;
	    }
	    .pp-card.pp-active .pp-card-desc {
	      opacity: 1;
	      transform: translateY(0);
	    }
	    .pp-card-btn {
	      display: inline-flex;
	      align-items: center;
	      gap: 8px;
	      background: transparent !important;
	      color: #c9a84c !important;
	      border: 1.5px solid #c9a84c !important;
	      font-size: 12px !important;
	      font-weight: 600 !important;
	      padding: 10px 22px !important;
	      border-radius: 5px !important;
	      cursor: pointer !important;
	      font-family: 'Inter', sans-serif !important;
	      letter-spacing: .06em;
	      transition: background 0.25s ease, color 0.25s ease !important;
	      opacity: 0;
	      transform: translateY(10px);
	      transition: opacity 0.4s ease 0.3s, transform 0.4s ease 0.3s, background 0.25s ease, color 0.25s ease !important;
	      text-decoration: none;
	    }
	    .pp-card.pp-active .pp-card-btn {
	      opacity: 1;
	      transform: translateY(0);
	    }
	    .pp-card-btn:hover {
	      background: #c9a84c !important;
	      color: #0a1628 !important;
	    }
	    /* Setas */
	    .pp-arrow {
	      position: absolute;
	      top: 50%;
	      transform: translateY(-50%);
	      z-index: 10;
	      width: 48px;
	      height: 48px;
	      border-radius: 50%;
	      border: 1.5px solid rgba(201,168,76,0.45) !important;
	      background: rgba(10,22,40,0.75) !important;
	      color: #c9a84c !important;
	      font-size: 20px !important;
	      cursor: pointer !important;
	      display: flex;
	      align-items: center;
	      justify-content: center;
	      transition: background 0.25s ease, border-color 0.25s ease !important;
	      outline: none;
	    }
	    .pp-arrow:hover {
	      background: rgba(201,168,76,0.15) !important;
	      border-color: #c9a84c !important;
	    }
	    .pp-arrow-left  { left:  calc(16% - 24px); }
	    .pp-arrow-right { right: calc(16% - 24px); }
	    /* Dots */
	    .pp-dots {
	      display: flex;
	      gap: 10px;
	      justify-content: center;
	      margin-top: 1.4rem;
	    }
	    .pp-dot {
	      width: 8px;
	      height: 8px;
	      border-radius: 50%;
	      background: rgba(201,168,76,0.3);
	      cursor: pointer;
	      transition: background 0.3s ease, transform 0.3s ease;
	      border: none !important;
	    }
	    .pp-dot.pp-dot-active {
	      background: #c9a84c;
	      transform: scale(1.3);
	    }
	    /* Mobile */
	    @media (max-width: 768px) {
	      .pp-carousel-wrap{padding-top:1.5rem;}
	      .pp-card { flex: 0 0 92%; }
	      .pp-arrow-left  { left:  2%; }
	      .pp-arrow-right { right: 2%; }
	      .pp-card-title { font-size: 17px; }
	      .pp-card-desc{display:none;}
	      .pp-card-overlay { padding: 1.5rem 1.25rem 1.25rem; }
	    }
	  


	  /* ---- Seção wrapper ---- */
	  .ic3 {
	    background: linear-gradient(155deg, #050d1a 0%, #0a1628 50%, #0e1c30 100%);
	    position: relative;
	    overflow: hidden;
	    border-top: 3px solid #c9a84c;
	    border-bottom: 3px solid #c9a84c;
	  }
	  /* Ornamento de fundo */
	  .ic3::after {
	    content: '';
	    position: absolute;
	    bottom: -120px; left: -120px;
	    width: 520px; height: 520px;
	    border-radius: 50%;
	    background: radial-gradient(circle, rgba(201,168,76,.07) 0%, transparent 65%);
	    pointer-events: none;
	  }

	  /* ---- Layout split ---- */
	  .ic3-split {
	    display: grid;
	    grid-template-columns: 52% 48%;
	    min-height: 620px;
	  }

	  /* ---- Coluna imagem ---- */
	  .ic3-photo {
	    position: relative;
	    overflow: hidden;
	  }
	  .ic3-photo img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	    object-position: center center;
	    display: block;
	    transition: transform .8s cubic-bezier(.4,0,.2,1);
	  }
	  .ic3:hover .ic3-photo img {
	    transform: scale(1.04);
	  }
	  /* Gradiente de fusão foto → fundo */
	  .ic3-photo-veil {
	    position: absolute;
	    inset: 0;
	    background:
	      linear-gradient(to right,  transparent 55%, rgba(5,13,26,.95) 100%),
	      linear-gradient(to bottom, transparent 70%, rgba(5,13,26,.55) 100%);
	    pointer-events: none;
	  }
	  /* Badge flutuante sobre a foto */
	  .ic3-photo-badge {
	    position: absolute;
	    bottom: 2rem;
	    left: 2rem;
	    background: rgba(10,22,40,.82);
	    border: 1px solid rgba(201,168,76,.35);
	    border-radius: 10px;
	    padding: .85rem 1.1rem;
	    backdrop-filter: blur(8px);
	  }
	  .ic3-photo-badge strong {
	    display: block;
	    font-size: 22px;
	    font-weight: 700;
	    color: #c9a84c;
	    line-height: 1;
	    margin-bottom: .2rem;
	  }
	  .ic3-photo-badge span {
	    font-size: 11px;
	    color: #8a9bb5;
	    letter-spacing: .06em;
	  }

	  /* ---- Coluna conteúdo ---- */
	  .ic3-body {
	    padding: 3.75rem 3.5rem 3.75rem 4rem;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    position: relative;
	    z-index: 1;
	  }
	  .ic3-tag {
	    display: inline-flex;
	    align-items: center;
	    gap: 10px;
	    font-size: 10px;
	    font-weight: 700;
	    color: #c9a84c;
	    letter-spacing: .2em;
	    text-transform: uppercase;
	    margin-bottom: 1.35rem;
	  }
	  .ic3-tag::before {
	    content: '';
	    width: 30px; height: 1.5px;
	    background: #c9a84c;
	    flex-shrink: 0;
	  }
	  .ic3-h1 {
	    font-family: 'Cormorant Garamond', serif;
	    font-size: 27px;
	    font-weight: 600;
	    color: #fff;
	    line-height: 1.26;
	    margin-bottom: .9rem;
	    letter-spacing: -.01em;
	  }
	  .ic3-h1 em {
	    color: #c9a84c;
	    font-style: normal;
	  }
	  .ic3-sub {
	    font-size: 13.5px;
	    color: #8a9bb5;
	    line-height: 1.75;
	    margin-bottom: .65rem;
	    max-width: 430px;
	  }
	  .ic3-support {
	    font-size: 12px;
	    color: rgba(201,168,76,.75);
	    font-style: italic;
	    line-height: 1.65;
	    margin-bottom: 2rem;
	    max-width: 400px;
	    padding-left: .85rem;
	    border-left: 2px solid rgba(201,168,76,.3);
	  }

	  /* ---- Cards de diferenciais ---- */
	  .ic3-cards {
	    display: grid;
	    grid-template-columns: 1fr 1fr 1fr;
	    gap: 10px;
	    margin-bottom: 1.85rem;
	  }
	  .ic3-card {
	    background: rgba(255,255,255,.03);
	    border: .5px solid rgba(255,255,255,.08);
	    border-radius: 10px;
	    padding: 1.3rem 1.15rem;
	    transition: background .25s ease, border-color .25s ease, transform .25s ease;
	    cursor: default;
	  }
	  .ic3-card:hover {
	    background: rgba(201,168,76,.08);
	    border-color: rgba(201,168,76,.38);
	    transform: translateY(-3px);
	  }
	  .ic3-card-rule {
	    display: block;
	    width: 26px;
	    height: 1px;
	    background: rgba(201,168,76,.55);
	    margin: .15rem 0 .55rem;
	  }
	  .ic3-card h4 {
	    font-family: 'Cormorant Garamond', serif;
	    font-size: 15px;
	    font-weight: 600;
	    color: #fff;
	    margin-bottom: .35rem;
	    line-height: 1.25;
	  }
	  .ic3-card p {
	    font-size: 13px;
	    color: rgba(255,255,255,.68);
	    line-height: 1.6;
	    margin: 0;
	  }

	  /* ---- Bloco de valor — Escolas ---- */
	  .ic3-value {
	    background: rgba(255,255,255,.03);
	    border: .5px solid rgba(201,168,76,.2);
	    border-radius: 12px;
	    padding: 1.1rem 1.25rem;
	    margin-bottom: 1.85rem;
	  }
	  .ic3-value-label {
	    font-size: 9.5px;
	    font-weight: 700;
	    color: #c9a84c;
	    letter-spacing: .15em;
	    text-transform: uppercase;
	    margin-bottom: .75rem;
	    display: block;
	  }
	  .ic3-value-escolas {
	    display: flex;
	    gap: 8px;
	    flex-wrap: wrap;
	  }
	  .ic3-escola-pill {
	    font-size: 11px;
	    font-weight: 500;
	    color: #b0bcd0;
	    background: rgba(255,255,255,.05);
	    border: .5px solid rgba(255,255,255,.12);
	    border-radius: 20px;
	    padding: 5px 14px;
	    white-space: nowrap;
	    transition: color .22s, border-color .22s, background .22s;
	  }
	  .ic3-escola-pill:hover {
	    color: #c9a84c;
	    border-color: rgba(201,168,76,.42);
	    background: rgba(201,168,76,.07);
	  }
	  .ic3-value-note {
	    font-size: 11px;
	    color: #4a5a6e;
	    margin-top: .65rem;
	    line-height: 1.55;
	  }

	  /* ---- CTAs ---- */
	  .ic3-ctas {
	    display: flex;
	    gap: 12px;
	    flex-wrap: wrap;
	  }
	  .ic3-btn-main {
	    background: #c9a84c !important;
	    color: #0a1628 !important;
	    font-size: 13px !important;
	    font-weight: 700 !important;
	    padding: 13px 26px !important;
	    border-radius: 5px !important;
	    border: none !important;
	    cursor: pointer !important;
	    font-family: 'Inter', sans-serif !important;
	    letter-spacing: .02em;
	    transition: background .22s ease, transform .2s ease !important;
	    text-decoration: none;
	    display: inline-flex;
	    align-items: center;
	    gap: 7px;
	  }
	  .ic3-btn-main:hover {
	    background: #d4b660 !important;
	    transform: translateY(-2px);
	  }
	  .ic3-btn-ghost {
	    background: transparent !important;
	    color: #c0cdd8 !important;
	    font-size: 13px !important;
	    font-weight: 500 !important;
	    padding: 12px 22px !important;
	    border-radius: 5px !important;
	    border: 1px solid rgba(255,255,255,.18) !important;
	    cursor: pointer !important;
	    font-family: 'Inter', sans-serif !important;
	    transition: border-color .22s, background .22s, color .22s !important;
	    text-decoration: none;
	    display: inline-flex;
	    align-items: center;
	  }
	  .ic3-btn-ghost:hover {
	    border-color: rgba(201,168,76,.45) !important;
	    background: rgba(201,168,76,.07) !important;
	    color: #c9a84c !important;
	  }

	  /* ---- Responsivo ---- */
	  @media (max-width: 900px) {
	    .ic3-split {
	      grid-template-columns: 1fr;
	      min-height: auto;
	    }
	    .ic3-photo { height: 280px; }
	    .ic3-photo img { object-position: center 30%; }
	    .ic3-photo-veil {
	      background:
	        linear-gradient(to bottom, transparent 55%, rgba(5,13,26,.8) 100%);
	    }
	    .ic3-photo-badge { bottom: 1.25rem; left: 1.25rem; }
	    .ic3-body {
	      padding: 2.5rem 1.75rem 2.75rem;
	    }
	    .ic3-h1 { font-size: 21px; }
	    .ic3-cards { grid-template-columns: 1fr 1fr; }
	  }
	  @media (max-width: 560px) {
	    .ic3-cards { grid-template-columns: 1fr; }
	    .ic3-ctas { flex-direction: column; }
	    .ic3-btn-main, .ic3-btn-ghost { justify-content: center; }
	    .ic3-value-escolas { gap: 6px; }
	  }
	


	/* ============================================================
	   AJUSTES RESPONSIVOS -- VERSAO MOBILE
	   Bloco adicionado ao final do arquivo. Nenhuma regra ou linha
	   original foi removida, reescrita ou movida -- os itens abaixo
	   apenas sobrepoem comportamento em telas menores via media
	   query, seguindo o mesmo padrao ja usado no arquivo original
	   nas secoes do carrossel das Escolas (@media 768px) e do
	   In Company (@media 900px / 560px).
	   ============================================================ */

	/* ---- Menu mobile (hamburger + off-canvas), <992px ----
	   Substitui a tentativa anterior de flex-wrap no header:
	   agora e um menu proprio para mobile, nao uma adaptacao do
	   desktop. Nao mexe em nada acima de 992px. ---- */
	.hdr-burger{ display:none; }
	.ppm-backdrop, .ppm-panel{ display:none; }

	@media (max-width: 992px) {

	  .nav, .hdr > a{ display:none; }

	  .hdr-burger{
	    display:flex;
	    flex-direction:column;
	    justify-content:center;
	    align-items:flex-end;
	    gap:5px;
	    width:40px; height:40px;
	    background:none; border:none; cursor:pointer; padding:0;
	    flex-shrink:0;
	  }
	  .hdr-burger span{
	    display:block; width:24px; height:2px; background:#C9A84C;
	    transition:transform .25s ease, opacity .25s ease;
	  }
	  .hdr-burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
	  .hdr-burger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
	  .hdr-burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

	  .hdr{ height:72px; padding:0 1.25rem; }

	  .ppm-backdrop{
	    display:block; position:fixed; inset:0; background:rgba(8,22,41,.55);
	    opacity:0; visibility:hidden; transition:opacity .3s ease, visibility .3s ease;
	    z-index:998;
	  }
	  .ppm-backdrop.is-open{ opacity:1; visibility:visible; }

	  .ppm-panel{
	    display:flex; flex-direction:column;
	    position:fixed; top:0; right:0; height:100%; width:min(86vw,360px);
	    background:#0A1628; z-index:999;
	    transform:translateX(100%);
	    transition:transform .35s cubic-bezier(.4,0,.2,1);
	    box-shadow:-8px 0 40px rgba(0,0,0,.35);
	  }
	  .ppm-panel.is-open{ transform:translateX(0); }

	  .ppm-top{
	    display:flex; align-items:center; justify-content:space-between;
	    padding:1.25rem 1.5rem; border-bottom:1px solid rgba(201,168,76,.15);
	    flex-shrink:0;
	  }
	  .ppm-close{ background:none; border:none; color:#fff; font-size:26px; line-height:1; cursor:pointer; padding:.25rem; }

	  .ppm-nav{ padding:.5rem 0; overflow-y:auto; flex:1; display:flex; flex-direction:column; }
	  .ppm-nav > a{
	    padding:1rem 1.5rem; font-size:15.5px; color:#fff; text-decoration:none;
	    border-bottom:1px solid rgba(255,255,255,.06);
	  }
	  .ppm-acc-btn{
	    width:100%; text-align:left; background:none; border:none;
	    padding:1rem 1.5rem; font-size:15.5px; color:#fff; font-family:'Inter',sans-serif;
	    display:flex; justify-content:space-between; align-items:center; cursor:pointer;
	    border-bottom:1px solid rgba(255,255,255,.06);
	  }
	  .ppm-chevron{ color:#C9A84C; font-size:13px; transition:transform .25s ease; }
	  .ppm-acc-btn.is-open .ppm-chevron{ transform:rotate(180deg); }
	  .ppm-acc-panel{ max-height:0; overflow:hidden; transition:max-height .3s ease; background:rgba(0,0,0,.18); }
	  .ppm-acc-panel a{ display:block; padding:.85rem 1.5rem .85rem 2.25rem; font-size:13.5px; color:#b0bcd0; text-decoration:none; }
	  .ppm-acc-panel a:hover{ color:#c9a84c; }

	  .ppm-cta{
	    display:block; margin:1.25rem 1.5rem; padding:14px; text-align:center; flex-shrink:0;
	    background:#C9A84C; color:#0D1F3C; font-weight:600; font-size:14px;
	    text-decoration:none; border-radius:5px; font-family:'Inter',sans-serif;
	  }
	}

	@media (prefers-reduced-motion: reduce) {
	  .ppm-panel, .ppm-backdrop, .hdr-burger span, .ppm-chevron, .ppm-acc-panel{ transition:none!important; }
	}

	/* ---- Logo do header mobile: reducao proporcional, sem quebra desorganizada do slogan ----
	   object-fit:contain nao tem efeito aqui porque a logo e SVG inline + texto,
	   nao <img>/<video> (object-fit so se aplica a elementos substituidos).
	   O equivalente real e height:auto no SVG (mantem a proporcao do viewBox)
	   e reducao conjunta de fonte + letter-spacing no slogan -- ele e o elemento
	   mais largo do bloco e o que estava quebrando mal. Precisa de !important
	   porque o tamanho original esta em atributo/estilo inline (maior especificidade). */
	@media (max-width: 480px) {
	  .hdr .logo{ max-width:260px!important; gap:10px!important; }
	  .hdr .logo svg{ width:20px!important; height:auto!important; flex-shrink:0; }
	  .hdr .logo span:first-child{ font-size:16px!important; }
	  .hdr .logo span:last-child{ font-size:7.5px!important; letter-spacing:.12em!important; }
	}
	@media (max-width: 360px) {
	  .hdr .logo{ max-width:230px!important; gap:8px!important; }
	  .hdr .logo svg{ width:17px!important; }
	  .hdr .logo span:first-child{ font-size:14px!important; }
	  .hdr .logo span:last-child{ font-size:7px!important; letter-spacing:.1em!important; }
	}

	/* ---- Links do rodape: remover sublinhado/cor azul padrao de navegador ----
	   Aqui o <a> envolve o <li> (a><li>), ao contrario do padrao mais comum
	   (li><a>). Por isso "color:inherit" no <a> nao pegaria o cinza institucional
	   -- herdaria do elemento ACIMA do <a>, nao do <li> que fica dentro dele.
	   Uso o valor explicito #6b7a8d, o mesmo ja usado em .ftr li. */
	.ftr a, .ftr a:visited, .ftr a:active, .ftr a:focus{
	  text-decoration:none;
	  color:#6b7a8d;
	}
	/* neutraliza cor presa apos toque em telas sem mouse (sem isso, o dourado
	   do :hover original ficaria "grudado" depois de tocar no link) */
	.ftr li:hover{ color:#6b7a8d; }
	@media (hover:hover) and (pointer:fine){
	  .ftr a:hover, .ftr li:hover{ color:#c9a84c; }
	}

	@media (max-width: 768px) {

	  html, body{ overflow-x:hidden; }

	  /* ---- Hero ---- */
	  .hero{ min-height:auto; }
	  .hero-cnt{
	    padding:3.5rem 1.5rem;
	    max-width:100%;
	  }
	  .hero h1{ font-size:32px; }
	  .hero p{ font-size:14.5px; max-width:100%; }

	  /* ---- Padding lateral excessivo em telas estreitas ---- */
	  .sec{ padding:3.5rem 1.5rem; }
	  .st{ font-size:26px; }
	  .ss{ font-size:14px; margin-bottom:2.25rem; }

	  .cta-f{ padding:3.5rem 1.5rem; }
	  .cta-f h2{ font-size:26px; }

	  .ftr{ padding:3rem 1.5rem 1.5rem; }
	}

	@media (max-width: 480px) {

	  /* ---- Grids: coluna unica em telas de celular ---- */
	  .cards3,
	  .escola-grid,
	  .fmt-grid,
	  .cursos-grid,
	  .dif-grid,
	  .ftr-g{
	    grid-template-columns:1fr;
	  }

	  /* ---- CTAs empilhados e com largura total (mesmo padrao ja usado em .ic3-ctas) ---- */
	  .hero-btns,
	  .cta-btns{
	    flex-direction:column;
	  }
	  .hero-btns > a{ display:block; width:100%; }
	  .hero-btns > a > button{ width:100%; }
	  .cta-btns > button{ width:100%; }
	  .cta-btns > a{ display:block; width:100%; }
	  .cta-btns > a > button{ width:100%; }

	  /* ---- Carrossel das Escolas: ajuste fino em telas muito estreitas ---- */
	  .pp-arrow{ width:40px; height:40px; }
	  .pp-card-title{ font-size:16px; }
	  .pp-card-btn{padding:8px 14px!important;font-size:11px!important;}
	}