.elementor-2182 .elementor-element.elementor-element-45e40b0{--display:flex;--position:fixed;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;top:0px;}.elementor-2182 .elementor-element.elementor-element-45e40b0:not(.elementor-motion-effects-element-type-background), .elementor-2182 .elementor-element.elementor-element-45e40b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-accent ) 100%);}body:not(.rtl) .elementor-2182 .elementor-element.elementor-element-45e40b0{left:0px;}body.rtl .elementor-2182 .elementor-element.elementor-element-45e40b0{right:0px;}.elementor-2182 .elementor-element.elementor-element-5e291500{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2182 .elementor-element.elementor-element-5b4a06c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2182 .elementor-element.elementor-element-3c17acc1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2182 .elementor-element.elementor-element-5c2a61a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2182 .elementor-element.elementor-element-4935ef1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2182 .elementor-element.elementor-element-0596adf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2182 .elementor-element.elementor-element-6e42156{margin:67px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2182 .elementor-element.elementor-element-829f327{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2182 .elementor-element.elementor-element-ba7f68d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2182 .elementor-element.elementor-element-ba7f68d:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2182 .elementor-element.elementor-element-3300f0b{padding:0px 0px 0px 0px;}.elementor-2182 .elementor-element.elementor-element-07285c9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2182 .elementor-element.elementor-element-f0d8bd6{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-title-border-radius:20px 20px 0px 0px;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:30px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:30px;--n-tabs-title-color:var( --e-global-color-secondary );--n-tabs-title-color-active:var( --e-global-color-secondary );}.elementor-2182 .elementor-element.elementor-element-f0d8bd6.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-2182 .elementor-element.elementor-element-f0d8bd6.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-2182 .elementor-element.elementor-element-f0d8bd6.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2182 .elementor-element.elementor-element-2d8b79b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2182 .elementor-element.elementor-element-012cbad{--display:flex;--margin-top:-22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2182 .elementor-element.elementor-element-d368f87{padding:0px 0px 0px 0px;}.elementor-2182 .elementor-element.elementor-element-6c54582{--display:flex;--margin-top:-22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2182 .elementor-element.elementor-element-5bced2e{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-title-border-radius:20px 20px 0px 0px;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:30px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:30px;--n-tabs-title-color:var( --e-global-color-secondary );--n-tabs-title-color-active:var( --e-global-color-secondary );}.elementor-2182 .elementor-element.elementor-element-5bced2e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-2182 .elementor-element.elementor-element-5bced2e.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-2182 .elementor-element.elementor-element-5bced2e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2182 .elementor-element.elementor-element-f0d8bd6{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-title-gap:0px;--n-tabs-title-padding-top:6px;--n-tabs-title-padding-right:6px;--n-tabs-title-padding-bottom:6px;--n-tabs-title-padding-left:6px;}.elementor-2182 .elementor-element.elementor-element-2d8b79b{--margin-top:26px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-2182 .elementor-element.elementor-element-5b4a06c3{--width:25%;}.elementor-2182 .elementor-element.elementor-element-3c17acc1{--width:50%;}.elementor-2182 .elementor-element.elementor-element-5c2a61a1{--width:25%;}.elementor-2182 .elementor-element.elementor-element-4935ef1{--content-width:1180px;}.elementor-2182 .elementor-element.elementor-element-0596adf{--width:50%;}.elementor-2182 .elementor-element.elementor-element-829f327{--width:50%;}.elementor-2182 .elementor-element.elementor-element-2d8b79b{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-6e42156 *//**
 * DIRECTORIST PRICING PLAN CUSTOM CSS - FIXED v3
 */

/* 0. FIX DE CONTENEDOR (Crítico para ambos) */
#directorist-pricing-plan-container,
.directorist-container-fluid,
.directorist-row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* FIX DE COLUMNA (Escritorio y Móvil) */
.directorist-col-md-4 {
    /* En escritorio, forzamos un mínimo para que no se aplaste */
    min-width: 300px !important; 
    flex-grow: 1 !important; 
}

@media (max-width: 768px) {
    .directorist-col-md-4 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* 1. TARJETA */
.directorist-pricing {
    background-color: #FFFFFF !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden;
    padding: 2.5rem 1.5rem !important;
    margin: 10px auto 30px !important;
    position: relative;
    transition: transform 0.3s ease;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.directorist-pricing:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2) !important;
}

.directorist-pricing-special {
    border: 2px solid #FFC107 !important;
}

/* 2. TÍTULO */
.directorist-pricing__title h4 {
    font-family: 'Montserrat', sans-serif !important;
    color: #021223 !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1.5rem !important;
    text-align: center;
}

/* 3. PRECIO */
.directorist-pricing__price {
    text-align: center;
    margin-bottom: 2rem !important;
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 1.5rem;
}

.directorist-pricing__value {
    color: #021223 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 2.5rem !important; 
    font-weight: 700 !important;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}

.directorist-pricing__value sup {
    color: #FFC107 !important;
    font-size: 1.2rem !important;
    top: 0 !important;
}

.directorist-pricing__value small {
    display: block;
    width: 100%;
    font-size: 0.8rem !important;
    color: #888888 !important;
    margin-top: 8px !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: none;
}

.directorist-pricing__description {
    font-family: 'Montserrat', sans-serif !important;
    color: #66605B !important;
    font-size: 0.9rem !important;
    margin-top: 1rem;
    line-height: 1.4;
}

/* 4. LISTA */
.directorist-pricing__features ul li {
    font-family: 'Montserrat', sans-serif !important;
    color: #444444 !important;
    font-size: 0.9rem !important;
    margin-bottom: 0.8rem !important;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.directorist-pricing__features ul li i {
    color: #FFC107 !important;
    font-size: 1rem !important;
    margin-top: 3px;
    flex-shrink: 0;
}

/* 5. BOTÓN */
.directorist-pricing__action {
    margin-top: 2rem;
}

.directorist-pricing__action a.directorist-btn {
    background-color: #FFC107 !important;
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 0.9rem !important;
    padding: 14px !important;
    border-radius: 6px !important;
    width: 100%;
    display: block;
    text-align: center;
    box-shadow: 0 4px 10px rgba(255, 193, 7, 0.3);
    border: none !important;
}

.directorist-pricing__action a.directorist-btn:hover {
    background-color: #021223 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3300f0b *//**
 * DIRECTORIST PRICING PLAN CUSTOM CSS - FINAL v8
 * Professional Blue Theme (#154178) for Middle Plan (Plus)
 */

/* 0. FIX DE CONTENEDOR */
#directorist-pricing-plan-container,
.directorist-container-fluid,
.directorist-row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.directorist-col-md-4 {
    min-width: 300px !important;
    flex-grow: 1 !important;
}

@media (max-width: 768px) {
    .directorist-col-md-4 {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* 1. TODAS LAS TARJETAS (ESTILO BASE STANDARD) */
.directorist-pricing,
.directorist-pricing-special {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    overflow: hidden;
    padding: 2.5rem 1.5rem !important;
    margin: 10px auto 30px !important;
    position: relative;
    transition: all 0.3s ease;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    opacity: 1;
    /* Full opacity */
    transform: none !important;
}

/* Hover genérico */
.directorist-pricing:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08) !important;
}

/* 2. SOLO TARJETA MIDDLE/PLUS (2da POSICIÓN) - TEMA AZUL PROFESIONAL */
.directorist-col-md-4:nth-child(2) .directorist-pricing,
.atpp_plus .directorist-pricing {
    background-color: #FFFFFF !important;
    /* Fondo Blanco Limpio */
    border: 2px solid #154178 !important;
    /* Borde Azul #154178 */
    box-shadow: 0 20px 40px rgba(21, 65, 120, 0.15) !important;
    /* Sombra azulada suave */
    transform: scale(1.05) !important;
    z-index: 10;
}

/* 3. TÍTULOS */
.directorist-pricing__title h4 {
    font-family: 'Montserrat', sans-serif !important;
    color: #444444 !important;
    font-size: 1.2rem !important;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1.5rem !important;
}

/* Título Plus (AZUL #154178) */
.directorist-col-md-4:nth-child(2) .directorist-pricing__title h4 {
    color: #154178 !important;
    /* Azul Marca */
    font-size: 1.4rem !important;
}

/* 4. PRECIOS */
.directorist-pricing__price {
    text-align: center;
    margin-bottom: 2rem !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    padding-bottom: 1.5rem;
}

.directorist-pricing__value {
    color: #444444 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    line-height: 1;
    display: flex;
    justify-content: center;
    gap: 5px;
}

.directorist-pricing__value sup {
    color: #154178 !important;
    /* Azul en todos */
    font-size: 1.2rem !important;
    top: 0 !important;
}

/* Precio en Plus (AZUL #154178) */
.directorist-col-md-4:nth-child(2) .directorist-pricing__value,
.directorist-col-md-4:nth-child(2) .directorist-pricing__value sup {
    color: #154178 !important;
}

/* Subtítulos */
.directorist-pricing__value small {
    display: block;
    width: 100%;
    font-size: 0.8rem !important;
    color: #888888 !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: none;
    margin-top: 5px;
}

/* Subtítulo Plus (Un poco más oscuro) */
.directorist-col-md-4:nth-child(2) .directorist-pricing__value small {
    color: #555555 !important;
    font-weight: 500;
}

/* 5. CARACTERÍSTICAS */
.directorist-pricing__features ul li {
    font-family: 'Montserrat', sans-serif !important;
    color: #666666 !important;
    font-size: 0.9rem !important;
    margin-bottom: 0.8rem !important;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.directorist-pricing__features ul li i {
    color: #154178 !important;
    /* Checks Azules */
    font-size: 1rem !important;
    margin-top: 3px;
    flex-shrink: 0;
}

/* Texto más oscuro en Plus (Contenido) */
.directorist-col-md-4:nth-child(2) .directorist-pricing__features ul li {
    color: #222222 !important;
    /* Texto casi negro */
    font-weight: 500;
}

/* 6. BOTONES */
.directorist-pricing__action a.directorist-btn {
    background-color: #F8F9FA !important;
    color: #444444 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 0.9rem !important;
    padding: 14px !important;
    border-radius: 6px !important;
    width: 100%;
    display: block;
    text-align: center;
    border: 1px solid #E5E5E5 !important;
    box-shadow: none;
}

/* Botón ESTRELLA (Plus - Fonde Azul #154178) */
.directorist-col-md-4:nth-child(2) .directorist-pricing__action a.directorist-btn {
    background-color: #154178 !important;
    /* Azul Marca */
    color: #FFFFFF !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(21, 65, 120, 0.4);
}

.directorist-pricing__action a.directorist-btn:hover {
    background-color: #154178 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

/* Hover en botón Plus */
.directorist-col-md-4:nth-child(2) .directorist-pricing__action a.directorist-btn:hover {
    background-color: #0d2a4e !important;
    /* Azul más oscuro al hover */
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3300f0b *//**
 * DIRECTORIST PRICING PLAN CUSTOM CSS - FINAL v8
 * Professional Blue Theme (#154178) for Middle Plan (Plus)
 */

/* 0. FIX DE CONTENEDOR */
#directorist-pricing-plan-container,
.directorist-container-fluid,
.directorist-row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.directorist-col-md-4 {
    min-width: 300px !important;
    flex-grow: 1 !important;
}

@media (max-width: 768px) {
    .directorist-col-md-4 {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* 1. TODAS LAS TARJETAS (ESTILO BASE STANDARD) */
.directorist-pricing,
.directorist-pricing-special {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    overflow: hidden;
    padding: 2.5rem 1.5rem !important;
    margin: 10px auto 30px !important;
    position: relative;
    transition: all 0.3s ease;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    opacity: 1;
    /* Full opacity */
    transform: none !important;
}

/* Hover genérico */
.directorist-pricing:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08) !important;
}

/* 2. SOLO TARJETA MIDDLE/PLUS (2da POSICIÓN) - TEMA AZUL PROFESIONAL */
.directorist-col-md-4:nth-child(2) .directorist-pricing,
.atpp_plus .directorist-pricing {
    background-color: #FFFFFF !important;
    /* Fondo Blanco Limpio */
    border: 2px solid #154178 !important;
    /* Borde Azul #154178 */
    box-shadow: 0 20px 40px rgba(21, 65, 120, 0.15) !important;
    /* Sombra azulada suave */
    transform: scale(1.05) !important;
    z-index: 10;
}

/* 3. TÍTULOS */
.directorist-pricing__title h4 {
    font-family: 'Montserrat', sans-serif !important;
    color: #444444 !important;
    font-size: 1.2rem !important;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1.5rem !important;
}

/* Título Plus (AZUL #154178) */
.directorist-col-md-4:nth-child(2) .directorist-pricing__title h4 {
    color: #154178 !important;
    /* Azul Marca */
    font-size: 1.4rem !important;
}

/* 4. PRECIOS */
.directorist-pricing__price {
    text-align: center;
    margin-bottom: 2rem !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    padding-bottom: 1.5rem;
}

.directorist-pricing__value {
    color: #444444 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    line-height: 1;
    display: flex;
    justify-content: center;
    gap: 5px;
}

.directorist-pricing__value sup {
    color: #154178 !important;
    /* Azul en todos */
    font-size: 1.2rem !important;
    top: 0 !important;
}

/* Precio en Plus (AZUL #154178) */
.directorist-col-md-4:nth-child(2) .directorist-pricing__value,
.directorist-col-md-4:nth-child(2) .directorist-pricing__value sup {
    color: #154178 !important;
}

/* Subtítulos */
.directorist-pricing__value small {
    display: block;
    width: 100%;
    font-size: 0.8rem !important;
    color: #888888 !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: none;
    margin-top: 5px;
}

/* Subtítulo Plus (Un poco más oscuro) */
.directorist-col-md-4:nth-child(2) .directorist-pricing__value small {
    color: #555555 !important;
    font-weight: 500;
}

/* 5. CARACTERÍSTICAS */
.directorist-pricing__features ul li {
    font-family: 'Montserrat', sans-serif !important;
    color: #666666 !important;
    font-size: 0.9rem !important;
    margin-bottom: 0.8rem !important;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.directorist-pricing__features ul li i {
    color: #154178 !important;
    /* Checks Azules */
    font-size: 1rem !important;
    margin-top: 3px;
    flex-shrink: 0;
}

/* Texto más oscuro en Plus (Contenido) */
.directorist-col-md-4:nth-child(2) .directorist-pricing__features ul li {
    color: #222222 !important;
    /* Texto casi negro */
    font-weight: 500;
}

/* 6. BOTONES */
.directorist-pricing__action a.directorist-btn {
    background-color: #F8F9FA !important;
    color: #444444 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 0.9rem !important;
    padding: 14px !important;
    border-radius: 6px !important;
    width: 100%;
    display: block;
    text-align: center;
    border: 1px solid #E5E5E5 !important;
    box-shadow: none;
}

/* Botón ESTRELLA (Plus - Fonde Azul #154178) */
.directorist-col-md-4:nth-child(2) .directorist-pricing__action a.directorist-btn {
    background-color: #154178 !important;
    /* Azul Marca */
    color: #FFFFFF !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(21, 65, 120, 0.4);
}

.directorist-pricing__action a.directorist-btn:hover {
    background-color: #154178 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

/* Hover en botón Plus */
.directorist-col-md-4:nth-child(2) .directorist-pricing__action a.directorist-btn:hover {
    background-color: #0d2a4e !important;
    /* Azul más oscuro al hover */
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3300f0b *//**
 * DIRECTORIST PRICING PLAN CUSTOM CSS - FINAL v8
 * Professional Blue Theme (#154178) for Middle Plan (Plus)
 */

/* 0. FIX DE CONTENEDOR */
#directorist-pricing-plan-container,
.directorist-container-fluid,
.directorist-row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.directorist-col-md-4 {
    min-width: 300px !important;
    flex-grow: 1 !important;
}

@media (max-width: 768px) {
    .directorist-col-md-4 {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* 1. TODAS LAS TARJETAS (ESTILO BASE STANDARD) */
.directorist-pricing,
.directorist-pricing-special {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    overflow: hidden;
    padding: 2.5rem 1.5rem !important;
    margin: 10px auto 30px !important;
    position: relative;
    transition: all 0.3s ease;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    opacity: 1;
    /* Full opacity */
    transform: none !important;
}

/* Hover genérico */
.directorist-pricing:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08) !important;
}

/* 2. SOLO TARJETA MIDDLE/PLUS (2da POSICIÓN) - TEMA AZUL PROFESIONAL */
.directorist-col-md-4:nth-child(2) .directorist-pricing,
.atpp_plus .directorist-pricing {
    background-color: #FFFFFF !important;
    /* Fondo Blanco Limpio */
    border: 2px solid #154178 !important;
    /* Borde Azul #154178 */
    box-shadow: 0 20px 40px rgba(21, 65, 120, 0.15) !important;
    /* Sombra azulada suave */
    transform: scale(1.05) !important;
    z-index: 10;
}

/* 3. TÍTULOS */
.directorist-pricing__title h4 {
    font-family: 'Montserrat', sans-serif !important;
    color: #444444 !important;
    font-size: 1.2rem !important;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1.5rem !important;
}

/* Título Plus (AZUL #154178) */
.directorist-col-md-4:nth-child(2) .directorist-pricing__title h4 {
    color: #154178 !important;
    /* Azul Marca */
    font-size: 1.4rem !important;
}

/* 4. PRECIOS */
.directorist-pricing__price {
    text-align: center;
    margin-bottom: 2rem !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    padding-bottom: 1.5rem;
}

.directorist-pricing__value {
    color: #444444 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    line-height: 1;
    display: flex;
    justify-content: center;
    gap: 5px;
}

.directorist-pricing__value sup {
    color: #154178 !important;
    /* Azul en todos */
    font-size: 1.2rem !important;
    top: 0 !important;
}

/* Precio en Plus (AZUL #154178) */
.directorist-col-md-4:nth-child(2) .directorist-pricing__value,
.directorist-col-md-4:nth-child(2) .directorist-pricing__value sup {
    color: #154178 !important;
}

/* Subtítulos */
.directorist-pricing__value small {
    display: block;
    width: 100%;
    font-size: 0.8rem !important;
    color: #888888 !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: none;
    margin-top: 5px;
}

/* Subtítulo Plus (Un poco más oscuro) */
.directorist-col-md-4:nth-child(2) .directorist-pricing__value small {
    color: #555555 !important;
    font-weight: 500;
}

/* 5. CARACTERÍSTICAS */
.directorist-pricing__features ul li {
    font-family: 'Montserrat', sans-serif !important;
    color: #666666 !important;
    font-size: 0.9rem !important;
    margin-bottom: 0.8rem !important;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.directorist-pricing__features ul li i {
    color: #154178 !important;
    /* Checks Azules */
    font-size: 1rem !important;
    margin-top: 3px;
    flex-shrink: 0;
}

/* Texto más oscuro en Plus (Contenido) */
.directorist-col-md-4:nth-child(2) .directorist-pricing__features ul li {
    color: #222222 !important;
    /* Texto casi negro */
    font-weight: 500;
}

/* 6. BOTONES */
.directorist-pricing__action a.directorist-btn {
    background-color: #F8F9FA !important;
    color: #444444 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 0.9rem !important;
    padding: 14px !important;
    border-radius: 6px !important;
    width: 100%;
    display: block;
    text-align: center;
    border: 1px solid #E5E5E5 !important;
    box-shadow: none;
}

/* Botón ESTRELLA (Plus - Fonde Azul #154178) */
.directorist-col-md-4:nth-child(2) .directorist-pricing__action a.directorist-btn {
    background-color: #154178 !important;
    /* Azul Marca */
    color: #FFFFFF !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(21, 65, 120, 0.4);
}

.directorist-pricing__action a.directorist-btn:hover {
    background-color: #154178 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

/* Hover en botón Plus */
.directorist-col-md-4:nth-child(2) .directorist-pricing__action a.directorist-btn:hover {
    background-color: #0d2a4e !important;
    /* Azul más oscuro al hover */
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-f0d8bd6 *//**
 * DIRECTORIST PRICING PLAN CUSTOM CSS - FINAL v9
 * 1. Professional Blue Theme (#154178) for Plus Plan
 * 2. Mobile Tabs Fix (Horizontal Layout)
 */

/* =========================================
   1. GLOBAL CONTAINER FIXES (Importante)
   ========================================= */
#directorist-pricing-plan-container,
.directorist-container-fluid,
.directorist-row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.directorist-col-md-4 {
    min-width: 300px !important; 
    flex-grow: 1 !important; 
}

@media (max-width: 768px) {
    .directorist-col-md-4 {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* =========================================
   2. TABS STYLING (FIX PARA MÓVIL)
   ========================================= */

/* Contenedor de Tabs - Forzar fila flexible */
.e-n-tabs-heading {
    display: flex !important;
    flex-direction: row !important; /* Horizontal siempre */
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 25px !important;
    border-bottom: 2px solid #fefefe00 !important; /* Línea base sutil */
    padding-bottom: 0 !important;
    width: 100% !important;
}

/* Títulos de Tabs (Botones) */
.e-n-tab-title {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 15px 20px !important;
    margin: 0 !important;
    width: auto !important; /* No ocupar 100% */
    flex: 0 1 auto !important; /* Flexible pero no forzado */
    
    /* Tipografía */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #888888 !important; /* Gris inactivo */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* Estado ACTIVO / SELECCIONADO (Azul) */
.e-n-tab-title[aria-selected="true"],
.e-n-tab-title:hover {
    color: #FFD202 !important; /* Azul Marca */
    background: transparent !important;
}

/* Línea indicador de activo (Pseudo-elemento elegante) */
.e-n-tab-title::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important; /* Pegado a la línea base */
    left: 0 !important;
    width: 0% !important;
    height: 3px !important;
    background-color: #FFD202 !important; /* Azul Marca */
    transition: width 0.3s ease !important;
    opacity: 0 !important;
}

.e-n-tab-title[aria-selected="true"]::after {
    width: 100% !important; /* Línea completa en activo */
    opacity: 1 !important;
}

/* Ajuste Móvil Específico para Tabs */
@media (max-width: 768px) {
    .e-n-tabs-heading {
        gap: 5px !important; /* Menor espacio en móvil */
        justify-content: space-around !important; /* Distribuir espacio */
    }
    
    .e-n-tab-title {
        font-size: 0.9rem !important;
        padding: 12px 10px !important;
        flex: 1 !important; /* Ocupar espacio igual */
        text-align: center !important;
    }
}


/* =========================================
   3. PRICING CARDS STYLING (Tema Azul)
   ========================================= */

/* BASE CARD STYLE */
.directorist-pricing,
.directorist-pricing-special {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    overflow: hidden;
    padding: 2.5rem 1.5rem !important;
    margin: 10px auto 30px !important;
    position: relative;
    transition: all 0.3s ease;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    opacity: 1;
    transform: none !important;
}

.directorist-pricing:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08) !important;
}

/* PLUS PLAN (2nd Card) - BLUE THEME #154178 */
.directorist-col-md-4:nth-child(2) .directorist-pricing,
.atpp_plus .directorist-pricing { 
    background-color: #FFFFFF !important;
    border: 2px solid #154178 !important; /* Borde Azul */
    box-shadow: 0 20px 40px rgba(21, 65, 120, 0.15) !important;
    transform: scale(1.05) !important;
    z-index: 10;
}

/* TEXT & CONTENT COLORS */
/* Títulos */
.directorist-pricing__title h4 {
    font-family: 'Montserrat', sans-serif !important;
    color: #444444 !important;
    font-size: 1.2rem !important;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1.5rem !important;
}
/* Título Plus (Azul) */
.directorist-col-md-4:nth-child(2) .directorist-pricing__title h4 {
    color: #154178 !important;
    font-size: 1.4rem !important;
}

/* Precios */
.directorist-pricing__price {
    text-align: center;
    margin-bottom: 2rem !important;
    border-bottom: 1px solid rgba(0,0,0,0.05) !important;
    padding-bottom: 1.5rem;
}
.directorist-pricing__value {
    color: #444444 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 2.5rem !important; 
    font-weight: 700 !important;
    line-height: 1;
    display: flex;
    justify-content: center;
    gap: 5px;
}
.directorist-pricing__value sup {
    color: #154178 !important; /* Azul en todos */
    font-size: 1.2rem !important;
    top: 0 !important;
}
/* Precio Plus (Azul) */
.directorist-col-md-4:nth-child(2) .directorist-pricing__value,
.directorist-col-md-4:nth-child(2) .directorist-pricing__value sup {
    color: #154178 !important;
}

/* Subtítulos */
.directorist-pricing__value small {
    display: block; width: 100%; font-size: 0.8rem !important;
    color: #888888 !important; font-family: 'Montserrat', sans-serif !important;
    text-transform: none; margin-top: 5px;
}
.directorist-col-md-4:nth-child(2) .directorist-pricing__value small {
    color: #555555 !important; font-weight: 500;
}

/* Features */
.directorist-pricing__features ul li {
    font-family: 'Montserrat', sans-serif !important; color: #666666 !important;
    font-size: 0.9rem !important; margin-bottom: 0.8rem !important;
    display: flex; align-items: flex-start; gap: 12px;
}
.directorist-pricing__features ul li i {
    color: #154178 !important; font-size: 1rem !important;
    margin-top: 3px; flex-shrink: 0;
}
.directorist-col-md-4:nth-child(2) .directorist-pricing__features ul li {
    color: #222222 !important; font-weight: 500;
}

/* BUTTONS */
.directorist-pricing__action a.directorist-btn {
    background-color: #F8F9FA !important; color: #444444 !important;
    font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important;
    text-transform: uppercase; font-size: 0.9rem !important;
    padding: 14px !important; border-radius: 6px !important;
    width: 100%; display: block; text-align: center;
    border: 1px solid #E5E5E5 !important; box-shadow: none;
}

/* Botón ESTRELLA (Plus - Azul #154178) */
.directorist-col-md-4:nth-child(2) .directorist-pricing__action a.directorist-btn {
    background-color: #154178 !important; /* Azul Marca */
    color: #FFFFFF !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(21, 65, 120, 0.4);
}
.directorist-pricing__action a.directorist-btn:hover {
    background-color: #154178 !important; color: #FFFFFF !important;
    transform: translateY(-2px);
}
/* Hover Botón Plus */
.directorist-col-md-4:nth-child(2) .directorist-pricing__action a.directorist-btn:hover {
    background-color: #0d2a4e !important; color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d368f87 *//**
 * DIRECTORIST PRICING PLAN CUSTOM CSS - FIXED v3
 */

/* 0. FIX DE CONTENEDOR (Crítico para ambos) */
#directorist-pricing-plan-container,
.directorist-container-fluid,
.directorist-row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* FIX DE COLUMNA (Escritorio y Móvil) */
.directorist-col-md-4 {
    /* En escritorio, forzamos un mínimo para que no se aplaste */
    min-width: 300px !important; 
    flex-grow: 1 !important; 
}

@media (max-width: 768px) {
    .directorist-col-md-4 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* 1. TARJETA */
.directorist-pricing {
    background-color: #FFFFFF !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden;
    padding: 2.5rem 1.5rem !important;
    margin: 10px auto 30px !important;
    position: relative;
    transition: transform 0.3s ease;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.directorist-pricing:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2) !important;
}

.directorist-pricing-special {
    border: 2px solid #FFC107 !important;
}

/* 2. TÍTULO */
.directorist-pricing__title h4 {
    font-family: 'Montserrat', sans-serif !important;
    color: #021223 !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1.5rem !important;
    text-align: center;
}

/* 3. PRECIO */
.directorist-pricing__price {
    text-align: center;
    margin-bottom: 2rem !important;
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 1.5rem;
}

.directorist-pricing__value {
    color: #021223 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 2.5rem !important; 
    font-weight: 700 !important;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}

.directorist-pricing__value sup {
    color: #FFC107 !important;
    font-size: 1.2rem !important;
    top: 0 !important;
}

.directorist-pricing__value small {
    display: block;
    width: 100%;
    font-size: 0.8rem !important;
    color: #888888 !important;
    margin-top: 8px !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: none;
}

.directorist-pricing__description {
    font-family: 'Montserrat', sans-serif !important;
    color: #66605B !important;
    font-size: 0.9rem !important;
    margin-top: 1rem;
    line-height: 1.4;
}

/* 4. LISTA */
.directorist-pricing__features ul li {
    font-family: 'Montserrat', sans-serif !important;
    color: #444444 !important;
    font-size: 0.9rem !important;
    margin-bottom: 0.8rem !important;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.directorist-pricing__features ul li i {
    color: #FFC107 !important;
    font-size: 1rem !important;
    margin-top: 3px;
    flex-shrink: 0;
}

/* 5. BOTÓN */
.directorist-pricing__action {
    margin-top: 2rem;
}

.directorist-pricing__action a.directorist-btn {
    background-color: #FFC107 !important;
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 0.9rem !important;
    padding: 14px !important;
    border-radius: 6px !important;
    width: 100%;
    display: block;
    text-align: center;
    box-shadow: 0 4px 10px rgba(255, 193, 7, 0.3);
    border: none !important;
}

.directorist-pricing__action a.directorist-btn:hover {
    background-color: #021223 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d368f87 *//**
 * DIRECTORIST PRICING PLAN CUSTOM CSS - FIXED v3
 */

/* 0. FIX DE CONTENEDOR (Crítico para ambos) */
#directorist-pricing-plan-container,
.directorist-container-fluid,
.directorist-row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* FIX DE COLUMNA (Escritorio y Móvil) */
.directorist-col-md-4 {
    /* En escritorio, forzamos un mínimo para que no se aplaste */
    min-width: 300px !important; 
    flex-grow: 1 !important; 
}

@media (max-width: 768px) {
    .directorist-col-md-4 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* 1. TARJETA */
.directorist-pricing {
    background-color: #FFFFFF !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden;
    padding: 2.5rem 1.5rem !important;
    margin: 10px auto 30px !important;
    position: relative;
    transition: transform 0.3s ease;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.directorist-pricing:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2) !important;
}

.directorist-pricing-special {
    border: 2px solid #FFC107 !important;
}

/* 2. TÍTULO */
.directorist-pricing__title h4 {
    font-family: 'Montserrat', sans-serif !important;
    color: #021223 !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1.5rem !important;
    text-align: center;
}

/* 3. PRECIO */
.directorist-pricing__price {
    text-align: center;
    margin-bottom: 2rem !important;
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 1.5rem;
}

.directorist-pricing__value {
    color: #021223 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 2.5rem !important; 
    font-weight: 700 !important;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}

.directorist-pricing__value sup {
    color: #FFC107 !important;
    font-size: 1.2rem !important;
    top: 0 !important;
}

.directorist-pricing__value small {
    display: block;
    width: 100%;
    font-size: 0.8rem !important;
    color: #888888 !important;
    margin-top: 8px !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: none;
}

.directorist-pricing__description {
    font-family: 'Montserrat', sans-serif !important;
    color: #66605B !important;
    font-size: 0.9rem !important;
    margin-top: 1rem;
    line-height: 1.4;
}

/* 4. LISTA */
.directorist-pricing__features ul li {
    font-family: 'Montserrat', sans-serif !important;
    color: #444444 !important;
    font-size: 0.9rem !important;
    margin-bottom: 0.8rem !important;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.directorist-pricing__features ul li i {
    color: #FFC107 !important;
    font-size: 1rem !important;
    margin-top: 3px;
    flex-shrink: 0;
}

/* 5. BOTÓN */
.directorist-pricing__action {
    margin-top: 2rem;
}

.directorist-pricing__action a.directorist-btn {
    background-color: #FFC107 !important;
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 0.9rem !important;
    padding: 14px !important;
    border-radius: 6px !important;
    width: 100%;
    display: block;
    text-align: center;
    box-shadow: 0 4px 10px rgba(255, 193, 7, 0.3);
    border: none !important;
}

.directorist-pricing__action a.directorist-btn:hover {
    background-color: #021223 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d368f87 *//**
 * DIRECTORIST PRICING PLAN CUSTOM CSS - FIXED v3
 */

/* 0. FIX DE CONTENEDOR (Crítico para ambos) */
#directorist-pricing-plan-container,
.directorist-container-fluid,
.directorist-row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* FIX DE COLUMNA (Escritorio y Móvil) */
.directorist-col-md-4 {
    /* En escritorio, forzamos un mínimo para que no se aplaste */
    min-width: 300px !important; 
    flex-grow: 1 !important; 
}

@media (max-width: 768px) {
    .directorist-col-md-4 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* 1. TARJETA */
.directorist-pricing {
    background-color: #FFFFFF !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden;
    padding: 2.5rem 1.5rem !important;
    margin: 10px auto 30px !important;
    position: relative;
    transition: transform 0.3s ease;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.directorist-pricing:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2) !important;
}

.directorist-pricing-special {
    border: 2px solid #FFC107 !important;
}

/* 2. TÍTULO */
.directorist-pricing__title h4 {
    font-family: 'Montserrat', sans-serif !important;
    color: #021223 !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1.5rem !important;
    text-align: center;
}

/* 3. PRECIO */
.directorist-pricing__price {
    text-align: center;
    margin-bottom: 2rem !important;
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 1.5rem;
}

.directorist-pricing__value {
    color: #021223 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 2.5rem !important; 
    font-weight: 700 !important;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}

.directorist-pricing__value sup {
    color: #FFC107 !important;
    font-size: 1.2rem !important;
    top: 0 !important;
}

.directorist-pricing__value small {
    display: block;
    width: 100%;
    font-size: 0.8rem !important;
    color: #888888 !important;
    margin-top: 8px !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: none;
}

.directorist-pricing__description {
    font-family: 'Montserrat', sans-serif !important;
    color: #66605B !important;
    font-size: 0.9rem !important;
    margin-top: 1rem;
    line-height: 1.4;
}

/* 4. LISTA */
.directorist-pricing__features ul li {
    font-family: 'Montserrat', sans-serif !important;
    color: #444444 !important;
    font-size: 0.9rem !important;
    margin-bottom: 0.8rem !important;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.directorist-pricing__features ul li i {
    color: #FFC107 !important;
    font-size: 1rem !important;
    margin-top: 3px;
    flex-shrink: 0;
}

/* 5. BOTÓN */
.directorist-pricing__action {
    margin-top: 2rem;
}

.directorist-pricing__action a.directorist-btn {
    background-color: #FFC107 !important;
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 0.9rem !important;
    padding: 14px !important;
    border-radius: 6px !important;
    width: 100%;
    display: block;
    text-align: center;
    box-shadow: 0 4px 10px rgba(255, 193, 7, 0.3);
    border: none !important;
}

.directorist-pricing__action a.directorist-btn:hover {
    background-color: #021223 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}/* End custom CSS */