/* Fix específico para remover padding-bottom do Elementor no plugin da Dra. Marília */

/* Sobrescreve apenas o padding-bottom do container Elementor */
.e-con {
    --container-default-padding-bottom: 0px !important;
}

/* Alternativa caso a primeira não funcione */
body .e-con {
    padding-bottom: 0px !important;
}

/* Específico para containers após o footer da landing page */
#dra-marilia-landing ~ .e-con,
#dra-marilia-landing + .e-con {
    --container-default-padding-bottom: 0px !important;
    padding-bottom: 0px !important;
}

/* Botões full width no mobile */
@media (max-width: 639px) {
    #dra-marilia-landing .flex.flex-col.sm\:flex-row button {
        width: 100% !important;
    }

    /* Específico para os containers dos botões */
    #dra-marilia-landing .flex.flex-col.sm\:flex-row {
        width: 100%;
    }

    /* Garante que os botões ocupem toda a largura disponível */
    #dra-marilia-landing .flex.flex-col.sm\:flex-row button.inline-flex {
        display: flex !important;
        width: 100% !important;
        justify-content: center !important;
    }

    /* Mantém padding-top original no mobile para .pt-16 */
    #dra-marilia-landing .pt-16 {
        padding-top: 4rem !important;
    }
}

/* Classes de gradiente para navegação e títulos */
.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

/* Classes de clip para texto com gradiente */
.bg-clip-text {
    background-clip: text;
    -webkit-background-clip: text;
}

.text-transparent {
    color: transparent;
}

/* Gradientes para navegação */
.from-medical-blue\/90 {
    --tw-gradient-from: hsl(210 45% 45% / 0.9);
    --tw-gradient-to: hsl(210 45% 45% / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-medical-rose\/80 {
    --tw-gradient-to: hsl(340 25% 65% / 0.8);
}

/* Gradientes para títulos - About */
.from-medical-rose {
    --tw-gradient-from: hsl(340 25% 65%);
    --tw-gradient-to: hsl(340 25% 65% / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-medical-blue {
    --tw-gradient-to: hsl(210 45% 45%);
}

/* Gradientes para títulos - Benefits */
.from-medical-blue {
    --tw-gradient-from: hsl(210 45% 45%);
    --tw-gradient-to: hsl(210 45% 45% / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-medical-rose-light {
    --tw-gradient-to: hsl(340 35% 75%);
}

/* Gradientes para títulos - Contact */
.from-medical-rose-light {
    --tw-gradient-from: hsl(340 35% 75%);
    --tw-gradient-to: hsl(340 35% 75% / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-medical-rose {
    --tw-gradient-to: hsl(340 25% 65% / 0);
    --tw-gradient-stops: var(--tw-gradient-from), hsl(340 25% 65%), var(--tw-gradient-to);
}

/* Gradientes para elementos decorativos */
.from-medical-blue\/10 {
    --tw-gradient-from: hsl(210 45% 45% / 0.1);
    --tw-gradient-to: hsl(210 45% 45% / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-medical-rose\/10 {
    --tw-gradient-from: hsl(340 25% 65% / 0.1);
    --tw-gradient-to: hsl(340 25% 65% / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-medical-rose\/15 {
    --tw-gradient-from: hsl(340 25% 65% / 0.15);
    --tw-gradient-to: hsl(340 25% 65% / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-medical-blue\/15 {
    --tw-gradient-from: hsl(210 45% 45% / 0.15);
    --tw-gradient-to: hsl(210 45% 45% / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-medical-rose\/20 {
    --tw-gradient-from: hsl(340 25% 65% / 0.2);
    --tw-gradient-to: hsl(340 25% 65% / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-medical-blue\/20 {
    --tw-gradient-from: hsl(210 45% 45% / 0.2);
    --tw-gradient-to: hsl(210 45% 45% / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-medical-rose\/10 {
    --tw-gradient-to: hsl(340 25% 65% / 0.1);
}

.to-medical-rose-light\/10 {
    --tw-gradient-to: hsl(340 35% 75% / 0.1);
}

.to-medical-rose-light\/15 {
    --tw-gradient-to: hsl(340 35% 75% / 0.15);
}

.to-medical-rose\/15 {
    --tw-gradient-to: hsl(340 25% 65% / 0.15);
}

.to-medical-rose\/20 {
    --tw-gradient-to: hsl(340 25% 65% / 0.2);
}

/* Shadows personalizadas */
.shadow-medical {
    box-shadow: 0 4px 20px hsl(210 45% 45% / 0.15);
}

.shadow-card {
    box-shadow: 0 2px 10px hsl(210 45% 45% / 0.08);
}

/* Backdrop blur */
.backdrop-blur-sm {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.backdrop-blur-md {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Botões CTA da seção de especialidades - Tamanho fixo */
#dra-marilia-landing button.btn-cta-especialidades,
#dra-marilia-landing .btn-cta-especialidades {
    width: 240px !important;
    height: 48px !important;
    min-width: 240px !important;
    min-height: 48px !important;
    max-width: 240px !important;
    max-height: 48px !important;
    padding: 12px 24px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
}

/* Container dos botões - centralizado com espaçamento */
#dra-marilia-landing .container-cta-especialidades {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 48px !important;
    padding-top: 0 !important;
    width: 100% !important;
}

/* Wrapper interno dos botões */
#dra-marilia-landing .wrapper-cta-especialidades {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Desktop: botões lado a lado */
@media (min-width: 640px) {
    #dra-marilia-landing .wrapper-cta-especialidades {
        flex-direction: row !important;
        gap: 16px !important;
    }
}

/* CRITICAL FIX: Força gradientes e estilos dos botões CTA - Máxima especificidade */
/* Botão WhatsApp - Gradiente verde */
html body #dra-marilia-landing button.btn-cta-especialidades[onclick*="wa.me"],
html body #dra-marilia-landing .btn-cta-especialidades[onclick*="wa.me"],
#dra-marilia-landing button[onclick*="wa.me"],
#dra-marilia-landing button[class*="bg-[image:var(--gradient-whatsapp)]"],
button[class*="bg-[image:var(--gradient-whatsapp)]"] {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
    background-image: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
    color: white !important;
}

/* Botão Telefone - Gradiente rosa */
html body #dra-marilia-landing button.btn-cta-especialidades[onclick*="tel:"],
html body #dra-marilia-landing .btn-cta-especialidades[onclick*="tel:"],
#dra-marilia-landing button[onclick*="tel:"],
#dra-marilia-landing button[class*="from-medical-rose"][class*="to-medical-rose-light"],
button[class*="from-medical-rose"][class*="to-medical-rose-light"] {
    background: linear-gradient(90deg, hsl(340 25% 65%), hsl(340 35% 75%)) !important;
    background-image: linear-gradient(90deg, hsl(340 25% 65%), hsl(340 35% 75%)) !important;
    color: white !important;
}

/* Força todos os estilos de botão inline-flex */
html body #dra-marilia-landing button.inline-flex,
html body #dra-marilia-landing .inline-flex {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    white-space: nowrap !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    border-radius: 0.375rem !important;
    transition: all 0.3s ease !important;
}

/* Hover effects - WhatsApp */
html body #dra-marilia-landing button[onclick*="wa.me"]:hover,
#dra-marilia-landing button[class*="bg-[image:var(--gradient-whatsapp)]"]:hover {
    box-shadow: 0 10px 15px -3px rgba(34, 197, 94, 0.25), 0 4px 6px -4px rgba(34, 197, 94, 0.25) !important;
    transform: translateY(-0.125rem) !important;
}

/* Hover effects - Telefone */
html body #dra-marilia-landing button[onclick*="tel:"]:hover,
#dra-marilia-landing button[class*="from-medical-rose"]:hover {
    box-shadow: 0 10px 15px -3px hsl(340 25% 65% / 0.25), 0 4px 6px -4px hsl(340 25% 65% / 0.25) !important;
    transform: translateY(-0.125rem) !important;
}

/* SVG icons dentro dos botões */
html body #dra-marilia-landing button.inline-flex svg,
html body #dra-marilia-landing .inline-flex svg {
    width: 1.25rem !important;
    height: 1.25rem !important;
    flex-shrink: 0 !important;
    pointer-events: none !important;
    stroke: currentColor !important;
    fill: none !important;
}

/* Group hover scale effect para ícones */
html body #dra-marilia-landing button.group:hover svg.group-hover\:scale-110,
html body #dra-marilia-landing .group:hover .group-hover\:scale-110 {
    transform: scale(1.1) !important;
    transition: transform 0.3s ease !important;
}