.elementor-1223 .elementor-element.elementor-element-c3afe2a{--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;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1223 .elementor-element.elementor-element-4da68a7{text-align:center;}.elementor-1223 .elementor-element.elementor-element-4da68a7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:33px;font-weight:700;color:#101E47;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1223 .elementor-element.elementor-element-37a1dfd{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-1223 .elementor-element.elementor-element-37a1dfd .elementor-divider-separator{width:0%;}.elementor-1223 .elementor-element.elementor-element-37a1dfd .elementor-divider{padding-block-start:12px;padding-block-end:12px;}.elementor-1223 .elementor-element.elementor-element-5e0f51c{--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;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1223 .elementor-element.elementor-element-4da68a7.elementor-element{--align-self:center;}.elementor-1223 .elementor-element.elementor-element-4da68a7{text-align:center;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}/* Start custom CSS *//* ============================================================
   VARIABLES GENERALES (editar aquí)
   ============================================================ */
:root {
  --tf-font-family: "Poppins", "Inter", system-ui, Arial, sans-serif;

  /* Featured (panel superior) */
  --tf-name-size: 30px;
  --tf-company-size: 18px;
  --tf-text-size: 15px;
  --tf-featured-bg: #ffffff;

  /* Carrusel inferior */
  --tf-lower-bg: #f0f0f0;
  --tf-content-max-width: 1180px;
}

/* ============================================================
   FEATURED (PANEL SUPERIOR)
   ============================================================ */
#tf-featured {
  width: 100% !important;       /* fondo abarca todo el ancho */
  max-width: 100% !important;
  margin: 0 !important;
  padding: 60px 80px;           /* espacio interno elegante */
  display: flex;
  gap: 48px;
  align-items: flex-start;
  background: var(--tf-featured-bg);
  box-sizing: border-box;
}

/* Imagen y texto se reparten mejor el espacio en pantallas anchas */
#tf-featured .tf-featured-thumb {
  flex: 0 0 50% !important;     /* mitad para la imagen */
  max-width: 50% !important;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 16px 36px rgba(16,30,71,0.06);
}

#tf-featured .tf-featured-meta {
  flex: 1 !important;           /* la columna del texto crece */
  max-width: 50% !important;
}

/* Imagen grande arriba */
#tf-featured .tf-featured-thumb {
  flex: 0 0 45%;
  max-width: 45%;
  border-radius: 12px;
  overflow: hidden;
  min-height: 260px;
  box-shadow: 0 16px 36px rgba(16,30,71,0.06);
}
#tf-featured .tf-featured-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Meta + texto */
#tf-featured .tf-featured-meta {
  flex: 1;
}
#tf-featured .tf-name {
  font-weight: 700;
  color: #101E47;
  font-size: var(--tf-name-size);
  margin-bottom: 6px;
}

#tf-featured .tf-name {
  margin: 0 0 6px 0 !important;      /* sin margen superior, conserva el inferior */
  line-height: 1.05 !important;
  display: block !important;
}

#tf-featured .tf-company {
  font-weight: 400;
  font-size: var(--tf-company-size);
  color: #101E47;
  opacity: 0.9;
  margin-bottom: 14px;
}
#tf-featured .tf-text {
  font-size: var(--tf-text-size);
  color: #54595F;
  line-height: 1.7;
  text-align: justify !important;
  text-justify: inter-word;  
}

/* RESPONSIVE FEATURED */
@media(max-width:980px){
  #tf-featured { flex-direction: column; }
  #tf-featured .tf-featured-thumb,
  #tf-featured .tf-featured-meta { max-width: 100%; }
  :root {
    --tf-name-size: 22px;
    --tf-company-size: 16px;
    --tf-text-size: 15px;
  }
}

/* ============================================================
   CARRUSEL INFERIOR (TARJETAS)
   ============================================================ */

.strong-view-id-1.wpmtst-unstyled {
  background: var(--tf-lower-bg);
  padding: 50px 0;
}

/* Centrar contenido del slider */
.strong-view-id-1 .wpmslider-wrapper {
  max-width: var(--tf-content-max-width);
  margin: 0 auto;
  padding: 20px;
  position: relative !important;
}

/* Cada tarjeta */
.strong-view-id-1 .wpmtst-testimonial-inner {
  background: white;
  border-radius: 18px;
  max-width: 330px;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: 0 12px 28px rgba(16,30,71,0.1);
  display: flex;
  flex-direction: column;
}

/* 1) ancho máximo de la tarjeta (más delgada) */
.strong-view-id-1 .wpmtst-testimonial-inner {
  max-width: 300px !important; /* ajusta a 280/320 según prefieras */
}

/* 2) reducir espacio entre cada tarjeta (sobrescribe margin inline) */
.strong-view-id-1 .wpmtst-testimonial {
  margin-right: 10px !important; /* ajusta a 6 / 10 / 12 según necesites */
}

/* 3) versión móvil: aún menos espacio */
@media (max-width: 900px) {
  .strong-view-id-1 .wpmtst-testimonial {
    margin-right: 6px !important;
  }
}

.strong-view-id-1 .wpmtst-testimonial-image {
  width: 100%;
  height: 260px !important; /* antes 210px → más alta */
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  overflow: hidden;
}

/* Imagen principal — AHORA SÍ SE MUESTRA */
.strong-view-id-1 .wpmtst-testimonial-image {
  width: 100%;
  height: 210px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  overflow: hidden;
}
.strong-view-id-1 .wpmtst-testimonial-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: fill !important;
  display: block !important;
  opacity: 1 !important;
}

/* Campos de nombre y empresa */
.strong-view-id-1 .wpmtst-testimonial-field.testimonial-name,
.strong-view-id-1 .wpmtst-testimonial-field.testimonial-company {
  background: white;
  text-align: center;
  padding: 12px 12px 0;
  color: #101E47;
}

.strong-view-id-1 .testimonial-name {
  font-size: 18px;
  font-weight: 700;
}
.strong-view-id-1 .testimonial-company {
  font-size: 14px;
  opacity: 0.85;
  margin-bottom: 12px;
}

/* OCULTAR SOLO EL TEXTO, NO LA IMAGEN */
.strong-view-id-1 .wpmtst-testimonial-content p,
.strong-view-id-1 .wpmtst-excerpt,
.strong-view-id-1 .wpmtst-fullcontent {
  display: none !important;
}

/* Botón VER MÁS */
.tf-view-btn {
  display: inline-block;
  background: #dcdcdc;
  color: #101E47;
  font-weight: 600;
  padding: 10px 26px;
  border-radius: 12px;
  border: none;
  margin: 0 auto 18px;
  cursor: pointer;
  box-shadow: 0 6px 14px rgba(16,30,71,0.06);
}

/* ============================================================
   FLECHAS DEL CARRUSEL — CORREGIDAS
   ============================================================ */

.strong-view-id-1 .wpmslider-controls-direction a.wpmslider-prev,
.strong-view-id-1 .wpmslider-controls-direction a.wpmslider-next {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 50 !important;
  box-shadow: 0 8px 20px rgba(16,30,71,0.12);
}

.strong-view-id-1 .wpmslider-controls-direction a.wpmslider-prev {
  left: -10px;
  background: #dedede;
  color: #1a2b3f;
}
.strong-view-id-1 .wpmslider-controls-direction a.wpmslider-next {
  right: -10px;
  background: #12294a;
  color: white;
}

/* Ocultar texto interno de flechas */
.strong-view-id-1 .wpmslider-controls-direction a span { display: none; }

/* Dibujar flechas */
.strong-view-id-1 .wpmslider-controls-direction a::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 3px solid currentColor;
  border-right: 3px solid currentColor;
}

/* Flecha izquierda */
.strong-view-id-1 .wpmslider-controls-direction a.wpmslider-prev::after {
  transform: rotate(-135deg);
}

/* Flecha derecha */
.strong-view-id-1 .wpmslider-controls-direction a.wpmslider-next::after {
  transform: rotate(45deg);
}

/* ============================================================
   RESPONSIVE TARJETAS
   ============================================================ */
@media(max-width:900px){
  .strong-view-id-1 .wpmtst-testimonial-inner { max-width: 300px; }
  .strong-view-id-1 .wpmtst-testimonial-image { height: 170px; }
  .strong-view-id-1 .wpmslider-controls-direction a {
    width: 44px; height: 44px;
  }
}

/* --- Fondo gris a pantalla completa SIN estirar el contenido --- */
.strong-view-id-1.wpmtst-unstyled {
  position: relative;      /* necesario para el pseudo-elemento */
  overflow: visible;       /* permitir que las flechas queden fuera si es necesario */
  background: transparent; /* eliminamos el background directo para usar el pseudo */
}

/* pseudo elemento que pinta el fondo gris a 100vw centrado */
.strong-view-id-1.wpmtst-unstyled::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 100vw;            /* ocupa todo el viewport */
  height: 100%;
  background: var(--tf-lower-bg); /* usa tu variable existente */
  z-index: 0;              /* detrás del contenido */
  pointer-events: none;
}

/* forzar que el wrapper interior esté por encima del pseudo */
.strong-view-id-1 .wpmslider-wrapper,
.strong-view-id-1 .wpmslider-content,
.strong-view-id-1 .strong-content {
  position: relative;
  z-index: 1;
}

/* asegurar que las flechas estén por encima */
.strong-view-id-1 .wpmslider-controls-direction a.wpmslider-prev,
.strong-view-id-1 .wpmslider-controls-direction a.wpmslider-next {
  z-index: 20 !important;
}

/* ---------- Móvil: featured a ancho completo y apilado ---------- */
@media (max-width: 700px) {
  /* Panel superior: ocupa todo el ancho y quita márgenes grandes */
  #tf-featured {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 18px 16px !important;   /* menos padding en móvil */
    gap: 18px !important;
    flex-direction: column !important; /* apila imagen y texto */
    align-items: stretch !important;
  }

  /* Thumb: 100% ancho y alto responsivo */
  #tf-featured .tf-featured-thumb {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 180px !important;    /* ajusta si quieres más alto/bajo */
    border-radius: 10px !important;
    overflow: hidden;
  }
  #tf-featured .tf-featured-thumb img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* Meta (texto): ocupa ancho completo */
  #tf-featured .tf-featured-meta {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 6px 4px 0 4px !important;
    box-sizing: border-box;
  }

  /* Centrar nombre y company para que se vea equilibrado en móvil */
  #tf-featured .tf-name,
  #tf-featured .tf-company {
    text-align: center !important;
  }

  /* Justificar el cuerpo mantiene buena lectura en móvil */
  #tf-featured .tf-text {
    text-align: justify !important;
    line-height: 1.6 !important;
    font-size: calc(var(--tf-text-size) - 1px) !important;
  }
}

/* FORZAR POPPINS EN TODO EL CARRUSEL */
.strong-view-id-1 .wpmtst-testimonial,
.strong-view-id-1 .wpmtst-testimonial *,
.strong-view-id-1 .wpmtst-testimonial-inner,
.strong-view-id-1 .wpmtst-testimonial-inner * {
    font-family: 'Poppins', 'Inter', Arial, sans-serif !important;
}
/* ============================================
   APLICAR POPPINS AL PANEL SUPERIOR (incluso si está oculto)
   ============================================ */
#tf-featured,
#tf-featured * {
    font-family: 'Poppins', 'Inter', Arial, sans-serif !important;
}/* End custom CSS */