:root,
.home_1st,
.home_2nd,
.home_3rd,
.home_4th,
.home_5th,
.home_6th {
    --color-default: #3c6948 !important;
    --color-4: #3c6948 !important;
    --color-12: rgba(60, 105, 72, 0.23) !important;
    --color-15: rgba(60, 105, 72, 0.35) !important;
    --color-17: #3c6948 !important;
    --secondary-color: #E56B1F !important;
    --secondary-text-color: #ffffff !important;
}

/* Fuente del frontend - Aplicar solo a elementos de texto */
body {
    font-family: "Montserrat", sans-serif !important;
}

p:not([class*='fa']):not([class*='icon']):not([class*='mdi']):not([class*='dripicons']),
h1:not([class*='fa']):not([class*='icon']):not([class*='mdi']):not([class*='dripicons']),
h2:not([class*='fa']):not([class*='icon']):not([class*='mdi']):not([class*='dripicons']),
h3:not([class*='fa']):not([class*='icon']):not([class*='mdi']):not([class*='dripicons']),
h4:not([class*='fa']):not([class*='icon']):not([class*='mdi']):not([class*='dripicons']),
h5:not([class*='fa']):not([class*='icon']):not([class*='mdi']):not([class*='dripicons']),
h6:not([class*='fa']):not([class*='icon']):not([class*='mdi']):not([class*='dripicons']),
span:not([class*='fa']):not([class*='icon']):not([class*='mdi']):not([class*='dripicons']):not(i),
div:not([class*='fa']):not([class*='icon']):not([class*='mdi']):not([class*='dripicons']),
a:not([class*='fa']):not([class*='icon']):not([class*='mdi']):not([class*='dripicons']),
label, input, textarea, select,
button:not([class*='fa']):not([class*='icon']):not([class*='mdi']):not([class*='dripicons']),
td:not([class*='fa']):not([class*='icon']):not([class*='mdi']):not([class*='dripicons']),
th:not([class*='fa']):not([class*='icon']):not([class*='mdi']):not([class*='dripicons']),
li:not([class*='fa']):not([class*='icon']):not([class*='mdi']):not([class*='dripicons']),
ul:not([class*='fa']):not([class*='icon']):not([class*='mdi']):not([class*='dripicons']),
ol:not([class*='fa']):not([class*='icon']):not([class*='mdi']):not([class*='dripicons']) {
    font-family: "Montserrat", sans-serif !important;
}

/* Navbar del frontend - Barra de navegación */
.menubar {
    background-color: #f5f1ec !important;
}

/* Color de texto del navbar frontend - Reglas más específicas para sobrescribir inline styles */
.menubar .navbar-nav .nav-link,
.menubar .navbar-brand,
.menubar .navbar-brand img,
.menubar a:not(.dropdown-item):not(.btn):not(.signUp-btn),
.menubar span:not([class*='fa']),
.menubar .btn-bar,
.menubar .menu_pro_cart_tgl,
.menubar .menu_wisth_tgl,
.menubar .header-dropdown,
.menubar .search-menu-icon,
.menubar .close-menu-icon,
.menubar .text-white {
    color: #3c6948 !important;
}

/* Sobrescribir estilos inline con !important usando selectores más específicos */
.menubar .btn-bar[style*='color'],
.menubar .btn-bar i[style*='color'],
.menubar .menu_pro_cart_tgl i[style*='color'],
.menubar .menu_wisth_tgl i[style*='color'],
.menubar .fa-cart-shopping[style*='color'],
.menubar .fa-cart-shopping,
.menu_pro_cart_tgl i,
.menu_pro_cart_tgl .fa-cart-shopping,
.menubar .fa-heart[style*='color'],
.menubar .fa-bars[style*='color'] {
    color: #3c6948 !important;
}

.menubar *[style*='color: #ffffff']:not(.signUp-btn),
.menubar *[style*='color:#ffffff']:not(.signUp-btn),
.menubar *[style*='color: #FFFFFF']:not(.signUp-btn),
.menubar *[style*='color:#FFFFFF']:not(.signUp-btn) {
    color: #3c6948 !important;
}

.sub-header {
    background-color: #f5f1ec !important;
}

.sub-header .icon a,
.sub-header .icon i,
.sub-header *[style*='color'] {
    color: #3c6948 !important;
}

/* Botones principales */
.btn-clinic, .btn-primary, .purchase-btn, .green_purchase {
    background-color: #3c6948 !important;
    border-color: #3c6948 !important;
}

.btn-clinic:hover, .btn-primary:hover, .purchase-btn:hover, .green_purchase:hover {
    background-color: #365f41 !important;
    border-color: #365f41 !important;
}

/* Botones outline */
.btn-outline-primary {
    color: #3c6948 !important;
    border-color: #3c6948 !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover {
    background-color: #3c6948 !important;
    border-color: #3c6948 !important;
    color: #fff !important;
}

/* Elementos adicionales del navbar */
.inline-form .search-btn {
    background: #3c6948 !important;
}

.menu_pro_btn .btn,
.menu_pro_btn .btn-primary {
    background-color: #3c6948 !important;
    border-color: #3c6948 !important;
    color: #ffffff !important;
}

.menu_pro_btn .btn:hover,
.menu_pro_btn .btn-primary:hover {
    background-color: #365f41 !important;
    border-color: #365f41 !important;
    color: #ffffff !important;
}

/* Texto blanco en botón checkout del carrito */
.menu_pro_btn .btn.text-white,
.menu_pro_btn .btn-primary.text-white,
.menu_pro_cart .menu_pro_btn .btn,
.menu_pro_cart .menu_pro_btn .btn-primary,
.menu_pro_cart .menu_pro_btn a.btn {
    color: #ffffff !important;
}

.search-item span:hover {
    background-color: #3c6948 !important;
}

/* Botón Sign Up en menú móvil - Usar color de texto configurado */
.signUp-btn,
.offcanves-btn .signUp-btn,
.offcanvas .signUp-btn,
.offcanvas-header .signUp-btn,
.mobile-view-offcanves .signUp-btn,
a.signUp-btn {
    background-color: #3c6948 !important;
    color: #ffffff !important;
}

/* Reemplazar color verde en breadcrumb */
.bread-crumb {
    background-color: #3c6948 !important;
}

/* Reemplazar colores verdes en texto y bordes */
.menu_pro_tgl_bg ul li:hover a,
.menu_pro_tgl_bg ul li:hover i,
.menu_pro_tgl_bg ul li:hover,
.menu_pro_wish-flex .spandiv span,
.menu_pro_wish-f-b .prcd a,
.h-2-banner .h-2-banner-text span {
    color: #3c6948 !important;
}

.menu_pro_tgl_bg ul li:hover:after {
    background-color: #3c6948 !important;
}

.menu_pro_wish-f-b .prcd a {
    border-color: #3c6948 !important;
}

/* Reemplazar backgrounds y colores verdes en elementos específicos */
.courses-card-body:hover .courses-text h5 {
    color: #3c6948 !important;
}

/* Sobrescribir backgrounds verdes hardcodeados con selectores específicos */
body .bread-crumb,
body *[style*='#009266'],
body *[style*='#03694b'],
body *[style*='background-color: #009266'],
body *[style*='background-color:#009266'],
body *[style*='background: #009266'],
body *[style*='background:#009266'],
body *[style*='background-color: #03694b'],
body *[style*='background-color:#03694b'] {
    background-color: #3c6948 !important;
    background: #3c6948 !important;
}

/* Eliminar border-radius de las imágenes del banner home_2 */
.h-2-banner .h-2-banner-text .banner-image .image-1 img,
.h-2-banner .h-2-banner-text .banner-image .image-3 img {
    border-radius: 0 !important;
}

/* Imagen de fondo del banner home_2 */
.h-2-banner {
    background-image: url(https://lmsapaa.devcoding.cloud/uploads/template_images/home_2/banner_background_image_1765558147_2666.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: scroll !important;
    min-height: 100vh !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.h-2-banner .container {
    padding-bottom: 80px !important;
}

.h-2-banner .h-2-banner-text {
    padding-top: 60px !important;
}

.h-2-banner .h-2-banner-text h1 {
    margin-top: 40px !important;
}