.elementor-27735 .elementor-element.elementor-element-2ef0d9b{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-27735 .elementor-element.elementor-element-69134ca{--display:flex;}.elementor-27735 .elementor-element.elementor-element-69134ca.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-27735 .elementor-element.elementor-element-35539f8{width:initial;max-width:initial;}.elementor-27735 .elementor-element.elementor-element-35539f8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-27735 .elementor-element.elementor-element-c101053{--display:flex;}@media(min-width:768px){.elementor-27735 .elementor-element.elementor-element-2ef0d9b{--content-width:1600px;}.elementor-27735 .elementor-element.elementor-element-69134ca{--width:88.204%;}}/* Start custom CSS for template, class: .elementor-element-35539f8 *//* ================================
   BASE LAYOUT – PÁGINA POLÍTICA ANTISOBORNO (ID 27715)
   ================================ */

.elementor-27715 {
  background-color: #f9fafb;
  padding: 3rem 1rem 4rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #111827;
}

/* Limitar ancho de los contenedores principales */
.elementor-27715 .elementor-element-7ea26875,
.elementor-27715 .elementor-element-e7f197c,
.elementor-27715 .elementor-element-500bc967,
.elementor-27715 .elementor-element-3e8f6989 {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

/* ================================
   ENCABEZADO PRINCIPAL – FLOATING CARD
   ================================ */

/* Contenedor del título principal como "floating card" */
.elementor-27715 .elementor-element-7ea26875 {
  margin-bottom: 1.75rem;
  padding: 1.5rem 2rem;
  background-color: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
  display: flex;
  align-items: center;
  justify-content: center; /* centrado horizontal del título */
}

/* Título "POLÍTICA ANTISOBORNO" dentro de la tarjeta */
.elementor-27715 .elementor-element-7e036724 .elementor-heading-title.elementor-size-default {
  margin: 0;
  font-size: clamp(1.3rem, 2.6vw, 1.8rem); /* fluido, pero sin forzar overflow */
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #0b2a4a; /* Azul institucional */
  text-align: center;
  white-space: normal;           /* permite adaptarse al ancho del card */
  word-break: normal;
}

/* ================================
   BLOQUE INTRO – TEXTO + IMAGEN
   (elementor-element-e7f197c)
   ================================ */

.elementor-27715 .elementor-element-e7f197c {
  background-color: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
  padding: 2.5rem 2rem 2.25rem;
  margin-bottom: 2rem;
}

/* Grid para texto + imagen */
.elementor-27715 .elementor-element-e7f197c > .e-con-inner {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  gap: 1.75rem;
  align-items: center;
}

/* Contenedor de la imagen */
.elementor-27715 .elementor-element-79ebac22 {
  margin: 0;
}

/* Imagen introductoria */
.elementor-27715 .elementor-element-5334aed9 img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}

/* Texto introductorio (h3) */
.elementor-27715 .elementor-element-5d6f1af5 h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8;
  color: #111827;
}

/* Eliminar márgenes extra en el text-editor */
.elementor-27715 .elementor-element-5d6f1af5 .elementor-widget-container {
  margin: 0;
}

/* ================================
   TÍTULO DE COMPROMISOS
   (INVEST asume los siguientes compromisos)
   ================================ */

.elementor-27715 .elementor-element-500bc967 {
  margin-top: 0;
  margin-bottom: 0.75rem;
}

/* Título de sección de compromisos */
.elementor-27715 .elementor-element-62844f4a .elementor-heading-title.elementor-size-default {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
  color: #0b2a4a;
}

/* ================================
   TEXTO DE COMPROMISOS (H4)
   – CON LISTA NUMERADA ESTILO "BURBUJA"
   (elementor-element-3e8f6989 / 25fecae1)
   ================================ */

/* Tarjeta contenedora de los compromisos */
.elementor-27715 .elementor-element-3e8f6989 {
  background-color: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
  padding: 2rem 2rem 2.5rem;
}

/* Reset de contador para h4 (cada h4 será un ítem numerado) */
.elementor-27715 .elementor-element-25fecae1 .elementor-widget-container {
  counter-reset: antisoborno-item;
}

/* Estilo base para cada h4 como ítem de lista – texto + burbuja a la izquierda */
.elementor-27715 .elementor-element-25fecae1 .elementor-widget-container h4 {
  position: relative;
  padding-left: 2.75rem;        /* espacio para la burbuja */
  margin: 0 0 1.25rem 0;
  line-height: 1.8;
  font-size: 0.98rem;
  font-weight: 500;
  color: #111827;
}

/* Burbuja numerada antes de cada h4 */
.elementor-27715 .elementor-element-25fecae1 .elementor-widget-container h4::before {
  counter-increment: antisoborno-item;
  content: counter(antisoborno-item);
  position: absolute;
  left: 0;
  top: 0.25rem;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 999px;
  background-color: #0b2a4a;
  color: #ffffff;
  font-weight: 600;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Enlaces dentro del texto (correo, web, etc.) – EN LA MISMA LÍNEA QUE EL TEXTO */
.elementor-27715 .elementor-element-25fecae1 .elementor-widget-container a {
  color: #0b2a4a;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  white-space: normal;
  overflow-wrap: break-word;   /* permite que el correo se parta en varias líneas */
  word-break: break-word;
}

/* Hover de enlaces */
.elementor-27715 .elementor-element-25fecae1 .elementor-widget-container a:hover {
  text-decoration-thickness: 2px;
}

/* Último h4 (fecha "San Salvador, agosto 2025") SIN burbuja ni número */
.elementor-27715 .elementor-element-25fecae1 .elementor-widget-container h4:last-of-type {
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 0;
  text-align: right;
  font-size: 0.9rem;
  color: #6b7280;
  font-weight: 500;
}

/* Ocultar la burbuja en el último h4 (fecha) */
.elementor-27715 .elementor-element-25fecae1 .elementor-widget-container h4:last-of-type::before {
  display: none;
}

/* ================================
   RESPONSIVE
   ================================ */

@media (max-width: 768px) {
  .elementor-27715 {
    padding: 2rem 1rem 3rem;
  }

  /* Encabezado más compacto en móvil (solo padding, se mantiene el card) */
  .elementor-27715 .elementor-element-7ea26875 {
    padding: 1.25rem 1.25rem;
  }

  .elementor-27715 .elementor-element-7e036724 .elementor-heading-title.elementor-size-default {
    font-size: 1.1rem;
    letter-spacing: 0.04em;
    white-space: normal;  /* deja que se adapte sin salirse del card */
  }

  .elementor-27715 .elementor-element-e7f197c {
    padding: 1.75rem 1.25rem 2rem;
  }

  .elementor-27715 .elementor-element-e7f197c > .e-con-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  /* Puedes elegir si la imagen va arriba o abajo en móvil.
     Para mostrar la imagen primero, descomenta la siguiente línea: */
  /* .elementor-27715 .elementor-element-79ebac22 { order: -1; } */

  .elementor-27715 .elementor-element-3e8f6989 {
    padding: 1.75rem 1.25rem 2.25rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-84d5418 *//* ================================
   BLOQUE INTRO – TEXTO + IMAGEN
   (elementor-element-e7f197c)
   ================================ */

/* Tarjeta que contiene imagen + texto */
.elementor-27715 .elementor-element-e7f197c {
  background-color: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06); /* floating card */
  padding: 2rem 2.25rem;        /* MISMO padding arriba y abajo */
  margin-bottom: 2rem;
}

/* Layout interno: imagen + texto lado a lado */
.elementor-27715 .elementor-element-e7f197c > .e-con-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 2fr); /* columna imagen | columna texto */
  column-gap: 2rem;
  row-gap: 0;
  align-items: stretch;          /* ambas columnas empiezan arriba, sin “descolgarse” */
}

/* Asegurar que columnas no agregan márgenes raros */
.elementor-27715 .elementor-element-79ebac22,
.elementor-27715 .elementor-element-1dde27d7 {
  margin: 0;
}

/* ================================
   COLUMNA DE LA IMAGEN (79ebac22)
   ================================ */

.elementor-27715 .elementor-element-79ebac22 > .e-con-inner {
  padding: 0.25rem;           /* pequeño respiro para que la imagen no pegue al borde interno */
  background: transparent;
  border: none;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.elementor-27715 .elementor-element-5334aed9,
.elementor-27715 .elementor-element-5334aed9 .elementor-widget-container {
  margin: 0;
  padding: 0;
}

/* Imagen introductoria */
.elementor-27715 .elementor-element-5334aed9 img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

/* ================================
   COLUMNA DEL TEXTO (1dde27d7)
   ================================ */

.elementor-27715 .elementor-element-1dde27d7 > .e-con-inner {
  padding: 0;
}

/* Contenedor del texto sin márgenes extra */
.elementor-27715 .elementor-element-5d6f1af5 .elementor-widget-container {
  margin: 0;
}

/* Texto introductorio (h3) – mismo tamaño, mejor lectura */
.elementor-27715 .elementor-element-5d6f1af5 h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.7;          /* un poco más compacto para evitar “huecos” visuales */
  color: #111827;
}

/* IMPORTANTE: ocultar los <br> para que no corte en "legalidad y", "la", etc. */
.elementor-27715 .elementor-element-5d6f1af5 h3 br {
  display: none;
}

/* ================================
   RESPONSIVE – APILAR EN MÓVIL
   ================================ */

@media (max-width: 768px) {
  .elementor-27715 .elementor-element-e7f197c {
    padding: 1.75rem 1.5rem;
  }

  .elementor-27715 .elementor-element-e7f197c > .e-con-inner {
    grid-template-columns: minmax(0, 1fr); /* una sola columna */
    row-gap: 1.5rem;
  }

  /* Opcional: imagen primero en móvil */
  /* .elementor-27715 .elementor-element-79ebac22 { order: -1; } */
}/* End custom CSS */