/* Diferenciais */

.combo { padding: 200px 0 80px; background-repeat: no-repeat; background-size: cover; background-position: 50% 0%; background-image: url(../img/diferencial/bg.webp); }
.combo__head { display: grid; grid-template-columns: auto 1fr; gap: 40px; margin-bottom: 80px; align-items: end; }
.combo__title { font-family: var(--font-heading); font-size: 40px; line-height: 1; margin: 0; }
.combo__title img{max-width: 300px;}
.combo__text { color: var(--color-blue-heading); font-size: 20px; line-height: 1.6; margin: 0; letter-spacing: 1px; }
.combo__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.combo-flip { perspective: 1000px; aspect-ratio: 1; outline: none; cursor: pointer; }
.combo-flip__inner { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 0.7s cubic-bezier(.4,.2,.2,1); }
.combo-flip:hover .combo-flip__inner, .combo-flip:focus .combo-flip__inner { transform: rotateY(180deg); }
.combo-flip__face { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.combo-flip__back { transform: rotateY(180deg); border-radius: 0; clip-path: url(#flowerShape); background: var(--color-green-brand); display: flex; align-items: center; justify-content: center; padding: 20px; text-align: center; }
.combo-flip__back span {font-family: var(--font-heading);font-size: 18px;color: var(--color-cream);text-transform: uppercase;letter-spacing: 2px;overflow-wrap: anywhere;}
.combo-flip:focus-visible .combo-flip__back { box-shadow: inset 0 0 0 4px var(--color-brown-dark); }
@media (prefers-reduced-motion: reduce) { .combo-flip__inner { transition: none; } }

.bilingue-tag { background: #f6a75a; overflow: hidden; }
.bilingue-wave { display: block; width: 100%; height: auto; aspect-ratio: 1200 / 220; }
.english-section { background: var(--color-orange); padding: 120px 0 80px 0; background-repeat: no-repeat; background-size: 1920px; background-position: 50% 0%; background-image: url(../img/diferencial/bg2.webp); }
.english-section__title {font-family: var(--font-heading);font-size: 34px;color: var(--color-white);margin: 0;text-transform: uppercase;letter-spacing: 4px;}
.english-section p {max-width: 880px;color: var(--color-white);line-height: 1.5;font-size: 27px;margin: 20px 0;}
.english-section__photos { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; margin: 60px 0 120px 0; }
.english-section__photos .placeholder-box--dark { min-height: 250px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; border: 4px solid var(--color-brown-dark); border-radius: 20px; box-shadow: 0 0 10px #00000021; }
.bilingue-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }
.bilingue-panel p { margin: 0; line-height: 1.4; color: var(--color-brown-dark); font-size: 22px; text-align: justify; }

.projects {background: #f6a75a;padding: 120px 0;background-repeat: no-repeat;background-size: 1920px;background-position: 50% 0%;background-image: url(../img/diferencial/bg3.webp);}
.projects .card {background: var(--color-cream);border-radius: 30px;padding: 40px;}
.projects .card--green {background: var(--color-green-brand);color: var(--color-white);}
.projects .card__title { font-family: var(--font-body); font-size: 26px; color: var(--color-brown-dark); margin: 0 0 20px; text-transform: uppercase; }
.projects .card--green .card__title { color: var(--color-white); }
.projects .card__text { font-size: 16px; line-height: 1.4; margin: 0; }
.projects .card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; }



.mosaic-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(12, auto); gap: 20px; }
.mosaic-item { position: relative; }
.mosaic-item--projetos { grid-column: 1; grid-row: 1 / 5; display: flex; align-items: center; justify-content: center; }
.mosaic-item--sabores { grid-column: 1; grid-row: 5 / 13; }
.mosaic-item--meio { grid-column: 2; grid-row: 1 / 6; }
.mosaic-item--digital { grid-column: 2; grid-row: 6 / 13; }
.mosaic-item--biblio { grid-column: 3; grid-row: 1 / 5; }
.mosaic-item--ciencias { grid-column: 3; grid-row: 5 / 9; }
.mosaic-item--meio, .mosaic-item--digital, .mosaic-item--biblio, .mosaic-item--ciencias { padding-bottom: 30px; box-shadow: 0 0 20px #00000021; }
.mosaic-item--segunda { grid-column: 3; grid-row: 9 / 13; display: flex; align-items: center; justify-content: center; }
.badge--pill { display: inline-block; background: var(--color-cream); color: var(--color-green-brand); font-family: var(--font-body); font-weight: 700; font-size: 36px; letter-spacing: 0.05em; padding: 14px 30px; border-radius: 20px; }
.mosaic-callout { font-family: var(--font-body); font-weight: 700; font-size: 28px; line-height: 1.4; color: var(--color-white); text-align: center; margin: 0; text-transform: uppercase; }






.integral {background: var(--color-orange);position: relative;padding: 70px 0;text-align: left;background-repeat: no-repeat;background-size: 1920px;background-position: 50% 0%;background-image: url(../img/diferencial/bg4.webp);}
.integral h2 {font-family: var(--font-heading);font-size: 36px;color: var(--color-green-olive);margin: 0 0 120px;letter-spacing: 4px;}
.integral .flex {display: flex;flex-direction: row;flex-wrap: nowrap;margin: 0 -10px}
.integral .flex .col{padding: 20px;width: 33.33%;}

.integral .card {background: var(--color-cream);border-radius: 30px;padding: 40px;min-height: 280px;margin: 30px 0;}
.integral .card span{font-weight: 700;color: var(--color-brown-body);}
.integral .card--green { background: var(--color-green-brand); color: var(--color-white); min-height: 280px; }
.integral .card__title {font-family: var(--font-body);font-size: 26px;color: var(--color-orange);margin: 10px 0;text-transform: uppercase;}
.integral .card--green .card__title { color: var(--color-white); }
.integral .card__text {font-size: 16px;line-height: 1.4;margin: 0;color: var(--color-brown-body);}
.integral .card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; }
.integral img{margin: 52px 0;}

.starburst { background: #f2c230; clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); width: 220px; height: 220px; display: flex; align-items: center; justify-content: center; text-align: center; font-family: var(--font-heading); font-size: 18px; color: var(--color-brown-dark); padding: 20px; transform: rotate(-6deg); }
.projects--orange .card-grid { margin-top: 40px; }
.card__icon { position: absolute; top: 42px; right: 40px; width: 26px; height: 26px; margin: 0; }


.testimonials {background: var(--color-green-brand);padding: 20px 0 120px;text-align: center;background-repeat: no-repeat;background-size: 1920px;background-position: 50% -420px;background-image: url(../img/diferencial/bg5.webp);}
.testimonials h2 {font-family: var(--font-heading);font-size: 56px;color: var(--color-cream);letter-spacing: 4px;margin: 0;}
.testimonial-card {border-radius: 24px 24px 0 0;margin-top: 150px;padding: 60px 80px;position: relative;display: flex;align-items: center;justify-content: center;gap: 8px;}
.testimonial-card__name {font-family: var(--font-heading);font-size: 36px;color: var(--color-white);margin: 0 0 6px;}
.testimonial-card__text { color: var(--color-brown-dark); line-height: 1.7; }
.testimonial-card__viewport {overflow: hidden;width: 100%;max-width: 700px;}
.testimonial-card__track { display: flex; transition: transform 0.5s ease; }
.testimonial-card .box {flex: 0 0 100%;box-sizing: border-box;padding: 0 16px;text-align: center;}
.testimonial-card__arrow {position: absolute;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;background: none;border: none;cursor: pointer;}
.testimonial-card__arrow--prev { left: 24px; }
.testimonial-card__arrow--next { right: 24px; }


@media (max-width: 1100px) {
  .integral{background-position: 65% 0%;}
  .integral h2{font-size: 30px;}
  .integral h2 br{display: none;}
  .integral img{margin: 20px 0;}
  .integral .flex {flex-direction: column;margin: 0}
  .integral .flex .col{padding: 0;width: 100%;}
  .integral .flex .col.reverse{display: flex;flex-direction: column-reverse;}

  .testimonials {background-size: 470px;background-position: 50% 0;background-repeat: repeat-x;}
  .testimonials h2 {font-size: 36px;}
  .testimonial-card__arrow {display:none;}

  .english-section{padding: 60px 0;background-position: 50% -80px;}
  .english-section__title{font-size: 46px;}
  .projects {padding: 80px 0;}

  .mosaic-grid { grid-template-columns: 1fr; grid-template-rows: none; }
  .mosaic-item--projetos, .mosaic-item--sabores, .mosaic-item--meio, .mosaic-item--digital, .mosaic-item--biblio, .mosaic-item--ciencias, .mosaic-item--segunda { grid-column: 1; grid-row: auto; }

  .combo {padding: 160px 0 80px 0;}
  .combo__title img{max-width: 300px; margin: 0 auto;}
  .combo__text {text-align: center;}
  .bilingue-tag text{font-size: 70px;letter-spacing: 8px;}
  .combo__head, .bilingue-panel, .english-section__photos {grid-template-columns: 1fr;gap: 40px;}
  .combo__grid { grid-template-columns: repeat(2, 1fr); }
  .testimonial-card {padding: 0;margin-top: 80px;}

}