.elementor-343 .elementor-element.elementor-element-1d2a8dc{--display:flex;}.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-343 .elementor-element.elementor-element-7009940{--display:flex;}.elementor-343 .elementor-element.elementor-element-76ea0e6{--display:flex;}.elementor-343 .elementor-element.elementor-element-87ff2db{--display:flex;}.elementor-343 .elementor-element.elementor-element-e425a1b{--display:flex;}.elementor-343 .elementor-element.elementor-element-37475bc{--display:flex;}.elementor-343 .elementor-element.elementor-element-e0c391f{--display:flex;}.elementor-343 .elementor-element.elementor-element-86e9dbf{--display:flex;}.elementor-343 .elementor-element.elementor-element-751829e{--display:flex;}.elementor-343 .elementor-element.elementor-element-d2986a3{--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-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;}.elementor-343 .elementor-element.elementor-element-d2986a3.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-990a3ea );}.elementor-343 .elementor-element.elementor-element-d2986a3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-343 .elementor-element.elementor-element-d2986a3.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-990a3ea );}:where( .elementor-343 .elementor-element.elementor-element-d2986a3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:50px;--padding-right:50px;--padding-bottom:50px;--padding-left:50px;}.elementor-343 .elementor-element.elementor-element-b4176d2{--display:flex;--min-height:50vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-343 .elementor-element.elementor-element-8f0a8e8 .elementor-heading-title{color:var( --e-global-color-990a3ea );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-343 .elementor-element.elementor-element-54adf0d .elementor-button{background-color:var( --e-global-color-990a3ea );}.elementor-343 .elementor-element.elementor-element-54adf0d .elementor-button:hover, .elementor-343 .elementor-element.elementor-element-54adf0d .elementor-button:focus{background-color:var( --e-global-color-4c63250 );}@media(max-width:767px){.elementor-343 .elementor-element.elementor-element-37475bc{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-343 .elementor-element.elementor-element-49578ad{padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-64ae760 *//* Contenedor General */
.sfi-dashboard-wrapper {
    width: 100%;
    font-family: inherit;
    margin-bottom: 30px;
}

/* Bienvenida */
.sfi-dashboard-welcome h2 {
    font-size: 24px;
    font-weight: 600;
    color: #002855;
    margin: 0 0 5px 0;
}
.sfi-dashboard-welcome p {
    font-size: 14px;
    color: #757575;
    margin: 0 0 25px 0;
}

/* Grid de Tarjetas */
.sfi-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 35px;
}

/* Tarjeta Base */
.sfi-card {
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    padding: 20px;
    display: flex;
    align-items: center;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.sfi-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.08);
}

/* Iconos de las Tarjetas */
.card-icon {
    font-size: 28px;
    margin-right: 15px;
    background: #f5f5f5;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

/* Información Interna */
.card-info h3 {
    font-size: 13px;
    color: #757575;
    margin: 0 0 4px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
}
.card-number {
    font-size: 24px;
    font-weight: 600;
    color: #212121;
    display: block;
}

/* Variaciones sutiles de color izquierdo según el estado */
.card-total { border-left: 4px solid #2196f3; }
.card-approved { border-left: 4px solid #2e7d32; }
.card-pending { border-left: 4px solid #ef6c00; }
.card-draft { border-left: 4px solid #757575; }

/* Sección de Acciones Rápidas */
.sfi-dashboard-actions h3 {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
    margin-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 8px;
}
.sfi-action-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* Botones de Acción */
.sfi-btn-action {
    display: inline-block;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 0.2s ease;
}
.btn-primary-action {
    background: #002855;
    color: #ffffff;
}
.btn-primary-action:hover {
    background: #001f42;
}
.btn-secondary-action {
    background: #ffffff;
    color: #002855;
    border: 1px solid #002855;
}
.btn-secondary-action:hover {
    background: rgba(0, 40, 85, 0.04);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-699e1c8 *//* Contenedor responsivo */
.sfi-table-container {
    width: 100%;
    overflow-x: auto;
    margin-top: 20px;
}

/* Tabla base */
table.sfi-material-table {
    width: 100%;
    border-collapse: collapse;
    font-family: inherit;
    text-align: left;
}

/* Encabezados */
table.sfi-material-table th {
    padding: 12px 10px;
    font-size: 14px;
    color: #757575;
    font-weight: 500;
    border-bottom: 1px solid #e0e0e0;
}

/* Celdas */
table.sfi-material-table td {
    padding: 16px 10px;
    font-size: 15px;
    color: #212121;
    border-bottom: 1px solid #e0e0e0;
}

/* Enlaces del título */
.sfi-post-title a {
    color: #002855;
    text-decoration: none;
    font-weight: 500;
}
.sfi-post-title a:hover {
    text-decoration: underline;
}

/* Badges de Estado Redondeados y Limpios */
.sfi-badge {
    display: inline-block;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Colores de los estados */
.status-approved {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.status-pending {
    background-color: #fff3e0;
    color: #ef6c00;
}

.status-rejected {
    background-color: #ffebee;
    color: #c62828;
}

.status-draft {
    background-color: #eceff1;
    color: #37474f;
}

.sfi-login-alert, .sfi-no-posts {
    padding: 15px;
    background: #f5f5f5;
    border-radius: 4px;
    color: #616161;
    font-size: 14px;
}

/* Botones Base */
.sfi-btn {
    display: inline-block;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 4px;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease, opacity 0.2s ease;
    margin-left: 5px;
    font-family: inherit;
}

/* Botón Ver (Azul Corporativo Outline) */
.sfi-btn-ver {
    background: transparent;
    color: #002855;
    border: 1px solid #002855;
}
.sfi-btn-ver:hover:not(.disabled) {
    background: rgba(0, 40, 85, 0.05);
}

/* Botón Vendido (Gris Oscuro Contenido) */
.sfi-btn-vendido {
    background: #424242;
    color: #ffffff;
}
.sfi-btn-vendido:hover:not(:disabled) {
    background: #212121;
}

/* Botones Deshabilitados */
.sfi-btn.disabled, 
.sfi-btn:disabled {
    background: #e0e0e0 !important;
    color: #9e9e9e !important;
    border: none !important;
    cursor: not-allowed !important;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-49578ad *//* Media query para dispositivos móviles (pantallas menores a 767px) */
@media (max-width: 767px) {
    
    /* 1. Forzar a que todos los contenedores de columnas se apilen al 100% */
    .wpuf-form-layouts, 
    .wpuf-el, 
    .wpuf-fields, 
    [class*="wpuf-col-"], 
    .acf-field, 
    .acf-fields > .acf-field {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        clear: both !important;
        box-sizing: border-box !important;
    }

    /* 2. Asegurar que los inputs, selects y textareas rellenen su fila */
    .wpuf-fields input[type="text"],
    .wpuf-fields input[type="number"],
    .wpuf-fields select,
    .wpuf-fields textarea,
    .acf-input input,
    .acf-input select,
    .acf-input textarea {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 3. Ajustar los textos de las etiquetas para que no se encimen */
    .wpuf-label, 
    .acf-label label {
        display: block !important;
        width: 100% !important;
        margin-bottom: 5px !important;
        white-space: normal !important; /* Evita que el texto se corte */
    }
    
    /* 4. Separación saludable entre filas colapsadas */
    #carrusel-vehiculos ~ form .wpuf-el, /* Si está cerca del carrusel */
    form .wpuf-el,
    .acf-field {
        margin-bottom: 15px !important;
    }
}

/* Contenedor principal del formulario de ACF */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-form,
.elementor-343 .elementor-element.elementor-element-49578ad .acf-fields {
    background: transparent !important;
    border: none !important;
}

/* Espaciado y orden de cada bloque de campo */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-field {
    border: none !important;
    padding: 15px 10px !important;
    margin-bottom: 10px !important;
    display: flex;
    flex-direction: column;
}

/* Estilo de las Etiquetas (Labels) */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-label label {
    font-family: inherit;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #4a4a4a !important;
    margin-bottom: 8px !important;
}

/* El asterisco de campo requerido en rojo */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-label label span.acf-required {
    color: #d32f2f !important;
    margin-left: 3px;
}

/* Inputs de texto, numéricos y áreas de texto estilo Materialize */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="text"],
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="number"],
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="email"],
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input textarea {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #9e9e9e !important;
    border-radius: 0 !important;
    outline: none !important;
    height: 3rem !important;
    padding: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    color: #212121 !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Textarea adaptada */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input textarea {
    height: auto !important;
    padding-top: 10px !important;
    min-height: 80px;
}

/* Efecto Focus al hacer clic en un input (Línea activa color corporativo azul marino) */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="text"]:focus,
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="number"]:focus,
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="email"]:focus,
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input textarea:focus {
    border-bottom: 2px solid #002855 !important; /* Ajusta este color al azul de tu menú si varía */
}

/* Estilo para los Selects (Listas desplegables) */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input select {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #9e9e9e !important;
    border-radius: 0 !important;
    outline: none !important;
    height: 3rem !important;
    padding: 0 20px 0 0 !important;
    box-shadow: none !important;
    font-size: 16px !important;
    color: #212121 !important;
    appearance: none !important; /* Remueve la flecha nativa fea */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23757575'><path d='M7 10l5 5 5-5z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 0px center !important;
    cursor: pointer;
    transition: border-color 0.2s ease !important;
}

.elementor-343 .elementor-element.elementor-element-49578ad .acf-input select:focus {
    border-bottom: 2px solid #002855 !important;
}

/* Mensajes de descripción pequeños debajo o arriba del input */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-description {
    font-size: 12px !important;
    color: #757575 !important;
    margin-top: 5px !important;
    font-style: normal !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-64ae760 *//* Contenedor General */
.sfi-dashboard-wrapper {
    width: 100%;
    font-family: inherit;
    margin-bottom: 30px;
}

/* Bienvenida */
.sfi-dashboard-welcome h2 {
    font-size: 24px;
    font-weight: 600;
    color: #002855;
    margin: 0 0 5px 0;
}
.sfi-dashboard-welcome p {
    font-size: 14px;
    color: #757575;
    margin: 0 0 25px 0;
}

/* Grid de Tarjetas */
.sfi-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 35px;
}

/* Tarjeta Base */
.sfi-card {
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    padding: 20px;
    display: flex;
    align-items: center;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.sfi-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.08);
}

/* Iconos de las Tarjetas */
.card-icon {
    font-size: 28px;
    margin-right: 15px;
    background: #f5f5f5;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

/* Información Interna */
.card-info h3 {
    font-size: 13px;
    color: #757575;
    margin: 0 0 4px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
}
.card-number {
    font-size: 24px;
    font-weight: 600;
    color: #212121;
    display: block;
}

/* Variaciones sutiles de color izquierdo según el estado */
.card-total { border-left: 4px solid #2196f3; }
.card-approved { border-left: 4px solid #2e7d32; }
.card-pending { border-left: 4px solid #ef6c00; }
.card-draft { border-left: 4px solid #757575; }

/* Sección de Acciones Rápidas */
.sfi-dashboard-actions h3 {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
    margin-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 8px;
}
.sfi-action-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* Botones de Acción */
.sfi-btn-action {
    display: inline-block;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 0.2s ease;
}
.btn-primary-action {
    background: #002855;
    color: #ffffff;
}
.btn-primary-action:hover {
    background: #001f42;
}
.btn-secondary-action {
    background: #ffffff;
    color: #002855;
    border: 1px solid #002855;
}
.btn-secondary-action:hover {
    background: rgba(0, 40, 85, 0.04);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-699e1c8 *//* Contenedor responsivo */
.sfi-table-container {
    width: 100%;
    overflow-x: auto;
    margin-top: 20px;
}

/* Tabla base */
table.sfi-material-table {
    width: 100%;
    border-collapse: collapse;
    font-family: inherit;
    text-align: left;
}

/* Encabezados */
table.sfi-material-table th {
    padding: 12px 10px;
    font-size: 14px;
    color: #757575;
    font-weight: 500;
    border-bottom: 1px solid #e0e0e0;
}

/* Celdas */
table.sfi-material-table td {
    padding: 16px 10px;
    font-size: 15px;
    color: #212121;
    border-bottom: 1px solid #e0e0e0;
}

/* Enlaces del título */
.sfi-post-title a {
    color: #002855;
    text-decoration: none;
    font-weight: 500;
}
.sfi-post-title a:hover {
    text-decoration: underline;
}

/* Badges de Estado Redondeados y Limpios */
.sfi-badge {
    display: inline-block;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Colores de los estados */
.status-approved {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.status-pending {
    background-color: #fff3e0;
    color: #ef6c00;
}

.status-rejected {
    background-color: #ffebee;
    color: #c62828;
}

.status-draft {
    background-color: #eceff1;
    color: #37474f;
}

.sfi-login-alert, .sfi-no-posts {
    padding: 15px;
    background: #f5f5f5;
    border-radius: 4px;
    color: #616161;
    font-size: 14px;
}

/* Botones Base */
.sfi-btn {
    display: inline-block;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 4px;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease, opacity 0.2s ease;
    margin-left: 5px;
    font-family: inherit;
}

/* Botón Ver (Azul Corporativo Outline) */
.sfi-btn-ver {
    background: transparent;
    color: #002855;
    border: 1px solid #002855;
}
.sfi-btn-ver:hover:not(.disabled) {
    background: rgba(0, 40, 85, 0.05);
}

/* Botón Vendido (Gris Oscuro Contenido) */
.sfi-btn-vendido {
    background: #424242;
    color: #ffffff;
}
.sfi-btn-vendido:hover:not(:disabled) {
    background: #212121;
}

/* Botones Deshabilitados */
.sfi-btn.disabled, 
.sfi-btn:disabled {
    background: #e0e0e0 !important;
    color: #9e9e9e !important;
    border: none !important;
    cursor: not-allowed !important;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-49578ad *//* Media query para dispositivos móviles (pantallas menores a 767px) */
@media (max-width: 767px) {
    
    /* 1. Forzar a que todos los contenedores de columnas se apilen al 100% */
    .wpuf-form-layouts, 
    .wpuf-el, 
    .wpuf-fields, 
    [class*="wpuf-col-"], 
    .acf-field, 
    .acf-fields > .acf-field {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        clear: both !important;
        box-sizing: border-box !important;
    }

    /* 2. Asegurar que los inputs, selects y textareas rellenen su fila */
    .wpuf-fields input[type="text"],
    .wpuf-fields input[type="number"],
    .wpuf-fields select,
    .wpuf-fields textarea,
    .acf-input input,
    .acf-input select,
    .acf-input textarea {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 3. Ajustar los textos de las etiquetas para que no se encimen */
    .wpuf-label, 
    .acf-label label {
        display: block !important;
        width: 100% !important;
        margin-bottom: 5px !important;
        white-space: normal !important; /* Evita que el texto se corte */
    }
    
    /* 4. Separación saludable entre filas colapsadas */
    #carrusel-vehiculos ~ form .wpuf-el, /* Si está cerca del carrusel */
    form .wpuf-el,
    .acf-field {
        margin-bottom: 15px !important;
    }
}

/* Contenedor principal del formulario de ACF */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-form,
.elementor-343 .elementor-element.elementor-element-49578ad .acf-fields {
    background: transparent !important;
    border: none !important;
}

/* Espaciado y orden de cada bloque de campo */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-field {
    border: none !important;
    padding: 15px 10px !important;
    margin-bottom: 10px !important;
    display: flex;
    flex-direction: column;
}

/* Estilo de las Etiquetas (Labels) */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-label label {
    font-family: inherit;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #4a4a4a !important;
    margin-bottom: 8px !important;
}

/* El asterisco de campo requerido en rojo */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-label label span.acf-required {
    color: #d32f2f !important;
    margin-left: 3px;
}

/* Inputs de texto, numéricos y áreas de texto estilo Materialize */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="text"],
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="number"],
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="email"],
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input textarea {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #9e9e9e !important;
    border-radius: 0 !important;
    outline: none !important;
    height: 3rem !important;
    padding: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    color: #212121 !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Textarea adaptada */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input textarea {
    height: auto !important;
    padding-top: 10px !important;
    min-height: 80px;
}

/* Efecto Focus al hacer clic en un input (Línea activa color corporativo azul marino) */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="text"]:focus,
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="number"]:focus,
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="email"]:focus,
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input textarea:focus {
    border-bottom: 2px solid #002855 !important; /* Ajusta este color al azul de tu menú si varía */
}

/* Estilo para los Selects (Listas desplegables) */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input select {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #9e9e9e !important;
    border-radius: 0 !important;
    outline: none !important;
    height: 3rem !important;
    padding: 0 20px 0 0 !important;
    box-shadow: none !important;
    font-size: 16px !important;
    color: #212121 !important;
    appearance: none !important; /* Remueve la flecha nativa fea */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23757575'><path d='M7 10l5 5 5-5z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 0px center !important;
    cursor: pointer;
    transition: border-color 0.2s ease !important;
}

.elementor-343 .elementor-element.elementor-element-49578ad .acf-input select:focus {
    border-bottom: 2px solid #002855 !important;
}

/* Mensajes de descripción pequeños debajo o arriba del input */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-description {
    font-size: 12px !important;
    color: #757575 !important;
    margin-top: 5px !important;
    font-style: normal !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-64ae760 *//* Contenedor General */
.sfi-dashboard-wrapper {
    width: 100%;
    font-family: inherit;
    margin-bottom: 30px;
}

/* Bienvenida */
.sfi-dashboard-welcome h2 {
    font-size: 24px;
    font-weight: 600;
    color: #002855;
    margin: 0 0 5px 0;
}
.sfi-dashboard-welcome p {
    font-size: 14px;
    color: #757575;
    margin: 0 0 25px 0;
}

/* Grid de Tarjetas */
.sfi-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 35px;
}

/* Tarjeta Base */
.sfi-card {
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    padding: 20px;
    display: flex;
    align-items: center;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.sfi-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.08);
}

/* Iconos de las Tarjetas */
.card-icon {
    font-size: 28px;
    margin-right: 15px;
    background: #f5f5f5;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

/* Información Interna */
.card-info h3 {
    font-size: 13px;
    color: #757575;
    margin: 0 0 4px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
}
.card-number {
    font-size: 24px;
    font-weight: 600;
    color: #212121;
    display: block;
}

/* Variaciones sutiles de color izquierdo según el estado */
.card-total { border-left: 4px solid #2196f3; }
.card-approved { border-left: 4px solid #2e7d32; }
.card-pending { border-left: 4px solid #ef6c00; }
.card-draft { border-left: 4px solid #757575; }

/* Sección de Acciones Rápidas */
.sfi-dashboard-actions h3 {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
    margin-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 8px;
}
.sfi-action-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* Botones de Acción */
.sfi-btn-action {
    display: inline-block;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 0.2s ease;
}
.btn-primary-action {
    background: #002855;
    color: #ffffff;
}
.btn-primary-action:hover {
    background: #001f42;
}
.btn-secondary-action {
    background: #ffffff;
    color: #002855;
    border: 1px solid #002855;
}
.btn-secondary-action:hover {
    background: rgba(0, 40, 85, 0.04);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-699e1c8 *//* Contenedor responsivo */
.sfi-table-container {
    width: 100%;
    overflow-x: auto;
    margin-top: 20px;
}

/* Tabla base */
table.sfi-material-table {
    width: 100%;
    border-collapse: collapse;
    font-family: inherit;
    text-align: left;
}

/* Encabezados */
table.sfi-material-table th {
    padding: 12px 10px;
    font-size: 14px;
    color: #757575;
    font-weight: 500;
    border-bottom: 1px solid #e0e0e0;
}

/* Celdas */
table.sfi-material-table td {
    padding: 16px 10px;
    font-size: 15px;
    color: #212121;
    border-bottom: 1px solid #e0e0e0;
}

/* Enlaces del título */
.sfi-post-title a {
    color: #002855;
    text-decoration: none;
    font-weight: 500;
}
.sfi-post-title a:hover {
    text-decoration: underline;
}

/* Badges de Estado Redondeados y Limpios */
.sfi-badge {
    display: inline-block;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Colores de los estados */
.status-approved {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.status-pending {
    background-color: #fff3e0;
    color: #ef6c00;
}

.status-rejected {
    background-color: #ffebee;
    color: #c62828;
}

.status-draft {
    background-color: #eceff1;
    color: #37474f;
}

.sfi-login-alert, .sfi-no-posts {
    padding: 15px;
    background: #f5f5f5;
    border-radius: 4px;
    color: #616161;
    font-size: 14px;
}

/* Botones Base */
.sfi-btn {
    display: inline-block;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 4px;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease, opacity 0.2s ease;
    margin-left: 5px;
    font-family: inherit;
}

/* Botón Ver (Azul Corporativo Outline) */
.sfi-btn-ver {
    background: transparent;
    color: #002855;
    border: 1px solid #002855;
}
.sfi-btn-ver:hover:not(.disabled) {
    background: rgba(0, 40, 85, 0.05);
}

/* Botón Vendido (Gris Oscuro Contenido) */
.sfi-btn-vendido {
    background: #424242;
    color: #ffffff;
}
.sfi-btn-vendido:hover:not(:disabled) {
    background: #212121;
}

/* Botones Deshabilitados */
.sfi-btn.disabled, 
.sfi-btn:disabled {
    background: #e0e0e0 !important;
    color: #9e9e9e !important;
    border: none !important;
    cursor: not-allowed !important;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-49578ad *//* Media query para dispositivos móviles (pantallas menores a 767px) */
@media (max-width: 767px) {
    
    /* 1. Forzar a que todos los contenedores de columnas se apilen al 100% */
    .wpuf-form-layouts, 
    .wpuf-el, 
    .wpuf-fields, 
    [class*="wpuf-col-"], 
    .acf-field, 
    .acf-fields > .acf-field {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        clear: both !important;
        box-sizing: border-box !important;
    }

    /* 2. Asegurar que los inputs, selects y textareas rellenen su fila */
    .wpuf-fields input[type="text"],
    .wpuf-fields input[type="number"],
    .wpuf-fields select,
    .wpuf-fields textarea,
    .acf-input input,
    .acf-input select,
    .acf-input textarea {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 3. Ajustar los textos de las etiquetas para que no se encimen */
    .wpuf-label, 
    .acf-label label {
        display: block !important;
        width: 100% !important;
        margin-bottom: 5px !important;
        white-space: normal !important; /* Evita que el texto se corte */
    }
    
    /* 4. Separación saludable entre filas colapsadas */
    #carrusel-vehiculos ~ form .wpuf-el, /* Si está cerca del carrusel */
    form .wpuf-el,
    .acf-field {
        margin-bottom: 15px !important;
    }
}

/* Contenedor principal del formulario de ACF */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-form,
.elementor-343 .elementor-element.elementor-element-49578ad .acf-fields {
    background: transparent !important;
    border: none !important;
}

/* Espaciado y orden de cada bloque de campo */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-field {
    border: none !important;
    padding: 15px 10px !important;
    margin-bottom: 10px !important;
    display: flex;
    flex-direction: column;
}

/* Estilo de las Etiquetas (Labels) */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-label label {
    font-family: inherit;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #4a4a4a !important;
    margin-bottom: 8px !important;
}

/* El asterisco de campo requerido en rojo */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-label label span.acf-required {
    color: #d32f2f !important;
    margin-left: 3px;
}

/* Inputs de texto, numéricos y áreas de texto estilo Materialize */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="text"],
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="number"],
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="email"],
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input textarea {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #9e9e9e !important;
    border-radius: 0 !important;
    outline: none !important;
    height: 3rem !important;
    padding: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    color: #212121 !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Textarea adaptada */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input textarea {
    height: auto !important;
    padding-top: 10px !important;
    min-height: 80px;
}

/* Efecto Focus al hacer clic en un input (Línea activa color corporativo azul marino) */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="text"]:focus,
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="number"]:focus,
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="email"]:focus,
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input textarea:focus {
    border-bottom: 2px solid #002855 !important; /* Ajusta este color al azul de tu menú si varía */
}

/* Estilo para los Selects (Listas desplegables) */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input select {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #9e9e9e !important;
    border-radius: 0 !important;
    outline: none !important;
    height: 3rem !important;
    padding: 0 20px 0 0 !important;
    box-shadow: none !important;
    font-size: 16px !important;
    color: #212121 !important;
    appearance: none !important; /* Remueve la flecha nativa fea */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23757575'><path d='M7 10l5 5 5-5z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 0px center !important;
    cursor: pointer;
    transition: border-color 0.2s ease !important;
}

.elementor-343 .elementor-element.elementor-element-49578ad .acf-input select:focus {
    border-bottom: 2px solid #002855 !important;
}

/* Mensajes de descripción pequeños debajo o arriba del input */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-description {
    font-size: 12px !important;
    color: #757575 !important;
    margin-top: 5px !important;
    font-style: normal !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-64ae760 *//* Contenedor General */
.sfi-dashboard-wrapper {
    width: 100%;
    font-family: inherit;
    margin-bottom: 30px;
}

/* Bienvenida */
.sfi-dashboard-welcome h2 {
    font-size: 24px;
    font-weight: 600;
    color: #002855;
    margin: 0 0 5px 0;
}
.sfi-dashboard-welcome p {
    font-size: 14px;
    color: #757575;
    margin: 0 0 25px 0;
}

/* Grid de Tarjetas */
.sfi-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 35px;
}

/* Tarjeta Base */
.sfi-card {
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    padding: 20px;
    display: flex;
    align-items: center;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.sfi-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.08);
}

/* Iconos de las Tarjetas */
.card-icon {
    font-size: 28px;
    margin-right: 15px;
    background: #f5f5f5;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

/* Información Interna */
.card-info h3 {
    font-size: 13px;
    color: #757575;
    margin: 0 0 4px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
}
.card-number {
    font-size: 24px;
    font-weight: 600;
    color: #212121;
    display: block;
}

/* Variaciones sutiles de color izquierdo según el estado */
.card-total { border-left: 4px solid #2196f3; }
.card-approved { border-left: 4px solid #2e7d32; }
.card-pending { border-left: 4px solid #ef6c00; }
.card-draft { border-left: 4px solid #757575; }

/* Sección de Acciones Rápidas */
.sfi-dashboard-actions h3 {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
    margin-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 8px;
}
.sfi-action-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* Botones de Acción */
.sfi-btn-action {
    display: inline-block;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 0.2s ease;
}
.btn-primary-action {
    background: #002855;
    color: #ffffff;
}
.btn-primary-action:hover {
    background: #001f42;
}
.btn-secondary-action {
    background: #ffffff;
    color: #002855;
    border: 1px solid #002855;
}
.btn-secondary-action:hover {
    background: rgba(0, 40, 85, 0.04);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-699e1c8 *//* Contenedor responsivo */
.sfi-table-container {
    width: 100%;
    overflow-x: auto;
    margin-top: 20px;
}

/* Tabla base */
table.sfi-material-table {
    width: 100%;
    border-collapse: collapse;
    font-family: inherit;
    text-align: left;
}

/* Encabezados */
table.sfi-material-table th {
    padding: 12px 10px;
    font-size: 14px;
    color: #757575;
    font-weight: 500;
    border-bottom: 1px solid #e0e0e0;
}

/* Celdas */
table.sfi-material-table td {
    padding: 16px 10px;
    font-size: 15px;
    color: #212121;
    border-bottom: 1px solid #e0e0e0;
}

/* Enlaces del título */
.sfi-post-title a {
    color: #002855;
    text-decoration: none;
    font-weight: 500;
}
.sfi-post-title a:hover {
    text-decoration: underline;
}

/* Badges de Estado Redondeados y Limpios */
.sfi-badge {
    display: inline-block;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Colores de los estados */
.status-approved {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.status-pending {
    background-color: #fff3e0;
    color: #ef6c00;
}

.status-rejected {
    background-color: #ffebee;
    color: #c62828;
}

.status-draft {
    background-color: #eceff1;
    color: #37474f;
}

.sfi-login-alert, .sfi-no-posts {
    padding: 15px;
    background: #f5f5f5;
    border-radius: 4px;
    color: #616161;
    font-size: 14px;
}

/* Botones Base */
.sfi-btn {
    display: inline-block;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 4px;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease, opacity 0.2s ease;
    margin-left: 5px;
    font-family: inherit;
}

/* Botón Ver (Azul Corporativo Outline) */
.sfi-btn-ver {
    background: transparent;
    color: #002855;
    border: 1px solid #002855;
}
.sfi-btn-ver:hover:not(.disabled) {
    background: rgba(0, 40, 85, 0.05);
}

/* Botón Vendido (Gris Oscuro Contenido) */
.sfi-btn-vendido {
    background: #424242;
    color: #ffffff;
}
.sfi-btn-vendido:hover:not(:disabled) {
    background: #212121;
}

/* Botones Deshabilitados */
.sfi-btn.disabled, 
.sfi-btn:disabled {
    background: #e0e0e0 !important;
    color: #9e9e9e !important;
    border: none !important;
    cursor: not-allowed !important;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-49578ad *//* Media query para dispositivos móviles (pantallas menores a 767px) */
@media (max-width: 767px) {
    
    /* 1. Forzar a que todos los contenedores de columnas se apilen al 100% */
    .wpuf-form-layouts, 
    .wpuf-el, 
    .wpuf-fields, 
    [class*="wpuf-col-"], 
    .acf-field, 
    .acf-fields > .acf-field {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        clear: both !important;
        box-sizing: border-box !important;
    }

    /* 2. Asegurar que los inputs, selects y textareas rellenen su fila */
    .wpuf-fields input[type="text"],
    .wpuf-fields input[type="number"],
    .wpuf-fields select,
    .wpuf-fields textarea,
    .acf-input input,
    .acf-input select,
    .acf-input textarea {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 3. Ajustar los textos de las etiquetas para que no se encimen */
    .wpuf-label, 
    .acf-label label {
        display: block !important;
        width: 100% !important;
        margin-bottom: 5px !important;
        white-space: normal !important; /* Evita que el texto se corte */
    }
    
    /* 4. Separación saludable entre filas colapsadas */
    #carrusel-vehiculos ~ form .wpuf-el, /* Si está cerca del carrusel */
    form .wpuf-el,
    .acf-field {
        margin-bottom: 15px !important;
    }
}

/* Contenedor principal del formulario de ACF */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-form,
.elementor-343 .elementor-element.elementor-element-49578ad .acf-fields {
    background: transparent !important;
    border: none !important;
}

/* Espaciado y orden de cada bloque de campo */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-field {
    border: none !important;
    padding: 15px 10px !important;
    margin-bottom: 10px !important;
    display: flex;
    flex-direction: column;
}

/* Estilo de las Etiquetas (Labels) */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-label label {
    font-family: inherit;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #4a4a4a !important;
    margin-bottom: 8px !important;
}

/* El asterisco de campo requerido en rojo */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-label label span.acf-required {
    color: #d32f2f !important;
    margin-left: 3px;
}

/* Inputs de texto, numéricos y áreas de texto estilo Materialize */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="text"],
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="number"],
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="email"],
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input textarea {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #9e9e9e !important;
    border-radius: 0 !important;
    outline: none !important;
    height: 3rem !important;
    padding: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    color: #212121 !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Textarea adaptada */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input textarea {
    height: auto !important;
    padding-top: 10px !important;
    min-height: 80px;
}

/* Efecto Focus al hacer clic en un input (Línea activa color corporativo azul marino) */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="text"]:focus,
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="number"]:focus,
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="email"]:focus,
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input textarea:focus {
    border-bottom: 2px solid #002855 !important; /* Ajusta este color al azul de tu menú si varía */
}

/* Estilo para los Selects (Listas desplegables) */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input select {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #9e9e9e !important;
    border-radius: 0 !important;
    outline: none !important;
    height: 3rem !important;
    padding: 0 20px 0 0 !important;
    box-shadow: none !important;
    font-size: 16px !important;
    color: #212121 !important;
    appearance: none !important; /* Remueve la flecha nativa fea */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23757575'><path d='M7 10l5 5 5-5z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 0px center !important;
    cursor: pointer;
    transition: border-color 0.2s ease !important;
}

.elementor-343 .elementor-element.elementor-element-49578ad .acf-input select:focus {
    border-bottom: 2px solid #002855 !important;
}

/* Mensajes de descripción pequeños debajo o arriba del input */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-description {
    font-size: 12px !important;
    color: #757575 !important;
    margin-top: 5px !important;
    font-style: normal !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-64ae760 *//* Contenedor General */
.sfi-dashboard-wrapper {
    width: 100%;
    font-family: inherit;
    margin-bottom: 30px;
}

/* Bienvenida */
.sfi-dashboard-welcome h2 {
    font-size: 24px;
    font-weight: 600;
    color: #002855;
    margin: 0 0 5px 0;
}
.sfi-dashboard-welcome p {
    font-size: 14px;
    color: #757575;
    margin: 0 0 25px 0;
}

/* Grid de Tarjetas */
.sfi-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 35px;
}

/* Tarjeta Base */
.sfi-card {
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    padding: 20px;
    display: flex;
    align-items: center;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.sfi-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.08);
}

/* Iconos de las Tarjetas */
.card-icon {
    font-size: 28px;
    margin-right: 15px;
    background: #f5f5f5;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

/* Información Interna */
.card-info h3 {
    font-size: 13px;
    color: #757575;
    margin: 0 0 4px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
}
.card-number {
    font-size: 24px;
    font-weight: 600;
    color: #212121;
    display: block;
}

/* Variaciones sutiles de color izquierdo según el estado */
.card-total { border-left: 4px solid #2196f3; }
.card-approved { border-left: 4px solid #2e7d32; }
.card-pending { border-left: 4px solid #ef6c00; }
.card-draft { border-left: 4px solid #757575; }

/* Sección de Acciones Rápidas */
.sfi-dashboard-actions h3 {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
    margin-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 8px;
}
.sfi-action-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* Botones de Acción */
.sfi-btn-action {
    display: inline-block;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 0.2s ease;
}
.btn-primary-action {
    background: #002855;
    color: #ffffff;
}
.btn-primary-action:hover {
    background: #001f42;
}
.btn-secondary-action {
    background: #ffffff;
    color: #002855;
    border: 1px solid #002855;
}
.btn-secondary-action:hover {
    background: rgba(0, 40, 85, 0.04);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-699e1c8 *//* Contenedor responsivo */
.sfi-table-container {
    width: 100%;
    overflow-x: auto;
    margin-top: 20px;
}

/* Tabla base */
table.sfi-material-table {
    width: 100%;
    border-collapse: collapse;
    font-family: inherit;
    text-align: left;
}

/* Encabezados */
table.sfi-material-table th {
    padding: 12px 10px;
    font-size: 14px;
    color: #757575;
    font-weight: 500;
    border-bottom: 1px solid #e0e0e0;
}

/* Celdas */
table.sfi-material-table td {
    padding: 16px 10px;
    font-size: 15px;
    color: #212121;
    border-bottom: 1px solid #e0e0e0;
}

/* Enlaces del título */
.sfi-post-title a {
    color: #002855;
    text-decoration: none;
    font-weight: 500;
}
.sfi-post-title a:hover {
    text-decoration: underline;
}

/* Badges de Estado Redondeados y Limpios */
.sfi-badge {
    display: inline-block;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Colores de los estados */
.status-approved {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.status-pending {
    background-color: #fff3e0;
    color: #ef6c00;
}

.status-rejected {
    background-color: #ffebee;
    color: #c62828;
}

.status-draft {
    background-color: #eceff1;
    color: #37474f;
}

.sfi-login-alert, .sfi-no-posts {
    padding: 15px;
    background: #f5f5f5;
    border-radius: 4px;
    color: #616161;
    font-size: 14px;
}

/* Botones Base */
.sfi-btn {
    display: inline-block;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 4px;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease, opacity 0.2s ease;
    margin-left: 5px;
    font-family: inherit;
}

/* Botón Ver (Azul Corporativo Outline) */
.sfi-btn-ver {
    background: transparent;
    color: #002855;
    border: 1px solid #002855;
}
.sfi-btn-ver:hover:not(.disabled) {
    background: rgba(0, 40, 85, 0.05);
}

/* Botón Vendido (Gris Oscuro Contenido) */
.sfi-btn-vendido {
    background: #424242;
    color: #ffffff;
}
.sfi-btn-vendido:hover:not(:disabled) {
    background: #212121;
}

/* Botones Deshabilitados */
.sfi-btn.disabled, 
.sfi-btn:disabled {
    background: #e0e0e0 !important;
    color: #9e9e9e !important;
    border: none !important;
    cursor: not-allowed !important;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-49578ad *//* Media query para dispositivos móviles (pantallas menores a 767px) */
@media (max-width: 767px) {
    
    /* 1. Forzar a que todos los contenedores de columnas se apilen al 100% */
    .wpuf-form-layouts, 
    .wpuf-el, 
    .wpuf-fields, 
    [class*="wpuf-col-"], 
    .acf-field, 
    .acf-fields > .acf-field {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        clear: both !important;
        box-sizing: border-box !important;
    }

    /* 2. Asegurar que los inputs, selects y textareas rellenen su fila */
    .wpuf-fields input[type="text"],
    .wpuf-fields input[type="number"],
    .wpuf-fields select,
    .wpuf-fields textarea,
    .acf-input input,
    .acf-input select,
    .acf-input textarea {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 3. Ajustar los textos de las etiquetas para que no se encimen */
    .wpuf-label, 
    .acf-label label {
        display: block !important;
        width: 100% !important;
        margin-bottom: 5px !important;
        white-space: normal !important; /* Evita que el texto se corte */
    }
    
    /* 4. Separación saludable entre filas colapsadas */
    #carrusel-vehiculos ~ form .wpuf-el, /* Si está cerca del carrusel */
    form .wpuf-el,
    .acf-field {
        margin-bottom: 15px !important;
    }
}

/* Contenedor principal del formulario de ACF */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-form,
.elementor-343 .elementor-element.elementor-element-49578ad .acf-fields {
    background: transparent !important;
    border: none !important;
}

/* Espaciado y orden de cada bloque de campo */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-field {
    border: none !important;
    padding: 15px 10px !important;
    margin-bottom: 10px !important;
    display: flex;
    flex-direction: column;
}

/* Estilo de las Etiquetas (Labels) */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-label label {
    font-family: inherit;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #4a4a4a !important;
    margin-bottom: 8px !important;
}

/* El asterisco de campo requerido en rojo */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-label label span.acf-required {
    color: #d32f2f !important;
    margin-left: 3px;
}

/* Inputs de texto, numéricos y áreas de texto estilo Materialize */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="text"],
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="number"],
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="email"],
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input textarea {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #9e9e9e !important;
    border-radius: 0 !important;
    outline: none !important;
    height: 3rem !important;
    padding: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    color: #212121 !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Textarea adaptada */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input textarea {
    height: auto !important;
    padding-top: 10px !important;
    min-height: 80px;
}

/* Efecto Focus al hacer clic en un input (Línea activa color corporativo azul marino) */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="text"]:focus,
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="number"]:focus,
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input input[type="email"]:focus,
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input textarea:focus {
    border-bottom: 2px solid #002855 !important; /* Ajusta este color al azul de tu menú si varía */
}

/* Estilo para los Selects (Listas desplegables) */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-input select {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #9e9e9e !important;
    border-radius: 0 !important;
    outline: none !important;
    height: 3rem !important;
    padding: 0 20px 0 0 !important;
    box-shadow: none !important;
    font-size: 16px !important;
    color: #212121 !important;
    appearance: none !important; /* Remueve la flecha nativa fea */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23757575'><path d='M7 10l5 5 5-5z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 0px center !important;
    cursor: pointer;
    transition: border-color 0.2s ease !important;
}

.elementor-343 .elementor-element.elementor-element-49578ad .acf-input select:focus {
    border-bottom: 2px solid #002855 !important;
}

/* Mensajes de descripción pequeños debajo o arriba del input */
.elementor-343 .elementor-element.elementor-element-49578ad .acf-description {
    font-size: 12px !important;
    color: #757575 !important;
    margin-top: 5px !important;
    font-style: normal !important;
}/* End custom CSS */