/*
 * ACE CLIENT HOME ADJUSTMENTS V1
 * Ajustes solicitados:
 * 1) Botões do banner arredondados, mantendo as cores atuais.
 * 2) Slides do banner centralizados/proporcionais como o primeiro slide.
 * Escopo: Home apenas.
 */

/* 1) Botões do banner: muda somente a forma, não muda cor */
body.cms-index-index .ace-h11-hero-actions .ace-h11-btn,
body.cms-index-index .ace-h11-hero-actions a,
body.cms-index-index .ace-h11-slide .ace-h11-btn,
body.cms-index-index .ace-h11-slide a.ace-h11-btn {
    border-radius: 999px !important;
}

/* Mantém aparência consistente no hover, sem trocar paleta */
body.cms-index-index .ace-h11-hero-actions .ace-h11-btn:hover,
body.cms-index-index .ace-h11-hero-actions a:hover,
body.cms-index-index .ace-h11-slide .ace-h11-btn:hover,
body.cms-index-index .ace-h11-slide a.ace-h11-btn:hover {
    border-radius: 999px !important;
}

/* 2) Centralização vertical dos slides do hero */
@media (min-width: 768px) {
    body.cms-index-index .ace-h11-hero-slider,
    body.cms-index-index .ace-h11-slides,
    body.cms-index-index .ace-h11-slide {
        min-height: 496px !important;
    }

    body.cms-index-index .ace-h11-slide-inner {
        min-height: 496px !important;
        display: grid !important;
        grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
        align-items: center !important;
        padding-top: 46px !important;
        padding-bottom: 46px !important;
        box-sizing: border-box !important;
    }

    body.cms-index-index .ace-h11-hero-copy {
        align-self: center !important;
        margin-top: 0 !important;
        transform: none !important;
    }

    body.cms-index-index .ace-h11-hero-art {
        align-self: center !important;
        justify-self: center !important;
        margin-top: 0 !important;
        transform: none !important;
    }

    body.cms-index-index .ace-h11-racket,
    body.cms-index-index .ace-h11-shoe,
    body.cms-index-index .ace-h11-bag {
        max-width: 88% !important;
        max-height: 360px !important;
        transform-origin: center center !important;
    }
}

/* Tablet */
@media (max-width: 1024px) and (min-width: 768px) {
    body.cms-index-index .ace-h11-hero-slider,
    body.cms-index-index .ace-h11-slides,
    body.cms-index-index .ace-h11-slide,
    body.cms-index-index .ace-h11-slide-inner {
        min-height: 460px !important;
    }

    body.cms-index-index .ace-h11-slide-inner {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }

    body.cms-index-index .ace-h11-racket,
    body.cms-index-index .ace-h11-shoe,
    body.cms-index-index .ace-h11-bag {
        max-height: 320px !important;
    }
}

/* Mobile: só mantém os botões arredondados; não força altura agressiva */
@media (max-width: 767px) {
    body.cms-index-index .ace-h11-hero-actions .ace-h11-btn,
    body.cms-index-index .ace-h11-hero-actions a,
    body.cms-index-index .ace-h11-slide .ace-h11-btn,
    body.cms-index-index .ace-h11-slide a.ace-h11-btn {
        border-radius: 999px !important;
    }
}

/* ACE SLIDE 2 CONTROLE FIX V1 START
 * Ajusta somente o banner "Controle e potência".
 * Não altera os slides 1 e 3.
 */
@media (min-width: 768px) {
    body.cms-index-index .ace-h11-slide:nth-child(2) .ace-h11-slide-inner {
        padding-top: 34px !important;
        padding-bottom: 76px !important;
        align-items: center !important;
        box-sizing: border-box !important;
    }

    body.cms-index-index .ace-h11-slide:nth-child(2) .ace-h11-hero-copy {
        align-self: center !important;
        max-width: 650px !important;
        transform: translateY(-18px) !important;
    }

    body.cms-index-index .ace-h11-slide:nth-child(2) .ace-h11-hero-title {
        font-size: clamp(54px, 5.25vw, 92px) !important;
        line-height: .92 !important;
        letter-spacing: -.055em !important;
        margin-bottom: 18px !important;
    }

    body.cms-index-index .ace-h11-slide:nth-child(2) .ace-h11-hero-title span {
        display: block !important;
        white-space: nowrap !important;
        font-size: .88em !important;
        line-height: .96 !important;
    }

    body.cms-index-index .ace-h11-slide:nth-child(2) .ace-h11-hero-text {
        max-width: 500px !important;
        margin-top: 0 !important;
        font-size: 20px !important;
        line-height: 1.24 !important;
    }

    body.cms-index-index .ace-h11-slide:nth-child(2) .ace-h11-hero-actions {
        margin-top: 26px !important;
    }

    body.cms-index-index .ace-h11-slide:nth-child(2) .ace-h11-racket {
        max-width: 82% !important;
        max-height: 342px !important;
    }
}

@media (max-width: 1200px) and (min-width: 768px) {
    body.cms-index-index .ace-h11-slide:nth-child(2) .ace-h11-hero-copy {
        max-width: 570px !important;
        transform: translateY(-12px) !important;
    }

    body.cms-index-index .ace-h11-slide:nth-child(2) .ace-h11-hero-title {
        font-size: clamp(50px, 5vw, 82px) !important;
    }

    body.cms-index-index .ace-h11-slide:nth-child(2) .ace-h11-hero-text {
        font-size: 18px !important;
        max-width: 450px !important;
    }
}
/* ACE SLIDE 2 CONTROLE FIX V1 END */

/* ACE SLIDE 2 CONTROLE FIX V2 START
 * Corrige somente o banner "Controle e potência".
 * Objetivo:
 * - manter os slides 1 e 3 como estão;
 * - impedir "e potência" de quebrar em duas linhas;
 * - recolocar os botões dentro do painel, sem ficarem cortados pela faixa de benefícios.
 */
@media (min-width: 768px) {
    body.cms-index-index .ace-h11-slide-control .ace-h11-slide-inner {
        min-height: 496px !important;
        padding-top: 34px !important;
        padding-bottom: 96px !important;
        align-items: center !important;
        box-sizing: border-box !important;
    }

    body.cms-index-index .ace-h11-slide-control .ace-h11-hero-copy {
        align-self: center !important;
        width: min(47vw, 650px) !important;
        max-width: 650px !important;
        margin-top: 0 !important;
        transform: translateY(-30px) !important;
    }

    body.cms-index-index .ace-h11-slide-control .ace-h11-eyebrow {
        margin-bottom: 12px !important;
    }

    body.cms-index-index .ace-h11-slide-control .ace-h11-hero-title {
        max-width: none !important;
        margin: 0 0 16px !important;
        font-size: clamp(48px, 4.65vw, 76px) !important;
        line-height: .9 !important;
        letter-spacing: -.055em !important;
    }

    body.cms-index-index .ace-h11-slide-control .ace-h11-hero-title span {
        display: inline-block !important;
        width: max-content !important;
        max-width: none !important;
        white-space: nowrap !important;
        font-size: .82em !important;
        line-height: .92 !important;
        letter-spacing: -.045em !important;
    }

    body.cms-index-index .ace-h11-slide-control .ace-h11-hero-text {
        max-width: 500px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        font-size: 19px !important;
        line-height: 1.24 !important;
    }

    body.cms-index-index .ace-h11-slide-control .ace-h11-hero-actions {
        margin-top: 24px !important;
        transform: translateY(-4px) !important;
    }

    body.cms-index-index .ace-h11-slide-control .ace-h11-hero-actions .ace-h11-btn,
    body.cms-index-index .ace-h11-slide-control .ace-h11-hero-actions a {
        min-height: 46px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border-radius: 999px !important;
    }

    body.cms-index-index .ace-h11-slide-control .ace-h11-hero-art {
        align-self: center !important;
        justify-self: center !important;
        transform: translateY(-8px) !important;
    }

    body.cms-index-index .ace-h11-slide-control .ace-h11-racket {
        max-width: 80% !important;
        max-height: 328px !important;
        transform-origin: center center !important;
    }
}

@media (max-width: 1200px) and (min-width: 768px) {
    body.cms-index-index .ace-h11-slide-control .ace-h11-hero-copy {
        width: min(48vw, 560px) !important;
        max-width: 560px !important;
        transform: translateY(-24px) !important;
    }

    body.cms-index-index .ace-h11-slide-control .ace-h11-hero-title {
        font-size: clamp(44px, 4.45vw, 66px) !important;
    }

    body.cms-index-index .ace-h11-slide-control .ace-h11-hero-text {
        max-width: 430px !important;
        font-size: 17px !important;
    }

    body.cms-index-index .ace-h11-slide-control .ace-h11-racket {
        max-height: 300px !important;
    }
}
/* ACE SLIDE 2 CONTROLE FIX V2 END */