/*
Template:       dplace
Theme Name:     dPlace Child
Theme URI:      https://directorist.com/product/dplace/
Author:         wpWax
Author URI:     https://wpwax.com/
Description:    dPlace is a quality WordPress theme for a listing of different places and services that has been methodically coded to be lightweight. You'll get tons of built-in features & functionalities based on the users' needs. The theme is most customizable that allows you to make any changes as you need in your place directory website. You don't need to know the coding skill to make the changes. Moreover, you'll get a responsive website with an SEO-friendly structure. Here, places are created using a single listing page layout and you'll get an abundance of shortcodes to make things easy for you. Overall, you'll get a one-pack solution to scale up your place directory website, dPlace could be your go-to-go choice.
Version:        1.0
Text Domain:    dplace-child
License:        GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Requires PHP:	7.0
Tested up to:	5.8
Tags:           two-columns, three-columns, left-sidebar, right-sidebar, custom-colors, custom-menu, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog
*/

/* ==========================================================================
   Table of Contents
   ==========================================================================
   1. Variables
   2. General Styles
   3. Directorist Core
      3.1 Grid & Layouts
      3.2 Single Listing
      3.3 Labels, Lists & Badges
      3.4 Ads Styles
      3.5 Category Cards
   4. Custom Components
      4.1 Beneficios Wizard
      4.2 WhatsApp Integration
      4.3 Social Login
   5. Blog & Post Layouts
   6. Navbar & Navigation
   7. Elementor Adjustments
   ========================================================================== */

/**
 * Snippet Name: Theme Design Tokens
 * Affected: Global Variables & Brand Colors
 * Version: 1.0.0
 */

:root {
    /* Brand Colors */
    --color-primary-green: #008D1A;
    --color-primary-yellow: #FFA300;

    /* Theme Variables */
    --bg: #f6f8f9;
    --card: #fff;
    --muted: #6b7280;
    --accent: #0ea78b;
    --shadow: 0 10px 30px rgba(14, 30, 37, 0.08);
    --radius: 10px;

    /* Search Bar Specific */
    --search-bg: rgba(255, 255, 255, 0.98);
    --search-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    --search-input-bg: transparent;
    --search-border: 1px solid rgba(0, 0, 0, 0.06);
    --search-focus-glow: 0 0 0 4px rgba(0, 141, 26, 0.1);
}

/**
 * Snippet Name: General UI Fixes
 * Affected: Icons & Global Overrides
 * Version: 1.0.0
 */

.directorist-icon-mask:after {
    width: 25px !important;
    height: 25px !important;
}

.textwidget.custom-html-widget {
    color: #fff;
    padding: 0 !important;
    margin-top: -1.7rem;
}

/**
 * Snippet Name: Directorist Core Layouts
 * Affected: Grid, Archive Views & Flex Layouts
 * Version: 1.0.0
 */


/* 3.1 Grid & Layouts */
/* .directorist-row {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;  
} */

/* .directorist-row > .directorist-login-wrapper,
.directorist-row > .directorist-registration-wrapper {
    width: 100%;  
    min-width: 0px !important;         
    margin: 0 auto;         
    float: none; 
    display: block;   
} */

.directorist-archive-grid-view .directorist-row {
    gap: 30px 0;
    /* ejemplo de separación entre filas/columnas */
}

.directorist-categories .directorist-row {
    gap: 30px 0;
    /* Ajusta el espacio entre filas/columnas si lo deseas */
}

/* Para la vista LIST */
.directorist-archive-list-view .directorist-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 30px 0;
    /* ejemplo de separación entre elementos */
}

.directorist-col-4,
.directorist-col-3,
.directorist-col-6,
.directorist-all-listing-col .directorist-col-6,
.directorist-col-lg-3,
.directorist-col-lg-4,
.directorist-col-lg-8,
.directorist-col-lg-9 {
    width: 100% !important;
}

/**
 * Snippet Name: Single Listing Styling
 * Affected: Listing Hero & Backgrounds
 * Version: 1.0.0
 */

.directorist-content-active .directorist-listing-single .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap a figure:before {
    background: none !important;
}

.directorist-content-active .directorist-listing-single .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap a figure:after {
    background-color: unset !important;
}

.theme-single-listing-bg-wrap .theme-single-listing-bg-inner:before {
    background-color: unset !important;
}

/**
 * Snippet Name: Directorist Elements
 * Affected: Tags, Badges & Open Hours
 * Version: 1.0.0
 */

.directorist-details-info-wrap .directorist-single-tag-list li a {
    font-size: 15px !important;
    font-weight: 400 !important;
    padding: 5px 15px !important;
    padding-top: 15px !important;
    text-decoration: none !important;
    color: var(--directorist-color-body) !important;
    border: 1px solid var(--directorist-color-border) !important;
    border-radius: var(--directorist-border-radius-xs) !important;
}

.directorist-card .directorist-open-hours ul li {
    margin: 5px !important;
    padding: 15px !important;
    border: 1px solid var(--directorist-color-border) !important;
    border-radius: var(--directorist-border-radius-xs) !important;
}

.directorist-card .directorist-open-hours ul li:not(:last-child) {
    border-bottom: 1px solid var(--directorist-color-border) !important;
    margin-bottom: 15px !important;
    padding-bottom: 15px !important;
}

.directorist-card .directorist-open-hours ul li span {
    font-size: 20px !important;
}

.directorist-single-tag-list a .directorist-icon-mask {
    background-color: #ffa30075 !important;
}

.directorist-single-tag-list .directorist-icon-mask:after {
    background-color: #008d1a !important;
}

/**
 * Snippet Name: Ads Component Styling
 * Affected: Directory Ad Slots
 * Version: 1.0.0
 */

.directorist-s-home-ad-after-search-bar,
.directorist-all-cat-ad-before-loop,
.directorist-all-loc-ad-before-loop,
.directorist-all-ad-after-pagination,
.directorist-all-cat-ad-after-loop,
.directorist-all-loc-ad-after-loop,
.directorist-single-loc-ad-after-filter,
.directorist-single-loc-ad-after-loop {
    width: auto !important;
    height: auto !important;
}

/**
 * Snippet Name: Modern Category Cards
 * Affected: Homepage Category Grid & Hover Effects
 * Version: 1.1.0
 */

.atbd_category_single {
    background: var(--card) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow) !important;
    padding: 0 !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    border: 1px solid rgba(0, 0, 0, 0.03) !important;
    display: block !important;
    text-align: center !important;
    text-decoration: none !important;
    overflow: hidden;
}

.atbd_category_single figure,
.atbd_category_single figcaption {
    margin: 0 !important;
    background: transparent !important;
}

.atbd_category_single .cat-box {
    padding: 40px 20px !important;
    background: transparent !important;
    transition: all 0.4s ease !important;
    border-radius: var(--radius);
}

.atbd_category_single:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;
}

.atbd_category_single:hover .cat-box {
    background: var(--color-primary-green) !important;
}

.atbd_category_single .cat-box .icon {
    margin: 0 auto 20px !important;
    transition: transform 0.4s ease !important;
}

.atbd_category_single .directorist-icon-mask {
    width: 35px !important;
    height: 35px !important;
    transition: all 0.4s ease !important;
}

.atbd_category_single:hover .directorist-icon-mask {
    background-color: var(--color-primary-yellow) !important;
    transform: scale(1.3) !important;
}

.atbd_category_single .cat-name {
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #1a202c !important;
    margin-bottom: 5px !important;
    transition: color 0.4s ease !important;
}

.atbd_category_single:hover .cat-name {
    color: #fff !important;
}

.atbd_category_single .cat-count {
    font-size: 15px !important;
    color: #718096 !important;
    font-weight: 500 !important;
    display: block !important;
    transition: color 0.4s ease !important;
}

.atbd_category_single:hover .cat-count,
.atbd_category_single:hover .cat-count span {
    color: rgba(255, 255, 255, 0.9) !important;
}

.atbd_category_single .cat-count span {
    margin-left: 4px !important;
    text-transform: lowercase !important;
}

/**
 * Snippet Name: Beneficios Wizard UI
 * Affected: Custom Multi-step Benefit Form
 * Version: 1.0.0
 */

.beneficios-wizard {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    align-items: start;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* tarjetas individuales (card style) */
.beneficio-card {
    background: var(--card);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform .12s ease, box-shadow .12s ease;
    min-height: 300px;
}

.beneficio-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(14, 30, 37, 0.12);
}

/* Media (imagen y badge) */
.card-media {
    position: relative;
    height: 170px;
    background: #ddd;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.badge {
    position: absolute;
    left: 12px;
    top: 12px;
    background: #ff4d6d;
    color: #fff;
    padding: 8px 12px;
    border-radius: 20px;
    font-size: 1.10rem;
    font-weight: 800;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

/* Body */
.card-body {
    padding: 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.card-title {
    font-size: 1.02rem;
    margin: 0 0 2px;
    font-weight: 700;
    color: #12212b;
}

.card-location {
    display: flex;
    gap: 8px;
    align-items: center;
    color: var(--muted);
    font-size: 0.92rem;
}

.card-desc {
    color: #374151;
    font-size: 0.95rem;
    margin: 0;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Footer -> botón Obtener Beneficios */
.card-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 12px 16px;
    border-top: 1px solid #eef2f5;
    background: transparent;
}

.btn-siguiente {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 10px;
    border: none;
    background: linear-gradient(180deg, #0ea78b, #087f61);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    transition: transform .12s ease, opacity .12s ease;
}

.btn-siguiente:active {
    transform: translateY(1px);
}

.btn-siguiente[disabled] {
    opacity: .6;
    cursor: not-allowed;
}

/* Wizard / pasos */
.wizard-instance,
.wizard-step {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.step1-comercio {
    margin: 0 0 4px 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: #1b2430;
}

.step1-direccion,
.step1-rubro {
    margin: 0;
    font-size: 0.92rem;
    color: #586b78;
}

.step1-beneficio {
    margin: 8px 0 0 0;
    font-size: 0.95rem;
    color: #0b6b4a;
    font-weight: 600;
}

.step1-validez {
    margin: 4px 0 8px 0;
    font-size: 0.85rem;
    color: #6b7280;
}

.bw-nombre,
.bw-email {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    border: 1px solid #d6dde3;
    border-radius: 6px;
    font-size: 0.95rem;
    background: #fbfdff;
    margin-bottom: 10px;
}

.bw-nombre:focus,
.bw-email:focus {
    border-color: #7fb3a3;
    box-shadow: 0 0 0 3px rgba(127, 179, 163, 0.08);
}

.bw-next-1,
.bw-next-2 {
    display: inline-block;
    padding: 9px 14px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    background: linear-gradient(180deg, #0ea78b, #087f61);
    color: #fff;
    margin-top: 8px;
}

.bw-next-2[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Responsividad: 3, 2 y 1 columnas */
@media (max-width: 1200px) {
    .beneficios-wizard {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 880px) {
    .beneficios-wizard {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 520px) {
    .beneficios-wizard {
        grid-template-columns: 1fr;
    }

    .beneficio-card {
        padding: 12px;
        min-height: auto;
    }
}

/**
 * Snippet Name: WhatsApp Integration
 * Affected: Single Listing WhatsApp Action
 * Version: 1.0.0
 */

.directorist-single-info-url .directorist-single-info__label {
    display: none;
}

.directorist-single-info-url .directorist-single-info__value {
    display: flex !important;
    justify-content: center !important;
}

.directorist-single-info-url .directorist-single-info__value a {
    display: block;
    width: 220px;
    height: 220px;
    position: relative;
    /* oculta texto */
    font-size: 0;
}

.directorist-single-info-url .directorist-single-info__value a::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("https://vivienpinamar.com.ar/wp-content/uploads/2026/03/WhatsApp.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/**
 * Snippet Name: Social Login UI
 * Affected: Login Form Social Buttons
 * Version: 1.0.0
 */

.btn.fb-login {
    visibility: hidden;
}

.atbd_social_login {
    justify-content: center;
}

/**
 * Snippet Name: Blog & Archive Styles
 * Affected: Single Post & Blog Grid
 * Version: 1.0.0
 */

@media (max-width: 768px) {
    .post-single .post-thumbnail img {
        height: auto !important;
    }
}

/**
 * Snippet Name: Modern Navbar Styling
 * Affected: Main Navigation Menu & Dropdowns
 * Version: 1.0.0
 */


/* 6.1 Main Links Styling */
.theme-main-menu {
    display: flex !important;
    gap: 5px !important;
}

.theme-main-menu>li>a {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #2D3436 !important;
    /* Elegant dark grey */
    padding: 25px 18px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative;
}

/* Indicator for Active Item */
.theme-main-menu>li.current-menu-item>a::after {
    content: '';
    position: absolute;
    bottom: 20px;
    left: 18px;
    right: 18px;
    height: 2px;
    background: var(--color-primary-green);
    border-radius: 2px;
}

.theme-main-menu>li.current-menu-item>a {
    color: var(--color-primary-green) !important;
}

/* Hover Effect Main Links */
.theme-main-menu>li>a:hover {
    color: var(--color-primary-green) !important;
}

/* 6.2 Dropdowns & Mega Menu (Glassmorphism) */
.theme-main-menu .sub-menu {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-radius: 6px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1) !important;
    padding: 10px !important;
    animation: pizFadeInUp 0.3s ease-out;
}

/* Animation for dropdowns */
@keyframes pizFadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 6.3 Sub-menu Links */
.theme-main-menu .sub-menu li a {
    font-size: 14px !important;
    padding: 10px 15px !important;
    color: #4A4A4A !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
    display: block !important;
}

.theme-main-menu .sub-menu li a:hover {
    background: rgba(0, 141, 26, 0.05) !important;
    /* Green with 5% opacity */
    color: var(--color-primary-green) !important;
    padding-left: 20px !important;
}

/* 6.4 Multi-Column (Mega Menu) Layout */
.theme-main-menu .multi-column-menu>.sub-menu {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    min-width: 750px !important;
    padding: 25px !important;
    gap: 20px !important;
}

/* Headings in Mega Menu (Titles like AMBA, Filtrado) */
.theme-main-menu .multi-column-menu>.sub-menu>li>a {
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    color: var(--color-primary-yellow) !important;
    /* Using yellow for titles */
    margin-bottom: 10px !important;
    pointer-events: none;
    /* Make them look like titles if they are wrappers */
    padding-left: 15px !important;
}

/* Inner list of Mega Menu */
.theme-main-menu .multi-column-menu .sub-menu .sub-menu {
    position: static !important;
    background: transparent !important;
    backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Arrow indicator for items with children */
.menu-item-has-children>a::after {
    content: '\f107';
    /* Angle down */
    font-family: 'LineAwesome', 'Line Awesome Free', 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 8px;
    font-size: 12px;
    opacity: 0.6;
}

/* Sticky Header compatibility (if applicable) */
.is-sticky .theme-main-menu>li>a {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* 6.5 Logo Personality */
.navbar-brand img {
    transition: transform 0.3s ease !important;
}

.navbar-brand:hover img {
    transform: scale(1.05) rotate(-2deg);
    filter: drop-shadow(0 5px 15px rgba(0, 141, 26, 0.2));
}

/* 6.6 Custom CTA Button (requires class 'nav-cta' in menu item) */
.theme-main-menu>li.nav-cta>a {
    background: linear-gradient(135deg, var(--color-primary-green), #00b321) !important;
    color: #fff !important;
    padding: 10px 22px !important;
    border-radius: 50px !important;
    margin-top: 15px !important;
    margin-left: 10px !important;
    font-size: 14px !important;
    box-shadow: 0 4px 15px rgba(0, 141, 26, 0.3) !important;
    transition: all 0.3s ease !important;
}

.theme-main-menu>li.nav-cta>a:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 141, 26, 0.4) !important;
    background: linear-gradient(135deg, #00b321, var(--color-primary-green)) !important;
}

.theme-main-menu>li.nav-cta>a::after {
    display: none !important;
    /* No active indicator for button */
}

/**
 * Snippet Name: Elementor Glassmorphism
 * Affected: Hero Sections & Glass Boxes
 * Version: 1.0.0
 */

.elementor-heading-title {
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.hero-glass-box {
    background: rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 24px !important;
    padding: 50px 40px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15) !important;

    /* Ajuste de ancho para elegancia */
    max-width: 950px;
    margin: 0 auto;

    /* Animación de entrada */
    animation: heroFadeInUp 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

@keyframes heroFadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Sombra extra para mejorar legibilidad del texto sobre el brillo del sol */
.hero-glass-box .elementor-heading-title {
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

/**
 * Snippet Name: Advanced Search Bar
 * Affected: Homepage Search Container & Mobile Layout
 * Version: 1.0.0
 */


/* 8.1 Search Bar Container */
.directorist-search-form-wrap.directorist-search-form__wrap {
    background: #fff !important;
    border-radius: 100px !important;
    padding: 10px 10px 10px 30px !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12) !important;
    border: 1px solid #e2e8f0 !important;
    max-width: 1100px;
    margin: 0 auto;
    transition: box-shadow 0.3s ease;
    /* Solo transicion de sombra para evitar flickering */
}

.directorist-search-form-wrap.directorist-search-form__wrap:hover {
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15) !important;
}

.directorist-search-form-wrap.directorist-search-form__wrap .directorist-search-form__box {
    display: flex !important;
    align-items: center !important;
    width: 100%;
}

/* 8.2 Input Fields & Groups */
.directorist-search-form-wrap .directorist-search-form__box .directorist-search-form-top {
    flex: 1;
    border: none !important;
    padding: 0 !important;
}

.directorist-search-form-wrap .directorist-search-form__box .directorist-search-adv-filter {
    display: flex !important;
    align-items: center;
    width: 100%;
}

.directorist-search-form-wrap .directorist-search-form__box .directorist-search-field {
    position: relative;
    padding: 0 20px !important;
    margin: 0 !important;
    flex: 1;
}

/* Separador visual entre campos */
.directorist-search-form-wrap .directorist-search-form__box .directorist-search-query {
    border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.directorist-search-form-wrap .directorist-search-form__box .directorist-search-field__label {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: var(--muted) !important;
    margin-bottom: 2px !important;
    font-weight: 700 !important;
    display: block !important;
}

.directorist-search-form-wrap .directorist-search-form__box .directorist-search-field__input {
    background: transparent !important;
    border: none !important;
    padding: 5px 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #12212b !important;
    width: 100% !important;
    box-shadow: none !important;
}

.directorist-search-form-wrap .directorist-search-form__box .directorist-search-field__input::placeholder {
    color: #a0aec0 !important;
    font-weight: 400;
}

/* 8.3 Action Buttons */
.directorist-search-form-wrap .directorist-search-form__box .directorist-search-form-action {
    display: flex !important;
    align-items: center;
    gap: 12px;
}

/* Botón de Filtros */
.directorist-search-form-wrap .directorist-search-form__box .directorist-filter-btn {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    width: 54px !important;
    height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    color: var(--color-primary-green) !important;
}

.directorist-search-form-wrap .directorist-search-form__box .directorist-filter-btn:hover {
    background: #fff !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08) !important;
    transform: scale(1.05);
}

.directorist-search-form-wrap .directorist-search-form__box .directorist-filter-btn .directorist-icon-mask {
    width: 20px !important;
    height: 20px !important;
    background-color: var(--color-primary-green) !important;
}

/* Botón Buscar */
.directorist-search-form-wrap .directorist-search-form__box .directorist-btn-search {
    background: linear-gradient(135deg, var(--color-primary-green), #00b321) !important;
    color: #fff !important;
    padding: 0 35px !important;
    height: 54px !important;
    border-radius: 100px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    border: none !important;
    box-shadow: 0 10px 20px rgba(0, 141, 26, 0.25) !important;
    transition: all 0.3s ease !important;
}

.directorist-search-form-wrap .directorist-search-form__box .directorist-btn-search:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(0, 141, 26, 0.35) !important;
    filter: brightness(1.1);
}

.directorist-search-form-wrap .directorist-search-form__box .directorist-btn-search .directorist-icon-mask {
    width: 18px !important;
    height: 18px !important;
    background-color: #fff !important;
}

/* Ajustes para móviles */
@media (max-width: 991px) {
    .directorist-search-form-wrap.directorist-search-form__wrap {
        border-radius: 20px !important;
        padding: 20px !important;
    }

    .directorist-search-form__box {
        flex-direction: column !important;
        gap: 15px;
    }

    .directorist-search-form-wrap .directorist-search-form__box .directorist-search-adv-filter {
        flex-direction: column !important;
    }

    .directorist-search-form-wrap .directorist-search-form__box .directorist-search-field {
        width: 100% !important;
        padding: 0 !important;
        border: none !important;
        margin-bottom: 15px !important;
    }

    .directorist-search-form-wrap .directorist-search-form__box .directorist-search-form-action {
        width: 100% !important;
        justify-content: space-between !important;
    }

    .directorist-search-form-wrap .directorist-search-form__box .directorist-btn-search {
        flex: 1;
        justify-content: center !important;
    }
}