.transformando-bg { background: var(--preto); padding: 180px 0 120px; color: var(--branco); position: relative; }
.transformando { display: flex; flex-direction: column; gap: 70px; --content-width: min(1215px, 90vw); }
.transformando-topo { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 60px; align-items: start; }
.transformando-titulo { display: flex; flex-direction: column; line-height: 1; position: absolute; z-index: 10; width: 100%; left: 0; text-align: center; top: 100px; }
.transformando-titulo .kicker { font: 300 83.57px modelica; color: #e1e1e1; }
.transformando-titulo .script { font-family: retro; font-size:298.8px; font-weight: 400; color: var(--cor1); line-height: 0.8; margin-left: 29%; margin-top: -48px; }
.transformando-texto { font: 20.28px / 1.5 modelica; color: #dedede; margin: 18px 0 14px; max-width: 520px; }
.transformando-lista { display: grid; gap: 8px; font: 20.28px / 1.5 modelica; color: #d6d6d6; }
.transformando-lista li { position: relative; padding-left: 16px; }
.transformando-lista li::before { content: ""; width: 6px; height: 6px; background: var(--cor1); position: absolute; left: 0; top: 0.6em; border-radius: 50%; }

.transformando-copy { margin-top: 170px; }

.transformando-midia { position: relative; display: grid; align-items: end; justify-items: end; width: calc(98% + (100vw - var(--content-width)) / 2); margin-right: calc((100vw - var(--content-width)) / -2); }
.transformando-midia .foto-principal { display: block; width: auto; aspect-ratio: 700 / 1100; height: 100%; max-height: 1100px; border: 1px solid #3a3a3a; box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35); }
.transformando-midia .foto-principal img { width: 100%; height: 100%; object-fit: cover; display: block; }
.transformando-midia .foto-retrato { position: absolute; left: 0; top: 135px;  aspect-ratio: 400 / 700; height: auto; box-shadow: 0 18px 35px rgba(0, 0, 0, 0.4); }
.transformando-midia .foto-retrato img { width: 100%; height: 100%; object-fit: cover; display: block; }

.clinica { display: flex; flex-direction: column; gap: 22px; }
.clinica-titulo { text-align: center; line-height: 1; }
.clinica-titulo .kicker { font: 300 32px modelica; text-transform: uppercase; letter-spacing: 4px; color: #e0e0e0; }
.clinica-titulo .script { font-family: retro; font-size: clamp(90px, 12vw, 140px); font-weight: 400; color: var(--cor1); line-height: 0.8; margin-top: -8px; display: block; }
.clinica-diamantes .arrows { display: flex; justify-content: center; gap: 55px; margin-bottom: -80px; position: relative; z-index: 99; }
.clinica-diamantes .arrows .arrow { display: flex; outline: 15px solid var(--preto); background: var(--preto); align-items: center; justify-content: center; height: 68px; aspect-ratio: 1/1; width: auto; border: 4px solid var(--branco); transform: rotate(45deg); }
.clinica-diamantes .arrows .arrow img { transform: rotate(-45deg); }


.clinica-slider { margin-top: 16px; width: calc(100vw - var(--scrollbarWidth)); margin-left: calc(50% - (100vw - var(--scrollbarWidth)) / 2); overflow: hidden; }
.clinica-slider .splide { width: 100%; }
.clinica-slide { width: clamp(280px, 82vw, 800px); aspect-ratio: 800 / 600; height: auto; background: #2f2f2f; border: 1px solid #3a3a3a; box-shadow: 0 16px 30px rgba(0, 0, 0, 0.3); overflow: hidden; max-height: 600px; }
.clinica-slide img { width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(0.85); }

.transformando .splide__track { padding-block: 16px 26px; }
.transformando .splide__list { align-items: center; }
.transformando .splide__slide { padding: 0; }
.transformando .splide__slide .clinica-slide { transition: transform 0.4s ease, opacity 0.4s ease; }
.transformando .splide__slide:not(.is-active) .clinica-slide { transform: scale(0.94); opacity: 0.6; }
.transformando .splide__slide.is-active .clinica-slide { transform: scale(1); opacity: 1; }
.transformando .splide__arrow { width: 38px; height: 38px; background: transparent; border: 1px solid var(--cor1); border-radius: 0; opacity: 1; transform: translateY(-50%) rotate(45deg); }
.transformando .splide__arrow svg { width: 16px; height: 16px; fill: var(--cor1); }
.transformando .splide__arrow--prev { left: 28px; }
.transformando .splide__arrow--next { right: 28px; }
.transformando .splide__arrow--prev svg { transform: rotate(-45deg) scaleX(-1); }
.transformando .splide__arrow--next svg { transform: rotate(-45deg); }


@media(max-width: 1250px){
    .transformando-titulo .script { font-size: 200px; }
    .transformando-titulo .kicker { font-size: 60px; }
    .transformando-topo { grid-template-columns: 1fr; }
    .transformando-texto { max-width: 100%; }
    .transformando-copy { margin-top: 140px; }
    .transformando-bg { padding: 90px 0; }
    .transformando-titulo { top: 40px; }
}

@media (max-width: 990px) {
    .clinica { gap: 35px; }
    .clinica-slider { margin-top: 0; }
    .clinica-diamantes .arrows .arrow { width: 45px; height: 45px; outline-width: 7px; }
    .clinica-diamantes .arrows { gap: 35px; }
    .transformando-bg { padding: 80px 0 90px; }
    .transformando-topo { grid-template-columns: 1fr; gap: 36px; }
    .transformando-titulo .kicker { font-size: 28px; }
    .transformando-titulo .script { margin-left: 0; font-size: 90px; margin-top: 0; }
    .transformando-midia { display: none; }
    .transformando-lista,
    .transformando-texto { font-size: 18px; }
    .transformando-midia .foto-retrato { left: 12px; bottom: -22px; width: clamp(130px, 34vw, 180px); }
    .clinica-titulo .kicker { font-size: 22px; }
    .clinica-titulo .script { font-size: 90px; }
    .transformando .splide__arrow { display: none; }
    .transformando-copy { margin-top: 80px; }
}

@media (max-width: 600px) {
    .clinica-slider { margin-top: 10px; }
    .transformando-titulo .script { font-size: 86px; }
    .clinica-titulo .script { font-size: 70px; }
    .clinica-slide { width: min(86vw, 520px); aspect-ratio: 4 / 3; }
}