/* ===========================
   THEME COLORS - DR. JOÃO MARCOS
   Paleta Oficial da Logo:
   - Verde Escuro Principal: #0d5c30
   - Verde Claro/Fundo: #edf8f0
   - Verde Vibrante: #73b54a
   - Verde Médio: #7dae91
   - Verde Acinzentado: #6b8a7c
   =========================== */

/* ===========================
   CORES PRIMÁRIAS
   =========================== */

/* Texto e ícones principais - Verde Vibrante */
.text-sky-500,
.text-emerald-500 {
    color: #73b54a !important;
}

.text-sky-600,
.text-emerald-600 {
    color: #0d5c30 !important;
}

.text-sky-400,
.text-emerald-400 {
    color: #7dae91 !important;
}

/* Backgrounds principais - Verde Vibrante */
.bg-sky-500,
.bg-emerald-500 {
    background-color: #73b54a !important;
}

.bg-sky-600,
.bg-emerald-600 {
    background-color: #0d5c30 !important;
}

/* Backgrounds claros - Verde Claro */
.bg-sky-50,
.bg-emerald-50 {
    background-color: #edf8f0 !important;
}

.bg-sky-100,
.bg-emerald-100 {
    background-color: #d4e8dd !important;
}

/* Backgrounds médios - Verde Médio/Acinzentado */
.bg-cyan-100 {
    background-color: #d4e8dd !important;
}

.bg-purple-100 {
    background-color: #dfe9e5 !important;
}

.bg-orange-100 {
    background-color: #dfe9e5 !important;
}

.bg-pink-100 {
    background-color: #d4e8dd !important;
}

/* ===========================
   HOVER STATES
   =========================== */

.hover\:text-sky-500:hover,
.hover\:text-emerald-500:hover {
    color: #73b54a !important;
}

.hover\:text-sky-600:hover,
.hover\:text-emerald-600:hover {
    color: #0d5c30 !important;
}

.hover\:bg-sky-500:hover,
.hover\:bg-emerald-500:hover {
    background-color: #73b54a !important;
}

.hover\:bg-sky-600:hover,
.hover\:bg-emerald-600:hover {
    background-color: #0d5c30 !important;
}

.hover\:bg-sky-700:hover,
.hover\:bg-emerald-700:hover {
    background-color: #0a4623 !important;
}

.hover\:bg-sky-200:hover,
.hover\:bg-emerald-200:hover {
    background-color: #c0ddc9 !important;
}

/* ===========================
   ÍCONES DE SERVIÇOS
   =========================== */

/* Cada serviço com uma cor da paleta */
.bg-sky-100 i,
.bg-emerald-100 i {
    color: #0d5c30 !important;
}

.bg-cyan-100 i {
    color: #0d5c30 !important;
}

.bg-purple-100 i {
    color: #6b8a7c !important;
}

.bg-orange-100 i {
    color: #6b8a7c !important;
}

.bg-pink-100 i {
    color: #7dae91 !important;
}

/* Verde vibrante para o serviço de clareamento */
.text-emerald-500 {
    color: #73b54a !important;
}

.text-cyan-500 {
    color: #0d5c30 !important;
}

.text-purple-500 {
    color: #6b8a7c !important;
}

.text-orange-500 {
    color: #6b8a7c !important;
}

.text-pink-500 {
    color: #7dae91 !important;
}

/* ===========================
   BORDERS
   =========================== */

.border-sky-200,
.border-emerald-200 {
    border-color: #c0ddc9 !important;
}

.border-sky-500,
.border-emerald-500 {
    border-color: #73b54a !important;
}

/* ===========================
   FOCUS STATES
   =========================== */

.focus\:ring-sky-500:focus,
.focus\:ring-emerald-500:focus {
    --tw-ring-color: #73b54a !important;
}

/* ===========================
   LINKS
   =========================== */

a.text-sky-500,
a.text-emerald-500 {
    color: #73b54a !important;
}

a.hover\:text-sky-600:hover,
a.hover\:text-emerald-600:hover {
    color: #0d5c30 !important;
}

/* ===========================
   TESTIMONIALS CAROUSEL
   =========================== */

.testimonial-dot.bg-sky-500,
.testimonial-dot.bg-emerald-500 {
    background-color: #73b54a !important;
}

/* ===========================
   SUCCESS MESSAGE
   =========================== */

.bg-emerald-50 {
    background-color: #edf8f0 !important;
}

.border-emerald-200 {
    border-color: #c0ddc9 !important;
}

.text-emerald-700 {
    color: #0d5c30 !important;
}

/* ===========================
   CONTACT INFO ICONS
   =========================== */

.bg-sky-100 {
    background-color: #d4e8dd !important;
}

.bg-emerald-100 {
    background-color: #edf8f0 !important;
}

.text-sky-500 {
    color: #73b54a !important;
}

/* ===========================
   FOOTER
   =========================== */

.text-sky-400 {
    color: #7dae91 !important;
}

.hover\:text-sky-400:hover {
    color: #73b54a !important;
}

/* ===========================
   BOTÕES E CTAs
   =========================== */

/* Botão principal - Verde Vibrante */
button.bg-sky-500,
a.bg-sky-500 {
    background-color: #73b54a !important;
}

button.hover\:bg-sky-600:hover,
a.hover\:bg-sky-600:hover {
    background-color: #0d5c30 !important;
}

/* Botão secundário - borda verde */
a.border-white:hover {
    background-color: white !important;
    color: #0d5c30 !important;
}

/* ===========================
   CUSTOM GRADIENT HERO
   =========================== */

.gradient-bg {
    background: linear-gradient(135deg, #0d5c30 0%, #73b54a 50%, #7dae91 100%) !important;
}

/* ===========================
   DEPOIMENTOS BACKGROUND
   =========================== */

section#depoimentos .bg-gray-50 {
    background-color: #f9fdfb !important;
}

/* ===========================
   GALLERY TAGS
   =========================== */

.absolute.bg-white {
    background-color: white !important;
    color: #0d5c30 !important;
}