/* ==========================================================================
   ESTILOS EXCLUSIVOS - STUDIO ATIBAIA JARDIM (studiostyle.css) - VERSÃO BS5
   ========================================================================== */

/* --- Ajustes Gerais e Container --- */
.studio-wrapper .container { padding-left: 15px; padding-right: 15px; }
.studio-section-padding { padding: 60px 15px; }

/* --- Títulos e Tipografia --- */
.studio-main-title {
    font-size: 32px; font-weight: 700; text-transform: uppercase;
    margin-bottom: 20px; color: #222; font-family: 'Libre Baskerville', serif;
}
.studio-subtitle { font-size: 18px; color: #555; line-height: 1.6; margin-bottom: 15px; }
.studio-highlight-text { color: #A21416; font-weight: 600; }
.colored-text { color: #A21416 !important; font-family: 'Libre Baskerville', serif; font-weight: 700;}

/* --- Chamadas para Ação (CTAs) --- */
.studio-cta-section {
    background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%); /* Padrão Chumbo da Marca */
    padding: 60px 15px;
    text-align: center;
}
.studio-cta-section h2 { color: #ffffff; margin-bottom: 10px; font-weight: bold; }
.studio-cta-section .cta-subtitle { color: #FFCE00; font-size: 18px; font-weight: bold; margin-bottom: 25px; }
.studio-btn-primary {
    background-color: #FFCE00; color: #1a1a1a;
    padding: 14px 35px; font-size: 15px; font-weight: bold;
    border-radius: 30px; text-transform: uppercase; transition: all 0.3s ease;
    display: inline-block; text-decoration: none; box-shadow: 0 4px 15px rgba(255,206,0,0.3);
}
.studio-btn-primary:hover {
    background-color: #e6b800; color: #000000; transform: scale(1.05);
}

/* --- Tabelas de Preço (Planos) --- */
.studio-price-box {
    background-color: #ffffff; border: none; border-radius: 12px;
    overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%; box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}
.studio-price-box:hover {
    transform: translateY(-8px); box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}
.studio-price-header { background-color: #1a1a1a; padding: 25px 0; border-bottom: 4px solid #A21416; }
.studio-price-header h3 { margin: 0; font-size: 22px; color: #FFCE00; font-weight: bold; letter-spacing: 1px;}
.studio-price-amount { background-color: #fcfcfc; padding: 25px 0; border-bottom: 1px solid #eaeaea; }
.studio-price-amount .day-label { margin: 0; font-size: 14px; text-transform: uppercase; color: #333; letter-spacing: 1px; font-weight: bold; }
.studio-price-amount h2 { margin: 15px 0 5px 0; font-size: 36px; color: #A21416; font-weight: 800;}
.studio-price-amount .time-label { margin: 0 0 15px 0; line-height: 1.2; color: #555; font-size: 14px; font-weight: 600;}
.studio-price-features { padding: 20px; text-align: left; list-style: none; margin: 0 auto; max-width: 280px; }
.studio-price-features li { padding: 12px 0; margin: 0; line-height: 1.4; color: #555; border-bottom: 1px solid #f0f0f0; font-size: 14px; }
.studio-price-features li:last-child { border-bottom: none; }
.studio-price-footer { padding: 0 0 30px 0; text-align: center; }
.btn-border-black {
    border: 2px solid #1a1a1a; color: #1a1a1a; padding: 12px 25px; border-radius: 30px;
    text-decoration: none; font-weight: bold; display: inline-block; transition: all 0.3s;
}
.btn-border-black:hover { background: #A21416; border-color: #A21416; color: #fff; }

/* --- Caixas de Avisos e Regras --- */
.studio-alert-box {
    background: #fff9e6; border-left: 4px solid #FFCE00; padding: 20px;
    margin: 30px auto; border-radius: 4px; text-align: center; max-width: 800px;
}
.studio-alert-box.danger { background: #f8d7da; border-left-color: #A21416; }
.studio-alert-title { color: #1a1a1a; font-size: 18px; font-weight: bold; margin-bottom: 10px; }

/* --- Grid de Recursos (Features) --- */
.studio-features-grid { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.studio-feature-card {
    flex: 1 1 calc(33.333% - 20px); margin: 10px; padding: 40px 20px;
    background: #fff; border: none; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    text-align: center; transition: all 0.3s ease; border-bottom: 4px solid transparent;
}
.studio-feature-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); border-bottom: 4px solid #A21416; }
.studio-feature-card i { font-size: 40px; color: #A21416; margin-bottom: 20px; }
.studio-feature-card h3 { font-size: 18px; margin-bottom: 10px; color: #222; font-weight: bold;}

/* --- Seção de Cortes (Instagram) --- */
.studio-cortes-section { background-color: #f9f9f9; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.studio-instagram-wrapper { display: flex; justify-content: center; margin-bottom: 30px; }

/* --- FAQ / Perguntas Frequentes --- */
.studio-faq-section { background-color: #ffffff; }
.accordion-button:not(.collapsed) { color: #ffffff; background-color: #A21416; font-weight: bold;}
.accordion-button:focus { border-color: #A21416; box-shadow: 0 0 0 0.25rem rgba(162, 20, 22, 0.25); }
.accordion-item { border: 1px solid #eaeaea; border-radius: 8px !important; margin-bottom: 15px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.02); }

/* --- Formas de Pagamento --- */
.studio-payment-section { background-color: #fff; padding-top: 40px; padding-bottom: 40px; }
.studio-payment-section img { max-width: 100%; height: auto; margin-bottom: 15px; }
.studio-payment-text { font-size: 18px; color: #1a1a1a; font-weight: bold; margin-top: 15px; }
.studio-payment-obs { font-size: 13px; color: #777; }

/* --- Navbar e Mobile Fixes --- */
.navbar-brand.studio-mobile-brand { font-size: 15px !important; line-height: 20px !important; white-space: normal; max-width: 75%; }

@media (max-width: 768px) {
    .studio-feature-card { flex: 1 1 100%; }
    .studio-main-title { font-size: 26px; }
    
    .tp-caption.slider-title {
        left: 50% !important; transform: translateX(-50%) !important;
        width: 100% !important; margin-left: 0 !important; text-align: center !important;
    }
    .tp-caption.slider-title > div {
        display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important;
    }
}

/* ==========================================================================
   EFEITO NAVBAR TRANSPARENTE (DESKTOP E MOBILE) - PADRONIZADO SEM VERMELHO
   ========================================================================== */
.navbar-transparent { background-color: transparent !important; box-shadow: none !important; transition: all 0.4s ease-in-out; }
.navbar-transparent .navbar-nav .nav-link {
    color: #ffffff !important; font-weight: 700 !important; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
}
.navbar-transparent .navbar-brand.studio-mobile-brand { color: #ffffff !important; text-shadow: 1px 1px 4px rgba(0,0,0,0.6); }

.navbar-scrolled { background-color: #ffffff !important; box-shadow: 0 2px 15px rgba(0,0,0,0.1) !important; transition: all 0.4s ease-in-out; }
.navbar-scrolled .navbar-nav .nav-link { color: #333333 !important; font-weight: 700 !important; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; text-shadow: none; }
.navbar-scrolled .navbar-brand.studio-mobile-brand { color: #222222 !important; text-shadow: none; }

.navbar-brand.studio-mobile-brand { font-size: 16px !important; line-height: 1.3 !important; white-space: normal !important; max-width: 70%; padding-top: 12px; }

@media (max-width: 991px) {
    .navbar-collapse { background-color: #ffffff; padding: 15px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.15); margin-top: 10px; }
    .navbar-transparent .navbar-nav .nav-link { color: #333333 !important; text-shadow: none; }
}

/* ==========================================================================
   BOTÃO FLUTUANTE CUSTOMIZADO (CALENDLY)
   ========================================================================== */
.studio-floating-btn {
    position: fixed; bottom: 30px; right: 30px;
    background-color: #FFCE00; /* Dourado Padrão */
    color: #1a1a1a;            /* Ícone Escuro para dar Contraste */
    width: 65px; height: 65px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 28px; box-shadow: 0 5px 20px rgba(0,0,0,0.3);
    cursor: pointer; z-index: 9999; transition: transform 0.3s ease, background-color 0.3s ease;
}
.studio-floating-btn:hover { transform: scale(1.1); background-color: #e6b800; }
@media (max-width: 768px) {
    .studio-floating-btn { bottom: 20px; right: 20px; width: 55px; height: 55px; font-size: 24px; }
}

/* ==========================================================================
   CORREÇÃO DO CARROSSEL DE FOTOS E FOOTER CORPORATIVO
   ========================================================================== */
.gallery-section .carousel-item img {
    max-height: 600px; width: 100%; object-fit: contain !important;
    background-color: #111111; margin: 0 auto; border-radius: 8px;
}
@media (max-width: 768px) { .gallery-section .carousel-item img { max-height: 350px; } }

/* Footer Corporativo Oficial */
.bg-dark-custom { background-color: #1a1a1a; }
.text-gold { color: #FFCE00 !important; }
footer.bg-dark-custom p, footer.bg-dark-custom .text-muted { color: #e0e0e0 !important; }
footer.bg-dark-custom a i { color: #ffffff !important; transition: all 0.3s ease; }
footer.bg-dark-custom a:hover i { color: #FFCE00 !important; transform: scale(1.2); }