/* Classes Gray missing do Tailwind necessárias para o shortcode
   Versão: 1.28.0 - Suporte para ícones stroke */

/* Card structure classes - Especialidades exatamente como React */
#dra-marilia-landing .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

#dra-marilia-landing .hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#dra-marilia-landing .overflow-hidden {
  overflow: hidden;
}

#dra-marilia-landing .text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

#dra-marilia-landing .text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

/* React Card structure classes */
#dra-marilia-landing {
  --card: 0 0% 100%;
  --card-foreground: 222.2 84% 4.9%;
}

#dra-marilia-landing .bg-card {
  background-color: hsl(var(--card));
  color: hsl(var(--card-foreground));
}

#dra-marilia-landing .text-card-foreground {
  color: hsl(var(--card-foreground));
}

#dra-marilia-landing .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}

#dra-marilia-landing .tracking-tight {
  letter-spacing: -0.025em;
}

#dra-marilia-landing .leading-relaxed {
  line-height: 1.625;
}

/* Força padding correto nos cards de especialidades */
#dra-marilia-landing .flex.flex-col.space-y-1\.5.p-6.text-center.pb-2 {
  padding-bottom: 0.5rem !important;
}

#dra-marilia-landing .p-6.pt-2 {
  padding-top: 0.5rem !important;
}

/* Força margem correta no ícone */
#dra-marilia-landing .w-16.h-16.bg-gradient-to-br.mb-4 {
  margin-bottom: 1rem !important;
}

/* Suporte para ícones stroke na seção Resultados */
#dra-marilia-landing svg[stroke="currentColor"] {
  stroke: currentColor !important;
  fill: none !important;
}

#dra-marilia-landing .w-12.h-12.bg-medical-rose svg,
#dra-marilia-landing .w-12.h-12.bg-medical-blue svg,
#dra-marilia-landing .w-12.h-12.bg-medical-rose-light svg {
  color: white !important;
  stroke: white !important;
  fill: none !important;
}

/* Classes de texto que podem estar faltando - abordagem ultra-agressiva */
html body #dra-marilia-landing div.grid.md\\:grid-cols-3 p.text-sm,
html body #dra-marilia-landing div.grid.md\\:grid-cols-3 p.text-muted-foreground,
html body #dra-marilia-landing div.grid p.text-sm.text-muted-foreground,
html body #dra-marilia-landing div p.text-sm.text-muted-foreground,
html body #dra-marilia-landing p.text-sm.text-muted-foreground,
#dra-marilia-landing div.grid p.text-sm.text-muted-foreground,
#dra-marilia-landing p.text-sm.text-muted-foreground {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  color: rgb(107 114 128) !important;
}

/* Seletores alternativos com escape diferente */
html body #dra-marilia-landing div[class*=\"grid\"] p[class*=\"text-sm\"] {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  color: rgb(107 114 128) !important;
}

/* Reset absoluto */
#dra-marilia-landing .text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

#dra-marilia-landing .text-muted-foreground {
  color: rgb(107 114 128) !important;
}

/* Card structure classes - Adicionadas para botões inline */
#dra-marilia-landing .shadow-card {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#dra-marilia-landing .shadow-medical:hover {
  --tw-shadow: 0 20px 25px -5px rgb(37 99 235 / 0.1), 0 8px 10px -6px rgb(37 99 235 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* Typography fixes */
#dra-marilia-landing .text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

#dra-marilia-landing .leading-relaxed {
  line-height: 1.625;
}

/* Layout grid fixes */
@media (min-width: 1280px) {
  #dra-marilia-landing .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Textos */
.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

/* Backgrounds */
.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

/* Borders */
.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

/* Green para WhatsApp */
.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}

.text-green-400 {
    --tw-text-opacity: 1;
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

/* Blue específicos */
.from-blue-50 {
    --tw-gradient-from: rgb(239 246 255) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(239, 246, 255, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-blue-100 {
    --tw-gradient-to: rgb(219 234 254) var(--tw-gradient-to-position);
}

.border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}

.hover\:bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

/* Green específicos para cards */
.from-green-50 {
    --tw-gradient-from: rgb(240 253 244) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(240, 253, 244, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-green-100 {
    --tw-gradient-to: rgb(220 252 231) var(--tw-gradient-to-position);
}

.border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}

/* Pink/Rose para links */
.text-pink-600 {
    --tw-text-opacity: 1;
    color: rgb(219 39 119 / var(--tw-text-opacity, 1));
}

.hover\:text-pink-600:hover {
    --tw-text-opacity: 1;
    color: rgb(219 39 119 / var(--tw-text-opacity, 1));
}

/* Classes missing para compatibilidade com React Hero */

/* Focus visible states */
.focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: hsl(var(--ring));
}

.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
}

/* Disabled states */
.disabled\:pointer-events-none:disabled {
    pointer-events: none;
}

.disabled\:opacity-50:disabled {
    opacity: 0.5;
}

/* SVG pointer events */
.\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
}

.\[\&_svg\]\:size-4 svg {
    width: 1rem;
    height: 1rem;
}

.\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
}

/* WhatsApp gradient background */
.bg-\[image\:var\(--gradient-whatsapp\)\] {
    background-image: var(--gradient-whatsapp);
}

/* Shadow com cores específicas */
.hover\:shadow-green-500\/25:hover {
    --tw-shadow-color: rgb(34 197 94 / 0.25);
    --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-medical-rose\/25:hover {
    --tw-shadow-color: hsl(var(--medical-rose) / 0.25);
    --tw-shadow: var(--tw-shadow-colored);
}

/* Transform hover effects */
.hover\:-translate-y-0\.5:hover {
    --tw-translate-y: -0.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* Group hover scale effect */
.group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* Transform rotate */
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-3 {
    --tw-rotate: 3deg;
}

/* Transform translate */
.-translate-x-1\/2 {
    --tw-translate-x: -50%;
}

/* Ring offset */
.ring-offset-background {
    --tw-ring-offset-color: hsl(var(--background));
}

/* Classes missing para Specialties Section */

/* Shadow types */
.shadow-card {
    --tw-shadow: 0 2px 10px hsl(var(--medical-blue) / 0.08);
    --tw-shadow-colored: 0 2px 10px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-medical {
    --tw-shadow: 0 4px 20px hsl(var(--medical-blue) / 0.15);
    --tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-medical:hover {
    --tw-shadow: 0 4px 20px hsl(var(--medical-blue) / 0.15);
    --tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* Border none */
.border-none {
    border-style: none;
}

/* Rounded corners missing */
.rounded-r-lg {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
}

/* Hover translate Y */
.hover\:-translate-y-1:hover {
    --tw-translate-y: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* Group hover scale specific */
.group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
}

.group:hover .group-hover\:scale-110 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* Shrink flex property */
.shrink-0 {
    flex-shrink: 0;
}

/* Medical cream variants */
.bg-medical-cream\/30 {
    background-color: hsl(var(--medical-cream) / 0.3);
}

.bg-medical-cream\/50 {
    background-color: hsl(var(--medical-cream) / 0.5);
}

.bg-medical-soft\/50 {
    background-color: hsl(var(--medical-soft) / 0.5);
}

/* Medical rose variants */
.from-medical-rose\/5 {
    --tw-gradient-from: hsl(var(--medical-rose) / 0.05) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(var(--medical-rose) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-medical-rose-light\/5 {
    --tw-gradient-to: hsl(var(--medical-rose-light) / 0.05) var(--tw-gradient-to-position);
}

.bg-medical-rose {
    background-color: hsl(var(--medical-rose));
}

/* Footer specific classes */
.bg-medical-blue {
    background-color: hsl(var(--medical-blue));
}

.text-medical-soft\/80 {
    color: hsl(var(--medical-soft) / 0.8);
}

.border-medical-soft\/20 {
    border-color: hsl(var(--medical-soft) / 0.2);
}

.text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

/* Classes responsive específicas para botões */
@media (min-width: 640px) {
    .sm\:flex-row {
        flex-direction: row;
    }
}

/* Fix botões Hero - FORÇAR largura automática com máxima especificidade */
html body #dra-marilia-landing section#inicio .flex.flex-col.sm\:flex-row.hero-buttons button.inline-flex,
html body #dra-marilia-landing .flex.flex-col.sm\:flex-row.hero-buttons button[onclick],
html body #dra-marilia-landing .hero-buttons button,
html body #dra-marilia-landing .flex.gap-4 button,
html body div#dra-marilia-landing section .inline-flex {
    width: auto !important;
    flex: 0 0 auto !important;
    min-width: auto !important;
    max-width: none !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: auto !important;
}

/* Forçar container flex correto */
html body #dra-marilia-landing .hero-buttons {
    display: flex !important;
}

@media (min-width: 640px) {
    html body #dra-marilia-landing .hero-buttons {
        flex-direction: row !important;
    }
}

@media (max-width: 639px) {
    html body #dra-marilia-landing .hero-buttons {
        flex-direction: column !important;
    }
}

/* Classes específicas do gradiente rosa da foto */
#dra-marilia-landing .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);
}

#dra-marilia-landing .to-medical-rose-light\/20 {
    --tw-gradient-to: hsl(340 35% 75% / 0.2);
}

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

/* Fallback com cores diretas caso as variáveis não funcionem */
#dra-marilia-landing .absolute.inset-0.bg-gradient-to-br.from-medical-rose\/20.to-medical-rose-light\/20 {
    background: linear-gradient(135deg, 
        hsl(340 25% 65% / 0.2) 0%, 
        hsl(340 35% 75% / 0.2) 100%) !important;
}

/* Container com breakpoints corretos do Tailwind - igual ao React */
#dra-marilia-landing .container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
}

@media (min-width: 640px) {
    #dra-marilia-landing .container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {
    #dra-marilia-landing .container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    #dra-marilia-landing .container {
        max-width: 1024px;
    }
}

@media (min-width: 1400px) {
    #dra-marilia-landing .container {
        max-width: 1400px;
    }
}

@media (min-width: 1536px) {
    #dra-marilia-landing .container {
        max-width: 1536px;
    }
}

/* Missing spacing classes */
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

/* Missing border classes */
.border-border {
    border-color: hsl(var(--border));
}

/* Missing responsive and sizing classes */
.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.sm\:py-12 {
    @media (min-width: 640px) {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

.lg\:py-20 {
    @media (min-width: 1024px) {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

.mb-6 {
    margin-bottom: 1.5rem;
}

/* Transition and opacity classes */
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-100 {
    opacity: 1;
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}

/* Tracking classes */
.tracking-wide {
    letter-spacing: 0.025em;
}

.uppercase {
    text-transform: uppercase;
}

/* Missing cn utility class support (conditional classes) */
.bg-white\/95 {
    background-color: rgb(255 255 255 / 0.95);
}

.bg-black\/20 {
    background-color: rgb(0 0 0 / 0.2);
}

.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-sm {
    --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

/* Heights */
.h-16 {
    height: 4rem;
}

.lg\:h-20 {
    @media (min-width: 1024px) {
        height: 5rem;
    }
}

.h-0\.5 {
    height: 0.125rem;
}

/* Animation duration classes */
.duration-200 {
    transition-duration: 200ms;
}

.duration-300 {
    transition-duration: 300ms;
}

/* Medical color text variants */
.text-medical-cream {
    color: hsl(var(--medical-cream));
}

/* FORÇA SHORTCODE A OCUPAR LARGURA TOTAL - IGNORA CONTAINERS ELEMENTOR */
#dra-marilia-landing {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    max-width: 100vw;
}

/* Garante que o shortcode quebre fora de qualquer container */
.elementor-shortcode #dra-marilia-landing,
.elementor-widget-shortcode #dra-marilia-landing,
.e-con-inner #dra-marilia-landing {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    max-width: 100vw;
}

/* Remove qualquer padding/margin dos containers pais */
.elementor-shortcode {
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-widget-shortcode .elementor-shortcode {
    padding: 0 !important;
    margin: 0 !important;
}

/* Garante que não há overflow horizontal */
body {
    overflow-x: hidden;
}

/* Reset de containers internos para garantir largura correta */
#dra-marilia-landing .container {
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 640px) {
    #dra-marilia-landing .container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {
    #dra-marilia-landing .container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    #dra-marilia-landing .container {
        max-width: 1024px;
    }
}

@media (min-width: 1400px) {
    #dra-marilia-landing .container {
        max-width: 1400px;
    }
}

/* Navigation specific classes */
.justify-between {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.cursor-pointer {
    cursor: pointer;
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.border-b {
    border-bottom-width: 1px;
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

/* Mobile menu specific */
.w-6 {
    width: 1.5rem;
}

.h-6 {
    height: 1.5rem;
}

.flex-col {
    flex-direction: column;
}

.justify-center {
    justify-content: center;
}

.p-2 {
    padding: 0.5rem;
}

/* Logo specific */
.h-auto {
    height: auto;
}

/* Button hover shadows - Missing from Vite build */
#dra-marilia-landing .hover\:shadow-green-500\/25:hover {
    --tw-shadow-color: rgb(34 197 94 / 0.25);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#dra-marilia-landing .hover\:shadow-medical-rose\/25:hover {
    --tw-shadow-color: hsl(var(--medical-rose) / 0.25);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* Button transform and transition effects */
#dra-marilia-landing .hover\:-translate-y-0\.5:hover {
    --tw-translate-y: -0.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* Ensure transition-all works for buttons */
#dra-marilia-landing .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

#dra-marilia-landing .duration-300 {
    transition-duration: 300ms;
}

/* Group hover scale for icons */
#dra-marilia-landing .group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#dra-marilia-landing .transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* Force buttons to be inline (width: auto) instead of full-width */
#dra-marilia-landing .flex.flex-col.sm\:flex-row.gap-4 button {
    width: auto;
    min-width: auto;
    max-width: none;
    flex-shrink: 0;
}

/* Ensure button container doesn't force full width on mobile */
#dra-marilia-landing .flex.flex-col.sm\:flex-row.gap-4 {
    align-items: flex-start;
}

/* In mobile (flex-col), align buttons to start */
@media (max-width: 639px) {
    #dra-marilia-landing .flex.flex-col.sm\:flex-row.gap-4 {
        align-items: stretch; /* Allow buttons to be their natural width */
    }

    #dra-marilia-landing .flex.flex-col.sm\:flex-row.gap-4 button {
        align-self: flex-start; /* Don't stretch to full width */
        width: auto;
    }
}

/* In tablet/desktop (flex-row), ensure inline behavior */
@media (min-width: 640px) {
    #dra-marilia-landing .flex.flex-col.sm\:flex-row.gap-4 {
        align-items: flex-start;
    }
}

/* Ensure sm:flex-row works correctly */
@media (min-width: 640px) {
    #dra-marilia-landing .sm\:flex-row {
        flex-direction: row !important;
    }
}

/* Specific fix for button container responsive behavior */
@media (min-width: 640px) {
    #dra-marilia-landing .flex.flex-col.sm\:flex-row {
        flex-direction: row;
    }
}

/* Font weight corrections - Match React's lighter weights - ULTRA SPECIFIC */
body #dra-marilia-landing section .font-medium,
body #dra-marilia-landing .font-medium {
    font-weight: 500 !important;
}

body #dra-marilia-landing section .font-normal,
body #dra-marilia-landing .font-normal {
    font-weight: 400 !important;
}

body #dra-marilia-landing section .font-semibold,
body #dra-marilia-landing .font-semibold {
    font-weight: 600 !important;
}

body #dra-marilia-landing section .font-bold,
body #dra-marilia-landing .font-bold {
    font-weight: 700 !important;
}

/* ULTRA SPECIFIC font weight for buttons */
body #dra-marilia-landing section div button.font-medium,
body #dra-marilia-landing section button.font-medium,
body #dra-marilia-landing button.font-medium {
    font-weight: 500 !important;
}

/* ULTRA SPECIFIC font weight for text elements - Match React's lighter appearance */
body #dra-marilia-landing section div div p.text-lg.text-muted-foreground,
body #dra-marilia-landing section div p.text-lg.text-muted-foreground,
body #dra-marilia-landing section p.text-lg.text-muted-foreground,
body #dra-marilia-landing p.text-lg.text-muted-foreground {
    font-weight: 300 !important; /* Lighter weight like React */
}

body #dra-marilia-landing section div div p.text-sm.text-muted-foreground,
body #dra-marilia-landing section div p.text-sm.text-muted-foreground,
body #dra-marilia-landing section p.text-sm.text-muted-foreground,
body #dra-marilia-landing p.text-sm.text-muted-foreground {
    font-weight: 300 !important; /* Lighter weight like React */
}

body #dra-marilia-landing section div div strong,
body #dra-marilia-landing section div strong,
body #dra-marilia-landing section strong,
body #dra-marilia-landing strong {
    font-weight: 500 !important; /* Medium weight instead of semibold */
}

/* ULTRA SPECIFIC - Ensure Inter font is using correct weights */
body #dra-marilia-landing section *,
body #dra-marilia-landing * {
    font-family: Inter, system-ui, sans-serif !important;
}

/* ULTRA SPECIFIC - Force lighter font weight for all muted text */
body #dra-marilia-landing section div div .text-muted-foreground,
body #dra-marilia-landing section div .text-muted-foreground,
body #dra-marilia-landing section .text-muted-foreground,
body #dra-marilia-landing .text-muted-foreground {
    font-weight: 300 !important;
}

/* Additional specificity for WordPress overrides */
html body #dra-marilia-landing .text-muted-foreground {
    font-weight: 300 !important;
}

html body #dra-marilia-landing p {
    font-weight: 300 !important;
}

html body #dra-marilia-landing strong {
    font-weight: 500 !important;
}

/* Correct weights to match React exactly */
html body #dra-marilia-landing p.text-lg {
    font-weight: 400 !important; /* Normal weight like React */
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html body #dra-marilia-landing p.text-sm {
    font-weight: 400 !important; /* Normal weight like React */
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Import Inter font with multiple weights */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap');

/* Force use of Inter 400 weight like React */
html body #dra-marilia-landing .text-muted-foreground {
    font-weight: 400 !important;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

/* ULTIMATE SPECIFICITY - Force font-weight 400 like React - MUST BE LAST */
html body.wp-admin #dra-marilia-landing section div div p.text-lg.text-muted-foreground.leading-relaxed,
html body.wp-admin #dra-marilia-landing section div p.text-lg.text-muted-foreground.leading-relaxed,
html body.wp-admin #dra-marilia-landing section p.text-lg.text-muted-foreground.leading-relaxed,
html body.wp-admin #dra-marilia-landing p.text-lg.text-muted-foreground.leading-relaxed,
html body #dra-marilia-landing section div div p.text-lg.text-muted-foreground.leading-relaxed,
html body #dra-marilia-landing section div p.text-lg.text-muted-foreground.leading-relaxed,
html body #dra-marilia-landing section p.text-lg.text-muted-foreground.leading-relaxed,
html body #dra-marilia-landing p.text-lg.text-muted-foreground.leading-relaxed,
html body #dra-marilia-landing .text-lg.text-muted-foreground.leading-relaxed,
html body #dra-marilia-landing p.text-lg.text-muted-foreground,
html body #dra-marilia-landing p.text-lg,
html body #dra-marilia-landing p {
    font-weight: 400 !important;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

/* Force on the actual paragraph element with inline style override */
html body #dra-marilia-landing p[style] {
    font-weight: 400 !important;
}

/* Specific fix for attention paragraph and strong elements */
html body #dra-marilia-landing p.text-sm.text-muted-foreground {
    font-weight: 400 !important;
}

html body #dra-marilia-landing p.text-sm.text-muted-foreground strong {
    font-weight: 600 !important; /* Semi-bold for emphasis */
}

/* Last resort - use CSS custom property */
html body #dra-marilia-landing {
    --font-weight-override: 400;
}

html body #dra-marilia-landing p {
    font-weight: var(--font-weight-override, 400) !important;
}

/* MAXIMUM SPECIFICITY - Override the 300 weight that's still showing up */
html[lang] body.wp-admin #dra-marilia-landing section div div p.text-sm.text-muted-foreground,
html[lang] body #dra-marilia-landing section div div p.text-sm.text-muted-foreground,
html body div#dra-marilia-landing section div p.text-sm.text-muted-foreground,
html body #dra-marilia-landing section p.text-sm.text-muted-foreground,
html body #dra-marilia-landing p.text-sm.text-muted-foreground {
    font-weight: 400 !important;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

/* Override any inline styles or computed styles */
html body #dra-marilia-landing p.text-sm[style*="font-weight"],
html body #dra-marilia-landing p[style*="font-weight: 300"] {
    font-weight: 400 !important;
}

/* ULTIMATE SPECIFICITY - Target the exact div structure */
html[lang] body.wp-admin #dra-marilia-landing section div.pt-4.border-t.border-border p.text-sm.text-muted-foreground,
html[lang] body #dra-marilia-landing section div.pt-4.border-t.border-border p.text-sm.text-muted-foreground,
html body div#dra-marilia-landing section div.pt-4.border-t.border-border p.text-sm.text-muted-foreground,
html body #dra-marilia-landing section div.pt-4.border-t.border-border p.text-sm.text-muted-foreground,
html body #dra-marilia-landing div.pt-4.border-t.border-border p.text-sm.text-muted-foreground,
html body #dra-marilia-landing .pt-4.border-t.border-border p.text-sm.text-muted-foreground {
    font-weight: 400 !important;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

/* Force override on the div container as well to prevent inheritance */
html body #dra-marilia-landing div.pt-4.border-t.border-border {
    font-weight: 400 !important;
}

/* Override with !important on any p element that has the exact classes */
html body #dra-marilia-landing p.text-sm.text-muted-foreground[class="text-sm text-muted-foreground"] {
    font-weight: 400 !important;
}

/* About Section - Font weight fixes - ULTRA SPECIFIC */
html[lang] body.wp-admin #dra-marilia-landing section div.space-y-6 h3.text-2xl.font-semibold.text-foreground,
html[lang] body #dra-marilia-landing section div.space-y-6 h3.text-2xl.font-semibold.text-foreground,
html body div#dra-marilia-landing section div.space-y-6 h3.text-2xl.font-semibold.text-foreground,
html body #dra-marilia-landing section div.space-y-6 h3.text-2xl.font-semibold.text-foreground,
html body #dra-marilia-landing div.space-y-6 h3.text-2xl.font-semibold.text-foreground,
html body #dra-marilia-landing .text-2xl.font-semibold.text-foreground {
    font-weight: 600 !important;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

html[lang] body.wp-admin #dra-marilia-landing section div.space-y-6 p.text-muted-foreground.leading-relaxed,
html[lang] body #dra-marilia-landing section div.space-y-6 p.text-muted-foreground.leading-relaxed,
html body div#dra-marilia-landing section div.space-y-6 p.text-muted-foreground.leading-relaxed,
html body #dra-marilia-landing section div.space-y-6 p.text-muted-foreground.leading-relaxed,
html body #dra-marilia-landing div.space-y-6 p.text-muted-foreground.leading-relaxed,
html body #dra-marilia-landing p.text-muted-foreground.leading-relaxed {
    font-weight: 400 !important;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

html[lang] body.wp-admin #dra-marilia-landing section div.space-y-6 div p.text-medical-blue.font-medium.italic,
html[lang] body #dra-marilia-landing section div.space-y-6 div p.text-medical-blue.font-medium.italic,
html body div#dra-marilia-landing section div.space-y-6 div p.text-medical-blue.font-medium.italic,
html body #dra-marilia-landing section div.space-y-6 div p.text-medical-blue.font-medium.italic,
html body #dra-marilia-landing div.space-y-6 div p.text-medical-blue.font-medium.italic,
html body #dra-marilia-landing p.text-medical-blue.font-medium.italic {
    font-weight: 500 !important;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

/* Override the container div that has font-weight: 300 and font-size issues */
html body #dra-marilia-landing div.space-y-6[style*="font-weight"],
html body #dra-marilia-landing div.space-y-6,
html body #dra-marilia-landing .space-y-6 {
    font-weight: 400 !important;
    font-size: 1rem !important; /* Reset to base font size like React */
}

/* Specific font-sizes for About section elements - Match React exactly */
html body #dra-marilia-landing .text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
}

html body #dra-marilia-landing p.text-muted-foreground.leading-relaxed {
    font-size: 1rem !important;
    line-height: 1.625 !important; /* leading-relaxed */
}

html body #dra-marilia-landing p.text-medical-blue.font-medium.italic {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}

/* About Section subtitle - text-lg */
html body #dra-marilia-landing p.text-lg.text-muted-foreground.max-w-3xl.mx-auto {
    font-size: 1.125rem !important; /* text-lg */
    line-height: 1.75rem !important;
    font-weight: 400 !important;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

/* Card titles - h4.font-semibold */
html body #dra-marilia-landing h4.font-semibold.text-foreground.mb-2 {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    font-weight: 600 !important;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

/* Card descriptions - p.text-sm */
html body #dra-marilia-landing p.text-sm.text-muted-foreground {
    font-size: 0.875rem !important; /* text-sm */
    line-height: 1.25rem !important;
    font-weight: 400 !important;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

/* About Section - Missing CSS classes */
.bg-medical-soft\/50 {
    background-color: hsl(var(--medical-soft) / 0.5);
}

.border-l-4 {
    border-left-width: 4px;
}

.border-medical-blue {
    border-color: hsl(var(--medical-blue));
}

.p-4 {
    padding: 1rem;
}

.rounded-r-lg {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
}

.text-medical-blue {
    color: hsl(var(--medical-blue));
}

.font-medium {
    font-weight: 500;
}

.italic {
    font-style: italic;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.font-semibold {
    font-weight: 600;
}

.text-foreground {
    color: hsl(var(--foreground));
}

/* Additional missing classes for cards */
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.max-w-3xl {
    max-width: 48rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.grid {
    display: grid;
}

.sm\:grid-cols-2 {
    @media (min-width: 640px) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.gap-6 {
    gap: 1.5rem;
}

.rounded-lg {
    border-radius: var(--radius);
}

.bg-card {
    background-color: hsl(var(--card));
}

.text-card-foreground {
    color: hsl(var(--card-foreground));
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.p-6 {
    padding: 1.5rem;
}

.text-center {
    text-align: center;
}

.w-12 {
    width: 3rem;
}

.h-12 {
    height: 3rem;
}

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

.from-medical-rose {
    --tw-gradient-from: hsl(var(--medical-rose)) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(var(--medical-rose) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-medical-rose-light {
    --tw-gradient-to: hsl(var(--medical-rose-light)) var(--tw-gradient-to-position);
}

/* Fix icon containers - ensure gradient background works */
#dra-marilia-landing .w-12.h-12.bg-gradient-to-br.from-medical-rose.to-medical-rose-light.rounded-full {
    background: linear-gradient(135deg, hsl(var(--medical-rose)), hsl(var(--medical-rose-light))) !important;
    width: 3rem !important;
    height: 3rem !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Ensure SVG icons are white and visible */
#dra-marilia-landing .w-12.h-12.bg-gradient-to-br svg,
#dra-marilia-landing .w-12.h-12.rounded-full svg {
    color: white !important;
    fill: white !important;
    stroke: white !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
}

/* Specific fix for currentColor fill */
#dra-marilia-landing .w-12.h-12 svg[fill="currentColor"] {
    fill: white !important;
    color: white !important;
}

/* Alternative fallback with solid color if gradient doesn't work */
#dra-marilia-landing .w-12.h-12.rounded-full {
    background-color: hsl(var(--medical-rose)) !important;
}

.rounded-full {
    border-radius: 9999px;
}

.flex {
    display: flex;
}

.items-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.mb-4 {
    margin-bottom: 1rem;
}

.w-6 {
    width: 1.5rem;
}

.h-6 {
    height: 1.5rem;
}

.text-white {
    color: rgb(255 255 255);
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

/* Formation and Experience Section - Font fixes */
html body #dra-marilia-landing div.bg-medical-cream\/50.rounded-2xl.p-8.text-center h3.text-2xl.font-semibold.text-foreground.mb-4 {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
    font-weight: 600 !important;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

html body #dra-marilia-landing div.grid.md\:grid-cols-3.gap-6.text-left h4.font-semibold.text-medical-blue.mb-2 {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    font-weight: 600 !important;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

html body #dra-marilia-landing div.grid.md\:grid-cols-3.gap-6.text-left p.text-muted-foreground {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    font-weight: 400 !important;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

/* Additional missing classes for this section */
.bg-medical-cream\/50 {
    background-color: hsl(var(--medical-cream) / 0.5);
}

.rounded-2xl {
    border-radius: 1rem;
}

.p-8 {
    padding: 2rem;
}

.md\:grid-cols-3 {
    @media (min-width: 768px) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.text-left {
    text-align: left;
}

.mb-4 {
    margin-bottom: 1rem;
}

/* Suporte para ícones stroke na seção Resultados */
#dra-marilia-landing svg[stroke="currentColor"] {
  stroke: currentColor !important;
  fill: none !important;
}

/* Ícones círculo-check em fundos coloridos - brancos com stroke */
#dra-marilia-landing .w-12.h-12.bg-medical-rose svg,
#dra-marilia-landing .w-12.h-12.bg-medical-blue svg,
#dra-marilia-landing .w-12.h-12.bg-medical-rose-light svg {
  color: white !important;
  stroke: white !important;
  fill: none !important;
  stroke-width: 2 !important;
}

/* Específico para lucide-circle-check-big */
#dra-marilia-landing .lucide-circle-check-big {
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2 !important;
}

#dra-marilia-landing .text-white .lucide-circle-check-big {
  stroke: white !important;
}

/* Forçar visibilidade dos ícones SVG nos cards de resultados */
#dra-marilia-landing .w-12.h-12.rounded-full svg {
  display: block !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  stroke: white !important;
  fill: none !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Específico para cada cor de fundo */
#dra-marilia-landing .bg-medical-rose svg path,
#dra-marilia-landing .bg-medical-blue svg path,
#dra-marilia-landing .bg-medical-rose-light svg path {
  stroke: white !important;
  fill: none !important;
}

/* Extra específico para os paths do círculo-check */
#dra-marilia-landing div[class*="bg-medical-"] svg path {
  stroke: white !important;
  fill: none !important;
  stroke-width: 2 !important;
}

/* Corrigir altura da imagem da clínica para ficar igual ao React */
#dra-marilia-landing .h-64 {
  height: 20rem !important;
}

/* Forçar altura específica na imagem da seção clínica - igual ao React */
#dra-marilia-landing section img[alt*="clínica"],
#dra-marilia-landing section img[src*="be5ac67e"] {
  height: 20rem !important;
  max-height: 20rem !important;
  object-fit: cover !important;
  border-radius: 0.75rem !important; /* rounded-xl */
}

/* Garantir que rounded-xl funcione */
#dra-marilia-landing .rounded-xl {
  border-radius: 0.75rem !important;
}

/* Seção Localização - Font weights corretos */
#dra-marilia-landing .bg-white.rounded-2xl h3.text-2xl.font-semibold {
  font-weight: 600 !important;
  font-size: 1.5rem !important;
  line-height: 2rem !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

#dra-marilia-landing .bg-white.rounded-2xl h4.font-semibold {
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

#dra-marilia-landing .bg-white.rounded-2xl p.text-muted-foreground {
  font-weight: 400 !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

#dra-marilia-landing .bg-white.rounded-2xl p.text-sm.text-muted-foreground {
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

/* Garantir que o ícone do carro seja renderizado corretamente */
#dra-marilia-landing .bg-medical-cream\/30 svg.w-12.h-12.text-medical-blue {
  stroke: hsl(var(--medical-blue)) !important;
  fill: none !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  display: block !important;
}

#dra-marilia-landing .bg-medical-cream\/30 svg.w-12.h-12.text-medical-blue path,
#dra-marilia-landing .bg-medical-cream\/30 svg.w-12.h-12.text-medical-blue circle {
  stroke: hsl(var(--medical-blue)) !important;
  fill: none !important;
}

/* Seção Contato - Font weights e sizes corretos */
#dra-marilia-landing section#contato h3.text-xl.font-semibold {
  font-weight: 600 !important;
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

#dra-marilia-landing section#contato h4.font-semibold {
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

#dra-marilia-landing section#contato p.text-muted-foreground {
  font-weight: 400 !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

#dra-marilia-landing section#contato p.text-sm.text-muted-foreground {
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

#dra-marilia-landing section#contato p.text-xs.text-medical-rose-light.font-medium {
  font-weight: 500 !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

/* Garantir que ícones stroke funcionem corretamente */
#dra-marilia-landing section#contato svg[stroke="currentColor"] {
  stroke: currentColor !important;
  fill: none !important;
}

/* Corrigir gradientes dos botões de contato */
#dra-marilia-landing .w-16.h-16.bg-gradient-to-br.from-medical-rose.to-medical-blue {
  background: linear-gradient(135deg, hsl(var(--medical-rose)), hsl(var(--medical-blue))) !important;
}

#dra-marilia-landing .w-16.h-16.bg-gradient-to-br.from-medical-rose.to-medical-rose-light {
  background: linear-gradient(135deg, hsl(var(--medical-rose)), hsl(var(--medical-rose-light))) !important;
}

/* Garantir que botões sejam full-width */
#dra-marilia-landing section#contato button.w-full {
  width: 100% !important;
  min-width: 100% !important;
  align-self: stretch !important;
}

/* Corrigir gradiente do botão WhatsApp */
#dra-marilia-landing section#contato button[class*="bg-[image:var(--gradient-whatsapp)]"] {
  background: linear-gradient(135deg, #25D366, #128C7E) !important;
}

/* Corrigir gradiente do botão Telefone */
#dra-marilia-landing section#contato button[class*="bg-gradient-to-r"][class*="from-medical-rose"] {
  background: linear-gradient(90deg, hsl(var(--medical-rose)), hsl(var(--medical-rose-light))) !important;
}

/* Footer - Font weights corretos */
#dra-marilia-landing footer h3.text-xl.font-semibold {
  font-weight: 600 !important;
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

#dra-marilia-landing footer h4.font-semibold {
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

#dra-marilia-landing footer p.text-medical-soft\/80 {
  font-weight: 400 !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

#dra-marilia-landing footer p.text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 400 !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

#dra-marilia-landing footer strong {
  font-weight: 600 !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}

/* Footer bottom - layout correto: esquerda e direita */
#dra-marilia-landing footer .border-t .flex.flex-col.md\:flex-row {
  justify-content: space-between !important;
  align-items: center !important;
}

@media (min-width: 768px) {
  #dra-marilia-landing footer .border-t .flex.flex-col.md\:flex-row {
    flex-direction: row !important;
    space-y: 0 !important;
  }
}

/* Coração vermelho no footer */
#dra-marilia-landing footer svg.w-4.h-4.text-red-400 {
  color: #f87171 !important;
  stroke: #f87171 !important;
  fill: none !important;
}