/* ================================================
   Gowebix Feature Box Style 5 – CLEAN RESET 3.2
   ================================================ */

/* 1. BOX BASE */
.gowebix-featurebox-5 {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 40px 36px;
    background: #ffffff;
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
    min-height: 320px;
    box-sizing: border-box;
    box-shadow: 0 8px 24px rgba(0,0,0,0.04);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    text-decoration: none;
    color: inherit;
}

/* 2. INNER */
.gowebix-featurebox-5-inner {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
}

/* 3. ICONO */
.gowebix-featurebox-5-icon {
    font-size: 38px;
    color: #00C2E5;
    margin-bottom: 18px;
}

/* 4. TITULO */
.gowebix-featurebox-5-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 14px;
    color: #1a1a1a;
}

/* 5. TEXTO */
.gowebix-featurebox-5-text {
    font-size: 15px;
    line-height: 1.6;
    color: #6f6f6f;
    flex-grow: 1;
}

/* 6. HOVER (SOLO MODO CTA) */
.gowebix-featurebox-5.gowebix-fb5-mode-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(0,0,0,0.08);
}

/* 7. WPBAKERY EQUAL HEIGHT SUPPORT */
.vc_row.vc_row-o-equal-height .gowebix-featurebox-5,
.vc_row.vc_equal-height .gowebix-featurebox-5 {
    height: 100%;
}

.vc_row.vc_row-o-equal-height .wpb_wrapper,
.vc_row.vc_equal-height .wpb_wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.vc_row.vc_row-o-equal-height .wpb_wrapper > .gowebix-featurebox-5,
.vc_row.vc_equal-height .wpb_wrapper > .gowebix-featurebox-5 {
    flex: 1;
}

/* 8. RESPONSIVE */
@media (max-width: 768px) {
    .gowebix-featurebox-5 {
        padding: 30px 22px;
        min-height: auto;
        transform: none !important;
    }
}

/* ================================================
   FB5 – OVERLAY NEGRO SOLO EN MODO HOVER (DESKTOP)
   ================================================ */

.gowebix-featurebox-5 {
    position: relative;
}

/* Capa overlay */
.gowebix-featurebox-5::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.88);
    opacity: 0;
    transition: opacity 0.35s ease;
    z-index: 1;
    pointer-events: none;
}

/* Activar SOLO en modo hover */
.gowebix-featurebox-5.gowebix-fb5-mode-hover:hover::before {
    opacity: 1;
}

/* Elevar contenido sobre el overlay */
.gowebix-featurebox-5-inner {
    position: relative;
    z-index: 2;
}

/* Texto en blanco durante hover */
.gowebix-featurebox-5.gowebix-fb5-mode-hover:hover,
.gowebix-featurebox-5.gowebix-fb5-mode-hover:hover * {
    color: #ffffff;
}

/* Icono en cyan (marca) */
.gowebix-featurebox-5.gowebix-fb5-mode-hover:hover .gowebix-featurebox-5-icon {
    color: #00C2E5;
}

/* SOLO desktop con hover real */
@media (hover: none) and (pointer: coarse) {
    .gowebix-featurebox-5::before {
        display: none;
    }
}

/* ================================================
   SERVICES – EXTENDED BOXES (solo con clase extra)
   Usar en WPBakery: gowebix-services-extended-box
   ================================================ */

.gowebix-featurebox-5.gowebix-services-extended-box {
    min-height: auto;
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
    border-radius: 4px;
}

.gowebix-featurebox-5.gowebix-services-extended-box .gowebix-featurebox-5-inner {
    padding: 36px 40px;
}

.gowebix-featurebox-5.gowebix-services-extended-box .gowebix-featurebox-5-title {
    margin: 0 0 18px 0;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    color: #2f3a45;
}

.gowebix-featurebox-5.gowebix-services-extended-box .gowebix-featurebox-5-text {
    font-size: 16px;
    line-height: 1.9;
    color: #6b7280;
    max-width: 520px;
}

.gowebix-featurebox-5.gowebix-services-extended-box .gowebix-featurebox-5-text p {
    margin: 0 0 16px 0;
}

.gowebix-featurebox-5.gowebix-services-extended-box .gowebix-featurebox-5-text p:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .gowebix-featurebox-5.gowebix-services-extended-box .gowebix-featurebox-5-inner {
        padding: 28px 26px;
    }

    .gowebix-featurebox-5.gowebix-services-extended-box .gowebix-featurebox-5-title {
        font-size: 17px;
    }

    .gowebix-featurebox-5.gowebix-services-extended-box .gowebix-featurebox-5-text {
        font-size: 15px;
        line-height: 1.8;
        max-width: 100%;
    }
}


/* ===============================================
   1. FUENTE CTA FOOTER
   =============================================== */
.gowebix-cta-footer {
    font-size:17px !important;
    font-style: normal !important;
}


/* ===============================================
   GO-WEBIX CHILD THEME - VERSIÓN OPTIMIZADA
   Fuente: Inter unificada en todo el sitio
   =============================================== */

/* ===============================================
   1. FUENTE GLOBAL - INTER PARA TODO EL SITIO
   =============================================== */
body, p, li, span, div, article, section, blockquote, 
figcaption, address, td, th, caption,
.widget, .widget p, .widget li,
.comment, .comment-content,
.card, .card-body, .card-text,
.entry-content, .site-content, .page-content,
.wpb_text_column, .wpb_text_column p,
.vc_column_text, .vc_column_text p,
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ===============================================
   2. PESOS DE FUENTE (respetando originales)
   =============================================== */
body, p, li, .card-text, .entry-content p {
    font-weight: 400;
}

strong, b, 
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

/* ===============================================
   3. PROTEGER ICONOS FONT AWESOME
   =============================================== */
i, .fa, .fas, .far, .fab, 
[class*="fa-"], [class*="icon-"],
.faq-toggle i, .accordion-toggle i,
.elementor-icon i,
.back-to-top i,
.scroll-top i,
.go-top i {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 5 Free", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
    font-style: normal !important;
}

/* Redes sociales (brands) */
.fa-facebook, .fa-twitter, .fa-instagram, .fa-linkedin, 
.fa-youtube, .fa-pinterest, .fa-tiktok, .fa-whatsapp {
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", "FontAwesome" !important;
    font-weight: 400 !important;
}

/* ===============================================
   4. BOTÓN BACK TO TOP
   =============================================== */
.scroll-top-arrow i.ti-arrow-up {
    display: none !important;
}

.scroll-top-arrow:before {
    content: "\f062" !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    display: inline-block !important;
}

/* ===============================================
   5. NITIDEZ MEJORADA
   =============================================== */
body, p, li, span, div, h1, h2, h3, h4, h5, h6 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* =========================================
   FORMINATOR + SELECT2
   Colores del dropdown / hover / selected
   ========================================= */

/* Caja del dropdown */
.select2-dropdown {
    border: 1px solid #00c2e5 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    background: #fff !important;
}

/* Lista */
.select2-results__options {
    background: #fff !important;
}

/* Opción normal */
.select2-results__option {
    background: #fff !important;
    color: #555 !important;
    padding: 10px 14px !important;
    font-size: 15px !important;
    transition: background 0.2s ease, color 0.2s ease;
}

/* Hover real */
.select2-results__option--highlighted,
.select2-results__option--highlighted[aria-selected] {
    background: #00c2e5 !important;
    color: #fff !important;
}

/* Opción ya seleccionada */
.select2-results__option[aria-selected="true"] {
    background: #eafcff !important;
    color: #000 !important;
}

/* Cuando el select está abierto */
.select2-container--open .select2-selection--single {
    border-color: #00c2e5 !important;
}

/* Flecha del select abierto */
.select2-container--open .select2-selection__arrow .forminator-icon-chevron-down {
    color: #00c2e5 !important;
}

/* =========================================
   SELECT2 – FIX FINO HOVER + LÍNEA GRIS
   ========================================= */

/* Campo cerrado: eliminar hover/focus gris heredado */
#forminator-module-160 .select2-container .select2-selection--single,
#forminator-module-160 .select2-container .select2-selection--single:hover,
#forminator-module-160 .select2-container .select2-selection--single:focus,
#forminator-module-160 .select2-container--open .select2-selection--single,
#forminator-module-160 .select2-container--focus .select2-selection--single {
    background: #fff !important;
    box-shadow: none !important;
}

/* Hover del campo cerrado: solo celeste */
#forminator-module-160 .select2-container .select2-selection--single:hover {
    border-color: #00c2e5 !important;
}

/* Abierto/focus */
#forminator-module-160 .select2-container--open .select2-selection--single,
#forminator-module-160 .select2-container--focus .select2-selection--single {
    border-color: #00c2e5 !important;
    box-shadow: none !important;
}

/* Dropdown limpio */
.select2-dropdown {
    border: 1px solid #00c2e5 !important;
    border-top: 1px solid #00c2e5 !important;
    box-shadow: none !important;
    background: #fff !important;
}

/* Contenedor interno de resultados */
.select2-results,
.select2-results__options {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
}

/* Opciones: sin líneas grises heredadas */
.select2-results__option {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* Primera fila: asegurarse de que no dibuje línea arriba */
.select2-results__option:first-child {
    border-top: 0 !important;
    margin-top: 0 !important;
}

/* Hover / highlighted */
.select2-results__option--highlighted,
.select2-results__option--highlighted[aria-selected] {
    background: #eafcff !important;
    color: #000 !important;
}

/* Selected */
.select2-results__option[aria-selected="true"] {
    background: #dff7fc !important;
    color: #000 !important;
}

.select2-results__option--selectable {
    border-top: 0 !important;
    border-bottom: 0 !important;
    background-image: none !important;
}

.forminator-select-dropdown-container--open .forminator-custom-form-160.forminator-dropdown--default {
    border-color: #00c2e5 !important;
    background-color: #ffffff !important;
}

.select2-results__option--highlighted,
.select2-results__option--highlighted[aria-selected] {
    background-color: #eafcff !important;
    color: #000 !important;
}

/* =========================================
   BOTÓN FINAL – PHOENIX FORM
   ========================================= */

.forminator-ui#forminator-module-160 .forminator-button-submit {
    border-radius: 6px !important; /* leve redondeo elegante */
    
    padding: 12px 28px !important;
    
    background: #00c2e5 !important;
    border: none !important;
    
    color: #fff !important;
    
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px;
    
    transition: all 0.25s ease;
}

/* Hover */
.forminator-ui#forminator-module-160 .forminator-button-submit:hover {
    background: #00a9c7 !important;
    transform: translateY(-1px);
}

/* Active (click) */
.forminator-ui#forminator-module-160 .forminator-button-submit:active {
    transform: translateY(0);
}

.forminator-ui#forminator-module-160 .forminator-button-submit {
    box-shadow: 0 4px 14px rgba(0, 194, 229, 0.25);
}

.forminator-ui#forminator-module-160 .forminator-button-submit:hover {
    box-shadow: 0 6px 20px rgba(0, 194, 229, 0.35);
}