@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');

@font-face {
  font-family: 'MetronicPro';
  src: url('fonts/metronic/MetronicPro-Bold.woff2') format('woff2'),
    url('fonts/metronic/MetronicPro-Bold.woff') format('woff'),
    url('fonts/metronic/MetronicPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

/* ==========================================================================
   INDEX
   1. GLOBAL OVERRIDES & UTILITIES
   2. COMPONENT: BLURB SERVICES (.mod-cards-services)
   3. NAVIGATION: TOOLBAR & HEADER
   4. COMPONENT: SECONDARY MENU (TABS)
   5. BREADCRUMBS
   6. SECTION: BLOG DESTACADAS (.sec-blog-destacadas)
   7. SECTION: CRÉDITOS DE LIBRE INVERSIÓN (.sec-creditos)
   8. SECTION: INMOBILIARIA (.sec-inmobiliaria)
   9. SECTION: COMERCIAL (.sec-comercial)
   10. SECTION: AGROPECUARIA V2 (.sec-agropecuaria-v2)
   11. SECTION: GENERANDO PROGRESO (#sec-generando-progreso-san)
   12. SECTION: PORTAL TRANSACCIONAL (#sec-portal-transaccional)
   13. FOOTER
   ========================================================================== */
:root {
  /* Fonts */
  --font-heading: 'MetronicPro', sans-serif;
  --font-reading: 'Lato', sans-serif;

  /* Colors */
  --color-primary: #005BA8;
  --color-secondary: #0098DB;
  --color-accent: #F68B1F;
  --color-red: #EC2026;
  --color-green: #119447;
  --color-dark: #27235F;
  --color-gray: #6b7280;
  --color-white: #ffffff;
  --color-body: #3D3D3D;
  --color-primary-rgb: 0, 91, 187;
  --color-secondary-rgb: 40, 171, 225;
  --color-accent-rgb: 255, 99, 25;
  --color-dark-rgb: 39, 35, 95;

  /* Colores Opacos (Semi-transparentes para sombras o fondos sutiles) */
  --color-primary-opaque: rgba(0, 91, 168, 0.15);
  --color-secondary-opaque: rgba(0, 152, 219, 0.15);
  --color-accent-opaque: rgba(246, 139, 31, 0.15);
  --color-red-opaque: rgba(236, 32, 38, 0.15);
  --color-green-opaque: rgba(17, 148, 71, 0.15);
  --color-dark-opaque: rgba(39, 35, 95, 0.15);
  --color-gray-opaque: rgba(107, 114, 128, 0.15);

  /* Colores Pronunciados (Para estados hover) */
  --color-primary-hover: #004682;
  --color-secondary-hover: #007BB3;
  --color-accent-hover: #D97514;
  --color-red-hover: #C4181E;
  --color-green-hover: #0C6E34;
  --color-dark-hover: #19163D;
  --color-gray-hover: #4B5563;

  /* Gama cromática secundaria (Complementarios) */
  --color-pantone-2935: #005BBB;
  --color-pantone-300: #0065BD;
  --color-pantone-3005: #007AC9;
  --color-pantone-2925: #0098DB;
  --color-pantone-165: #FF6319;
  --color-pantone-1595: #F36C21;
  --color-pantone-152: #E17000;
  --color-pantone-151: #FF7900;

  /* Font Sizes */
  --fs-h1: 72px;
  --fs-h2: 58px;
  --fs-h3: 46px;
  --fs-h4: 32px;
  --fs-h5: 24px;
  --fs-h6: 17px;
  --fs-body: 16px;
  --fs-small: 10px;
  --fs-text-lead: 20px;

  /* Button Sizes */
  --btn-font-size-xs: 12px;
  --btn-font-size-sm: 14px;
  --btn-font-size-md: 16px;
  --btn-font-size-lg: 18px;

  /*border-radius*/
  --border-radius-btn: 9999px;
  --border-radius-card: 25px;
  --border-radius: var(--border-radius-btn);
  --border-radius-xs: 12px;

  --border: rgba(17, 148, 71, 0.16);
  --shadow-lg: 0 18px 46px rgba(9, 74, 38, 0.13);
  --shadow-md: 0 15px 50px rgb(0 0 0 / 10%);
  --shadow-hover: 0 25px 55px rgba(0, 0, 0, 0.18);

}

/* ==========================================================================
   1. GLOBAL OVERRIDES & UTILITIES
   ========================================================================== */

body {
  font-family: var(--font-reading) !important;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--font-heading) !important;
}

h1,
.h1 {
  font-size: var(--fs-h1);
}

h2,
.h2 {
  font-size: var(--fs-h2);
}

h3,
.h3 {
  font-size: var(--fs-h3);
}

h4,
.h4 {
  font-size: var(--fs-h4);
}

h5,
.h5 {
  font-size: var(--fs-h5);
}

h6,
.h6 {
  font-size: var(--fs-h6);
}

.text-lead {
  font-size: var(--text-lead);
}

.v-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Custom Buttons (xs, sm, md, lg) */
.btn-custom {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-btn) !important;
  font-family: var(--font-heading);
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease !important;
  cursor: pointer;
  border: none !important;
}

/* Pseudo-elemento para el icono ">" */
.btn-custom::after {
  content: '\f054';
  /* FontAwesome ">" */
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900;
  opacity: 0 !important;
  max-width: 0 !important;
  margin-left: 0 !important;
  transition: all 0.3s ease;
  transform: translateX(-10px) !important;
  white-space: nowrap;
  position: relative !important;
  font-size: 1rem;
}

.btn-custom:hover {
  /* Expand padding symmetrically and use negative margins to keep layout footprint constant */
  padding-left: calc(var(--current-padding-x) + 8px) !important;
  padding-right: calc(var(--current-padding-x) + 8px) !important;
  /* margin-left: -22px !important;
  margin-right: -22px !important; */
}

.btn-custom:hover::after {
  opacity: 1 !important;
  max-width: 20px !important;
  margin-left: 8px !important;
  transform: translateX(0) !important;
}

.btn-xs {
  --current-padding-x: 14px;
  padding: 6px var(--current-padding-x);
  font-size: var(--btn-font-size-xs);
}

.btn-sm {
  --current-padding-x: 18px;
  padding: 8px var(--current-padding-x) !important;
  font-size: var(--btn-font-size-sm);
}

.btn-md {
  --current-padding-x: 24px;
  padding: 12px var(--current-padding-x) !important;
  font-size: var(--btn-font-size-md);
}

.btn-lg {
  --current-padding-x: 32px;
  padding: 16px var(--current-padding-x) !important;
  font-size: var(--btn-font-size-lg);
}

/* Button Color Utilities */
.btn-primary {
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
}

.btn-primary:hover {
  background-color: var(--color-primary-hover) !important;
}

.btn-secondary {
  background-color: var(--color-secondary) !important;
  color: var(--color-white) !important;
}

.btn-secondary:hover {
  background-color: var(--color-secondary-hover) !important;
}

.btn-accent {
  background-color: var(--color-accent) !important;
  color: var(--color-white) !important;
}

.btn-accent:hover {
  background-color: var(--color-accent-hover) !important;
}

.btn-red {
  background-color: var(--color-red) !important;
  color: var(--color-white) !important;
}

.btn-red:hover {
  background-color: var(--color-red-hover) !important;
}

.btn-green {
  background-color: var(--color-green) !important;
  color: var(--color-white) !important;
}

.btn-green:hover {
  background-color: var(--color-green-hover) !important;
}

.btn-dark {
  background-color: var(--color-dark) !important;
  color: var(--color-white) !important;
}

.btn-dark:hover {
  background-color: var(--color-dark-hover) !important;
}

.btn-gray {
  background-color: var(--color-gray) !important;
  color: var(--color-white) !important;
}

.btn-gray:hover {
  background-color: var(--color-gray-hover) !important;
}

.btn-white {
  background-color: var(--color-white) !important;
  color: var(--color-body) !important;
}

.btn-white:hover {
  background-color: #f3f4f6 !important;
}

/* ==========================================================================
   Botones Outline
   ========================================================================== */

.btn-outline-primary {
  background-color: transparent !important;
  border: 1px solid var(--color-primary) !important;
  color: var(--color-primary) !important;
}

.btn-outline-primary:hover {
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
}

.btn-outline-secondary {
  background-color: transparent !important;
  border: 1px solid var(--color-secondary) !important;
  color: var(--color-secondary) !important;
}

.btn-outline-secondary:hover {
  background-color: var(--color-secondary) !important;
  color: var(--color-white) !important;
}

.btn-outline-accent {
  background-color: transparent !important;
  border: 1px solid var(--color-accent) !important;
  color: var(--color-accent) !important;
}

.btn-outline-accent:hover {
  background-color: var(--color-accent) !important;
  color: var(--color-white) !important;
}

.btn-outline-red {
  background-color: transparent !important;
  border: 1px solid var(--color-red) !important;
  color: var(--color-red) !important;
}

.btn-outline-red:hover {
  background-color: var(--color-red) !important;
  color: var(--color-white) !important;
}

.btn-outline-green {
  background-color: transparent !important;
  border: 1px solid var(--color-green) !important;
  color: var(--color-green) !important;
}

.btn-outline-green:hover {
  background-color: var(--color-green) !important;
  color: var(--color-white) !important;
}

.btn-outline-dark {
  background-color: transparent !important;
  border: 1px solid var(--color-dark) !important;
  color: var(--color-dark) !important;
}

.btn-outline-dark:hover {
  background-color: var(--color-dark) !important;
  color: var(--color-white) !important;
}

.btn-outline-gray {
  background-color: transparent !important;
  border: 1px solid var(--color-gray) !important;
  color: var(--color-gray) !important;
}

.btn-outline-gray:hover {
  background-color: var(--color-gray) !important;
  color: var(--color-white) !important;
}

.btn-outline-white {
  background-color: transparent !important;
  border: 1px solid var(--color-white) !important;
  color: var(--color-white) !important;
}

.btn-outline-white:hover {
  background-color: var(--color-white) !important;
  color: var(--color-body) !important;
}

/* Width Utilities */
.w-20 {
  width: 20% !important;
}

.w-30 {
  width: 30% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

/* Background Color Utilities */
.bg-primary {
  background-color: var(--color-primary) !important;
}

.bg-secondary {
  background-color: var(--color-secondary) !important;
}

.bg-accent {
  background-color: var(--color-accent) !important;
}

.bg-red {
  background-color: var(--color-red) !important;
}

.bg-green {
  background-color: var(--color-green) !important;
}

.bg-dark {
  background-color: var(--color-dark) !important;
}

.bg-gray {
  background-color: var(--color-gray) !important;
}

.bg-white {
  background-color: var(--color-white) !important;
}

.bg-body {
  background-color: var(--color-body) !important;
}

/* Opaque Background Utilities */
.bg-primary-opaque {
  background-color: var(--color-primary-opaque) !important;
}

.bg-secondary-opaque {
  background-color: var(--color-secondary-opaque) !important;
}

.bg-accent-opaque {
  background-color: var(--color-accent-opaque) !important;
}

.bg-red-opaque {
  background-color: var(--color-red-opaque) !important;
}

.bg-green-opaque {
  background-color: var(--color-green-opaque) !important;
}

.bg-dark-opaque {
  background-color: var(--color-dark-opaque) !important;
}

.bg-gray-opaque {
  background-color: var(--color-gray-opaque) !important;
}

/* Text Color Utilities */
.text-primary {
  color: var(--color-primary) !important;
}

.text-secondary {
  color: var(--color-secondary) !important;
}

.text-accent {
  color: var(--color-accent) !important;
}

.text-red {
  color: var(--color-red) !important;
}

.text-green {
  color: var(--color-green) !important;
}

.text-dark {
  color: var(--color-dark) !important;
}

.text-gray {
  color: var(--color-gray) !important;
}

.text-white {
  color: var(--color-white) !important;
}

.text-body {
  color: var(--color-body) !important;
}


/* Font-weight utilities */
.text-thin {
  font-weight: 300 !important;
}

.text-regular {
  font-weight: 400 !important;
}

.text-bold {
  font-weight: 700 !important;
}

.text-heading {
  font-family: var(--font-heading) !important;
}

.text-reading {
  font-family: var(--font-reading) !important;
}

.divider {
  height: 5px;
  border-radius: var(--border-radius-btn);
}

.divider-accent {
  background: var(--color-accent);
}


/*Separador de heading naranja*/
.et_pb_heading.mod-divider::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -28px;
  width: 74px;
  height: 5px;
  border-radius: var(--border-radius-btn);
  background: var(--color-accent);
}

#mod-header {
  z-index: 9999 !important;
}



/*Remover espaciado inferior cuando la barra se pega en la pantalla superior*/
#mod-header>div,
#mod-header.et_pb_sticky>div,
.et-db #et-boc .et-l #mod-header.et_pb_sticky>div {
  padding-bottom: 0 !important;
}

/*presentacion d elas 4 divisiones comerciales*/
.mod-hero-home h1 {
  color: var(--color-primary);
}

/* ==========================================================================
   2. COMPONENT: BLURB SERVICES (.mod-cards-services)
   ========================================================================== */

/* Reset interno del blurb */
.mod-cards-services.et_pb_blurb {
  padding: 0 !important;
  overflow: hidden;
  border-radius: var(--border-radius-card) !important;
  display: flex;
  flex-direction: column;
  background: #fff !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease;
  height: 100%;
}

.mod-cards-services.et_pb_blurb:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.13) !important;
}

/* Ocultar el contenedor de imagen nativa */
.mod-cards-services .et_pb_main_blurb_image {
  display: none !important;
}

/* Zona de texto superior */
.mod-cards-services .et_pb_blurb_content {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 !important;
}

.mod-cards-services .et_pb_blurb_container {
  padding: 0 !important;
  flex: 0 0 auto;
  position: relative !important;
  z-index: 2;
}

/* Título de la card */
.mod-cards-services .et_pb_module_header {
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #1a1a2e !important;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

/* Descripción corta */
.mod-cards-services .mcs-desc {
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 500;
  min-height: 70px;
}

/* Ícono flotante */
.mod-cards-services .mcs-icon-wrap {
  position: absolute;
  top: 85px;
  right: 14px;
  z-index: 20;
  width: 44px;
  height: 44px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Zona visual: wave SVG + persona */
.mcs-visual {
  position: relative;
  flex: 1 1 auto;
  min-height: 200px;
  overflow: hidden;
  margin-top: auto;
}

.mcs-wave {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.mcs-person {
  position: absolute;
  z-index: 10;
  display: block !important;
  margin: 0 auto !important;
  height: 100% !important;
  width: auto !important;
  max-height: 200px;
  object-fit: contain;
  object-position: bottom center;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0);
}

/* Footer con botón */
.mcs-footer {
  flex: 0 0 auto;
  padding: 0px 30px 30px 30px;
}

.mcs-btn {
  display: block;
  width: 100%;
  padding: 10px 16px;
  border-radius: var(--border-radius-btn);
  background: #fff !important;
  color: #1a1a2e !important;
  font-family: var(--font-heading);
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-align: center;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  cursor: pointer;
  border: none;
}

.mcs-btn:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
  transform: scale(1.02);
  color: #1a1a2e !important;
  text-decoration: none !important;
}

/* Responsive */
@media (max-width: 980px) {
  .mcs-visual {
    min-height: 170px;
  }

  .mcs-person {
    max-height: 175px;
  }
}

@media (max-width: 767px) {
  .mod-cards-services.et_pb_blurb {
    margin-bottom: 22px !important;
  }

  .mcs-visual {
    min-height: 190px;
  }
}

/* ==========================================================================
   3. NAVIGATION: TOOLBAR & HEADER
   ========================================================================== */

#mod-header {
  z-index: 0;
}


#mod-header img {
  transition: width 0.3s ease;
}

#mod-header.et_pb_sticky--top {
  padding: 0px 0px !important;
}

#mod-header.et_pb_sticky--top img {
  width: 160px;
}

/* boton color transaccional */
.et-db #et-boc .et-l .mod-btn-portal-transaccional a .mod-btn-portal-transaccional a {
  background: var(--color-accent);
}

.mod-btn-portal-transaccional a.et_pb_button.dipi-button-grid.dipi-button-wrap {
  background: var(--color-accent);
}

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul#menu-menu-toolbar>li>a>span:after {
  content: "initial";
  display: none;
}

.et-db #et-boc .et-l #mod-toolbar .et_pb_menu .et-menu>li>a {
  padding-bottom: 0;
}

.et-db #et-boc .et-l #mod-toolbar .et_pb_menu .et-menu>li {
  margin-top: 0px;
}

/* Menu de pagos toolbar */
.et-db #et-boc .et-l #menu-menu-acciones-toolbar li ul {
  background-color: #fff !important;
}

.et-db #et-boc .et-l #menu-menu-acciones-toolbar li ul.sub-menu a {
  color: #F68B1F !important;
}

.et-db #et-boc .et-l #menu-menu-acciones-toolbar ul.sub-menu:after {
  content: initial;
}

/* Redes toolbar */
.et-db #et-boc .et-l #mod-toolbar .et_pb_social_media_follow li {
  margin-bottom: 0 !important;
}

.et-db #et-boc .et-l #mod-toolbar .et_pb_social_media_follow li a.icon:before {
  height: 0 !important;
  width: 0 !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.et-db #et-boc .et-l #mod-toolbar .et_pb_social_media_follow li a.icon {
  height: 0 !important;
}

.et-db #et-boc .et-l ul.mod-social-icons {
  line-height: 0 !important;
}

/* Acomodar toolbar */
.et-db #et-boc .et-l #mod-toolbar .et_pb_column_0_tb_header .et_pb_module {
  margin-bottom: 0 !important;
}

.et-db #et-boc .et-l #mod-toolbar .et_pb_column--with-menu {
  display: flex !important;
  justify-content: right !important;
  gap: 15px !important;
  padding-right: 85px !important;
}

.et-db #et-boc .et-l #mod-toolbar .et_pb_column_0_tb_header>*:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.6) !important;
  padding-right: 15px !important;
  margin-right: 15px !important;
}

.et-db #et-boc .et-l #mod-toolbar .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
  top: calc(100% - -5px) !important;
  left: -155px !important;
}

.et-db #et-boc .et-l #mod-toolbar {
  background: var(--color-body) !important;
}

#menu-main-menu li a span {
  font-weight: 700;
  font-size: 16px;
}

#menu-main-menu li a:hover {
  color: var(--color-primary);
}

.three_dots .et_pb_menu__menu>nav>ul>li.current-menu-item>a>span:after {
  background-color: var(--color-primary) !important;
  box-shadow: 10px 0 var(--color-primary), -10px 0 var(--color-primary) !important;
}


/* Íconos para menú de Divi */
.et-menu li a::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: 8px;
  font-size: 16px;
  line-height: 1;
  vertical-align: middle;
}

/* Home */
#menu-main-menu li.menu-home a::before {
  content: "\f015";
}

/* Inmobiliaria */
#mod-menu-secundario li.menu-inmobiliaria a::before {
  content: "\f1ad";
}

/* Agropecuaria */
#mod-menu-secundario li.menu-agropecuaria a::before {
  content: "\f06c";
}

/* Comercial */
#mod-menu-secundario li.menu-comercial a::before {
  content: "\f290";
}

/* Créditos */
#mod-menu-secundario li.menu-creditos a::before {
  content: "\f09d";
}

/* ==========================================================================
   4. COMPONENT: SECONDARY MENU (TABS)
   ========================================================================== */

#mod-menu-secundario {
  padding-bottom: 0 !important;
}

/*separador entre pestañas*/
#mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.menu-item:after {
  content: "";
  display: block;
  border-right: 1px solid rgba(255, 255, 255, 0.6) !important;
  height: 15px;
  position: absolute;
  top: calc(85% - 20px);
}

.et-db #et-boc .et-l #mod-menu-secundario.mod-menu-secundario {
  position: relative;
  height: 34px;
  min-height: 34px;
  padding: 0 !important;
  overflow: visible;
  z-index: 5;
  background-color: var(--color-primary);
}

#mod-menu-secundario.mod-menu-secundario .et_pb_row,
#mod-menu-secundario.mod-menu-secundario .et_pb_column,
#mod-menu-secundario.mod-menu-secundario .et_pb_module,
#mod-menu-secundario.mod-menu-secundario .et_pb_menu_inner_container,
#mod-menu-secundario.mod-menu-secundario .et_pb_menu__wrap,
#mod-menu-secundario.mod-menu-secundario .et_pb_menu__menu,
#mod-menu-secundario.mod-menu-secundario .et-menu-nav,
#mod-menu-secundario.mod-menu-secundario .et-menu {
  height: 100%;
  min-height: 0;
}

.et-db #et-boc .et-l #mod-menu-secundario.mod-menu-secundario .et_pb_row {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#mod-menu-secundario.mod-menu-secundario .et_pb_menu,
#mod-menu-secundario.mod-menu-secundario .et_pb_menu_inner_container {
  background: transparent !important;
}

#mod-menu-secundario.mod-menu-secundario .et_pb_menu__wrap,
#mod-menu-secundario.mod-menu-secundario .et_pb_menu__menu,
#mod-menu-secundario.mod-menu-secundario .et-menu-nav {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
}

#mod-menu-secundario.mod-menu-secundario .et_pb_menu__wrap {
  padding: 0 !important;
}

#mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu {
  display: flex;
  justify-content: center;
  align-items: flex-end !important;
  width: auto;
  margin: 0 auto !important;
  padding-top: 5px !important;
  list-style: none !important;
  gap: 0;
}

#mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.menu-item {
  position: relative;
  display: flex;
  align-items: stretch;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  top: -1px;
}

#mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.menu-item>a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(138px, 13vw, 190px);
  min-width: 138px;
  height: 36px;
  margin: 0px 0px -1px 0px !important;
  padding: 0 22px !important;
  border-bottom: 0;
  border-radius: var(--border-radius-xs) var(--border-radius-xs) 0 0;
  color: var(--color-white) !important;
  text-align: center;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
}

#mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.menu-item>a span {
  color: inherit !important;
  line-height: 1;
  transition: all .30s ease-in;

}


#mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.menu-item.current_page_item>a span,
#mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.menu-item>a:hover span,
#mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.menu-item>a:hover:before,
#mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.menu-item.current_page_item>a:before {
  top: -3px;
  position: relative;
}

#mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.menu-item>a>span:after {
  display: none !important;
}

#mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.menu-item+li.menu-item>a {
  margin-left: -1px !important;
}

#mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.menu-item>a:hover,
#mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.menu-item>a:focus-visible {
  background: var(--color-white);
  color: var(--color-body) !important;
}

/* Estados activos */
#mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.current-menu-item>a,
#mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.current_page_item>a,
#mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.current-menu-ancestor>a {
  z-index: 3;
  border-color: rgba(33, 30, 30, 0.10);
  border-bottom-color: transparent;
  background: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 78%, #f5fbfe 100%);
  color: var(--tab-text-dark) !important;
}

#mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.current-menu-item>a::after,
#mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.current_page_item>a::after,
#mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.current-menu-ancestor>a::after,
#mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.menu-item-144>a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: var(--color-white);
}

#mod-menu-secundario.mod-menu-secundario .et_mobile_nav_menu {
  display: none !important;
}

@media (max-width: 980px) {
  #mod-menu-secundario.mod-menu-secundario {
    height: auto;
    min-height: 0;
    padding: 12px 12px 0 !important;
  }

  #mod-menu-secundario.mod-menu-secundario .et_pb_menu__menu {
    display: flex !important;
  }

  #mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu {
    flex-wrap: wrap;
    row-gap: 0;
  }

  #mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.menu-item>a {
    width: min(44vw, 178px);
    min-width: 132px;
    height: 34px;
    padding: 0 16px !important;
    font-size: 13px;
    border-radius: var(--border-radius-card) var(--border-radius-card) 0 0;
  }

  #mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.current-menu-item>a,
  #mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.current_page_item>a,
  #mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.current-menu-ancestor>a,
  #mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.menu-item-144>a {
    height: 37px;
  }
}

@media (max-width: 520px) {
  #mod-menu-secundario.mod-menu-secundario ul#menu-menu-secundario.et-menu>li.menu-item>a {
    width: 50vw;
    min-width: 0;
    font-size: 13px;
  }
}

/* ==========================================================================
   5. BREADCRUMBS
   ========================================================================== */

#mod-breadcrumbs {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  z-index: 1 !important;
}

#mod-breadcrumbs .et_pb_code_inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
}

#mod-breadcrumbs .breadcrumb_last {
  font-weight: 700;
}

#mod-breadcrumbs .et_pb_code_inner span span {
  margin-left: 10px;
  margin-right: 10px;
}

/* ==========================================================================
   6. SECTION: BLOG DESTACADAS (.sec-blog-destacadas)
   ========================================================================== */

.sec-blog-destacadas .et_pb_row:first-child .et_pb_column {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.sbd-heading h2::before {
  content: '> ';
  color: #1a6fb5;
  font-weight: 800;
}

/* Card Contenedor */
.sec-blog-destacadas .dipi-blog-post {
  background: var(--color-white) !important;
  border-radius: var(--border-radius-card) !important;
  overflow: visible !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  position: relative !important;
}

.sec-blog-destacadas .dipi-blog-post:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.13) !important;
}

/* Imagen */
.sec-blog-destacadas .dipi-entry-featured-image-url {
  position: relative !important;
  overflow: hidden !important;
  border-radius: var(--border-radius-card) var(--border-radius-card) 0 0 !important;
  height: 200px !important;
  flex-shrink: 0 !important;
  display: block !important;
}

.sec-blog-destacadas .dipi-entry-featured-image-url img.wp-post-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* Categoría Badge */
.sec-blog-destacadas .dipi-categories {
  position: absolute !important;
  top: -190px !important;
  left: 16px !important;
  z-index: 10 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  width: auto !important;
  display: inline-block !important;
}

.sec-blog-destacadas .dipi-categories a {
  max-width: 120px;
  text-align: center;
  width: 120px;
  display: inline-block !important;
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 5px 0px !important;
  border-radius: var(--border-radius-btn) !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important;
}

/* Colores por categoría */
.sec-blog-destacadas .dipi-blog-post.category-credito .dipi-categories a {
  background-color: #2196f3 !important;
}

.sec-blog-destacadas .dipi-blog-post.category-inversion .dipi-categories a {
  background-color: #1b7a3e !important;
}

.sec-blog-destacadas .dipi-blog-post.category-microfinanzas .dipi-categories a {
  background-color: #0288d1 !important;
}

.sec-blog-destacadas .dipi-blog-post.category-ahorro .dipi-categories a {
  background-color: #f47325 !important;
}

/* Fecha */
.sec-blog-destacadas .dipi_blog_slider_0 .dipi-date {
  position: absolute !important;
  top: 215px !important;
  left: 15px;
  justify-content: left !important;
  z-index: 9 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  flex-wrap: nowrap !important;
  background: transparent !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sec-blog-destacadas .dipi-date::before {
  content: '\f073' !important;
  font-family: 'Font Awesome 5 Free', 'FontAwesome', 'ETmodules' !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  color: #9ca3af !important;
  line-height: 1 !important;
  margin-right: 2px !important;
}

.sec-blog-destacadas .dipi-date .dipi-day,
.sec-blog-destacadas .dipi-date .dipi-month,
.sec-blog-destacadas .dipi-date .dipi-year {
  display: inline !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #9ca3af !important;
  line-height: 1 !important;
  height: auto !important;
  width: auto !important;
}

.sec-blog-destacadas .dipi-date .dipi-month {
  order: 1 !important;
}

.sec-blog-destacadas .dipi-date .dipi-day {
  order: 2 !important;
}

.sec-blog-destacadas .dipi-date .dipi-year {
  order: 3 !important;
}

.sec-blog-destacadas .dipi-date .dipi-month::after {
  content: '\00a0' !important;
}

.sec-blog-destacadas .dipi-date .dipi-day::after {
  content: ',\00a0' !important;
}

/* Post Content */
.sec-blog-destacadas .dipi-post-content {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  padding: 15px 15px 15px !important;
}

.sec-blog-destacadas h2.dipi-entry-title,
.sec-blog-destacadas h2.dipi-entry-title a {
  font-size: var(--fs-h5) !important;
  margin: 0 !important;
  text-decoration: none !important;
  font-family: var(--font-heading) !important;
}

.sec-blog-destacadas h2.dipi-entry-title a:hover {
  color: #0f4a8a !important;
}

.sec-blog-destacadas .dipi-post-text {

  flex: 1 !important;
  margin: 0 !important;
  font-family: var(--font-reading) !important;
}

.sec-blog-destacadas .dipi-bottom-content {
  padding: 0 20px 20px !important;
  margin-top: auto !important;
}

.sec-blog-destacadas a.dipi-more-link {
  /* btn-custom */
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-btn) !important;
  font-family: var(--font-heading);
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease !important;
  cursor: pointer;
  border: none !important;

  /* btn-sm */
  --current-padding-x: 18px;
  padding: 8px var(--current-padding-x) !important;
  font-size: var(--btn-font-size-sm);

  /* bg-warning (accent) */
  background-color: var(--color-accent) !important;

  /* text-dark */
  color: var(--color-dark) !important;
}

.sec-blog-destacadas a.dipi-more-link::after {
  content: '\f054' !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900;
  opacity: 0 !important;
  max-width: 0 !important;
  margin-left: 0 !important;
  transition: all 0.3s ease;
  transform: translateX(-10px) !important;
  white-space: nowrap;
  position: relative !important;
  font-size: 1em;
}

.sec-blog-destacadas a.dipi-more-link:hover {
  /* btn-custom hover */
  padding-left: calc(var(--current-padding-x) + 8px) !important;
  padding-right: calc(var(--current-padding-x) + 8px) !important;
  background-color: var(--color-accent-hover) !important;
}

.sec-blog-destacadas a.dipi-more-link:hover::after {
  opacity: 1 !important;
  max-width: 20px !important;
  margin-left: 8px !important;
  transform: translateX(0) !important;
}



/* Swiper Navigation */
.sec-blog-destacadas .swiper-button-prev,
.sec-blog-destacadas .swiper-button-next {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: var(--color-white) !important;
  border: 1.5px solid #d1d5db !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
  color: #1a1a2e !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}

.sec-blog-destacadas .swiper-button-prev::after,
.sec-blog-destacadas .swiper-button-next::after {
  font-size: 14px !important;
  color: #1a1a2e !important;
  font-weight: 700 !important;
}

.sec-blog-destacadas .swiper-button-prev:hover,
.sec-blog-destacadas .swiper-button-next:hover {
  border-color: #1a6fb5 !important;
  box-shadow: 0 2px 10px rgba(26, 111, 181, 0.18) !important;
}

/* Responsive */
@media (max-width: 980px) {
  .sec-blog-destacadas .dipi-entry-featured-image-url {
    height: 170px !important;
  }

  .sec-blog-destacadas .dipi-categories {
    top: -160px !important;
    left: 15px !important;
  }

  .sec-blog-destacadas .dipi_blog_slider_0 .dipi-date {
    top: 190px !important;
  }
}

@media (max-width: 767px) {
  .sec-blog-destacadas .dipi-entry-featured-image-url {
    height: 200px !important;
  }

  .sec-blog-destacadas .dipi-categories {
    top: -190px !important;
    left: 15px !important;
  }

  .sec-blog-destacadas .dipi_blog_slider_0 .dipi-date {
    top: 218px !important;
  }
}

/* ==========================================================================
   7. SECTION: CRÉDITOS DE LIBRE INVERSIÓN (.sec-creditos)
   ========================================================================== */

.sec-creditos {
  background-position-x: -20%;
  background-position-y: center;
  background-size: 45% !important;
}

.sec-inmobiliaria {
  background-position-x: 120%;
  background-position-y: center;
  background-size: 45% !important;
}


.sec-formulario-home {
  background-position-x: -20%;
  background-position-y: center;
  background-size: 45% !important;
}

.sec-blog-destacadas {
  background-position-x: 110%;
  background-position-y: -390%;
  background-size: 38% !important;
}

.sec-creditos h2 {
  /* font-weight: 800 !important;
  color: var(--color-white) !important;
  font-family: var(--font-heading) !important; */
}


.sec-creditos .et_pb_button {
  border-radius: var(--border-radius);
  background-color: var(--color-accent);
}

.sec-creditos .et_pb_button:hover {
  background-color: var(--color-accent-hover) !important;
}

.sec-creditos .dipi-desc {
  font-size: 16px !important;
  color: var(--color-white)
}

.sc-hero-img-col {
  /* position: relative !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important; */
}

.sc-hero-person img {
  /* max-height: 280px !important;
  width: auto !important;
  object-fit: contain !important; */
  /* object-position: bottom center !important;
  display: block !important;
  margin: 0 auto !important;  */
}

/* Badge $ Flotante */
.sec-creditos .sc-dollar-badge,
.sec-inmobiliaria .sc-dollar-badge,
.sec-comercial .sc-dollar-badge {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  z-index: 10 !important;
  padding: 0 !important;
}

.sec-creditos .sc-badge-wrap,
.sec-inmobiliaria .sc-badge-wrap,
.sec-comercial .sc-badge-wrap {
  width: 64px;
  height: 64px;
  background: var(--color-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
}

.sec-creditos .sc-badge-icon,
.sec-inmobiliaria .sc-badge-icon,
.sec-comercial .sc-badge-icon {
  font-size: 26px;
  font-weight: 700;
  color: #27235e;
  line-height: 1;
}

/* Flip Box Styles */
.sec-creditos .dipi_flip_box,
.sec-creditos .dipi-flip-box-wrapper {
  border-radius: var(--border-radius-card) !important;
}

.sec-creditos .dipi-flip-box-front .dipi-flip-box-icon-wrap,
.sec-creditos .dipi-flip-box-front .et-pb-icon,
.sec-creditos .dipi-flip-box-back .dipi-flip-box-icon-wrap,
.sec-creditos .dipi-flip-box-back .et-pb-icon {
  background: rgba(255, 255, 255, 0.12) !important;
  padding: 12px !important;
  border-radius: var(--border-radius-card) !important;
  margin-bottom: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
}

.sec-creditos .dipi-flip-box-back a.et_pb_button,
.sec-creditos .dipi-flip-box-back .dipi-back-button {
  border-radius: var(--border-radius-btn) !important;
  padding: 10px 24px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  background-color: #ec2026 !important;
  border-color: #ec2026 !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: background 0.2s ease !important;
}

.sec-creditos .dipi-flip-box-back a.et_pb_button:hover,
.sec-creditos .dipi-flip-box-back .dipi-back-button:hover {
  background-color: #c41a1f !important;
  border-color: #c41a1f !important;
}

.sec-creditos .dipi-flip-box-front,
.sec-creditos .dipi-flip-box-back {
  text-align: left !important;
  padding: 28px 24px !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

.sec-creditos .dipi-flip-box-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--color-white) !important;
  margin-bottom: 10px !important;
  line-height: 1.35 !important;
}

.sec-creditos .dipi-flip-box-description {
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.65) !important;
  line-height: 1.6 !important;
  margin-bottom: 20px !important;
}

@media (max-width: 980px) {
  .sec-creditos h2 {
    font-size: 38px !important;
  }
}

@media (max-width: 767px) {
  .sec-creditos h2 {
    font-size: 28px !important;
  }

  .sc-hero-person img {
    max-height: 320px !important;
  }

  .sc-dollar-badge {
    top: 10px !important;
    right: 10px !important;
  }

  .sc-badge-wrap {
    width: 50px;
    height: 50px;
  }

  .sc-badge-icon {
    font-size: 20px;
  }
}

.is-featured {
  background-color: #FEF0E2;
}


/* ==========================================================================
   8. SECTION: INMOBILIARIA (.sec-inmobiliaria)
   ========================================================================== */







/* ==========================================================================
   9. SECTION: COMERCIAL (.sec-comercial)
   ========================================================================== */

#sec-comercial {
  background-position-x: 100%;
  background-position-y: 100%;
  background-size: 40% !important;
  background-attachment: fixed;
}

.sec-comercial .sc-comercial-copy h2,
.sec-comercial .et_pb_text h2 {
  font-size: var(--fs-h2) !important;
  color: var(--color-red) !important;
}

.sec-comercial .sc-comercial-copy p,
.sec-comercial .et_pb_text p {
  font-size: var(--fs-text-lead) !important;
}

.sec-comercial .et_pb_button {
  background: var(--color-red) !important;
  color: var(--color-white) !important;
  border-radius: var(--border-radius-btn) !important;
  padding: 15px 39px !important;
}

.sec-comercial .et_pb_button:hover {
  background: var(--color-red) !important;
}



/* ==========================================================================
   10. SECTION: AGROPECUARIA V2 (.sec-agropecuaria-v2)
   ========================================================================== */

#division-agropecuaria-v2,
.sec-agropecuaria-v2 {
  background-position-x: -10%;
  background-position-y: 10%;
  background-size: 50% !important;
  background-attachment: fixed;
}


#division-agropecuaria-v2 .sc-agro-hero-row-v2,
.sec-agropecuaria-v2 .sc-agro-hero-row-v2 {
  /* grid-column: 1 !important;
  grid-row: 1 / span 3 !important; */
}

/* #division-agropecuaria-v2 .sc-agro-hero-row-v2::before,
.sec-agropecuaria-v2 .sc-agro-hero-row-v2::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 46%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(5, 39, 20, 0.42) 100%);
  pointer-events: none;
  z-index: 1;
} */

#division-agropecuaria-v2 .sc-agro-content-col-v2,
.sec-agropecuaria-v2 .sc-agro-content-col-v2 {
  /* position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important; */
}

#division-agropecuaria-v2 .sc-agro-copy-v2 h2,
.sec-agropecuaria-v2 .sc-agro-copy-v2 h2 {
  margin: 0 0 24px 0 !important;
  color: var(--color-white) !important;
  font-family: var(--font-heading) !important;
  font-size: var(--fs-h2) !important;

}

#division-agropecuaria-v2 .sc-agro-copy-v2 p,
.sec-agropecuaria-v2 .sc-agro-copy-v2 p {
  color: var(--color-white) !important;
  font-size: var(--fs-text-lead) !important;
}



#division-agropecuaria-v2 .sc-agro-main-button-v2,
.sec-agropecuaria-v2 .sc-agro-main-button-v2 {
  padding: 14px 30px !important;
  border-radius: var(--border-radius-btn) !important;
  background: var(--color-accent) !important;
  color: var(--color-white) !important;
}

#division-agropecuaria-v2 .sc-agro-main-button-v2:hover,
.sec-agropecuaria-v2 .sc-agro-main-button-v2:hover {
  background: var(--color-pantone-165) !important;
}


#division-agropecuaria-v2 .sc-agro-main-image-v2,
.sec-agropecuaria-v2 .sc-agro-main-image-v2 {
  width: min(74%, 530px) !important;
  max-width: 530px !important;
  margin: 0 !important;
  position: absolute !important;
  right: -6px !important;
  bottom: 0 !important;
  z-index: 3 !important;
}

#division-agropecuaria-v2 .sc-agro-main-image-v2 img,
.sec-agropecuaria-v2 .sc-agro-main-image-v2 img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* Tarjetas laterales */
#division-agropecuaria-v2 .sc-agro-cards-row-v2,
.sec-agropecuaria-v2 .sc-agro-cards-row-v2 {
  grid-column: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  align-items: stretch !important;
}

#division-agropecuaria-v2 .dipi_flip_box,
.sec-agropecuaria-v2 .dipi_flip_box {
  width: 100% !important;
  margin: 0 !important;
  border-radius: var(--border-radius-card) !important;
  overflow: hidden !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08) !important;
}

/* #division-agropecuaria-v2 .dipi-flip-box-container,
.sec-agropecuaria-v2 .dipi-flip-box-container,
#division-agropecuaria-v2 .dipi-flip-box-inner,
.sec-agropecuaria-v2 .dipi-flip-box-inner,
#division-agropecuaria-v2 .dipi-flip-box-inner-wrapper,
.sec-agropecuaria-v2 .dipi-flip-box-inner-wrapper {
  min-height: 306px !important;
  height: 306px !important;
  border-radius: 22px !important;
} */

#division-agropecuaria-v2 .dipi-flip-box-front-side,
.sec-agropecuaria-v2 .dipi-flip-box-front-side,
#division-agropecuaria-v2 .dipi-flip-box-back-side,
.sec-agropecuaria-v2 .dipi-flip-box-back-side {
  background: var(--agro-card) !important;
  border: 1px solid var(--agro-border) !important;
  border-radius: var(--border-radius-card) !important;
  overflow: hidden !important;
  backdrop-filter: blur(8px);
}

#division-agropecuaria-v2 .dipi-flip-box-front-side-innner,
.sec-agropecuaria-v2 .dipi-flip-box-front-side-innner,
#division-agropecuaria-v2 .dipi-flip-box-back-side-innner,
.sec-agropecuaria-v2 .dipi-flip-box-back-side-innner {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  padding: 0 !important;
}

#division-agropecuaria-v2 .dipi-flip-box-inner-wrapper {
  height: 200px !important;
}

#division-agropecuaria-v2 .dipi-image-wrap,
.sec-agropecuaria-v2 .dipi-image-wrap {
  flex: 0 0 52% !important;
  width: 52% !important;
  height: 100% !important;
  margin: 0 !important;
  border-radius: var(--border-radius-card) 0 0 var(--border-radius-card) !important;
  overflow: hidden !important;
}

#division-agropecuaria-v2 .dipi-image-wrap img,
.sec-agropecuaria-v2 .dipi-image-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

#division-agropecuaria-v2 .dipi-flip-box-front-side .dipi-text,
.sec-agropecuaria-v2 .dipi-flip-box-front-side .dipi-text,
#division-agropecuaria-v2 .dipi-flip-box-back-side .dipi-text,
.sec-agropecuaria-v2 .dipi-flip-box-back-side .dipi-text {
  flex: 1 1 auto !important;
  width: 48% !important;
  padding: 40px 28px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: left !important;
  position: relative !important;
}

/* #division-agropecuaria-v2 .dipi-flip-box-heading,
.sec-agropecuaria-v2 .dipi-flip-box-heading {
  margin: 0 0 16px 0 !important;
  color: var(--color-white) !important;
  font-family: var(--font-heading) !important;
  font-size: var(--fs-h5) !important;
  font-weight: 800 !important;
  line-height: 1.06 !important;
  letter-spacing: -1.4px !important;
} */

/* #division-agropecuaria-v2 .dipi-desc,
.sec-agropecuaria-v2 .dipi-desc,
#division-agropecuaria-v2 .dipi-desc p,
.sec-agropecuaria-v2 .dipi-desc p {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-family: var(--font-reading) !important;
  ffont-size: var(--fs-body) !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
} */



#division-agropecuaria-v2 .dipi-back-button,
.sec-agropecuaria-v2 .dipi-back-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  padding: 8px 18px !important;
  border-radius: var(--border-radius-btn) !important;
  background: var(--sc-blue) !important;
  color: var(--color-white) !important;
}

/* @media (max-width: 1280px) {

  #division-agropecuaria-v2,
  .sec-agropecuaria-v2 {
    padding-left: 28px !important;
    padding-right: 28px !important;
    gap: 22px !important;
  }

  #division-agropecuaria-v2 .sc-agro-copy-v2 h2,
  .sec-agropecuaria-v2 .sc-agro-copy-v2 h2 {
    font-size: 60px !important;
  }
} */

/* @media (max-width: 980px) {

  #division-agropecuaria-v2,
  .sec-agropecuaria-v2 {
    display: block !important;
    padding: 20px 18px 26px !important;
  }

  #division-agropecuaria-v2 .sc-agro-hero-row-v2,
  .sec-agropecuaria-v2 .sc-agro-hero-row-v2 {
    min-height: 760px !important;
    margin-bottom: 22px !important;
  }

  #division-agropecuaria-v2 .sc-agro-content-col-v2,
  .sec-agropecuaria-v2 .sc-agro-content-col-v2 {
    padding: 150px 28px 28px !important;
  }

  #division-agropecuaria-v2 .sc-agro-copy-v2 h2,
  .sec-agropecuaria-v2 .sc-agro-copy-v2 h2 {
    font-size: 52px !important;
  }

  #division-agropecuaria-v2 .sc-agro-main-image-v2,
  .sec-agropecuaria-v2 .sc-agro-main-image-v2 {
    width: min(76%, 430px) !important;
  }
} */

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

  #division-agropecuaria-v2 .sc-agro-hero-row-v2,
  .sec-agropecuaria-v2 .sc-agro-hero-row-v2 {
    min-height: 680px !important;
  }

  #division-agropecuaria-v2 .sc-agro-content-col-v2,
  .sec-agropecuaria-v2 .sc-agro-content-col-v2 {
    padding: 126px 22px 22px !important;
  }

  #division-agropecuaria-v2 .sc-agro-copy-v2 h2,
  .sec-agropecuaria-v2 .sc-agro-copy-v2 h2 {
    font-size: 42px !important;
  }

  #division-agropecuaria-v2 .sc-agro-main-button-v2,
  .sec-agropecuaria-v2 .sc-agro-main-button-v2 {
    width: 100% !important;
    max-width: 252px !important;
  }

  #division-agropecuaria-v2 .dipi-flip-box-front-side-innner,
  .sec-agropecuaria-v2 .dipi-flip-box-front-side-innner,
  #division-agropecuaria-v2 .dipi-flip-box-back-side-innner,
  .sec-agropecuaria-v2 .dipi-flip-box-back-side-innner {
    flex-direction: column !important;
  }

  #division-agropecuaria-v2 .dipi-image-wrap,
  .sec-agropecuaria-v2 .dipi-image-wrap {
    width: 100% !important;
    height: 220px !important;
    flex-basis: 220px !important;
    border-radius: var(--border-radius-card) var(--border-radius-card) 0 0 !important;
  }
} */

.sc-agro-cards-row-v2 .et_pb_column {
  /* width: 100% !important; */
}

#division-agropecuaria-v2 .sc-agro-hero-row-v2 .sc-agro-content-col-v2,
#division-agropecuaria-v2 .sc-agro-hero-row-v2 .sc-agro-img-col-v2 {
  /* float: none !important; */
}

/* ==========================================================================
   11. SECTION: GENERANDO PROGRESO (#sec-generando-progreso-san)
   ========================================================================== */



#sec-generando-progreso-san .my-item-a:nth-of-type(1) {
  font-size: var(--fs-h5) !important;
  font-weight: 900 !important;
  color: var(--color-primary) !important;
  font-family: var(--font-heading) !important;
  line-height: 1;
}

#sec-generando-progreso-san .my-item-a:nth-of-type(2) {
  font-size: var(--fs-h1) !important;
  font-weight: 900 !important;
  color: var(--color-body) !important;
  font-family: var(--font-heading) !important;
  line-height: 1;
}

#sec-generando-progreso-san .my-item-a:nth-of-type(3) {
  color: var(--color-accent) !important;
  font-size: var(--fs-h4);
}

@media (max-width: 980px) {
  #sec-generando-progreso-san>.et_pb_row {
    flex-direction: column !important;
  }

  #sec-generando-progreso-san .my-item-a:nth-of-type(2) {
    font-size: 50px !important;
  }
}

/* ==========================================================================
   12. SECTION: PORTAL TRANSACCIONAL (#sec-portal-transaccional)
   ========================================================================== */



#sec-portal-transaccional .et_pb_module_header {
  font-size: var(--fs-h3) !important;
  font-weight: 800 !important;
  color: var(--color-primary) !important;
}

#sec-portal-transaccional .et_pb_button {
  /* background: var(--color-accent) !important;
  border-radius: var(--border-radius-btn) !important;
  font-weight: 800 !important;
  color: var(--color-white) !important */
}

#sec-portal-transaccional .et-pb-icon {
  color: var(--color-accent);
}


/* ================================================================
   FOOTER — Financiera Maicito
   CSS basado en estilos computados reales del DOM
   Clases: .footer-main  |  .footer-postlist  |
           .footer-menu-enlaces  |  .footer-menu-contacto  |
           .footer-social  |  .footer-copyright
   ================================================================ */


/* ══════════════════════════════════════════════════════════════
   1. DIVISOR DE SECCIÓN (df-heading-divider)
   Estado actual: background-color transparente → invisible
   Target: línea naranja #f5a623, 2px alto, 48px ancho
   ══════════════════════════════════════════════════════════════ */

.footer-main .df-heading-divider {
  display: block !important;
  text-align: left !important;
}

.footer-main .df-divider-line {
  background-color: #f5a623 !important;
  height: 2px !important;
  width: 48px !important;
  display: block !important;
  margin: 0 !important;
}


/* ══════════════════════════════════════════════════════════════
   2. COL 1 — PUBLICACIONES DESTACADAS (difl_postlist)
   Estado actual:
     - .df-posts-wrap: display:flex → items en fila horizontal
     - article: display:flex
     - color general: rgb(102,102,102)
     - a: color rgb(102,102,102)
   Target: lista vertical, texto blanco/gris claro, hover naranja
   ══════════════════════════════════════════════════════════════ */

/* Contenedor principal: forzar columna vertical */
.footer-postlist .df-posts-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

/* Cada artículo: bloque vertical, separador inferior sutil */
.footer-postlist .df-post-item {
  display: block !important;
  width: 100% !important;
  padding-bottom: 14px !important;
  margin-bottom: 14px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
}

.footer-postlist .df-post-item:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#footer-iw .footer-postlist .df-post-outer-wrap,
#footer-iw .footer-postlist .df-post-inner-wrap {
  display: block !important;
  width: 100% !important;
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}

/* Span y enlace del título */
.footer-postlist .df-post-title {
  display: block !important;
  color: #c8cfd8 !important;
}

.footer-postlist .df-post-title a {
  color: #c8cfd8 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.footer-postlist .df-post-title a:hover {
  color: #f5a623 !important;
}


/* ══════════════════════════════════════════════════════════════
   3. COL 2 — ENLACES DE INTERÉS (difl_vertical_menu_0)
   Estado actual:
     - ul.df-vertical-menu-nav: display:flex → items en fila
     - li: display:flex
     - a y span: color rgb(46,163,242) azul Divi
     - font-size: 16px (demasiado grande)
   Target: lista vertical, texto gris claro, centrado, hover blanco
   ══════════════════════════════════════════════════════════════ */

.footer-menu-enlaces .df-vertical-menu-nav {
  display: flex !important;
  flex-direction: column !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
}

.footer-menu-enlaces .df-vertical-menu-item {
  display: block !important;
  width: 100% !important;
  border: none !important;
  padding: 0 0 12px !important;
  margin: 0 !important;
}

.footer-menu-enlaces .df-vertical-menu-item:last-child {
  padding-bottom: 0 !important;
}

.footer-menu-enlaces a.df_vertical_menu_item_elements_wrapper {
  display: block !important;
  text-align: center !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.footer-menu-enlaces .df-vertical-menu-item-title {
  color: #9aaab8 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  display: block !important;
  text-align: left !important;
}

.footer-menu-enlaces .df-vertical-menu-item:hover .df-vertical-menu-item-title,
.footer-menu-enlaces a.df_vertical_menu_item_elements_wrapper:hover .df-vertical-menu-item-title {
  color: #ffffff !important;
}

/* Ocultar toggle de submenú */
.footer-menu-enlaces .df-sub-menu-toggle {
  display: none !important;
}


/* ══════════════════════════════════════════════════════════════
   4. COL 3 — DATOS DE CONTACTO (difl_vertical_menu_1)
   Estado actual: mismo problema que col2 + necesita íconos naranja
   Target: lista vertical, ícono naranja + texto gris claro
   ══════════════════════════════════════════════════════════════ */

.footer-menu-contacto .df-vertical-menu-nav {
  display: flex !important;
  flex-direction: column !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
}

.footer-menu-contacto .df-vertical-menu-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 10px !important;
  border: none !important;
  padding: 0 0 16px !important;
  margin: 0 !important;
  width: 100% !important;
}

.footer-menu-contacto .df-vertical-menu-item:last-child {
  padding-bottom: 0 !important;
}

/* Pseudo-ícono naranja antes de cada ítem */
.footer-menu-contacto .df-vertical-menu-item::before {
  flex-shrink: 0 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: #f5a623 !important;
  width: 20px !important;
  text-align: center !important;
  margin-top: 1px !important;
}

/* Ícono por posición — ajusta según el orden de tu menú */
.footer-menu-contacto .df-vertical-menu-item:nth-child(1)::before {
  content: '☎';
}

.footer-menu-contacto .df-vertical-menu-item:nth-child(2)::before {
  content: '📱';
  font-size: 13px !important;
}

.footer-menu-contacto .df-vertical-menu-item:nth-child(3)::before {
  content: '✉';
}

.footer-menu-contacto .df-vertical-menu-item:nth-child(4)::before {
  content: '📍';
  font-size: 13px !important;
}

.footer-menu-contacto a.df_vertical_menu_item_elements_wrapper {
  display: block !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  text-decoration: none !important;
  flex: 1 !important;
  transition: color 0.2s ease !important;
}

.footer-menu-contacto .df-vertical-menu-item-title {
  color: #c8cfd8 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  display: block !important;
}

.footer-menu-contacto .df-vertical-menu-item:hover .df-vertical-menu-item-title {
  color: #ffffff !important;
}

.footer-menu-contacto .df-sub-menu-toggle {
  display: none !important;
}


/* ══════════════════════════════════════════════════════════════
   5. COL 4 — BLURB + SOCIAL
   Estado actual:
     - strong: hereda color gris rgb(154,170,184) → necesita blanco
     - social icons: fondo transparente, color azul Divi
   ══════════════════════════════════════════════════════════════ */

/* www.maicito.com en blanco bold */
.footer-main .et_pb_blurb_description strong {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Logo: tamaño controlado */
.footer-main .et_pb_main_blurb_image img {
  max-width: 160px !important;
  height: auto !important;
  display: block !important;
  margin-bottom: 0px !important;
}

#footer-iw .et_pb_social_media_follow li {
  border: initial !important;
}

#footer-copyright .et_pb_menu__menu>nav>ul>li a>span {
  color: #9aaab8 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  display: block !important;
  text-align: left !important;
}

#footer-copyright .et_pb_menu__menu>nav>ul>li a>span:after {
  content: initial;
}

#footer-copyright .et_pb_menu__menu>nav>ul>li a:hover>span {
  color: #ffffff !important;
}


/* ══════════════════════════════════════════════════════════════
  BARRA COPYRIGHT INFERIOR (.footer-copyright)
   ══════════════════════════════════════════════════════════════ */

.footer-copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
}

.footer-copyright .et_pb_text_inner p {
  margin: 0 !important;
  color: #6b7a8d !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.footer-copy-right .et_pb_text_inner {
  text-align: right !important;
}

.footer-copy-right .et_pb_text_inner p {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 16px !important;
}

.footer-copy-icon {
  color: #9aaab8 !important;
  font-size: 13px !important;
  flex-shrink: 0 !important;
}

#footer-iw .footer-main .et_pb_social_media_follow li {
  border: initial !important;
}


@media (max-width: 980px) {

  .footer-menu-enlaces .df-vertical-menu-item-title,
  .footer-menu-contacto .df-vertical-menu-item-title {
    font-size: 13px !important;
  }

  .footer-copy-right .et_pb_text_inner {
    text-align: left !important;
  }

  .footer-copy-right .et_pb_text_inner p {
    justify-content: flex-start !important;
  }
}

@media (max-width: 767px) {
  .footer-main .et_pb_column {
    margin-bottom: 36px !important;
  }

  .footer-menu-enlaces .df-vertical-menu-item-title {
    text-align: left !important;
  }
}





/* ==========================================================
   Maicito - Crédito en 5 pasos
   ID principal: #mod-credito-5-pasos
   ========================================================== */



#mod-credito-5-pasos::before {
  width: 210px;
  height: 210px;
  top: -145px;
  left: -92px;
}

#mod-credito-5-pasos::after {
  width: 270px;
  height: 270px;
  top: -202px;
  left: -147px;
}




#mod-credito-5-pasos-encabezado::before,
#mod-credito-5-pasos-encabezado::after,
#mod-credito-5-pasos-lista::before,
#mod-credito-5-pasos-lista::after {
  content: none !important;
  display: none !important;
}

#mod-credito-5-pasos-titulo {
  margin: 0 0 18px !important;
  padding: 0 !important;
  text-align: center !important;
}

#mod-credito-5-pasos-titulo .et_pb_module_heading {
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--font-heading) !important;
  font-size: clamp(38px, 3.3vw, 54px) !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
}

#mod-credito-5-pasos-subtitulo {
  padding-bottom: 40px;
}

#mod-credito-5-pasos-subtitulo .et_pb_text_inner {
  font-family: var(--font-reading) !important;
  font-size: clamp(18px, 1.35vw, 21px) !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  color: var(--color-gray) !important;
  text-align: center !important;
}

/* Fila de pasos */
#mod-credito-5-pasos-lista {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 30px !important;
  align-items: stretch !important;
}

#mod-credito-5-pasos-lista>.et_pb_column {
  position: relative !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: stretch !important;
}

/* Números circulares */
#mod-credito-5-pasos-lista>.et_pb_column::before {
  content: "";
  position: absolute;
  top: -29px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 60px;
  border-radius: var(--border-radius-btn);
  background: var(--color-accent);
  color: var(--color-white);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading) !important;
  font-size: 24px;
  line-height: 1;
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(var(--color-accent-rgb), 0.22);
}

#mod-credito-5-pasos-lista>.et_pb_column:nth-child(1)::before {
  content: "1";
}

#mod-credito-5-pasos-lista>.et_pb_column:nth-child(2)::before {
  content: "2";
}

#mod-credito-5-pasos-lista>.et_pb_column:nth-child(3)::before {
  content: "3";
}

#mod-credito-5-pasos-lista>.et_pb_column:nth-child(4)::before {
  content: "4";
}

#mod-credito-5-pasos-lista>.et_pb_column:nth-child(5)::before {
  content: "5";
}

/* Card base */
#mod-credito-5-pasos .mod-credito-step-card {
  width: 100% !important;
  height: 100% !important;
  min-height: 285px !important;
  margin: 0 !important;
  padding: 54px 28px 30px !important;
  border: 1px solid var(--color-secondary) !important;
  border-radius: var(--border-radius-card) !important;
  background: var(--color-white) !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14) !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  overflow: visible !important;
}

#mod-credito-5-pasos .mod-credito-step-card .et_pb_blurb_content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
}

#mod-credito-5-pasos .mod-credito-step-card .et_pb_main_blurb_image {
  margin: 0 0 24px !important;
  line-height: 1 !important;
  text-align: center !important;
}

#mod-credito-5-pasos .mod-credito-step-card .et_pb_image_wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
}

#mod-credito-5-pasos .mod-credito-step-card .et-pb-icon {
  font-size: 40px !important;
  line-height: 1 !important;
  color: var(--color-primary) !important;
}

#mod-credito-5-pasos .mod-credito-step-card .et_pb_module_header {
  margin: 0 0 14px !important;
  padding: 0 !important;
  text-align: center !important;
}

#mod-credito-5-pasos .mod-credito-step-card .et_pb_module_header,
#mod-credito-5-pasos .mod-credito-step-card .et_pb_module_header span {
  font-family: var(--font-heading) !important;
  font-size: clamp(20px, 1.45vw, 24px) !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  color: var(--color-dark) !important;
}

#mod-credito-5-pasos .mod-credito-step-card .et_pb_blurb_description,
#mod-credito-5-pasos .mod-credito-step-card .et_pb_blurb_description p {
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--font-reading) !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  color: var(--color-gray) !important;
  text-align: center !important;
}

/* Paso destacado */
#mod-credito-5-pasos .mod-credito-step-featured {
  background: var(--color-dark) !important;
  border-color: var(--color-dark) !important;
  box-shadow: 0 10px 22px rgba(var(--color-dark-rgb), 0.28) !important;
}

#mod-credito-5-pasos .mod-credito-step-featured .et-pb-icon {
  color: var(--color-accent) !important;
}

#mod-credito-5-pasos .mod-credito-step-featured .et_pb_module_header,
#mod-credito-5-pasos .mod-credito-step-featured .et_pb_module_header span,
#mod-credito-5-pasos .mod-credito-step-featured .et_pb_blurb_description,
#mod-credito-5-pasos .mod-credito-step-featured .et_pb_blurb_description p {
  color: var(--color-white) !important;
}

#mod-credito-descripcion .et_pb_main_blurb_image {
  background: rgba(255, 99, 25, 0.12) !important;
}

#mod-credito-descripcion .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
  color: var(--color-accent);
}

#mod-credito-descripcion .mod-credito-descripcion-condicion .et_pb_main_blurb_image,
.mod-credito-descripcion .mod-credito-descripcion-condicion .et_pb_main_blurb_image,
#mod-credito-descripcion .mod-credito-descripcion-condicion .et_pb_image_wrap,
.mod-credito-descripcion .mod-credito-descripcion-condicion .et_pb_image_wrap {
  width: 52px !important;
  height: 52px !important;
  margin: 0 !important;
  border-radius: var(--border-radius-card) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

#mod-cinta-creditos-row,
.mod-cinta-creditos-row {
  padding: 30px 50px 30px 50px !important;
  border-radius: var(--border-radius-card) !important;
  background: var(--color-dark);
  box-shadow: 0 12px 24px rgba(0, 50, 95, 0.18) !important;
  overflow: hidden !important;
  column-gap: 30px !important;
  align-items: center !important;
}

#mod-cinta-creditos-row .et_pb_main_blurb_image,
.mod-cinta-creditos-row .et_pb_main_blurb_image {
  width: 60px !important;
  height: 60px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: var(--border-radius-card) !important;
  background: var(--color-accent);
  line-height: 1 !important;
}

.mod-credito-descripcion .mod-credito-descripcion-titulo .et_pb_module_heading {
  color: var(--color-dark) !important;
}

.mod-title-features-grid .et_pb_module_heading {
  color: var(--color-dark) !important;
}

/* Tarjeta derecha */
#mod-credito-descripcion .mod-credito-descripcion-card-col,
.mod-credito-descripcion .mod-credito-descripcion-card-col {

  background: var(--color-white) !important;
  border-radius: var(--border-radius-card) !important;
  padding: 48px 48px 42px !important;
  box-shadow: 0 22px 34px rgba(17, 29, 53, 0.16) !important;

}

.mod-credito-descripcion .mod-credito-descripcion-texto {
  font-size: var(--fs-text-lead);
}

#mod-cinta-creditos,
.mod-cinta-creditos {

  background: #ffffff !important;
  padding: 30px 0 !important;
}


/* Hover animado para las cards de crédito */


#mod-credito-5-pasos .mod-credito-paso,
#mod-credito-5-pasos .et_pb_blurb {
  transform: translateY(0);
  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    border-color 220ms ease,
    background-color 220ms ease;
  will-change: transform;
}

#mod-credito-5-pasos .mod-credito-paso:hover,
#mod-credito-5-pasos .et_pb_blurb:hover {
  transform: translateY(-10px);
  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.18) !important;
  border-color: rgba(var(--color-accent-rgb), 0.26) !important;
}

/* Círculo numerado superior */
#mod-credito-5-pasos .mod-credito-paso::before,
#mod-credito-5-pasos .et_pb_blurb::before {
  transition:
    background-color 220ms ease,
    box-shadow 220ms ease,
    transform 220ms ease;
}

#mod-credito-5-pasos .mod-credito-paso:hover::before,
#mod-credito-5-pasos .et_pb_blurb:hover::before {
  background-color: var(--color-accent) !important;
  box-shadow: 0 12px 24px rgba(var(--color-accent-rgb), 0.28) !important;
  transform: translateX(-50%) translateY(-2px) scale(1.04);
}

/* Íconos dentro de cada blurb */
#mod-credito-5-pasos .mod-credito-paso .et-pb-icon,
#mod-credito-5-pasos .et_pb_blurb .et-pb-icon {
  transition:
    color 220ms ease,
    transform 220ms ease;
}

#mod-credito-5-pasos .mod-credito-paso:hover .et-pb-icon,
#mod-credito-5-pasos .et_pb_blurb:hover .et-pb-icon {
  transform: scale(1.06);
}

/* Mantener contraste en la quinta card oscura */
#mod-credito-5-pasos .mod-credito-paso-5:hover,
#mod-credito-5-pasos .et_pb_blurb:last-child:hover {
  box-shadow: 0 20px 38px rgba(var(--color-dark-rgb), 0.28) !important;
}



/* Igualar altura de las 3 cards de pasos */


#mod-cardspasos-cards-row {
  align-items: stretch !important;
}

#mod-cardspasos-cards-row>.mod-cardspasos-column {
  display: flex !important;
  align-items: stretch !important;
}

#mod-cardspasos-cards-row .mod-cardspasos-card,
#mod-cardspasos-cards-row .mod-cardspasos-card>.et_pb_module_inner,
#mod-cardspasos-cards-row .mod-cardspasos-card .dipi-flip-box-container,
#mod-cardspasos-cards-row .mod-cardspasos-card .dipi-flip-box-inner,
#mod-cardspasos-cards-row .mod-cardspasos-card .dipi-flip-box-inner-wrapper,
#mod-cardspasos-cards-row .mod-cardspasos-card .dipi-flip-box-front-side,
#mod-cardspasos-cards-row .mod-cardspasos-card .dipi-flip-box-front-side-wrapper,
#mod-cardspasos-cards-row .mod-cardspasos-card .dipi-flip-box-front-side-innner {
  height: 100% !important;
  min-height: 100% !important;
}

#mod-cardspasos-cards-row .mod-cardspasos-card {
  width: 100% !important;
}

#mod-cardspasos-cards-row .mod-cardspasos-card .dipi-flip-box-front-side-innner {
  display: flex !important;
  flex-direction: column !important;
}

#mod-cinta-creditos-row .mod-cinta-creditos-item .et_pb_blurb_content,
.mod-cinta-creditos-row .mod-cinta-creditos-item .et_pb_blurb_content,
#mod-cinta-creditos-row .et_pb_blurb_content,
.mod-cinta-creditos-row .et_pb_blurb_content {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  column-gap: 20px !important;

}

/* Ajuste hover v2: el círculo sube exactamente junto con la card y cambia a var(--color-accent) */

#mod-credito-5-pasos .mod-credito-paso,
#mod-credito-5-pasos .et_pb_blurb {
  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    border-color 220ms ease,
    background-color 220ms ease !important;
}

#mod-credito-5-pasos .mod-credito-paso:hover,
#mod-credito-5-pasos .et_pb_blurb:hover {
  transform: translateY(-10px) !important;
}

#mod-credito-5-pasos .mod-credito-paso::before,
#mod-credito-5-pasos .et_pb_blurb::before {
  background-color: var(--color-accent);
  transform: translateX(-50%) !important;
  transition:
    background-color 220ms ease,
    box-shadow 220ms ease !important;
}

#mod-credito-5-pasos .mod-credito-paso:hover::before,
#mod-credito-5-pasos .et_pb_blurb:hover::before {
  background-color: var(--color-accent) !important;
  box-shadow: 0 12px 24px rgba(var(--color-accent-rgb), 0.28) !important;
  transform: translateX(-50%) !important;
}



/* mod-cinta-creditos
   Cinta informativa de créditos inspirada en el PNG de referencia.
   CSS pensado para pegar en Divi > Opciones del tema > CSS personalizado
   o en el CSS personalizado de la página. */






/* Franja naranja izquierda */
#mod-cinta-creditos-row::before,
.mod-cinta-creditos-row::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
  height: 100%;
  background: var(--mc-orange);
  z-index: 3;
}

/* Círculo translúcido derecho */
#mod-cinta-creditos-row::after,
.mod-cinta-creditos-row::after {
  content: "";
  position: absolute;
  right: -38px;
  top: -50px;
  width: 178px;
  height: 178px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.22);
  z-index: 1;
  pointer-events: none;
}

#mod-cinta-creditos-row>.et_pb_column,
.mod-cinta-creditos-row>.et_pb_column {
  position: relative !important;
  z-index: 4 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  min-height: 0 !important;
}

#mod-cinta-creditos-row .mod-cinta-creditos-item,
.mod-cinta-creditos-row .mod-cinta-creditos-item,
#mod-cinta-creditos-row .et_pb_blurb,
.mod-cinta-creditos-row .et_pb_blurb {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}


#mod-cinta-creditos-row .et-pb-icon,
.mod-cinta-creditos-row .et-pb-icon {
  color: #ffffff !important;
  font-size: 28px !important;
  line-height: 1 !important;
}

#mod-cinta-creditos-row .et_pb_blurb_container,
.mod-cinta-creditos-row .et_pb_blurb_container {
  width: 100% !important;
  padding: 0 !important;
}


#mod-cinta-creditos-row .mod-cinta-creditos-item,
.mod-cinta-creditos-row .mod-cinta-creditos-item {
  transition: transform 220ms ease, opacity 220ms ease !important;
}

#mod-cinta-creditos-row .mod-cinta-creditos-item:hover,
.mod-cinta-creditos-row .mod-cinta-creditos-item:hover {
  transform: translateY(-3px) !important;
}



/* mod-credito-descripcion
   Sección descripción crédito de libre inversión.
   Pegar en Divi > Opciones del tema > CSS personalizado o en la página. */

#mod-credito-descripcion,
.mod-credito-descripcion {

  background: var(--color-white) !important;
  padding: 50px 0 !important;
}



#mod-credito-descripcion-card-titulo,
.mod-credito-descripcion-card-titulo {
  margin: 0 0 30px !important;
  padding: 0 !important;
}


/* Items de condiciones */
#mod-credito-descripcion .mod-credito-descripcion-condicion,
.mod-credito-descripcion .mod-credito-descripcion-condicion {
  margin: 0 0 24px !important;
  padding: 0 !important;
  background: transparent !important;
}

#mod-credito-descripcion .mod-credito-descripcion-condicion:last-child,
.mod-credito-descripcion .mod-credito-descripcion-condicion:last-child {
  margin-bottom: 0 !important;
}

#mod-credito-descripcion .mod-credito-descripcion-condicion .et_pb_blurb_content,
.mod-credito-descripcion .mod-credito-descripcion-condicion .et_pb_blurb_content {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  column-gap: 20px !important;
  align-items: center !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}


#mod-credito-descripcion .mod-credito-descripcion-condicion .et-pb-icon,
.mod-credito-descripcion .mod-credito-descripcion-condicion .et-pb-icon {
  font-size: 20px !important;
  line-height: 1 !important;
}

#mod-credito-descripcion .mod-credito-descripcion-condicion .et_pb_blurb_container,
.mod-credito-descripcion .mod-credito-descripcion-condicion .et_pb_blurb_container {
  padding: 0 !important;
  width: 100% !important;
}


/* mod-cta-creditos
   Hero CTA de Créditos de Libre Inversión.
   Pegar en Divi > Opciones del tema > CSS personalizado o en la página. */


/* Título principal */
#mod-cta-creditos-texto h1,
.mod-cta-creditos-texto h1 {
  color: var(--color-primary) !important;
  font-size: var(--fs-h1);
}

#mod-cta-creditos-texto h1 span,
.mod-cta-creditos-texto h1 span {
  display: block !important;
  color: var(--color-dark) !important
}

/* "en Bucaramanga" */
#mod-cta-creditos-texto .mod-cta-creditos-city,
.mod-cta-creditos-texto .mod-cta-creditos-city {
  color: var(--color-accent) !important;
}




/* mod-tabs-verticales-creditos
   Tabs verticales para Condiciones y Garantías.
   Pegar en Divi > Opciones del tema > CSS personalizado o en la página. */

#mod-tabs-verticales-creditos,
.mod-tabs-verticales-creditos {
  --tabs-blue: #006fba;
  --tabs-blue-dark: #27235f;
  --tabs-cyan: #28abe1;
  --tabs-orange: #ff6319;
  --tabs-text: #697386;
  --tabs-border: #dfe8f1;
  --tabs-soft-blue: #eaf5fc;
  --tabs-soft-orange: #fff0e8;
  --tabs-soft-violet: #eeeeff;
}



#mod-tabs-verticales-titulo,
.mod-tabs-verticales-titulo {
  position: relative !important;
  margin-bottom: 28px !important;
}

#mod-tabs-verticales-titulo h2,
#mod-tabs-verticales-titulo .et_pb_module_heading,
.mod-tabs-verticales-titulo h2,
.mod-tabs-verticales-titulo .et_pb_module_heading {
  color: var(--color-dark) !important;
  font-size: var(--fs-h3) !important;
}



#mod-tabs-verticales-descripcion,
.mod-tabs-verticales-descripcion {
  margin-top: 50px !important;
}



#mod-tabs-verticales .dipi-advanced-tabs,
.mod-tabs-verticales .dipi-advanced-tabs {
  display: grid !important;
  grid-template-columns: 300px minmax(0, 1fr) !important;
}



#mod-tabs-verticales .dipi-at-tab,
.mod-tabs-verticales .dipi-at-tab {
  display: flex !important;
  align-items: center !important;
  padding: 20px 20px !important;
  background-color: var(--color-white) !important;
  border-radius: var(--border-radius-card) !important;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease, background 220ms ease !important;
  background: #ffffff !important;
  border: 1px solid var(--color-secondary);
  margin-bottom: 15px !important
}



#mod-tabs-verticales .dipi-at-tab::before,
.mod-tabs-verticales .dipi-at-tab::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 4px;
  border-radius: 0 var(--border-radius-btn) var(--border-radius-btn) 0;
  background: var(--color-primary);
  opacity: 0.75;
}


#mod-tabs-verticales .dipi-at-tab:hover,
.mod-tabs-verticales .dipi-at-tab:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(0, 111, 186, 0.32) !important;
  box-shadow: 0 10px 20px rgba(17, 29, 53, 0.11) !important;
}

#mod-tabs-verticales .dipi-at-tab.dipi-at-tab--active,
.mod-tabs-verticales .dipi-at-tab.dipi-at-tab--active {
  background: var(--color-dark) !important;
  border-color: var(--color-dark) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 20px rgba(0, 111, 186, 0.22) !important;
}

#mod-tabs-verticales .dipi-at-tab.dipi-at-tab--active::before,
.mod-tabs-verticales .dipi-at-tab.dipi-at-tab--active::before {
  display: none !important;
}

#mod-tabs-verticales .dipi-at-tab-title,
.mod-tabs-verticales .dipi-at-tab-title {
  font-weight: 600 !important;
}

#mod-tabs-verticales .dipi-at-panels,
.mod-tabs-verticales .dipi-at-panels {
  min-width: 0 !important;
  width: 100%;
}

#mod-tabs-verticales .dipi_advanced_tabs_item,
.mod-tabs-verticales .dipi_advanced_tabs_item {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#mod-tabs-verticales .dipi-at-panel,
#mod-tabs-verticales .dipi-at-panel-content,
#mod-tabs-verticales .dipi-at-panel-text,
.mod-tabs-verticales .dipi-at-panel,
.mod-tabs-verticales .dipi-at-panel-content,
.mod-tabs-verticales .dipi-at-panel-text {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#mod-tabs-verticales .dipi-at-panel-text>p:empty,
.mod-tabs-verticales .dipi-at-panel-text>p:empty {
  display: none !important;
}

#mod-tabs-verticales .mod-tabs-panel,
.mod-tabs-verticales .mod-tabs-panel {
  position: relative !important;
  min-height: 610px !important;
  padding: 48px 48px 46px !important;
  border-top: 5px solid var(--color-dark) !important;
  border-radius: var(--border-radius-card) !important;
  background: #ffffff !important;
  box-shadow: 0 20px 38px rgba(17, 29, 53, 0.13) !important;
  overflow: hidden !important;
}


#mod-tabs-verticales .mod-tabs-panel h2::after,
.mod-tabs-verticales .mod-tabs-panel h2::after {
  content: "";
  display: block;
  width: 58px;
  height: 5px;
  margin-top: 18px;
  border-radius: var(--border-radius-btn);
  background: var(--color-accent);
}

#mod-tabs-verticales .mod-tabs-panel-intro,
.mod-tabs-verticales .mod-tabs-panel-intro {
  margin: 0 0 30px !important;
  font-size: var(--fs-text-lead) !important;
}

.mod-tabs-verticales .mod-tabs-feature-card>p:empty {
  display: none;
}

#mod-tabs-verticales .mod-tabs-feature-grid,
.mod-tabs-verticales .mod-tabs-feature-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

#mod-tabs-verticales .mod-tabs-feature-grid-single,
.mod-tabs-verticales .mod-tabs-feature-grid-single {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#mod-tabs-verticales .mod-tabs-feature-card,
.mod-tabs-verticales .mod-tabs-feature-card {
  display: grid !important;
  grid-template-columns: 50px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  min-height: 138px !important;
  padding: 18px 20px !important;
  border: 1px solid var(--tabs-border) !important;
  border-radius: var(--border-radius-card) !important;
  background: #ffffff !important;
  box-shadow: 0 5px 15px rgba(17, 29, 53, 0.035) !important;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease !important;
}

#mod-tabs-verticales .mod-tabs-feature-card:hover,
.mod-tabs-verticales .mod-tabs-feature-card:hover {
  transform: translateY(-4px) !important;
  border-color: var(--color-dark) !important;
  box-shadow: 0 13px 26px rgba(17, 29, 53, 0.12) !important;
}

#mod-tabs-verticales .mod-tabs-feature-icon,
.mod-tabs-verticales .mod-tabs-feature-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: var(--border-radius-card) !important;
  background: var(--color-dark) !important;
  color: var(--color-white) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}


#mod-tabs-verticales .mod-tabs-feature-copy h3,
.mod-tabs-verticales .mod-tabs-feature-copy h3 {
  font-size: var(--fs-h6) !important;
}





/* ==========================================================
   Módulo Divi: mod-cardspasos-section
   Cards de pasos para solicitud de crédito
   ========================================================== */
/* ==========================================================
   Módulo Divi: mod-cardspasos-section
   Cards de pasos para solicitud de crédito
   ========================================================== */


#mod-cardspasos-title h2 {
  font-size: var(--fs-h1);
  color: var(--color-dark) !important;
}

#mod-cardspasos-subtitle p {
  font-size: var(--fs-text-lead);
}







#mod-cardspasos-cards-row .mod-cardspasos-card .dipi-flip-box-front-side {

  display: block !important;
  background: #ffffff !important;
  border-radius: var(--border-radius-card) !important;
  border: 1px solid rgba(226, 232, 240, 0.55) !important;
  box-shadow: 0 13px 34px rgba(39, 35, 95, 0.055) !important;

  transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease !important;
}



#mod-cardspasos-cards-row .mod-cardspasos-card:hover .dipi-flip-box-front-side {
  transform: translateY(-8px) !important;
  box-shadow: 0 22px 52px rgba(39, 35, 95, 0.13) !important;
  border-color: rgba(226, 232, 240, 0.85) !important;
}


#mod-cardspasos-cards-row .mod-cardspasos-card .dipi-icon-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(74px, 5vw, 88px) !important;
  height: clamp(74px, 5vw, 88px) !important;
  min-width: clamp(74px, 5vw, 88px) !important;
  margin: 0 auto clamp(30px, 2.6vw, 42px) !important;
  border-radius: var(--border-radius-btn) !important;
  background: #eaf6ff !important;
}



#mod-cardspasos-cards-row .mod-cardspasos-card .dipi-flip-box-front-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  color: #0674bd !important;
  font-size: clamp(28px, 2vw, 36px) !important;
  line-height: 1 !important;
}




#mod-cardspasos-cards-row .mod-cardspasos-card .dipi-flip-box-heading {
  margin: 0 0 20px !important;
  padding: 0 !important;
  text-align: center !important;
}

#mod-cardspasos-cards-row .mod-cardspasos-card .dipi-desc {

  font-size: clamp(17px, 1.2vw, 22px) !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

#mod-cardspasos-cards-row .mod-cardspasos-note {
  display: block !important;

  margin: 10px 0px 10px 0 !important;
  padding: 10px;
  border-radius: var(--border-radius-card) !important;
  background: #f7f8fb !important;
  font-size: 10px;
  line-height: 1;
}

#mod-cardspasos-cards-row .mod-cardspasos-card .dipi-front-button {
  border-radius: var(--border-radius-btn) !important;
}




#mod-cardspasos-cards-row .dipi-front-button {
  min-width: 270px !important;
  color: #ffffff !important;
  background: #ff6319 !important;
  text-transform: none !important;
}


/* mod-cta-simular-creditos
   Hero CTA de Créditos de Libre Inversión.
   Pegar en Divi > Opciones del tema > CSS personalizado o en la página. */

#mod-cta-simular-creditos,
.mod-cta-simular-creditos {
  position: relative !important;
  overflow: visible !important;
  background: #ffffff !important;
  padding: 18px 0 !important;
}

#mod-cta-simular-creditos-card,
.mod-cta-simular-creditos-card {
  position: relative !important;
  overflow: hidden !important;
  width: 96% !important;
  max-width: 1580px !important;
  min-height: 760px !important;
  margin: 0 auto !important;
  padding: 88px 92px 86px !important;
  border-radius: var(--border-radius-card) !important;
  background:
    radial-gradient(circle at 100% 50%, rgba(40, 171, 225, 0.12) 0 30%, transparent 31%),
    linear-gradient(135deg, #ffffff 0%, #f8fbff 58%, #eef6ff 100%) !important;
  box-shadow:
    0 18px 48px rgba(17, 29, 53, 0.14),
    inset 0 0 0 1px rgba(0, 91, 187, 0.07) !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.92fr) !important;
  column-gap: clamp(48px, 7vw, 110px) !important;
  align-items: center !important;
}

/* Sol decorativo del lado derecho */
#mod-cta-simular-creditos-card::before,
.mod-cta-simular-creditos-card::before {
  content: "";
  position: absolute;
  right: -135px;
  top: -128px;
  width: 610px;
  height: 610px;
  border-radius: 50%;
  opacity: 0.85;
  background:
    repeating-conic-gradient(from 0deg,
      rgba(40, 171, 225, 0.18) 0deg 4deg,
      transparent 4deg 18deg);
  -webkit-mask: radial-gradient(circle, transparent 0 34%, #000 35% 41%, transparent 42% 100%);
  mask: radial-gradient(circle, transparent 0 34%, #000 35% 41%, transparent 42% 100%);
  z-index: 0;
  pointer-events: none;
}

/* Círculos suaves detrás de la imagen */
#mod-cta-simular-creditos-card::after,
.mod-cta-simular-creditos-card::after {
  content: "";
  position: absolute;
  right: 92px;
  top: 126px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background:
    radial-gradient(circle, transparent 0 20%, rgba(40, 171, 225, 0.16) 21% 35%, transparent 36% 100%),
    radial-gradient(circle, transparent 0 47%, rgba(40, 171, 225, 0.13) 48% 62%, transparent 63% 100%);
  z-index: 0;
  pointer-events: none;
}

#mod-cta-simular-creditos-card>.et_pb_column,
.mod-cta-simular-creditos-card>.et_pb_column {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

#mod-cta-simular-creditos .mod-cta-simular-creditos-content-col,
.mod-cta-simular-creditos .mod-cta-simular-creditos-content-col {
  max-width: 660px !important;
}

#mod-cta-simular-creditos-texto,
.mod-cta-simular-creditos-texto {
  margin: 0 0 34px !important;
  padding: 0 !important;
}

#mod-cta-simular-creditos-texto h1,
.mod-cta-simular-creditos-texto h1 {
  text-transform: uppercase;
}

#mod-cta-simular-creditos-texto .et_pb_text_inner,
.mod-cta-simular-creditos-texto .et_pb_text_inner {}

/* Título principal */
#mod-cta-simular-creditos-texto h1,
.mod-cta-simular-creditos-texto h1 {
  margin: 0 0 22px !important;
  padding: 0 !important;
  color: var(--color-dark) !important;
  font-size: var(--fs-h1) !important;
}


/* "en Bucaramanga" */
#mod-cta-simular-creditos-texto .mod-cta-simular-creditos-city,
.mod-cta-simular-creditos-texto .mod-cta-simular-creditos-city {
  margin: 0 0 34px !important;
  padding: 0 !important;
  color: var(--color-accent) !important;
  font-size: --var(--fs-h3);
  font-weight: 800 !important;
  line-height: 1.12 !important;
  font-family: var(--font-heading);
}


.sec-formulario-home {
  background-color: var(--color-primary);
  background-attachment: fixed;
}

body #page-container .sec-formulario-home .mod-contact-form-home button.et_pb_contact_submit.et_pb_button {
  color: #FFFFFF !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding-top: 11px !important;
  padding-right: 28px !important;
  padding-bottom: 11px !important;
  padding-left: 45px !important;
  background: var(--color-accent) !important;
  border: none !important;
}

.mod-text-formulario-inicio {
  font-size: var(--fs-h3);
  line-height: 1;
  font-family: var(--font-heading);
}




/* =========================================================
   Sección: División Agropecuaria
   Scope exclusivo: #mod-division-agropecuaria
   ========================================================= */

#mod-division-agropecuaria,
.mod-division-agropecuaria {
  --agro-green: #119447;
  --agro-green-dark: #08733a;
  --agro-green-soft: #eaf7ef;
  --agro-lime: #b8db28;
  --agro-orange: #ff6319;
  --agro-dark: #27235f;
  --agro-text: #5f6f82;
  --agro-white: #ffffff;
  --agro-bg: #f5fbf7;
  --agro-border: rgba(17, 148, 71, 0.16);
  --agro-shadow: 0 18px 46px rgba(9, 74, 38, 0.13);
  --agro-radius: 28px;
  --agro-radius-sm: 18px;

}






#mod-division-agropecuaria .mod-agro-eyebrow .et_pb_text_inner,
#mod-division-agropecuaria .mod-agro-card-kicker {
  display: inline-flex;
  align-items: center;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}


#mod-division-agropecuaria .mod-agro-card-kicker {
  color: var(--color-white) !important;
}

#mod-division-agropecuaria .mod-agro-eyebrow .et_pb_text_inner {
  color: var(--color-green) !important;
}

#mod-division-agropecuaria .mod-agro-title .et_pb_module_heading,
#mod-division-agropecuaria .mod-agro-section-title .et_pb_module_heading {
  font-size: var(--fs-h1) !important;
  color: var(--color-dark) !important;
  font-family: var(--font-heading) !important;
}


#mod-division-agropecuaria .mod-agro-section-title .et_pb_module_heading,
#mod-division-agropecuaria .mod-agro-intro-card h2 {
  font-size: var(--fs-h2);
  color: var(--color-white) !important;
  font-family: var(--font-heading) !important;
}

#mod-division-agropecuaria .mod-agro-text .et_pb_text_inner,
#mod-division-agropecuaria .mod-agro-text p,
#mod-division-agropecuaria .mod-agro-copy-card p,
#mod-division-agropecuaria .mod-agro-intro-card p {
  font-size: var(--fs-text-lead);
}

#mod-division-agropecuaria .mod-agro-intro-card p {
  color: var(--color-white) !important;
}

#mod-division-agropecuaria .mod-agro-hero-text {
  max-width: 680px;
  margin-bottom: 28px !important;
}

#mod-division-agropecuaria .mod-agro-button,
#mod-division-agropecuaria .mod-agro-button .et_pb_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 14px 30px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--agro-green) !important;
  color: var(--agro-white) !important;
  font-family: var(--font-heading, MetronicPro, Lato, Arial, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important;
}

#mod-division-agropecuaria .mod-agro-button .et_pb_button:hover {
  transform: translateY(-3px);
  background: #ee520d !important;
  box-shadow: 0 18px 34px rgba(255, 99, 25, 0.34) !important;
}


#mod-division-agropecuaria .mod-agro-card,
#mod-division-agropecuaria .mod-agro-copy-card {
  margin: 0 !important;
  padding: clamp(28px, 3.5vw, 44px) !important;
  border: 1px solid var(--agro-border) !important;
  border-radius: var(--agro-radius) !important;

  box-shadow: var(--agro-shadow) !important;
  backdrop-filter: blur(10px);
}

#mod-division-agropecuaria .mod-agro-card {
  background: var(--color-green) !important;
}


#mod-division-agropecuaria .mod-agro-copy-card h2 {
  margin: 12px 0 18px !important;
  padding: 0 !important;
  color: var(--color-dark) !important;
  font-family: var(--font-heading) !important;
  font-size: var(--fs-h3);
}




#mod-division-agropecuaria .mod-agro-linea-col {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

#mod-division-agropecuaria .mod-agro-feature-card {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 30px 24px !important;
  border-radius: var(--border-radius-card) !important;
  background: var(--agro-green) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

#mod-division-agropecuaria .mod-agro-feature-card:hover {
  transform: translateY(-6px);
  border-color: rgba(17, 148, 71, 0.34) !important;
  box-shadow: 0 20px 42px rgba(19, 68, 42, 0.15) !important;
}


#mod-division-agropecuaria .mod-agro-feature-card .et_pb_main_blurb_image {
  width: 58px !important;
  height: 58px !important;
  margin: 0 0 22px !important;
  border-radius: var(--border-radius-xs) !important;
  background: var(--color-white) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.25s ease !important;
}



#mod-division-agropecuaria .mod-agro-feature-card .et-pb-icon {
  color: var(--color-green) !important;
  font-size: 25px !important;
  line-height: 1 !important;
}



#mod-division-agropecuaria .mod-agro-feature-card .et_pb_module_header,
#mod-division-agropecuaria .mod-agro-feature-card .et_pb_module_header span {
  margin: 0 0 10px !important;
  color: var(--agro-white) !important;
  font-family: var(--font-heading) !important;
  font-size: var(--fs-h6) !important
}

#mod-division-agropecuaria .mod-agro-feature-card .et_pb_blurb_description,
#mod-division-agropecuaria .mod-agro-feature-card .et_pb_blurb_description p {
  color: var(--color-white) !important;
  ;
}

#mod-division-agropecuaria .mod-agro-negocio-row {
  align-items: center !important;
  gap: clamp(24px, 4vw, 54px) !important;
  padding-bottom: clamp(28px, 4vw, 52px) !important;
}



#mod-division-agropecuaria .mod-agro-copy-card p {
  margin: 0 0 16px !important;
}

#mod-division-agropecuaria .mod-agro-copy-card p:last-child {
  margin-bottom: 0 !important;
}





/* Cierre División Agropecuaria: 3 blurbs reutilizando estilos de mod-agro-lineas-row */
#mod-division-agropecuaria #mod-agro-cierre-grid,
#mod-division-agropecuaria .mod-agro-cierre-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
  padding-top: clamp(10px, 2vw, 24px) !important;
}

#mod-division-agropecuaria #mod-agro-cierre-grid::before,
#mod-division-agropecuaria #mod-agro-cierre-grid::after,
#mod-division-agropecuaria .mod-agro-cierre-grid::before,
#mod-division-agropecuaria .mod-agro-cierre-grid::after {
  display: none !important;
}

#mod-division-agropecuaria .mod-agro-cierre-col {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

#mod-division-agropecuaria .mod-agro-cierre-card {
  min-height: 100% !important;
}


/* =========================================================
   FIN Sección: División Agropecuaria
   Scope exclusivo: #mod-division-agropecuaria
   ========================================================= */

/* ==========================================================================
   Sección genérica producto + consulta
   Scope: #mod-product-consult-section
   ========================================================================== */

#mod-product-consult-section .mod-eyebrow {
  margin: 0 0 14px !important;
  padding: 0 !important;
  color: var(--color-red) !important;
  font-family: var(--font-heading) !important;
  font-size: var(--fs-h6) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}



#mod-product-consult-section .mod-title,
#mod-product-consult-section .mod-title .et_pb_module_heading {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--color-body) !important;
  font-family: var(--font-heading) !important;
  font-weight: 900 !important;
}

#mod-product-consult-section .mod-hero-title .et_pb_module_heading {
  font-size: var(--fs-h1) !important;
}



#mod-product-consult-section .mod-text,
#mod-product-consult-section .mod-text .et_pb_text_inner {

  font-size: var(--fs-text-lead) !important;

}

#mod-product-consult-section .mod-hero-text {
  margin: 15px 0 0 !important;
}

/* Tarjeta izquierda */
#mod-product-consult-section .mod-content-column {
  padding: clamp(30px, 4vw, 52px) !important;
  border-radius: var(--border-radius-card) !important;
  background: var(--color-white) !important;
  box-shadow: var(--shadow-lg) !important;
  border: 1px solid rgba(236, 32, 38, 0.08) !important;
}

#mod-product-consult-section #mod-hero-row {
  margin-bottom: clamp(30px, 4vw, 46px) !important;
}

#mod-product-consult-section .mod-features-label {
  margin-bottom: 18px !important;
}

/* Features / blurbs */
#mod-product-consult-section #mod-features-row {
  /* display: grid !important;
  /* grid-template-columns: repeat(3, minmax(0, 1fr)) !important; */
  /* gap: 16px !important;
  align-items: stretch !important;  */
}

#mod-product-consult-section .mod-feature-col {
  /* width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important; */
  width: 33.333% !important;
  margin-top: 12px;
  margin: 8px 0px !important;
  padding: 10px !important;
}

#mod-product-consult-section .mod-feature-card {
  width: 100% !important;
  min-height: 168px !important;
  height: 100% !important;
  margin: 15px 0 !important;
  padding: 22px 18px !important;
  border-radius: var(--border-radius-xs) !important;
  background: linear-gradient(180deg, #ffffff 0%, #fff7f2 100%) !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 10px 26px rgba(61, 61, 61, 0.08) !important;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease !important;
}

#mod-product-consult-section .mod-feature-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(236, 32, 38, 0.34) !important;
  box-shadow: var(--shadow-red) !important;
}


#mod-product-consult-section .mod-feature-card .et_pb_main_blurb_image {
  width: 46px !important;
  height: 46px !important;
  margin: 0 0 16px !important;
  border-radius: 14px !important;
  background: rgba(236, 32, 38, 0.10) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#mod-product-consult-section .mod-feature-card .et_pb_image_wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#mod-product-consult-section .mod-feature-card .et-pb-icon {
  color: var(--color-red) !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

#mod-product-consult-section .mod-feature-card .et_pb_module_header {
  margin: 0 0 8px !important;
  padding: 0 !important;
  color: var(--color-body) !important;
  font-family: var(--font-heading) !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

#mod-product-consult-section .mod-feature-card .et_pb_blurb_description {
  color: var(--color-gray) !important;
  font-size: 14px !important;
}

/* Formulario */
#mod-product-consult-section .mod-form-column {
  position: relative !important;
  padding: clamp(30px, 4vw, 52px) !important;
  border-radius: var(--border-radius-card) !important;
  background-color: var(--color-red) !important;
  box-shadow: 0 22px 48px rgba(236, 32, 38, 0.20) !important;
  overflow: hidden !important;
}

#mod-product-consult-section .mod-form-column::before {
  content: "";
  position: absolute;
  right: -58px;
  top: -58px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  border: 30px solid rgba(255, 255, 255, 0.12);
  pointer-events: none;
}

#mod-product-consult-section .mod-form-column>* {
  position: relative !important;
  z-index: 2 !important;
}

#mod-product-consult-section .mod-form-title .et_pb_module_heading,
#mod-product-consult-section .mod-form-intro,
#mod-product-consult-section .mod-form-intro .et_pb_text_inner {
  color: var(--color-white) !important;
}

#mod-product-consult-section .mod-form-intro {
  margin: 16px 0 26px !important;
  opacity: 0.92 !important;
}

#mod-product-consult-section .mod-form,
#mod-product-consult-section .mod-form .et_pb_contact {
  margin: 0 !important;
  padding: 0 !important;
}

#mod-product-consult-section .mod-form .et_pb_contact_form {
  display: grid !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#mod-product-consult-section .mod-form .et_pb_contact_field {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}



#mod-product-consult-section .mod-form label.et_pb_contact_form_label {
  display: block !important;
  margin: 0 0 7px !important;
  color: var(--color-white) !important;
  font-family: var(--font-reading, Lato, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

#mod-product-consult-section .mod-form .input,
#mod-product-consult-section .mod-form input.text,
#mod-product-consult-section .mod-form textarea {
  width: 100% !important;
  min-height: 54px !important;
  padding: 15px 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-radius: var(--border-radius-xs) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: var(--color-body) !important;
  font-family: var(--font-reading, Lato, sans-serif) !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  box-shadow: none !important;
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease !important;
}

#mod-product-consult-section .mod-form textarea {
  min-height: 124px !important;
  resize: vertical !important;
}

#mod-product-consult-section .mod-form .input:focus,
#mod-product-consult-section .mod-form input.text:focus,
#mod-product-consult-section .mod-form textarea:focus {
  border-color: #ffffff !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.18) !important;
}

#mod-product-consult-section .mod-form ::placeholder {
  color: rgba(61, 61, 61, 0.55) !important;
}



#mod-product-consult-section .mod-form .et_pb_contact_submit {
  width: 100% !important;
  min-height: 56px !important;
  margin: 0 !important;
  border-radius: var(--border-radius-btn) !important;
  background: var(--color-red) !important;
  color: var(--color-white) !important;
  border: 0 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  box-shadow: 0 12px 24px rgba(61, 61, 61, 0.18) !important;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease !important;
}

#mod-product-consult-section .mod-form .et_pb_contact_submit:hover {
  transform: translateY(-2px) !important;
  background: #fff7f2 !important;
  color: var(--color-red) !important;
  box-shadow: 0 16px 30px rgba(61, 61, 61, 0.22) !important;
}

#mod-product-consult-section .mod-form .et-pb-contact-message {
  grid-column: 1 / -1 !important;
  color: var(--color-white) !important;
  font-family: var(--font-reading, Lato, sans-serif) !important;
  font-weight: 700 !important;
}



/* ==========================================================================
   Layout generico de division / linea de negocio
   Scope: #mod-division-section
   ========================================================================== */



/* Utilidades */
#mod-division-section .v-center {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#mod-division-section .mod-eyebrow,
#mod-division-section .mod-card-kicker {}



/*color solo para division financiera*/
.mod-division-financiera-section .mod-eyebrow {}



#mod-division-section .mod-card-kicker {
  color: var(--color-white) !important;
}



#mod-division-section .mod-title .et_pb_module_heading,
#mod-division-section h1,
#mod-division-section h2,
#mod-division-section h3 {
  font-family: var(--font-heading) !important;
  font-weight: 900 !important;
  font-size: var(--fs-h2);
}




.mod-division-financiera-section .mod-hero-row .mod-title .et_pb_module_heading,
.mod-division-financiera-section .mod-hero-row h1,
.mod-division-financiera-section .mod-hero-row h2,
.mod-division-financiera-section .mod-hero-row h3 {
  /* color: var(--color-dark) !important; */
}

#mod-division-section .mod-hero-title .et_pb_module_heading {
  font-size: var(--fs-h1) !important;
}

#mod-division-section .mod-text,
#mod-division-section .mod-text .et_pb_text_inner,
#mod-division-section .text-lead,
#mod-division-section p {
  /* font-family: var(--font-reading) !important;
  font-size: var(--fs-text-lead) !important; */
}






#mod-division-section .mod-button,
#mod-division-section .mod-button.et_pb_button,
#mod-division-section .et_pb_button.mod-button {
  /* display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 54px !important;
  padding: 15px 28px !important;
  border: 0 !important;
  border-radius: var(--border-radius-btn) !important;

  color: var(--color-white) !important;
  font-family: var(--font-heading, MetronicPro, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  box-shadow: var(--shadow-accent) !important;
  transition: transform 200ms ease, box-shadow 200ms ease, filter 200ms ease !important; */
}

#mod-division-section .mod-button:hover,
#mod-division-section .et_pb_button.mod-button:hover {
  /* transform: translateY(-3px) !important;
  filter: saturate(1.08) !important; */
}



.mod-division-financiera-section .mod-button,
.mod-division-financiera-section .mod-button.et_pb_button,
.mod-division-financiera-section .et_pb_button.mod-button {
  /* background: var(--color-dark) !important; */
}

/* Hero */


/* Intro */


#mod-division-section .mod-card,
#mod-division-section .mod-copy-card {
  padding: clamp(28px, 4vw, 46px) !important;
  border-radius: var(--border-radius-card) !important;
  border: 1px solid rgba(236, 32, 38, 0.10) !important;
  box-shadow: var(--shadow-lg) !important;
}



#mod-division-section .mod-card h2,
#mod-division-section .mod-copy-card h2 {
  margin: 0 0 14px !important;
  font-size: clamp(30px, 3vw, var(--fs-h3)) !important;
  line-height: 1.08 !important;
}



/* Slider / portafolio */
#mod-division-section .sec-blog-destacadas {}

.sec-blog-destacadas .et_pb_module_heading {
  color: var(--color-primary) !important;
  font-size: var(--fs-h2) !important;
}

/* #mod-division-section .sec-blog-destacadas .text-lead {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
} */

/* Mapa / cobertura */
#mod-division-section #mod-coverage-row {
  padding: 0 !important;
  border-radius: calc(var(--border-radius-card) + 8px) !important;
  background: var(--color-white) !important;
  border: 1px solid rgba(236, 32, 38, 0.10) !important;
  box-shadow: var(--shadow-lg) !important;
}

#mod-division-section .mod-coverage-map-col .dsm-leaflet-map,
#mod-division-section .mod-coverage-map-col .leaflet-container,
#mod-division-section .mod-coverage-map-col .supreme_leaflet_map,
#mod-division-section .mod-coverage-map-col .et_pb_module {
  min-height: 420px !important;
  border-radius: var(--border-radius-card) !important;
  overflow: hidden !important;
}

#mod-division-section .mod-copy-card {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  background-color: var(--color-red);
  border: 0 !important;
}

#mod-division-section .mod-copy-card h2,
#mod-division-section .mod-copy-card p,
#mod-division-section .mod-copy-card .text-lead {
  color: var(--color-white) !important;
}

/* Features */
#mod-division-section #mod-features-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

#mod-division-section #mod-features-grid>.et_pb_column {
  width: auto !important;
  margin: 0 !important;
  float: none !important;
  display: flex !important;
}

#mod-division-section .mod-feature-card,
#mod-division-section .mod-feature-card-secondary {
  width: 100% !important;
  min-height: 250px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 30px 26px !important;
  border-radius: var(--border-radius-card) !important;
  background: var(--color-white) !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 12px 28px rgba(61, 61, 61, 0.08) !important;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease !important;
}

#mod-division-section .mod-feature-card:hover,
#mod-division-section .mod-feature-card-secondary:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(236, 32, 38, 0.32) !important;
  box-shadow: var(--shadow-accent) !important;
}

#mod-division-section .mod-feature-card .et_pb_blurb_content,
#mod-division-section .mod-feature-card-secondary .et_pb_blurb_content {
  max-width: none !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

#mod-division-section .mod-feature-card .et_pb_main_blurb_image,
#mod-division-section .mod-feature-card-secondary .et_pb_main_blurb_image {
  width: 58px !important;
  height: 58px !important;
  margin: 0 0 22px !important;
  border-radius: 18px !important;
  background: rgba(236, 32, 38, 0.10) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#mod-division-section .mod-feature-card .et_pb_image_wrap,
#mod-division-section .mod-feature-card-secondary .et_pb_image_wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#mod-division-section .mod-feature-card .et-pb-icon,
#mod-division-section .mod-feature-card-secondary .et-pb-icon {
  color: var(--color-red) !important;
  font-size: 26px !important;
}

#mod-division-section .mod-feature-card .et_pb_module_header,
#mod-division-section .mod-feature-card-secondary .et_pb_module_header {
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: var(--color-body) !important;
  font-family: var(--font-heading, MetronicPro, sans-serif) !important;
  font-size: var(--fs-h5) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

#mod-division-section .mod-feature-card .et_pb_blurb_description,
#mod-division-section .mod-feature-card-secondary .et_pb_blurb_description {
  color: var(--color-gray) !important;
  font-family: var(--font-reading, Lato, sans-serif) !important;
  font-size: 16px !important;
  line-height: 1.58 !important;
}

/* CTA */
#mod-division-section #mod-cta-creditos-card {
  margin-top: clamp(42px, 6vw, 82px) !important;
  padding: clamp(34px, 5vw, 58px) !important;
  border-radius: calc(var(--border-radius-card) + 8px) !important;
  border: 1px solid rgba(236, 32, 38, 0.10) !important;
  box-shadow: var(--shadow-lg) !important;
}



#mod-division-section .mod-cta-creditos-texto,
#mod-division-section .mod-cta-creditos-texto .et_pb_text_inner,
#mod-division-section .mod-cta-creditos-texto p {
  color: var(--color-gray) !important;
  font-size: var(--fs-text-lead) !important;
}

#mod-division-section .mod-cta-creditos-imagen img {
  max-width: 100% !important;
  height: auto !important;
  filter: drop-shadow(0 20px 32px rgba(61, 61, 61, 0.16));
}


/* ==========================================================================
   Layout generico corporativo / division - Tema azul
   Scope superior: .mod-theme-blue
   ========================================================================== */



.mod-theme-blue .mod-eyebrow,
.mod-theme-blue .mod-card-kicker {
  margin-bottom: 14px !important;
  color: var(--color-accent) !important;
  font-family: var(--font-heading, MetronicPro, sans-serif) !important;
  font-size: var(--fs-h6) !important;
  text-transform: uppercase !important
}



.mod-theme-blue .mod-title .et_pb_module_heading,
.mod-theme-blue h1,
.mod-theme-blue h2,
.mod-theme-blue h3 {
  color: var(--color-primary) !important;
  font-family: var(--font-heading) !important;
  font-size: var(--fs-h2);
}


.mod-theme-blue .mod-text,
.mod-theme-blue .mod-text .et_pb_text_inner,
.mod-theme-blue .text-lead,
.mod-theme-blue p,
.mod-theme-blue .et_pb_blurb_description .mod-theme-blue .dipi_timeline_item_description {
  font-size: var(--fs-text-lead) !important;
}



.mod-theme-blue .mod-button,
.mod-theme-blue .mod-button.et_pb_button,
.mod-theme-blue .et_pb_button.mod-button {

  min-height: 54px !important;
  padding: 15px 28px !important;
  border: 0 !important;
  border-radius: var(--border-radius-btn) !important;
  background: var(--color-primary) !important;
  color: var(--color-white) !important;
  font-family: var(--font-heading) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important
}

.mod-theme-blue .mod-button:hover,
.mod-theme-blue .et_pb_button.mod-button:hover {
  transform: translateY(-3px) !important;
  filter: saturate(1.08) !important;
  box-shadow: var(--shadow-md) !important
}





.mod-theme-blue .mod-card,
.mod-theme-blue .mod-copy-card {
  padding: 30px !important;
  border-radius: var(--border-radius-card) !important;
  background: var(--color-white) !important;
  border: 1px solid rgba(0, 91, 187, .10) !important;
  box-shadow: var(--shadow-lg) !important
}

.mod-theme-blue .mod-card h2,
.mod-theme-blue .mod-copy-card h2 {
  margin: 0 0 14px !important;
  color: var(--color-primary) !important;
  font-size: var(--fs-h3) !important;
}

.mod-theme-blue .mod-card-highlight {
  background: var(--color-primary) !important;
  border: 0 !important
}

.mod-theme-blue .mod-card-highlight h2,
.mod-theme-blue .mod-card-highlight p,
.mod-theme-blue .mod-card-highlight .mod-card-kicker {
  color: var(--color-white) !important
}


.mod-theme-blue .mod-section-title .et_pb_module_heading {
  color: var(--color-primary) !important;
  font-size: var(--fs-h2) !important;
}




.mod-theme-blue .mod-feature-card {
  width: 100% !important;
  min-height: 250px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 30px 26px !important;
  border-radius: var(--border-radius-card) !important;
  background: var(--color-white) !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 12px 28px rgba(0, 60, 122, .08) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important
}

.mod-theme-blue .mod-feature-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(40, 171, 225, .42) !important;
  box-shadow: var(--shadow-accent) !important
}


.mod-theme-blue .mod-feature-card .et_pb_main_blurb_image {
  width: 58px !important;
  height: 58px !important;
  margin: 0 0 22px !important;
  border-radius: 18px !important;
  background: rgba(40, 171, 225, .12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important
}


.mod-theme-blue .mod-feature-card .et-pb-icon {
  color: var(--color-primary) !important;
  font-size: 26px !important
}

.mod-theme-blue .mod-feature-card .et_pb_module_header {
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: var(--color-primary) !important;
  font-family: var(--font-heading) !important;
  font-size: var(--fs-h5) !important;
}

.mod-theme-blue .mod-feature-card .et_pb_blurb_description {
  color: var(--color-gray) !important;
  font-family: var(--font-reading) !important;
}

.mod-theme-blue .mod-copy-card {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  background: var(--color-primary) !important;
  border: 0 !important
}

.mod-theme-blue .mod-copy-card h2,
.mod-theme-blue .mod-copy-card p,
.mod-theme-blue .mod-copy-card .text-lead {
  color: var(--color-white) !important
}

.mod-theme-blue .mod-values-list ul {
  margin: 0 !important;
  padding-left: 0 !important;
  list-style: none !important
}

.mod-theme-blue .mod-values-list li {
  position: relative !important;
  padding: 14px 0 14px 38px !important;
  border-bottom: 1px solid var(--color-primary-opaque) !important;
  font-family: var(--font-reading, Lato, sans-serif) !important;
  font-size: 17px !important;
  line-height: 1.55 !important
}

.mod-theme-blue .mod-values-list li strong {
  color: var(--color-dark);
}

.mod-theme-blue .mod-values-list li:last-child {
  border-bottom: 0 !important
}

.mod-theme-blue .mod-values-list li:before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 14px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--color-accent-opaque);
  color: var(--color-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900
}

.mod-theme-blue .mod-cta-card {
  padding: 30px !important;
  border-radius: var(--border-radius-card) !important;
  border: 1px solid rgba(0, 91, 187, .10) !important;
  box-shadow: var(--shadow-lg) !important
}


/* ==========================================================================
   mod-timeline-corporativo
   Timeline corporativo / reseña histórica
   Compatible con Divi + Divi Pixel Timeline
   ========================================================================== */

.mod-timeline-corporativo,
.dipi_timeline_0 {}

/* Contenedor general */
.mod-timeline-corporativo .dipi_timeline_container,
.dipi_timeline_0 .dipi_timeline_container,
.mod-timeline-corporativo .dipi-timeline-items,
.dipi_timeline_0 .dipi-timeline-items {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* Línea vertical base */
.mod-timeline-corporativo .dipi-timeline-line,
.dipi_timeline_0 .dipi-timeline-line {
  width: 4px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg,
      rgba(0, 91, 187, 0.08),
      rgba(40, 171, 225, 0.22),
      rgba(0, 91, 187, 0.08)) !important;
  box-shadow: none !important;
}

/* Línea activa */
.mod-timeline-corporativo .dipi-timeline-line__active,
.dipi_timeline_0 .dipi-timeline-line__active {
  width: 4px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border-radius: 999px !important;
  background: var(--color-accent) !important;
  box-shadow: 0 0 0 6px rgba(40, 171, 225, 0.08) !important;
  border-width: 0 !important;
}

/* Cada ítem */
.mod-timeline-corporativo .dipi_timeline_item,
.dipi_timeline_0 .dipi_timeline_item {
  height: auto !important;
  min-height: 0 !important;
  margin-bottom: clamp(28px, 4vw, 46px) !important;
  overflow: visible !important;
}

/* Contenedor interno del ítem */
.mod-timeline-corporativo .dipi_timeline_item_container,
.dipi_timeline_0 .dipi_timeline_item_container {
  align-items: center !important;
  min-height: 0 !important;
  height: auto !important;
}

/* Card */
.mod-timeline-corporativo .dipi_timeline_item_card-wrap,
.dipi_timeline_0 .dipi_timeline_item_card-wrap {
  transition: transform 240ms ease, filter 240ms ease !important;
}

.mod-timeline-corporativo .dipi_timeline_item_card,
.dipi_timeline_0 .dipi_timeline_item_card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--color-accent) !important;
  border-radius: var(--border-radius-card) !important;
  background-color: var(--color-white);

  transition:
    transform 240ms ease,
    box-shadow 240ms ease,
    border-color 240ms ease !important;
}

/* Hover card */
.mod-timeline-corporativo .dipi_timeline_item:hover .dipi_timeline_item_card-wrap,
.dipi_timeline_0 .dipi_timeline_item:hover .dipi_timeline_item_card-wrap {
  transform: translateY(-6px) !important;
}

.mod-timeline-corporativo .dipi_timeline_item:hover .dipi_timeline_item_card,
.dipi_timeline_0 .dipi_timeline_item:hover .dipi_timeline_item_card {
  box-shadow: var(--shadow-md) !important;
}

/* Contenido interno */
.mod-timeline-corporativo .dipi_timeline_item_content,
.dipi_timeline_0 .dipi_timeline_item_content {
  padding: clamp(24px, 3vw, 34px) !important;
  background: transparent !important;
}

.mod-timeline-corporativo .dipi_timeline_item_content_text,
.dipi_timeline_0 .dipi_timeline_item_content_text {
  width: 100% !important;
}

/* Ocultar fecha duplicada dentro de la card en escritorio */
.mod-timeline-corporativo .dipi_timeline_item_content>.dipi_timeline_ribbon,
.dipi_timeline_0 .dipi_timeline_item_content>.dipi_timeline_ribbon {
  display: none !important;
}

/* Fecha externa */
.mod-timeline-corporativo .dipi_timeline_item_container>.dipi_timeline_ribbon,
.dipi_timeline_0 .dipi_timeline_item_container>.dipi_timeline_ribbon {
  display: flex !important;
  justify-content: center !important;
  flex-basis: 50% !important;
  min-width: 0 !important;
  padding: 0 34px !important;
}

/* Texto fecha */
.mod-timeline-corporativo .dipi_timeline_ribbon_text,
.dipi_timeline_0 .dipi_timeline_ribbon_text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 126px !important;
  max-width: 100% !important;
  padding: 10px 18px !important;
  /* border-radius: var(--border-radius-btn, 9999px) !important;
  background: linear-gradient(135deg, var(--timeline-primary), var(--timeline-secondary)) !important;
  color: var(--timeline-white) !important; */
  color: var(--color-primary) !important;
  font-family: var(--font-heading) !important;
  font-size: var(--fs-h4);


  text-align: center !important;
  /* box-shadow: 0 12px 28px rgba(0, 91, 187, 0.18) !important; */
}

/* Icono central */
.mod-timeline-corporativo .ribbon-icon-wrap,
.dipi_timeline_0 .ribbon-icon-wrap {
  width: 68px !important;
  max-width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  margin: 0 18px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  /* background: var(--timeline-white) !important;
  border: 6px solid rgba(40, 171, 225, 0.18) !important;
  box-shadow:
    0 14px 30px rgba(0, 91, 187, 0.18),
    inset 0 0 0 1px rgba(0, 91, 187, 0.08) !important; */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 5 !important;
  transition:
    transform 240ms ease,
    border-color 240ms ease,
    box-shadow 240ms ease,
    background-color 240ms ease !important;
}

/* Círculo interno */
.mod-timeline-corporativo .ribbon-icon,
.dipi_timeline_0 .ribbon-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: var(--color-primary) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Punto interno decorativo */
.mod-timeline-corporativo .ribbon-icon::before,
.dipi_timeline_0 .ribbon-icon::before {
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--timeline-white);
  /* box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.26); */
}

/* Estado activo */
.mod-timeline-corporativo .ribbon-icon.active,
.dipi_timeline_0 .ribbon-icon.active {
  background: var(--color-accent) !important;
}

/* Hover icono */
.mod-timeline-corporativo .dipi_timeline_item:hover .ribbon-icon-wrap,
.dipi_timeline_0 .dipi_timeline_item:hover .ribbon-icon-wrap {
  transform: scale(1.06) !important;
  /* border-color: rgba(40, 171, 225, 0.34) !important;
  box-shadow:
    0 18px 38px rgba(0, 91, 187, 0.24),
    0 0 0 10px rgba(40, 171, 225, 0.08) !important; */
}

/* Título */
.mod-timeline-corporativo .dipi_timeline_item_header,
.dipi_timeline_0 .dipi_timeline_item_header {
  margin: 0 0 14px !important;
  padding: 0 !important;
}

.mod-timeline-corporativo .dipi_timeline_item_header span,
.dipi_timeline_0 .dipi_timeline_item_header span {
  font-family: var(--font-heading, MetronicPro, sans-serif) !important;
  font-size: var(--fs-h4) !important;
  color: var(--color-primary) !important;
  line-height: 1;
}

/* Descripción */
.mod-timeline-corporativo .dipi_timeline_item_description,
.dipi_timeline_0 .dipi_timeline_item_description,
.mod-timeline-corporativo .dipi_timeline_item_description p,
.dipi_timeline_0 .dipi_timeline_item_description p {
  margin: 0 !important;
}

/* Ajuste de párrafos vacíos generados por el contenido */
.mod-timeline-corporativo .dipi_timeline_item_description p:empty,
.dipi_timeline_0 .dipi_timeline_item_description p:empty {
  display: none !important;
}

/* Flechas de las cards */
.mod-timeline-corporativo.dipi_timeline_show-card-arrow .dipi_timeline_item_card::before,
.dipi_timeline_0 .dipi_timeline_show-card-arrow .dipi_timeline_item_card::before,
.mod-timeline-corporativo .dipi_timeline_item_card::before,
.dipi_timeline_0 .dipi_timeline_item_card::before {
  border-color: transparent !important;
}

/* Pequeña barra decorativa en cada card */
.mod-timeline-corporativo .dipi_timeline_item_card::after,
.dipi_timeline_0 .dipi_timeline_item_card::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 6px;
  background: var(--color-accent);
  opacity: 0.95;
}

/* Alternar barra en cards del lado derecho/izquierdo */
.mod-timeline-corporativo .dipi_timeline_item:nth-child(even) .dipi_timeline_item_card::after,
.dipi_timeline_0 .dipi_timeline_item:nth-child(even) .dipi_timeline_item_card::after {
  left: auto;
  right: 0;
}

/* Espaciado entre items */
.mod-timeline-corporativo .dipi_timeline_item:last-child,
.dipi_timeline_0 .dipi_timeline_item:last-child {
  margin-bottom: 0 !important;
}

/* ==========================================================================
   Tablet y móvil
   ========================================================================== */

@media (max-width: 980px) {

  .mod-timeline-corporativo,
  .dipi_timeline_0 {
    max-width: 760px !important;
    padding: 28px 0 !important;
  }

  .mod-timeline-corporativo .dipi-timeline-line,
  .dipi_timeline_0 .dipi-timeline-line,
  .mod-timeline-corporativo .dipi-timeline-line__active,
  .dipi_timeline_0 .dipi-timeline-line__active {
    left: 34px !important;
    transform: none !important;
  }

  .mod-timeline-corporativo .dipi_timeline_item_container,
  .dipi_timeline_0 .dipi_timeline_item_container {
    display: grid !important;
    grid-template-columns: 68px minmax(0, 1fr) !important;
    column-gap: 18px !important;
    align-items: flex-start !important;
  }

  /* En móvil ocultamos la fecha externa y usamos la interna */
  .mod-timeline-corporativo .dipi_timeline_item_container>.dipi_timeline_ribbon,
  .dipi_timeline_0 .dipi_timeline_item_container>.dipi_timeline_ribbon {
    display: none !important;
  }

  .mod-timeline-corporativo .dipi_timeline_item_content>.dipi_timeline_ribbon,
  .dipi_timeline_0 .dipi_timeline_item_content>.dipi_timeline_ribbon {
    display: flex !important;
    justify-content: flex-start !important;
    margin-bottom: 16px !important;
    padding: 0 !important;
  }

  .mod-timeline-corporativo .ribbon-icon-wrap,
  .dipi_timeline_0 .ribbon-icon-wrap {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 58px !important;
    margin: 0 auto !important;
    border-width: 5px !important;
  }

  .mod-timeline-corporativo .ribbon-icon,
  .dipi_timeline_0 .ribbon-icon {
    width: 36px !important;
    height: 36px !important;
  }

  .mod-timeline-corporativo .ribbon-icon::before,
  .dipi_timeline_0 .ribbon-icon::before {
    width: 11px;
    height: 11px;
  }

  .mod-timeline-corporativo .dipi_timeline_item_card-wrap,
  .dipi_timeline_0 .dipi_timeline_item_card-wrap {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
  }

  .mod-timeline-corporativo .dipi_timeline_item_content,
  .dipi_timeline_0 .dipi_timeline_item_content {
    padding: 24px !important;
  }

  .mod-timeline-corporativo .dipi_timeline_item_card::after,
  .dipi_timeline_0 .dipi_timeline_item_card::after,
  .mod-timeline-corporativo .dipi_timeline_item:nth-child(even) .dipi_timeline_item_card::after,
  .dipi_timeline_0 .dipi_timeline_item:nth-child(even) .dipi_timeline_item_card::after {
    left: 0;
    right: auto;
  }
}

@media (max-width: 767px) {

  .mod-timeline-corporativo,
  .dipi_timeline_0 {
    max-width: 100% !important;
  }

  .mod-timeline-corporativo .dipi_timeline_item_container,
  .dipi_timeline_0 .dipi_timeline_item_container {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    column-gap: 14px !important;
  }

  .mod-timeline-corporativo .dipi-timeline-line,
  .dipi_timeline_0 .dipi-timeline-line,
  .mod-timeline-corporativo .dipi-timeline-line__active,
  .dipi_timeline_0 .dipi-timeline-line__active {
    left: 26px !important;
  }

  .mod-timeline-corporativo .ribbon-icon-wrap,
  .dipi_timeline_0 .ribbon-icon-wrap {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    border-width: 4px !important;
  }

  .mod-timeline-corporativo .ribbon-icon,
  .dipi_timeline_0 .ribbon-icon {
    width: 30px !important;
    height: 30px !important;
  }

  .mod-timeline-corporativo .dipi_timeline_item_content,
  .dipi_timeline_0 .dipi_timeline_item_content {
    padding: 22px 20px !important;
  }

  .mod-timeline-corporativo .dipi_timeline_ribbon_text,
  .dipi_timeline_0 .dipi_timeline_ribbon_text {
    min-width: 0 !important;
    padding: 9px 14px !important;
    font-size: 12px !important;
  }

  .mod-timeline-corporativo .dipi_timeline_item_header span,
  .dipi_timeline_0 .dipi_timeline_item_header span {
    font-size: 23px !important;
  }

  .mod-timeline-corporativo .dipi_timeline_item_description,
  .dipi_timeline_0 .dipi_timeline_item_description,
  .mod-timeline-corporativo .dipi_timeline_item_description p,
  .dipi_timeline_0 .dipi_timeline_item_description p {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
}




/* =========================================================
   FIX Pixel Blog Slider dentro de columna
   No tocar swiper-wrapper ni su transform
   ========================================================= */

/* La fila es flex; permite que la columna izquierda no empuje el layout */
.mod-blog-horizontal-section,
.mod-blog-horizontal-section>.et_pb_column,
.sc-comercial-content-col {
  min-width: 0 !important;
}

/* La columna puede contener visualmente el slider sin desaparecerlo */
.sc-comercial-content-col {
  max-width: 100% !important;
  overflow: visible !important;
}

/* Solo el módulo se limita a la columna */
.mod-blog-horizontal-slider {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 32px 0 36px !important;
  padding: 0 !important;
  position: relative !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Viewport del carrusel: aquí sí se recorta lo que sale */
.mod-blog-horizontal-slider .swiper,
.mod-blog-horizontal-slider .swiper-container,
.mod-blog-horizontal-slider .dipi_blog_slider_container,
.mod-blog-horizontal-slider .dipi-blog-slider-container,
.mod-blog-horizontal-slider .dipi_blog_slider_inner,
.mod-blog-horizontal-slider .dipi-blog-slider-inner {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* IMPORTANTE:
   No cambiar width ni transform del wrapper/track.
   Solo se declara box-sizing para evitar conflictos menores. */
.mod-blog-horizontal-slider .swiper-wrapper,
.mod-blog-horizontal-slider .dipi_blog_slider_wrapper,
.mod-blog-horizontal-slider .dipi-blog-slider-wrapper {
  box-sizing: border-box !important;
}

/* Slides: tamaño controlado por el plugin, no por width manual */
.mod-blog-horizontal-slider .swiper-slide {
  height: auto !important;
  box-sizing: border-box !important;
}

/* Card horizontal minimalista */
.mod-blog-horizontal-slider article,
.mod-blog-horizontal-slider .et_pb_post,
#mod-blog-horizontal-slider .dipi-blog-post,
.mod-blog-horizontal-slider .dipi_blog_post,
.mod-blog-horizontal-slider .dipi-blog-slider-item,
.mod-blog-horizontal-slider .dipi_blog_slider_item {
  display: grid !important;
  grid-template-columns: 82px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 92px !important;
  max-height: 100px !important;
  padding: 8px 18px 8px 8px !important;
  border-radius: var(--border-radius-card);
  border: 1px solid var(--color-red) !important;
  border-left: 8px solid var(--color-red) !important;
  background: var(--color-white) !important;
  box-shadow: 0 12px 28px rgba(61, 61, 61, 0.09) !important;
  transition: background-color 0.2s ease, color 0.2s ease
}

#mod-blog-horizontal-slider .dipi-blog-post:hover {
  border: 1px solid var(--color-red) !important;
  background-color: var(--color-red) !important;
}

/* Imagen izquierda */
.mod-blog-horizontal-slider .entry-featured-image-url,
.mod-blog-horizontal-slider .dipi-entry-featured-image-url,
.mod-blog-horizontal-slider .dipi-post-thumbnail,
.mod-blog-horizontal-slider .dipi_blog_slider_item_image,
.mod-blog-horizontal-slider .dipi-blog-slider-item-image,
.mod-blog-horizontal-slider .et_pb_image_container {
  width: 82px !important;
  height: 76px !important;
  min-width: 82px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #fff3ef !important;
  display: block !important;
}

.mod-blog-horizontal-slider img {
  width: 100% !important;
  height: 100% !important;
  min-height: 76px !important;
  max-height: 76px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: 12px !important;
}

/* Ocultar metadatos, fecha, categoría, intro y botón */
.mod-blog-horizontal-slider .post-meta,
.mod-blog-horizontal-slider .post-content,
.mod-blog-horizontal-slider .post-content-inner,
.mod-blog-horizontal-slider .entry-summary,
.mod-blog-horizontal-slider .dipi-post-meta,
.mod-blog-horizontal-slider .dipi-post-excerpt,
.mod-blog-horizontal-slider .dipi-post-content,
.mod-blog-horizontal-slider .dipi-more-link,
.mod-blog-horizontal-slider .more-link,
.mod-blog-horizontal-slider .et_pb_button,
.mod-blog-horizontal-slider .published,
.mod-blog-horizontal-slider .author,
.mod-blog-horizontal-slider .comments-number,
.mod-blog-horizontal-slider .categories,
.mod-blog-horizontal-slider .cat-links {
  /* display: none !important; */
  padding: 0 !important
}

.mod-blog-horizontal-slider .swiper-pagination {
  display: none;
}

/* Título derecho */
.mod-blog-horizontal-slider h1,
.mod-blog-horizontal-slider h2,
.mod-blog-horizontal-slider h3,
.mod-blog-horizontal-slider h4,
.mod-blog-horizontal-slider .entry-title,
.mod-blog-horizontal-slider .dipi-entry-title,
.mod-blog-horizontal-slider .dipi-post-title {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--color-red) !important;
  font-family: var(--font-heading) !important;
  font-size: var(--fs-h5) !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.mod-blog-horizontal-slider .dipi-blog-post:hover h2,
.mod-blog-horizontal-slider .dipi-blog-post:hover .entry-title {
  color: var(--color-white) !important;
}

.mod-blog-horizontal-slider h1 a,
.mod-blog-horizontal-slider h2 a,
.mod-blog-horizontal-slider h3 a,
.mod-blog-horizontal-slider h4 a,
.mod-blog-horizontal-slider .entry-title a,
.mod-blog-horizontal-slider .dipi-entry-title a,
.mod-blog-horizontal-slider .dipi-post-title a {
  /* color: inherit !important;
  text-decoration: none !important; */
}

/* Navegación: evitar posiciones enormes */
.mod-blog-horizontal-slider .swiper-button-prev,
.mod-blog-horizontal-slider .slick-prev {
  left: 8px !important;
  right: auto !important;
}

.mod-blog-horizontal-slider .swiper-button-next,
.mod-blog-horizontal-slider .slick-next {
  right: 8px !important;
  left: auto !important;
}

.mod-blog-horizontal-slider .swiper-button-prev,
.mod-blog-horizontal-slider .swiper-button-next,
.mod-blog-horizontal-slider .slick-prev,
.mod-blog-horizontal-slider .slick-next {
  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1px solid rgba(236, 32, 38, 0.16) !important;
  box-shadow: 0 8px 18px rgba(61, 61, 61, 0.10) !important;
  color: #EC2026 !important;
  z-index: 20 !important;
}

/* Responsive */
@media (max-width: 980px) {

  .mod-blog-horizontal-slider article,
  .mod-blog-horizontal-slider .et_pb_post,
  .mod-blog-horizontal-slider .dipi-blog-post,
  .mod-blog-horizontal-slider .dipi_blog_post,
  .mod-blog-horizontal-slider .dipi-blog-slider-item,
  .mod-blog-horizontal-slider .dipi_blog_slider_item {
    grid-template-columns: 76px minmax(0, 1fr) !important;
    min-height: 88px !important;
    max-height: 96px !important;
  }

  .mod-blog-horizontal-slider .entry-featured-image-url,
  .mod-blog-horizontal-slider .dipi-entry-featured-image-url,
  .mod-blog-horizontal-slider .dipi-post-thumbnail,
  .mod-blog-horizontal-slider .dipi_blog_slider_item_image,
  .mod-blog-horizontal-slider .dipi-blog-slider-item-image,
  .mod-blog-horizontal-slider .et_pb_image_container {
    width: 76px !important;
    height: 72px !important;
    min-width: 76px !important;
  }

  .mod-blog-horizontal-slider img {
    min-height: 72px !important;
    max-height: 72px !important;
  }
}


/* =========================================================
   @end FIX Pixel Blog Slider dentro de columna
   No tocar swiper-wrapper ni su transform
   ========================================================= */

/* ==========================================================================
   Pixel Blog Slider vertical tipo cards verdes
   Scope:  .mod-blog-vertical-slider
   ========================================================================== */

.mod-blog-vertical-slider {
  --card-green: rgba(42, 145, 85, 0.92);
  --card-green-hover: rgba(36, 160, 83, 0.96);
  --card-border: rgba(255, 255, 255, 0.18);
  --card-text: #ffffff;
  --card-text-soft: rgba(255, 255, 255, 0.82);
  --card-button: #EC2026;
  --card-button-hover: #FF6319;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 32px 0 36px !important;
  padding: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Viewport con scroll vertical: máximo 720px */
.mod-blog-vertical-slider .swiper,
.mod-blog-vertical-slider .swiper-container,
.mod-blog-vertical-slider .dipi_blog_slider_container,
.mod-blog-vertical-slider .dipi-blog-slider-container,
.mod-blog-vertical-slider .dipi_blog_slider_inner,
.mod-blog-vertical-slider .dipi-blog-slider-inner {
  width: 100% !important;
  max-width: 100% !important;
  max-height: 720px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 8px !important;
  box-sizing: border-box !important;
}

/* Evita el listado infinito causado por clones del loop */
.mod-blog-vertical-slider .swiper-slide-duplicate,
.mod-blog-vertical-slider .slick-cloned {
  display: none !important;
}

/* Track en vertical */
.mod-blog-vertical-slider .swiper-wrapper,
.mod-blog-vertical-slider .dipi_blog_slider_wrapper,
.mod-blog-vertical-slider .dipi-blog-slider-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: 100% !important;
  height: auto !important;
  transform: none !important;
  transition: none !important;
  box-sizing: border-box !important;
}

/* Cada slide ocupa todo el ancho */
.mod-blog-vertical-slider .swiper-slide,
.mod-blog-vertical-slider .slick-slide {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Card: imagen izquierda + contenido derecha */
.mod-blog-vertical-slider article,
.mod-blog-vertical-slider .et_pb_post,
.mod-blog-vertical-slider .dipi-blog-post,
.mod-blog-vertical-slider .dipi_blog_post,
.mod-blog-vertical-slider .dipi-blog-slider-item,
.mod-blog-vertical-slider .dipi_blog_slider_item {
  display: grid !important;
  grid-template-columns: 52% 48% !important;
  align-items: stretch !important;
  width: 100% !important;

  min-height: 224px !important;
  max-height: 224px !important;

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 24px !important;
  border: 1px solid var(--card-border) !important;
  background: var(--card-green) !important;
  box-shadow: 0 18px 34px rgba(0, 70, 32, 0.16) !important;

  overflow: hidden !important;
  box-sizing: border-box !important;
  transition: transform 220ms ease, background-color 220ms ease, box-shadow 220ms ease !important;
}

.mod-blog-vertical-slider article:hover,
.mod-blog-vertical-slider .et_pb_post:hover,
.mod-blog-vertical-slider .dipi-blog-post:hover,
.mod-blog-vertical-slider .dipi_blog_post:hover,
.mod-blog-vertical-slider .dipi-blog-slider-item:hover,
.mod-blog-vertical-slider .dipi_blog_slider_item:hover {
  transform: translateY(-3px) !important;
  background: var(--card-green-hover) !important;
  box-shadow: 0 22px 42px rgba(0, 70, 32, 0.22) !important;
}

/* Imagen izquierda: sin estirarse */
.mod-blog-vertical-slider .entry-featured-image-url,
.mod-blog-vertical-slider .dipi-entry-featured-image-url,
.mod-blog-vertical-slider .dipi-post-thumbnail,
.mod-blog-vertical-slider .dipi_blog_slider_item_image,
.mod-blog-vertical-slider .dipi-blog-slider-item-image,
.mod-blog-vertical-slider .et_pb_image_container {
  grid-column: 1 !important;
  width: 100% !important;
  height: 224px !important;
  min-height: 224px !important;
  max-height: 224px !important;

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 24px 0 0 24px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.10) !important;
  display: block !important;
}

/* Imagen interna */
.mod-blog-vertical-slider img {
  width: 100% !important;
  height: 224px !important;
  min-height: 224px !important;
  max-height: 224px !important;

  object-fit: cover !important;
  object-position: center center !important;

  display: block !important;
  border-radius: 24px 0 0 24px !important;
}

/* Contenedor derecho */
.mod-blog-vertical-slider .dipi-post-content-wrapper,
.mod-blog-vertical-slider .dipi_blog_content,
.mod-blog-vertical-slider .dipi-post-text,
.mod-blog-vertical-slider .dipi-blog-slider-content,
.mod-blog-vertical-slider .post-content-wrapper,
.mod-blog-vertical-slider .entry-content {
  padding: 0px 15px 15px 15px;
  padding: 0px 15px 15px 15px;
  max-height: 30%;
  overflow: hidden;
}

/* Título */
.mod-blog-vertical-slider h1,
.mod-blog-vertical-slider h2,
.mod-blog-vertical-slider h3,
.mod-blog-vertical-slider h4,
.mod-blog-vertical-slider .entry-title,
.mod-blog-vertical-slider .dipi-entry-title,
.mod-blog-vertical-slider .dipi-post-title {
  margin: 0 0 14px !important;
  padding: 0 !important;

  color: var(--card-text) !important;
  font-family: var(--font-heading, MetronicPro, sans-serif) !important;
  font-size: var(--fs-h5) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.4px !important;
  text-align: left !important;
}

.mod-blog-vertical-slider h1 a,
.mod-blog-vertical-slider h2 a,
.mod-blog-vertical-slider h3 a,
.mod-blog-vertical-slider h4 a,
.mod-blog-vertical-slider .entry-title a,
.mod-blog-vertical-slider .dipi-entry-title a,
.mod-blog-vertical-slider .dipi-post-title a {
  color: inherit !important;
  text-decoration: none !important;
}

/* Texto / excerpt */
.mod-blog-vertical-slider .post-content,
.mod-blog-vertical-slider .post-content-inner,
.mod-blog-vertical-slider .entry-summary,
.mod-blog-vertical-slider .dipi-post-excerpt,
.mod-blog-vertical-slider .dipi-post-content,
.mod-blog-vertical-slider .dipi_blog_slider_item_content,
.mod-blog-vertical-slider .dipi-blog-slider-item-content {
  padding: 0 0 0px 15px !important;
  color: var(--card-text-soft) !important;
}

.mod-blog-vertical-slider .dipi-post-content .dipi-post-text {
  font-size: var(--fs-body) !important;
}



/* Botón debajo del texto */
#page-container #et-boc .mod-blog-vertical-slider .dipi-more-link,
#page-container #et-boc .mod-blog-vertical-slider .more-link,
#page-container #et-boc .mod-blog-vertical-slider .et_pb_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 5px 30px !important;
  border-radius: 999px !important;
  background: var(--color-accent) !important;
  color: #ffffff !important;

  font-size: var(--fs-h6);
  line-height: 1 !important;
  text-decoration: none !important;

  box-shadow: 0 12px 24px rgba(236, 32, 38, 0.20) !important;
  transition: transform 180ms ease, background-color 180ms ease !important;
}



/* Ocultar metadatos */
.mod-blog-vertical-slider .post-meta,
.mod-blog-vertical-slider .dipi-post-meta,
.mod-blog-vertical-slider .published,
.mod-blog-vertical-slider .author,
.mod-blog-vertical-slider .comments-number,
.mod-blog-vertical-slider .categories,
.mod-blog-vertical-slider .cat-links {
  display: none !important;
}

/* Ocultar navegación/paginación del carrusel */
.mod-blog-vertical-slider .swiper-button-prev,
.mod-blog-vertical-slider .swiper-button-next,
.mod-blog-vertical-slider .slick-prev,
.mod-blog-vertical-slider .slick-next,
.mod-blog-vertical-slider .swiper-pagination,
.mod-blog-vertical-slider .slick-dots {
  display: none !important;
}

/* Scrollbar vertical discreto */
.mod-blog-vertical-slider .swiper::-webkit-scrollbar,
.mod-blog-vertical-slider .swiper-container::-webkit-scrollbar,
.mod-blog-vertical-slider .dipi_blog_slider_container::-webkit-scrollbar,
.mod-blog-vertical-slider .dipi-blog-slider-container::-webkit-scrollbar {
  width: 6px;
}

.mod-blog-vertical-slider .swiper::-webkit-scrollbar-track,
.mod-blog-vertical-slider .swiper-container::-webkit-scrollbar-track,
.mod-blog-vertical-slider .dipi_blog_slider_container::-webkit-scrollbar-track,
.mod-blog-vertical-slider .dipi-blog-slider-container::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
}

.mod-blog-vertical-slider .swiper::-webkit-scrollbar-thumb,
.mod-blog-vertical-slider .swiper-container::-webkit-scrollbar-thumb,
.mod-blog-vertical-slider .dipi_blog_slider_container::-webkit-scrollbar-thumb,
.mod-blog-vertical-slider .dipi-blog-slider-container::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.32);
  border-radius: 999px;
}

/* Responsive */
@media (max-width: 980px) {

  .mod-blog-vertical-slider .swiper,
  .mod-blog-vertical-slider .swiper-container,
  .mod-blog-vertical-slider .dipi_blog_slider_container,
  .mod-blog-vertical-slider .dipi-blog-slider-container,
  .mod-blog-vertical-slider .dipi_blog_slider_inner,
  .mod-blog-vertical-slider .dipi-blog-slider-inner {
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
  }

  .mod-blog-vertical-slider article,
  .mod-blog-vertical-slider .et_pb_post,
  .mod-blog-vertical-slider .dipi-blog-post,
  .mod-blog-vertical-slider .dipi_blog_post,
  .mod-blog-vertical-slider .dipi-blog-slider-item,
  .mod-blog-vertical-slider .dipi_blog_slider_item {
    grid-template-columns: 45% 55% !important;
    min-height: 190px !important;
    max-height: none !important;
  }

  .mod-blog-vertical-slider .entry-featured-image-url,
  .mod-blog-vertical-slider .dipi-entry-featured-image-url,
  .mod-blog-vertical-slider .dipi-post-thumbnail,
  .mod-blog-vertical-slider .dipi_blog_slider_item_image,
  .mod-blog-vertical-slider .dipi-blog-slider-item-image,
  .mod-blog-vertical-slider .et_pb_image_container,
  .mod-blog-vertical-slider img {
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
  }
}

@media (max-width: 767px) {

  .mod-blog-vertical-slider article,
  .mod-blog-vertical-slider .et_pb_post,
  .mod-blog-vertical-slider .dipi-blog-post,
  .mod-blog-vertical-slider .dipi_blog_post,
  .mod-blog-vertical-slider .dipi-blog-slider-item,
  .mod-blog-vertical-slider .dipi_blog_slider_item {
    display: block !important;
    min-height: auto !important;
    max-height: none !important;
  }

  .mod-blog-vertical-slider .entry-featured-image-url,
  .mod-blog-vertical-slider .dipi-entry-featured-image-url,
  .mod-blog-vertical-slider .dipi-post-thumbnail,
  .mod-blog-vertical-slider .dipi_blog_slider_item_image,
  .mod-blog-vertical-slider .dipi-blog-slider-item-image,
  .mod-blog-vertical-slider .et_pb_image_container,
  .mod-blog-vertical-slider img {
    width: 100% !important;
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    border-radius: 22px 22px 0 0 !important;
  }

  .mod-blog-vertical-slider .dipi-post-content-wrapper,
  .mod-blog-vertical-slider .dipi_blog_content,
  .mod-blog-vertical-slider .dipi-post-text,
  .mod-blog-vertical-slider .dipi-blog-slider-content,
  .mod-blog-vertical-slider .post-content-wrapper,
  .mod-blog-vertical-slider .entry-content {
    padding: 24px !important;
  }
}

/* ==========================================================================
   @end Pixel Blog Slider vertical tipo cards verdes
   Scope:  .mod-blog-vertical-slider
   ========================================================================== */

/* ==========================================================================
   FIX: botón debajo del texto en card vertical
   Scope: .mod-blog-vertical-slider
   ========================================================================== */

/* La card tendrá 2 columnas y 2 filas:
   - Imagen izquierda ocupando toda la altura
   - Contenido derecho arriba
   - Botón derecho debajo del texto
*/
.mod-blog-vertical-slider article,
.mod-blog-vertical-slider .et_pb_post,
.mod-blog-vertical-slider .dipi-blog-post,
.mod-blog-vertical-slider .dipi_blog_post,
.mod-blog-vertical-slider .dipi-blog-slider-item,
.mod-blog-vertical-slider .dipi_blog_slider_item {
  display: grid !important;
  grid-template-columns: 52% 48% !important;
  grid-template-rows: 1fr auto !important;
  align-items: stretch !important;

  min-height: 224px !important;
  max-height: 224px !important;
}

/* Imagen: ocupa la columna izquierda y ambas filas */
.mod-blog-vertical-slider .entry-featured-image-url,
.mod-blog-vertical-slider .dipi-entry-featured-image-url,
.mod-blog-vertical-slider .dipi-post-thumbnail,
.mod-blog-vertical-slider .dipi_blog_slider_item_image,
.mod-blog-vertical-slider .dipi-blog-slider-item-image,
.mod-blog-vertical-slider .et_pb_image_container {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;

  height: 224px !important;
  min-height: 224px !important;
  max-height: 224px !important;
}

/* Imagen interna sin deformarse */
.mod-blog-vertical-slider img,
.mod-blog-vertical-slider .entry-featured-image-url img,
.mod-blog-vertical-slider .dipi-entry-featured-image-url img,
.mod-blog-vertical-slider .dipi-post-thumbnail img,
.mod-blog-vertical-slider .dipi_blog_slider_item_image img,
.mod-blog-vertical-slider .dipi-blog-slider-item-image img,
.mod-blog-vertical-slider .et_pb_image_container img {
  width: 100% !important;
  height: 224px !important;
  min-height: 224px !important;
  max-height: 224px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Contenido derecho: quitar el max-height problemático */
.mod-blog-vertical-slider .dipi-post-content,
.mod-blog-vertical-slider .dipi-post-content-wrapper,
.mod-blog-vertical-slider .dipi_blog_content,
.mod-blog-vertical-slider .dipi-post-text,
.mod-blog-vertical-slider .dipi-blog-slider-content,
.mod-blog-vertical-slider .post-content-wrapper,
.mod-blog-vertical-slider .entry-content {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-height: none !important;
  height: auto !important;
  padding: 15px 15px 15px 15px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

/* Título */
.mod-blog-vertical-slider .entry-title,
.mod-blog-vertical-slider .dipi-entry-title,
.mod-blog-vertical-slider .dipi-post-title,
.mod-blog-vertical-slider h1,
.mod-blog-vertical-slider h2,
.mod-blog-vertical-slider h3,
.mod-blog-vertical-slider h4 {
  margin: 0 0 14px !important;
  padding: 0 !important;
}

/* Texto / descripción */
.mod-blog-vertical-slider .post-content,
.mod-blog-vertical-slider .post-content-inner,
.mod-blog-vertical-slider .entry-summary,
.mod-blog-vertical-slider .dipi-post-excerpt,
.mod-blog-vertical-slider .dipi_blog_slider_item_content,
.mod-blog-vertical-slider .dipi-blog-slider-item-content {
  margin: 0 !important;
  padding: 0 !important;

  max-height: none !important;
  overflow: visible !important;

  color: var(--card-text-soft) !important;
  font-family: var(--font-reading, Lato, sans-serif) !important;
  font-size: var(--fs-body) !important;
  line-height: 1.45 !important;
}

/* Si el texto está dentro de .dipi-post-text, no debe limitar la altura */
.mod-blog-vertical-slider .dipi-post-content .dipi-post-text {
  padding: 0 !important;
}

/* Contenedor del botón: columna derecha, debajo del texto */
.mod-blog-vertical-slider .dipi-bottom-content {
  padding: 0 15px 15px 15px !important;
}

/* Ajuste para evitar que reglas antiguas de .sec-blog-destacadas muevan el botón */
.sec-blog-destacadas .mod-blog-vertical-slider .dipi-bottom-content {
  margin-top: 0 !important;
  padding: 0 28px 28px 28px !important;
}

/* Responsive */
@media (max-width: 980px) {

  .mod-blog-vertical-slider article,
  .mod-blog-vertical-slider .et_pb_post,
  .mod-blog-vertical-slider .dipi-blog-post,
  .mod-blog-vertical-slider .dipi_blog_post,
  .mod-blog-vertical-slider .dipi-blog-slider-item,
  .mod-blog-vertical-slider .dipi_blog_slider_item {
    grid-template-columns: 45% 55% !important;
    grid-template-rows: 1fr auto !important;
    min-height: 210px !important;
    max-height: none !important;
  }

  .mod-blog-vertical-slider .entry-featured-image-url,
  .mod-blog-vertical-slider .dipi-entry-featured-image-url,
  .mod-blog-vertical-slider .dipi-post-thumbnail,
  .mod-blog-vertical-slider .dipi_blog_slider_item_image,
  .mod-blog-vertical-slider .dipi-blog-slider-item-image,
  .mod-blog-vertical-slider .et_pb_image_container,
  .mod-blog-vertical-slider img {
    height: 210px !important;
    min-height: 210px !important;
    max-height: 210px !important;
  }

  .mod-blog-vertical-slider .dipi-post-content,
  .mod-blog-vertical-slider .dipi-post-content-wrapper,
  .mod-blog-vertical-slider .dipi_blog_content,
  .mod-blog-vertical-slider .dipi-post-text,
  .mod-blog-vertical-slider .dipi-blog-slider-content,
  .mod-blog-vertical-slider .post-content-wrapper,
  .mod-blog-vertical-slider .entry-content {
    padding: 24px 24px 8px 24px !important;
  }

  .mod-blog-vertical-slider .dipi-bottom-content,
  .sec-blog-destacadas .mod-blog-vertical-slider .dipi-bottom-content {
    padding: 0 24px 24px 24px !important;
  }
}

@media (max-width: 767px) {

  .mod-blog-vertical-slider article,
  .mod-blog-vertical-slider .et_pb_post,
  .mod-blog-vertical-slider .dipi-blog-post,
  .mod-blog-vertical-slider .dipi_blog_post,
  .mod-blog-vertical-slider .dipi-blog-slider-item,
  .mod-blog-vertical-slider .dipi_blog_slider_item {
    display: block !important;
    min-height: auto !important;
    max-height: none !important;
  }

  .mod-blog-vertical-slider .entry-featured-image-url,
  .mod-blog-vertical-slider .dipi-entry-featured-image-url,
  .mod-blog-vertical-slider .dipi-post-thumbnail,
  .mod-blog-vertical-slider .dipi_blog_slider_item_image,
  .mod-blog-vertical-slider .dipi-blog-slider-item-image,
  .mod-blog-vertical-slider .et_pb_image_container,
  .mod-blog-vertical-slider img {
    width: 100% !important;
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    border-radius: 22px 22px 0 0 !important;
  }

  .mod-blog-vertical-slider .dipi-post-content,
  .mod-blog-vertical-slider .dipi-post-content-wrapper,
  .mod-blog-vertical-slider .dipi_blog_content,
  .mod-blog-vertical-slider .dipi-post-text,
  .mod-blog-vertical-slider .dipi-blog-slider-content,
  .mod-blog-vertical-slider .post-content-wrapper,
  .mod-blog-vertical-slider .entry-content {
    padding: 24px 24px 10px 24px !important;
  }

  .mod-blog-vertical-slider .dipi-bottom-content,
  .sec-blog-destacadas .mod-blog-vertical-slider .dipi-bottom-content {
    padding: 0 24px 24px 24px !important;
  }
}

/* ==========================================================================
   Responsive: cards en scroll horizontal
   Mantiene el diseño responsive actual de la card
   ========================================================================== */

@media (max-width: 980px) {

  /* Viewport horizontal */
  .mod-blog-vertical-slider .swiper,
  .mod-blog-vertical-slider .swiper-container,
  .mod-blog-vertical-slider .dipi_blog_slider_container,
  .mod-blog-vertical-slider .dipi-blog-slider-container,
  .mod-blog-vertical-slider .dipi_blog_slider_inner,
  .mod-blog-vertical-slider .dipi-blog-slider-inner {
    width: 100% !important;
    max-width: 100% !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    padding-right: 0 !important;
    padding-bottom: 14px !important;

    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;
  }

  /* Track horizontal únicamente en responsive */
  .mod-blog-vertical-slider .swiper-wrapper,
  .mod-blog-vertical-slider .dipi_blog_slider_wrapper,
  .mod-blog-vertical-slider .dipi-blog-slider-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;

    width: max-content !important;
    max-width: none !important;
    height: auto !important;

    transform: none !important;
    transition: none !important;
    box-sizing: border-box !important;
  }

  /* Cada slide se comporta como tarjeta horizontal desplazable */
  .mod-blog-vertical-slider .swiper-slide,
  .mod-blog-vertical-slider .slick-slide {
    flex: 0 0 min(86vw, 560px) !important;
    width: min(86vw, 560px) !important;
    max-width: min(86vw, 560px) !important;

    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    scroll-snap-align: start !important;
    box-sizing: border-box !important;
  }

  /* Mantiene la card responsive como ya la tienes */
  .mod-blog-vertical-slider article,
  .mod-blog-vertical-slider .et_pb_post,
  .mod-blog-vertical-slider .dipi-blog-post,
  .mod-blog-vertical-slider .dipi_blog_post,
  .mod-blog-vertical-slider .dipi-blog-slider-item,
  .mod-blog-vertical-slider .dipi_blog_slider_item {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Scrollbar horizontal discreto */
  .mod-blog-vertical-slider .swiper::-webkit-scrollbar,
  .mod-blog-vertical-slider .swiper-container::-webkit-scrollbar,
  .mod-blog-vertical-slider .dipi_blog_slider_container::-webkit-scrollbar,
  .mod-blog-vertical-slider .dipi-blog-slider-container::-webkit-scrollbar {
    height: 6px;
  }

  .mod-blog-vertical-slider .swiper::-webkit-scrollbar-track,
  .mod-blog-vertical-slider .swiper-container::-webkit-scrollbar-track,
  .mod-blog-vertical-slider .dipi_blog_slider_container::-webkit-scrollbar-track,
  .mod-blog-vertical-slider .dipi-blog-slider-container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.10);
    border-radius: 999px;
  }

  .mod-blog-vertical-slider .swiper::-webkit-scrollbar-thumb,
  .mod-blog-vertical-slider .swiper-container::-webkit-scrollbar-thumb,
  .mod-blog-vertical-slider .dipi_blog_slider_container::-webkit-scrollbar-thumb,
  .mod-blog-vertical-slider .dipi-blog-slider-container::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.34);
    border-radius: 999px;
  }
}

/* ==========================================================
   ESTILOS DE LA DIVISION COMERCIAL
   ========================================================== */
.mod-division-comercial-section .mod-credito-descripcion-titulo .et_pb_module_heading {
  color: var(--color-dark) !important;
}

.mod-division-comercial-section .mod-eyebrow {
  color: var(--color-red) !important;
}

.mod-division-comercial-section .mod-hero-row .mod-title .et_pb_module_heading,
.mod-division-comercial-section .mod-hero-row h1,
.mod-division-comercial-section .mod-hero-row h2,
.mod-division-comercial-section .mod-hero-row h3 {
  color: var(--color-dark) !important;
}

.mod-division-comercial-section .mod-intro-card p {
  color: var(--color-white) !important;
}

.mod-division-comercial-section .mod-button,
.mod-division-comercial-section .mod-button.et_pb_button,
.mod-division-comercial-section .et_pb_button.mod-button {
  background: var(--color-red) !important;
}

.mod-division-comercial-section .mod-card {
  background: var(--color-red) !important;
}

.mod-division-comercial-section .mod-card h2,
.mod-division-comercial-section .mod-copy-card h2 {
  color: var(--color-white);
}

/* ==========================================================
   ESTILOS DE LA SECCION NOSOTROS
   ========================================================== */
.mod-nosotros-section .mod-credito-descripcion-titulo .et_pb_module_heading {
  color: var(--color-primary) !important;
}

.mod-nosotros-section .mod-eyebrow {
  color: var(--color-primary) !important;
}

.mod-nosotros-section .mod-hero-row .mod-title .et_pb_module_heading,
.mod-nosotros-section .mod-hero-row h1,
.mod-nosotros-section .mod-hero-row h2,
.mod-nosotros-section .mod-hero-row h3 {
  color: var(--color-primary) !important;
}

.mod-nosotros-section .mod-intro-card p {
  color: var(--color-white) !important;
}

.mod-nosotros-section .mod-button,
.mod-nosotros-section .mod-button.et_pb_button,
.mod-nosotros-section .et_pb_button.mod-button {
  background: var(--color-primary) !important;
}

.mod-nosotros-section .mod-card {
  background: var(--color-primary) !important;
}

.mod-nosotros-section .mod-card h2,
.mod-nosotros-section .mod-copy-card h2 {
  color: var(--color-white);
}

/*Parallax de la seccion de nosotros*/
.mod-corp-profile-section .et_parallax_bg {
  background-repeat: no-repeat;
  background-position: right;
  background-size: 40%
}


/* ==========================================================================
   Divi Blog Module como nube de etiquetas
   Versión ajustada: chips alineados, sin rotación y ligeramente más grandes
   Scope principal: #mod-blog-tags-cloud
   ========================================================================== */

#mod-blog-tags-section,
.mod-blog-tags-section {
  --tag-primary: var(--color-primary, #005BA8);
  --tag-secondary: var(--color-secondary, #0098DB);
  --tag-accent: var(--color-accent, #FF6319);
  --tag-red: var(--color-red, #EC2026);
  --tag-body: var(--color-body, #3D3D3D);
  --tag-white: var(--color-white, #ffffff);
  --tag-radius: var(--border-radius-btn, 9999px);
  --tag-shadow: 0 8px 18px rgba(0, 91, 168, 0.10);
  --tag-shadow-hover: 0 12px 26px rgba(0, 91, 168, 0.16);
}

/* Evita alturas heredadas del render actual */
#mod-blog-tags-section,
#mod-blog-tags-row,
#mod-blog-tags-column,
#mod-blog-tags-cloud,
#mod-blog-tags-cloud .et_pb_ajax_pagination_container {
  height: auto !important;
  min-height: 0 !important;
}

/* Módulo Blog como contenedor fluido */


/* Nube responsive alineada normal, sin rotaciones */
#mod-blog-tags-cloud .et_pb_ajax_pagination_container {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  align-content: flex-start !important;
  justify-content: flex-start !important;



  gap: clamp(10px, 1.2vw, 16px) !important;

}

/* Cada post se convierte en una etiqueta */
#mod-blog-tags-cloud article.et_pb_post {

  margin: 0 !important;

}

/* Ocultar contenido que no hace parte de la nube */
#mod-blog-tags-cloud article.et_pb_post .post-content,
#mod-blog-tags-cloud article.et_pb_post .post-content-inner,
#mod-blog-tags-cloud article.et_pb_post .post-meta,
#mod-blog-tags-cloud article.et_pb_post .entry-featured-image-url,
#mod-blog-tags-cloud article.et_pb_post .et_pb_image_container,
#mod-blog-tags-cloud article.et_pb_post img,
#mod-blog-tags-cloud .pagination,
#mod-blog-tags-cloud .wp-pagenavi {
  display: none !important;
}

/* Reset del título para que no ocupe todo el ancho */
#mod-blog-tags-cloud article.et_pb_post .entry-title,
#mod-blog-tags-cloud article.et_pb_post h1.entry-title,
#mod-blog-tags-cloud article.et_pb_post h2.entry-title,
#mod-blog-tags-cloud article.et_pb_post h3.entry-title,
#mod-blog-tags-cloud article.et_pb_post h4.entry-title,
#mod-blog-tags-cloud article.et_pb_post h5.entry-title {
  font-size: var(--fs-h6);
}

/* Etiqueta tipo botón SM, ligeramente más grande */
#mod-blog-tags-cloud article.et_pb_post .entry-title a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 38px !important;
  padding: 10px 18px !important;

  border-radius: var(--border-radius-btn) !important;
  border: 1px solid var(--color-red) !important;

  color: var(--color-red) !important;


  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    color 180ms ease !important;
}

/* Variante visual sutil sin rotación */
/* #mod-blog-tags-cloud article.et_pb_post:nth-child(4n) .entry-title a {
  background:
    var(--color-red-hover);
  border-color: var(--color-red-hover) !important;
} */

/* Hover */
#mod-blog-tags-cloud article.et_pb_post .entry-title a:hover {
  color: var(--color-white) !important;
  background:
    var(--color-red);
  border-color: var(--color-red-hover) !important;
  transform: translateY(-2px) !important;
}



/* Responsive tablet */
@media (max-width: 980px) {
  #mod-blog-tags-cloud .et_pb_ajax_pagination_container {
    justify-content: flex-start !important;
    gap: 10px !important;
  }

  #mod-blog-tags-cloud article.et_pb_post .entry-title a {
    min-height: 36px !important;
    padding: 9px 16px !important;
    font-size: 14px !important;
  }
}

/* Responsive móvil */
@media (max-width: 767px) {
  #mod-blog-tags-cloud .et_pb_ajax_pagination_container {
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 8px !important;
  }

  #mod-blog-tags-cloud article.et_pb_post .entry-title a {
    min-height: 34px !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }
}

/* Estilos personalizados para enlaces de .mod-blog-vertical-slider simulando btn-custom btn-sm bg-accent text-white */
#page-container #et-boc .mod-blog-vertical-slider .dipi-more-link,
#page-container #et-boc .mod-blog-vertical-slider .more-link,
#page-container #et-boc .mod-blog-vertical-slider .et_pb_button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-btn) !important;
  font-family: var(--font-heading);
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease !important;
  cursor: pointer;
  border: none !important;

  --current-padding-x: 18px;
  padding: 8px var(--current-padding-x) !important;
  font-size: var(--btn-font-size-sm);

  background-color: var(--color-accent) !important;
  color: var(--color-white) !important;
}



#page-container #et-boc .mod-blog-vertical-slider .dipi-more-link.et_pb_button:hover {
  background-color: var(--color-accent-hover) !important;
}

/* ==========================================================================
   Bootstrap Margin & Padding Utilities
   ========================================================================== */
:root {
  --spacer-0: 0;
  --spacer-1: 0.25rem;
  --spacer-2: 0.5rem;
  --spacer-3: 1rem;
  --spacer-4: 1.5rem;
  --spacer-5: 3rem;
}

.m-0 {
  margin: var(--spacer-0) !important;
}

.m-1 {
  margin: var(--spacer-1) !important;
}

.m-2 {
  margin: var(--spacer-2) !important;
}

.m-3 {
  margin: var(--spacer-3) !important;
}

.m-4 {
  margin: var(--spacer-4) !important;
}

.m-5 {
  margin: var(--spacer-5) !important;
}

.m-auto {
  margin: auto !important;
}

.mt-0 {
  margin-top: var(--spacer-0) !important;
}

.mt-1 {
  margin-top: var(--spacer-1) !important;
}

.mt-2 {
  margin-top: var(--spacer-2) !important;
}

.mt-3 {
  margin-top: var(--spacer-3) !important;
}

.mt-4 {
  margin-top: var(--spacer-4) !important;
}

.mt-5 {
  margin-top: var(--spacer-5) !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mb-0 {
  margin-bottom: var(--spacer-0) !important;
}

.mb-1 {
  margin-bottom: var(--spacer-1) !important;
}

.mb-2 {
  margin-bottom: var(--spacer-2) !important;
}

.mb-3 {
  margin-bottom: var(--spacer-3) !important;
}

.mb-4 {
  margin-bottom: var(--spacer-4) !important;
}

.mb-5 {
  margin-bottom: var(--spacer-5) !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0,
.ml-0 {
  margin-left: var(--spacer-0) !important;
}

.ms-1,
.ml-1 {
  margin-left: var(--spacer-1) !important;
}

.ms-2,
.ml-2 {
  margin-left: var(--spacer-2) !important;
}

.ms-3,
.ml-3 {
  margin-left: var(--spacer-3) !important;
}

.ms-4,
.ml-4 {
  margin-left: var(--spacer-4) !important;
}

.ms-5,
.ml-5 {
  margin-left: var(--spacer-5) !important;
}

.ms-auto,
.ml-auto {
  margin-left: auto !important;
}

.me-0,
.mr-0 {
  margin-right: var(--spacer-0) !important;
}

.me-1,
.mr-1 {
  margin-right: var(--spacer-1) !important;
}

.me-2,
.mr-2 {
  margin-right: var(--spacer-2) !important;
}

.me-3,
.mr-3 {
  margin-right: var(--spacer-3) !important;
}

.me-4,
.mr-4 {
  margin-right: var(--spacer-4) !important;
}

.me-5,
.mr-5 {
  margin-right: var(--spacer-5) !important;
}

.me-auto,
.mr-auto {
  margin-right: auto !important;
}

.mx-0 {
  margin-right: var(--spacer-0) !important;
  margin-left: var(--spacer-0) !important;
}

.mx-1 {
  margin-right: var(--spacer-1) !important;
  margin-left: var(--spacer-1) !important;
}

.mx-2 {
  margin-right: var(--spacer-2) !important;
  margin-left: var(--spacer-2) !important;
}

.mx-3 {
  margin-right: var(--spacer-3) !important;
  margin-left: var(--spacer-3) !important;
}

.mx-4 {
  margin-right: var(--spacer-4) !important;
  margin-left: var(--spacer-4) !important;
}

.mx-5 {
  margin-right: var(--spacer-5) !important;
  margin-left: var(--spacer-5) !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: var(--spacer-0) !important;
  margin-bottom: var(--spacer-0) !important;
}

.my-1 {
  margin-top: var(--spacer-1) !important;
  margin-bottom: var(--spacer-1) !important;
}

.my-2 {
  margin-top: var(--spacer-2) !important;
  margin-bottom: var(--spacer-2) !important;
}

.my-3 {
  margin-top: var(--spacer-3) !important;
  margin-bottom: var(--spacer-3) !important;
}

.my-4 {
  margin-top: var(--spacer-4) !important;
  margin-bottom: var(--spacer-4) !important;
}

.my-5 {
  margin-top: var(--spacer-5) !important;
  margin-bottom: var(--spacer-5) !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.p-0 {
  padding: var(--spacer-0) !important;
}

.p-1 {
  padding: var(--spacer-1) !important;
}

.p-2 {
  padding: var(--spacer-2) !important;
}

.p-3 {
  padding: var(--spacer-3) !important;
}

.p-4 {
  padding: var(--spacer-4) !important;
}

.p-5 {
  padding: var(--spacer-5) !important;
}

.pt-0 {
  padding-top: var(--spacer-0) !important;
}

.pt-1 {
  padding-top: var(--spacer-1) !important;
}

.pt-2 {
  padding-top: var(--spacer-2) !important;
}

.pt-3 {
  padding-top: var(--spacer-3) !important;
}

.pt-4 {
  padding-top: var(--spacer-4) !important;
}

.pt-5 {
  padding-top: var(--spacer-5) !important;
}

.pb-0 {
  padding-bottom: var(--spacer-0) !important;
}

.pb-1 {
  padding-bottom: var(--spacer-1) !important;
}

.pb-2 {
  padding-bottom: var(--spacer-2) !important;
}

.pb-3 {
  padding-bottom: var(--spacer-3) !important;
}

.pb-4 {
  padding-bottom: var(--spacer-4) !important;
}

.pb-5 {
  padding-bottom: var(--spacer-5) !important;
}

.ps-0,
.pl-0 {
  padding-left: var(--spacer-0) !important;
}

.ps-1,
.pl-1 {
  padding-left: var(--spacer-1) !important;
}

.ps-2,
.pl-2 {
  padding-left: var(--spacer-2) !important;
}

.ps-3,
.pl-3 {
  padding-left: var(--spacer-3) !important;
}

.ps-4,
.pl-4 {
  padding-left: var(--spacer-4) !important;
}

.ps-5,
.pl-5 {
  padding-left: var(--spacer-5) !important;
}

.pe-0,
.pr-0 {
  padding-right: var(--spacer-0) !important;
}

.pe-1,
.pr-1 {
  padding-right: var(--spacer-1) !important;
}

.pe-2,
.pr-2 {
  padding-right: var(--spacer-2) !important;
}

.pe-3,
.pr-3 {
  padding-right: var(--spacer-3) !important;
}

.pe-4,
.pr-4 {
  padding-right: var(--spacer-4) !important;
}

.pe-5,
.pr-5 {
  padding-right: var(--spacer-5) !important;
}

.px-0 {
  padding-right: var(--spacer-0) !important;
  padding-left: var(--spacer-0) !important;
}

.px-1 {
  padding-right: var(--spacer-1) !important;
  padding-left: var(--spacer-1) !important;
}

.px-2 {
  padding-right: var(--spacer-2) !important;
  padding-left: var(--spacer-2) !important;
}

.px-3 {
  padding-right: var(--spacer-3) !important;
  padding-left: var(--spacer-3) !important;
}

.px-4 {
  padding-right: var(--spacer-4) !important;
  padding-left: var(--spacer-4) !important;
}

.px-5 {
  padding-right: var(--spacer-5) !important;
  padding-left: var(--spacer-5) !important;
}

.py-0 {
  padding-top: var(--spacer-0) !important;
  padding-bottom: var(--spacer-0) !important;
}

.py-1 {
  padding-top: var(--spacer-1) !important;
  padding-bottom: var(--spacer-1) !important;
}

.py-2 {
  padding-top: var(--spacer-2) !important;
  padding-bottom: var(--spacer-2) !important;
}

.py-3 {
  padding-top: var(--spacer-3) !important;
  padding-bottom: var(--spacer-3) !important;
}

.py-4 {
  padding-top: var(--spacer-4) !important;
  padding-bottom: var(--spacer-4) !important;
}

.py-5 {
  padding-top: var(--spacer-5) !important;
  padding-bottom: var(--spacer-5) !important;
}