/*
Theme Name: Theme Child Truall 2025 
Theme URI: https://truall.com/
Template: base
Author: Agencia Truall
Author URI: https://truall.com/
Description: Tema Premium para tu sitio web implementado por Agencia Truall.
Version: 1.8
Updated: 2025-11-26 17:50:09

*/
.texredes {
font-size:12px;		
}
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0px!important;
}

.mkdf-content-inner>.mkdf-ps-page-navigation {
    display: NONE;
}

.mkdf-title-holder.mkdf-tagline-type .mkdf-title-text-wrapper .mkdf-numbered-title-holder {
    display: NONE;
    margin-bottom: 20px;
}
.underline-on-hover:hover {
    text-decoration: underline;
}
.fluidvids {
  width: 100%;
  max-width: 100%;
  position: relative;
  padding-top: 1px !important;
}

.mkdf-counter-holder .mkdf-counter {
  font-size: 65px;
  line-height: 1.1em;
  font-family: Arial!important;
  font-weight: 400;
  color: #000;
  display: inline-block !important;
  height: 1em;
  line-height: 1em;
  overflow: hidden;
  vertical-align: middle;
}

.nf-error.field-wrap .nf-field-element:after {
    background: #000000;
}
/* ===== [SOLUCIÓN DEFINITIVA] ===== */  
/* Oculta en móvil/tablet (muestra solo en escritorio) */  
@media (max-width: 1024px) {  
    .mkdf-holder-item.mostrar-solo-escritorio,  
    .mostrar-solo-escritorio {  
        display: none !important;  
        opacity: 0 !important;  
        visibility: hidden !important;  
        height: 0 !important;  
        padding: 0 !important;  
        margin: 0 !important;  
    }  
}  

/* Oculta en escritorio (muestra solo en móvil) */  
@media (min-width: 1025px) {  
    .mkdf-holder-item.mostrar-solo-movil,  
    .mostrar-solo-movil {  
        display: none !important;  
        opacity: 0 !important;  
        visibility: hidden !important;  
        height: 0 !important;  
        padding: 0 !important;  
        margin: 0 !important;  
    }  
}

/* Filas movil en 2 columas*/

@media (max-width: 768px) {
    .filatruall .columnatruall {
      width: 50% !important;   /* Cada columna ocupa la mitad del ancho */
      float: left !important;  /* Las columnas se alinean lado a lado */
      box-sizing: border-box;  /* Para que el padding no aumente el ancho */
    }
  }
/* Móvil: elimina espacio vacío antes del footer, excepto en casos */

@media (max-width: 767px) {
  body:not(.single-portfolio-item)
       .mkdf-grid-row
       > .mkdf-page-content-holder.mkdf-grid-col-12
       + .mkdf-sidebar-holder {
    display: none !important;
  }
}
/* =========================================================
   RESULTADOS DE CASOS: GRILLA DE 6 CARDS
   ========================================================= */

/*
 * Uso:
 * - Clase "tr-resultados-grid" en la fila.
 * - Clase "tr-resultado-card" en cada módulo.
 * - No requiere clases en las columnas.
 *
 * Distribución:
 * - Escritorio: 3 columnas.
 * - Tablet: 2 columnas.
 * - Móvil: 1 columna.
 */

/* Grilla principal */
.vc_row.tr-resultados-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    column-gap: 30px;
    row-gap: 58px;
    align-items: stretch;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Evita que los clearfix de WPBakery ocupen celdas del grid */
.vc_row.tr-resultados-grid::before,
.vc_row.tr-resultados-grid::after {
    content: none !important;
    display: none !important;
}

/* Columnas de WPBakery */
.vc_row.tr-resultados-grid > .wpb_column {
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    height: 100%;
    float: none !important;
    display: flex;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
}

/* Estructura interna: solo estira el módulo, sin alterar iconos */
.vc_row.tr-resultados-grid
> .wpb_column
> .vc_column-inner {
    width: 100%;
    height: 100%;
    display: flex;
    padding-top: 0 !important;
}

.vc_row.tr-resultados-grid
> .wpb_column
> .vc_column-inner
> .wpb_wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: stretch;
}

/* Módulo de cada resultado */
.vc_row.tr-resultados-grid .tr-resultado-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    height: 100%;
    margin: 0 !important;
    box-sizing: border-box;
}

/*
 * Cubre ambos escenarios:
 * - La clase está en la card visual.
 * - La clase está en el contenedor del módulo.
 */
.vc_row.tr-resultados-grid .tr-resultado-card.vc_general.vc_cta3,
.vc_row.tr-resultados-grid .tr-resultado-card.mkdf-call-to-action-holder,
.vc_row.tr-resultados-grid .tr-resultado-card > .vc_general.vc_cta3,
.vc_row.tr-resultados-grid .tr-resultado-card > .mkdf-call-to-action-holder,
.vc_row.tr-resultados-grid .tr-resultado-card .vc_general.vc_cta3,
.vc_row.tr-resultados-grid .tr-resultado-card .mkdf-call-to-action-holder {
    width: 100%;
    height: 100%;
    min-height: 0px;
    position: relative;
    box-sizing: border-box;
}

/* Tablet: 2 columnas */
@media (max-width: 1024px) {
    .vc_row.tr-resultados-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 24px;
        row-gap: 58px;
    }
}

/* Móvil: 1 columna y mayor aprovechamiento del ancho */
@media (max-width: 767px) {
    .vc_row.tr-resultados-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        row-gap: 50px;
        width: calc(100vw - 32px) !important;
        max-width: none !important;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .vc_row.tr-resultados-grid > .wpb_column,
    .vc_row.tr-resultados-grid
    > .wpb_column
    > .vc_column-inner,
    .vc_row.tr-resultados-grid
    > .wpb_column
    > .vc_column-inner
    > .wpb_wrapper,
    .vc_row.tr-resultados-grid .tr-resultado-card,
    .vc_row.tr-resultados-grid .tr-resultado-card.vc_general.vc_cta3,
    .vc_row.tr-resultados-grid .tr-resultado-card.mkdf-call-to-action-holder,
    .vc_row.tr-resultados-grid .tr-resultado-card > .vc_general.vc_cta3,
    .vc_row.tr-resultados-grid .tr-resultado-card > .mkdf-call-to-action-holder,
    .vc_row.tr-resultados-grid .tr-resultado-card .vc_general.vc_cta3,
    .vc_row.tr-resultados-grid .tr-resultado-card .mkdf-call-to-action-holder {
        height: auto;
        min-height: 0;
    }
}

/* =========================================================
   ESTRATEGIA: BLOQUES ALINEADOS
   ========================================================= */

/* Cada fila contiene dos bloques */
.vc_row.tr-estrategia-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 60px;
    align-items: stretch;
    margin-bottom: 38px !important;
}

/* Evita que WPBakery agregue elementos dentro del grid */
.vc_row.tr-estrategia-row::before,
.vc_row.tr-estrategia-row::after {
    content: none !important;
    display: none !important;
}

/* Anula anchos y flotación de WPBakery */
.vc_row.tr-estrategia-row > .wpb_column {
    width: 100% !important;
    float: none !important;
    display: flex;
    margin: 0 !important;
}

/* Estira toda la estructura interna */
.vc_row.tr-estrategia-row
> .wpb_column
> .vc_column-inner,
.vc_row.tr-estrategia-row
> .wpb_column
> .vc_column-inner
> .wpb_wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    padding-top: 0 !important;
}

/* Módulo de texto */
.tr-estrategia-item {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 !important;

    /* Espacio reservado exclusivamente para la línea */
    padding: 0 30px 34px 0 !important;
    box-sizing: border-box;
}

/* Elimina pseudoelementos anteriores */
.tr-estrategia-item::before {
    content: none !important;
    display: none !important;
}

/* Única línea, anclada al fondo */
.tr-estrategia-item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;

    width: 110px;
    height: 4px;
    background: #222;
}

/* Móvil */
@media (max-width: 767px) {

    .vc_row.tr-estrategia-row {
        grid-template-columns: 1fr;
        row-gap: 32px;
        margin-bottom: 32px !important;
    }

    .tr-estrategia-item {
        padding: 0 0 28px 0 !important;
    }

    .tr-estrategia-item::after {
        width: 80px;
        height: 3px;
    }
}