.cumplimiento, .cumplimiento * {box-sizing:border-box; }
.cumplimiento {background:#ffffff; position:relative; }
.page-title-big-main {flex-wrap: wrap; width:100%; display:flex; flex-direction:row; gap:24px; align-items:center; justify-content:center; flex-wrap:wrap; position:relative; }
.page-title-big-main1 {max-width:572px; min-height:356px; padding:50px 24px; display:flex; flex-direction:column; gap:56px; align-items:flex-start; justify-content:flex-end;position:relative; }
.page-title-big-main2 { display:flex; flex-direction:column;  align-items:center; justify-content:flex-start;  position:relative;margin-bottom: 20px; }

.subtitulo-checkbox {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
flex-shrink: 0;
position: relative;
flex-wrap:wrap;
}
.subtitulo-box1 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
position: relative;
}
.subtitulo-box2 {
flex-direction: column;
min-height: 48px;
color: #18191c;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size: 40px;
font-weight: 700;
position: relative;
align-self: stretch;
display: flex;
align-items: center;
justify-content: center;
}

.get-started { 
background: rgba(255, 255, 255, 0.15);
border-radius: 100px;
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 24px 40px;
display: flex;
gap: 24px;
align-items: center;
justify-content: flex-start;
position: relative;
overflow: hidden;
backdrop-filter: blur(5px);
transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}
.get-started:hover {
background-color: rgba(255, 255, 255, 0.5); 
backdrop-filter: blur(32px);  
border-color: rgba(255, 255, 255, 0.5);
transform: scale(1.1); /* Se hace un 10% más grande */
}
.get-started a {
color: #ffffff;
text-decoration: none;
}
.get-started:hover a {
color: #ffffff;
}

.ayudamos-container {
background: #0e357a;
width: 100%;
min-height: 586px;
padding: 50px;
display: flex;
flex-direction: column;
gap: 0px;
align-items: center;
justify-content: center;
align-self: stretch;
flex-shrink: 0;
position: relative;
}
.ayudamos-principal {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.ayudamos-titulo {
max-width: 843px;
display: flex;
flex-direction: column;
gap: 32px;
align-items: center;
justify-content: flex-start;
flex: 1;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
justify-content: center;
align-content: center;
align-items: center;
flex-direction: column;
min-height: 48px;
color: #18191c;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size: 40px;
font-weight: 700;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}

.ayudamos-cuadrados {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
position: relative;
}

.ayudamos-seccion {
display: flex;
flex-direction: row;
gap: 24px;
align-items: flex-start;
justify-content: center;
align-self: stretch;
flex: 1;
position: relative;
flex-wrap:wrap;
}
.ayudamos-box1 {
display: flex;
flex-direction: row;
gap: 24px;
align-items: center;
justify-content: center;
align-self: stretch;
flex: 1;
position: relative;
flex-wrap:wrap;

}

.ayudamos-a-empresas-como-la-suya {
color: #ffffff;
max-width: 900px;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size: 40px;
font-weight: var(--h2-font-weight, 700);
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
flex-direction: row;
flex-direction: row;
}

.subtitulo-titulo-blanco {
color: #ffffff;
max-width: 800px;
padding:20px;
text-align: center;
font-family: var(--h5-font-family, 'Montserrat', sans-serif);
font-size: 20px;
font-weight: 400);
position: relative;
align-self: stretch;
flex: 1;
display: flex;
align-items: center;
justify-content: center;

}
.cuadrados {
margin-top: 10px;
display: flex;
flex-direction: row;
gap: 10px;
align-items: center;
justify-content: center;
flex-wrap: wrap;
flex: 1;
position: relative;
}

.icono-blanco {
width: 124px; 
padding: 24px; 
display: block;
}
.bancos-texto {
font-size: 32px; 
padding: 16px; 
}
.otras-entidades-supervisadas {
width: 100%;
color: #0e357a;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 130%;
}
.otras-entidades-supervisadas-span {
color:#192839;
font-family: 'Montserrat', sans-serif;
font-size: 20px;
line-height: 110%;
}
.otras-entidades-supervisadas-span2 {
color: #192839;
font-family: 'Montserrat', sans-serif;
font-size: 24px;
line-height: 110%;
}
.apnf-ds-art-15-y-15-bis {
width: 100%;
color: #192839;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 130%;
}

.apnf-ds-art-15-y-15-bis-span2 {
color: #192839;
font-family: 'Montserrat', sans-serif;
font-size: 20px;
line-height: 130%;
}

.ver-planes a {
font-family: 'Montserrat', sans-serif;
color: #0e357a;
text-decoration: none;
transition: color 0.3s ease; 
}
/* Hover effect */
.ver-planes-box:hover {
background-color: #0EBB89; 
transform: scale(1.1);
}
.ver-planes-box:hover .ver-planes a {
color: #fff; 
}
.ver-planes-box:hover .chevron-blue {
   filter: brightness(0) invert(1); /* Invert image color to make it white (if the image is dark) */
}

.cuadros-de-soluciones-box img {
  width: 88px; 
  height:63px;
  margin: 10px;
}

.soluciones-container {
  padding:50px;
  min-height:992px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.tranquilo-container {
  min-width: 100%;
  background: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-shrink: 0;
  position: relative;
  padding: 50px;
}
.beneficios-container {
  width:100%;
  background:#f7f6ff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:relative;
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
}
.linea {
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  justify-content:center; 
  width:30px; 
  overflow:visible; 
}
.beneficios-1 {
  display:flex;
  flex-direction:column;
  gap:48px;
  align-items:flex-start;
  justify-content:flex-start;
  position:relative;
}
.beneficios {
  display:flex;
  flex-direction:row;
  gap:15px;
  align-items:center;
  justify-content:flex-start;
  position:relative;
  margin-top: 50px;
}
.transforme-container {
  display: flex;
  flex-direction: column;
align-items: center;
  justify-content: center;
padding: 50px;
}
.transforme-box {
  background: #ffffff;
  margin: 50px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.recomendaciones-container {
  background: #f7f6ff;
  width:100%;
  padding:50px;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.beneficios-2 {
  margin-top:48px;
  display:flex;
  gap:48px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start; /*! flex:1; */
  margin-left: 20px;
}
.ahorro-de-tiempo {
  display:flex;
  flex-direction:row;
  gap:24px;
  align-items:center;
  justify-content:flex-start; 
  padding: 10px;
  margin-right: 24px;
   opacity: 0;
  transform: translateY(50px); 
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.ahorro-de-tiempo.visible {
  opacity: 1;
  transform: translateY(0); 
}

.textos1-row2 {
display:flex;
  flex-direction:row;
  gap:10px;
  align-items:center;
  justify-content:center; 
  position:relative;
}
.textos1-row1 {
  display:flex;
  flex-direction:column;
  gap:0px;
  align-items:center;
  justify-content:flex-start;
  max-width: 324px;
}
.clientes-box {
  max-width: 350px;
  margin-bottom: 24px;
  padding:40px; 
  background:#ffffff;
  border-radius:5px;
  border-style:solid;
  border-color:#2d70e7 ;
  border-width:1px;
  display:flex;
  flex-direction:column;
  gap:24px;
  align-items:flex-start;
  justify-content:flex-start;
  align-self:stretch;
  box-shadow: 0 0 10px rgba(0,0,0,0.25);
}


.slider-wrapper {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: auto;
}

.slider-container {
  overflow: hidden; 
  position: relative;
  width: 100%;
}

.slider {
  display: flex;
  transition: transform 0.5s ease;
  width: 100%;
}

.clientes-box {
  min-width: 100%;
  box-sizing: border-box;
  padding: 20px;
}

.clientes-comment-box {
  height:auto;
  border-style:solid;
  border-color:#1859ce;
  border-width:0px 0px 1px 0px;
  padding:0px 0px 18px 0px;
  display:flex;
  flex-direction:column;
  border-radius: 0px;
}

.comillas-box img {
  width: 20px;
  height: 20px;
}

.clientes-name-row {
 display:flex;
}

button {
  position: absolute;
  top: 35%;
  background-color: #1859ce  ;
  color: white;
  font-size: 39px;
  padding: 10px;
  border: none;
  cursor: pointer;
  border-radius: 9%; 
  width: 40px;
  height: 51px;
  padding-top: 0px;
  padding-bottom: 50px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.prev {
  left: -50px; 
}

.next {
  right: -50px; 
}

button:hover {
  background-color: rgba(0, 0, 0, 0.5);
    transform: scale(1.05); 
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 
}


.beneficios-div2 {
  display:flex;
  flex-direction:row;
  justify-content:center; 
}

.cuadros-de-soluciones-box {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  width: 224px;
  background: #f7f6ff;
  border-radius: 5px;
  border: 1px solid #2d70e7;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 18px;
  box-sizing: border-box;
  transition: background-color 0.8s ease, transform 0.3s ease; 
}

.cuadros-de-soluciones-box:hover {
  background-color: #2d70e7; /* Cambio de color de fondo al hacer hover */
  color: #ffffff; /* Cambio de color del texto al hacer hover */
  transform: scale(1.05); /* Agranda el cuadro un 5% */
}

.cuadros-de-soluciones-box .cuadro-titulo {
  color: #0e357a;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 6px;
  transition: color 0.3s ease;
}

.cuadros-de-soluciones-box:hover .cuadro-titulo {
  color: #ffffff; /* Cambio de color del texto a blanco */
}

.cuadros-de-soluciones-box .cuadro-descripcion {
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
}

.cuadros-de-soluciones-box .cuadro-ver-mas {
  font-size: 18px;
  margin-top: 16px; /* Mueve el contenido al final del cuadro */
  text-align: center;
  font-weight: bold;
}

.cuadros-de-soluciones-box .cuadro-ver-mas a {
  color: #6d7175; /* Color del enlace */
  text-decoration: none;
  transition: color 0.3s ease; /* Transición suave para el color del enlace */
}

.cuadros-de-soluciones-box:hover .cuadro-ver-mas a {
  color: #ffffff; /* Color blanco al hacer hover */}

.cuadro-ver-mas  a:visited {color:#1859ce;}

.cuadros-de-soluciones-box .cuadro-ver-mas img {
  margin-left: 5px; /* Espacio entre el texto y la imagen */
  width: 18px;
  height: auto;
  vertical-align: middle;
}

.cuadros-de-soluciones-box .ver-mas {
  filter: invert(1); /* Invert image color to make it white (if the image is dark) */
}


.cumplimiento-container {background:#1347a4; width:100%; min-height:700px; display:flex; flex-direction:row; gap:10px; align-items:center; justify-content:center; flex-wrap:wrap; flex-shrink:0; position:relative; }
.menu {display:flex; flex-direction:column; gap:10px; align-items:flex-start; justify-content:flex-end; flex-shrink:0; height:auto; position:relative; overflow:visible; }
.text-block {display:flex; flex-direction:column; gap:24px; align-items:flex-start; justify-content:flex-start; align-self:stretch; flex-shrink:0; position:relative; }
.gestione-cumpla {text-align:left; font-family:'Montserrat',sans-serif; font-size:48px; font-weight:700; position:relative; align-self:stretch; }
.gestione-cumpla-span {color:#ffffff; font-family:'Montserrat',sans-serif; font-size:48px; font-weight:700; }
.gestione-cumpla-span2 {color:#55e6a5; font-family:'Montserrat',sans-serif; font-size:48px; font-weight:700; }
.cumplimiento-normativo-con-soluciones-inteligentes {color:#ffffff; max-width:424px; text-align:left; font-family:'Montserrat',sans-serif; font-size:18px; font-weight:400; position:relative;  }

.recomendaciones-row1 { min-height:64px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; flex-shrink:0; flex-wrap:wrap;}
.cumplimiento-box1 {display:flex; flex-direction:column; align-items:center; position:relative;justify-content: center;align-content: center;align-items: center; }
.nuestros-servicios-box {padding:10px; height:40px; background:#55e6a5; border-radius:32px; display:flex; flex-direction:row; gap:10px; align-items:flex-start; justify-content:center; flex-shrink:0; position:relative; margin-bottom: 50px; width: 500px; }
.solicitar-demo2 {color:#ffffff; text-align:left; white-space:nowrap; font-family:'Montserrat',sans-serif; font-size:32px; letter-spacing:0.06em; font-weight:600; position:relative; }
.imagen-principal {flex:1; position:relative;}
.cumplimiento-imagen {height:auto; }
.nuestros-servicios {color:#18191c; text-align:center; font-family:'Montserrat',sans-serif; font-size:16px; letter-spacing:0.1em; font-weight:600; position:relative; display:flex; align-items:center; justify-content:center; }
.su-aliado-en-cumplimiento {max-width:419px; min-height:56px; color:#6a6a6a; text-align:left; font-family:'Montserrat',sans-serif; font-size:16px; line-height:172%; font-weight:500; position:relative; }
.ver-planes-button {display:flex; flex-direction:row; gap:24px; align-items:center; justify-content:flex-start; flex-shrink:0; position:relative; }
.ver-planes {color:#0e357a; text-align:left; white-space:nowrap; font-family:'Montserrat',sans-serif; font-size:32px; font-weight:700; position:relative; }
.ver-planes a, .ver-planes a:visited {color:#0e357a;} .ver-planes a:hover, .ver-planes a:focus {color:#fff;}
.beneficios-box1 {max-width:610px; display:flex; flex-direction:row; gap:10px; align-items:flex-start; flex-wrap:wrap;  justify-content:center; flex-shrink:0; margin-top: 20px; }
.icono-beneficios-box {display:inline; flex:0}
.subtitulo-box12 {display:flex; flex-direction:column; gap:16px; align-items:center; justify-content:flex-start; position:relative; }
.beneficios-exclusivos { flex-wrap: wrap; color:#18191c; text-align:center; font-family:'Montserrat',sans-serif; font-size: 40px; font-weight:700; display:flex; align-items:center; justify-content:center; }
.servicios-texto-box {max-width:819px; min-height:80px; padding:0px 10px 0px 10px; display:flex; flex-direction:row; gap:10px; align-items:center; justify-content:center; flex-shrink:0; }
.icono-beneficios {flex-shrink:0; width:100px; height:101px; position:relative; overflow:visible; }
.textos1-box {padding:10px; display:flex; flex-direction:row; gap:10px; align-items:center; justify-content:center; flex-shrink:0; position:relative; }
.titulo-azul-2 {width:315px; color:#0e357a; text-align:left; font-family:'Montserrat',sans-serif; font-size:27px; font-weight:700; position:relative; display:flex; align-items:center; justify-content:flex-start; }
.cumplimiento-normativo {height:178px; display:flex; flex-direction:row; gap:24px; align-items:center; justify-content:flex-start; flex-shrink:0; position:relative; }
.mayor-eficiencia {display:flex; flex-direction:row; gap:24px; align-items:center; justify-content:flex-start; flex-shrink:0; position:relative; }
.mejora-row {display:flex; flex-direction:column; gap:0px; align-items:center; justify-content:flex-start; flex-shrink:0; width:335px; position:relative; }
.textos1-box2 {padding:10px; display:flex; flex-direction:row; gap:10px; align-items:center; justify-content:center; flex-shrink:0; width:338px; position:relative; }
.mejora-analisis {color:#0e357a; text-align:left; font-family:'Montserrat',sans-serif; font-size:32px; font-weight:700; position:relative; width:315px; display:flex; align-items:center; justify-content:flex-start; }
.obtenga-box {padding:10px; display:flex; flex-direction:row; gap:10px; align-items:center; justify-content:center; flex-shrink:0; width:335px; position:relative; }
.confianza {display:flex; flex-direction:row; gap:24px; align-items:center; justify-content:flex-start; flex-shrink:0; height:175px; position:relative; }
.confianza-row {display:flex; flex-direction:column; gap:0px; align-items:center; justify-content:flex-start; flex-shrink:0; width:320px; position:relative; }
.tenga-box {padding:10px; display:flex; flex-direction:row; gap:10px; align-items:center; justify-content:center; flex-shrink:0; width:317px; position:relative; }
.automatizamos-box {padding-top: 56px;  padding-bottom: 56px;width:100%; min-height:182px; background:#0e357a; padding:32px; display:flex; flex-direction:row; gap:10px; align-items:center; justify-content:center; flex-shrink:0; position:relative; }
.automatizamos-la-verificaci-n-de-peps {max-width:1080px; min-height:88px; color:#ffffff; text-align:center; font-family:'Montserrat',sans-serif; font-size:24px; font-weight:600; position:relative; }
.transforme-row {display: flex;flex-direction: row;gap: 0px;justify-content: center;flex-shrink: 0;}
.transforme-check-box {width: 88px;height: 88px;display: flex;flex-direction: row;gap: 10px;align-items: center;justify-content: center;flex-shrink: 0;position: relative;}
.background-verde {background-color: #55e6a5;}
.transforme-su-cumplimiento {max-width: 50%;text-align: center;font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 40px;line-height: 120%;display: flex;flex-direction: column;gap: 56px;align-items: center;justify-content: flex-start;flex-shrink: 0;position: relative;}
.transforme-su-cumplimiento-span {color: #18191c;line-height: 128%;}
.letra-verde {color: #55e6a5;line-height: 120%;}
.empiece-ahora {color: #6d7175;text-align: center;margin: 2% 0px;font-family: var(--h5-font-family, 'Montserrat', sans-serif);font-size: var(--h5-font-size, 24px);font-weight: var(--h5-font-weight, 500);position: relative;align-self: stretch;flex: 1;}
.ver-planes-box {max-width: 372px;margin: 32px;background: #55e6a5;border-radius: 100px;border: 1px solid rgba(255, 255, 255, 0.2);padding: 24px 40px;display: flex;flex-direction: column;gap: 48px;align-items: center;justify-content: center;flex-shrink: 0;position: relative;overflow: hidden;backdrop-filter: blur(5px);   transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;}
.ver-planes-button {display: flex;align-items: center;gap: 32px;}
.chevron-blue {transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease; }
.dicen-texto-box1 {width:56px; height:56px; display:flex; flex-direction:row; gap:10px; align-items:center; justify-content:center; flex-shrink:0; }
.dicen-texto-box2 {min-height:40px; display:flex; flex-direction:column; gap:16px; align-items:center; justify-content:flex-start; }
.clientes-dicen {gap: 16px; max-width:736px; min-height:48px; color:#18191c; text-align:center; font-family:'Montserrat',sans-serif; font-size:var(--h2-font-size, 40px); flex-wrap: wrap; font-weight:var(--h2-font-weight, 700); position:relative; display:flex; align-items:center; justify-content:center; }
.recomendaciones-row2 {max-width:600px; color:#18191c; text-align:center; font-family:var(--h5-font-family, 'Montserrat',sans-serif); font-size:24px; font-weight:400; position:relative; display:flex; align-items:center; justify-content:center; }
.clientes-column {margin:48px 0px; max-width:1400px; display:flex; flex-wrap:wrap; flex-direction:row; gap:32px; align-content:center; justify-content:center; align-items:flex-start; }
.clientes-comment-box {height:auto; border-style:solid; border-color:#212529; border-width:0px 0px 1px 0px; padding:0px 0px 18px 0px; display:flex; flex-direction:column; gap:16px; align-items:flex-start; justify-content:flex-start; align-self:stretch; flex-shrink:0; position:relative; }
.comillas-box {display:flex; flex-direction:column; gap:4px; align-items:flex-start; justify-content:flex-start; flex-shrink:0; position:relative; }
.comillas {flex-shrink:0; width:32px; height:32px; overflow:visible; }
.clientes-comment-text {color:#6d7175; text-align:left; font-family:'Montserrat',sans-serif; font-size:16px; line-height:24px; letter-spacing:-0.01em; font-weight:400; position:relative; align-self:stretch; }
.clientes-name-title2 {max-width:367px; color:#727272; text-align:left; font-family:var( --paragraph-p3-regular-font-family, 'Inter-Regular',sans-serif); font-size:var(--paragraph-p3-regular-font-size, 16px); line-height:24px; letter-spacing:var(--paragraph-p3-regular-letter-spacing, -0.02em); font-weight:var(--paragraph-p3-regular-font-weight, 500); position:relative; }
.clientes-name-title4 { color:#727272; text-align:left; font-family:var( --paragraph-p3-regular-font-family, 'Inter-Regular',sans-serif); font-size:var(--paragraph-p3-regular-font-size, 16px); line-height:24px; letter-spacing:var(--paragraph-p3-regular-letter-spacing, -0.02em); font-weight:var(--paragraph-p3-regular-font-weight, 500); position:relative;  }
.clientes-name-title5 {color:#727272; text-align:center; display:flex; justify-content:left; font-family:var( --paragraph-p3-regular-font-family, 'Inter-Regular',sans-serif); font-size:var(--paragraph-p3-regular-font-size, 16px); line-height:24px; letter-spacing:var(--paragraph-p3-regular-letter-spacing, -0.02em); font-weight:var(--paragraph-p3-regular-font-weight, 500); }
.check-green-circle-box {width:90px; height:53px; display:flex; flex-direction:row; gap:10px; align-items:center; justify-content:center; flex-shrink:0; }
.tranquilo-box1 {max-width: 500px;margin-bottom: 15px;display: flex;flex-direction: row;align-items: center;justify-content: center;flex-wrap: wrap;flex: 1;}
.tranquilo-box2 {max-width: 800px;margin-bottom: 48px;display: flex;flex-direction: row;gap: 10px;align-items: flex-start;justify-content: center;flex-wrap: wrap;}
.tranquilo-row {display: flex;flex-direction: row;align-items: center;justify-content: flex-start;justify-content: center;align-content: center;flex-wrap: wrap;}
.tranquilo-title {padding-left: 16px;display: flex;flex-direction: column;align-items: center;justify-content: center;flex-shrink: 0;}
.tranquilo-title2 {display: flex;flex-direction: column;gap: 16px;align-items: flex-start;justify-content: center;align-self: stretch;flex: 1;position: relative;overflow: hidden;}
.tranquilo-col1 {max-width: 293px;display: flex;flex-direction: row;gap: 10px;align-items: center;justify-content: center;flex-shrink: 0;flex-wrap: wrap;}
.tranquilo-col2 {margin-right: 60px; width: 200px;color: #0e357a;text-align: left;font-family: 'Montserrat', sans-serif;font-size: 24px;line-height: 140%;font-weight: 700;flex-shrink: 0;}
.tranquilo-col3 {max-width: 350px;border-style: solid;border-color: var(--surface-border-gray-normal, #90a5bb);border-width: 0 0 1px 0;display: flex;flex-direction: row;align-items: center;justify-content: center ;padding-left: 20px; padding-top: 20px;  padding-bottom: 20px;}
.tranquilo-col3-text {font-family: 'Montserrat', sans-serif;color: #6d7175;text-align: left; font-size: 16px;}
.si-ntase-tranquilo {max-width:419px; margin-top: 48px; color:#18191c; text-align:left; font-family:'Montserrat',sans-serif; font-size:40px; line-height:105%; font-weight:700; position:relative; }
.apnf-ds-art-15-y-15-bis-span {
color: #192839;
font-family: 'Montserrat', sans-serif;
font-size: 24px;
line-height: 130%;
}

.corporaciones-empresas-y-profesionales {
width: 100%;
color: #192839;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size: 20px;
line-height: 111%;
}

.cuadrito-blanco {
  width: 216px;
  height: 216px;
  margin: 16px;
  max-width: 100%;
  padding: 0px 24px;
  background: #ffffff;
  border-radius: 5px;
  color: #192839;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease; 
}

.cuadrito-blanco:hover {
  transform: scale(1.05); 
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 
}


.cuadros-soluciones-container {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  gap: 30px;
  max-width: 930px;
}


.subtitulo-titulo {
  margin-bottom: 20px;
  max-width: 730px;
  padding:20px;
  color:#18191c;
  text-align:center;
  font-family:var(--h5-font-family, 'Montserrat',sans-serif);
  font-size:20px;
  font-weight:400;
  position:relative;
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
}
.brindamos-soluciones-integrales {
margin-bottom: 20px;
  margin-top: 20px;
max-width: 618px;
flex-direction: column;
min-height: 48px;
color: #18191c;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size: 20px;
font-weight: 400;
position: relative;
align-self: stretch;
display: flex;
align-items: center;
justify-content: center;
}
.clientes-name-box {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start; 
margin: 10px;
}
.clientes-name-row {
 display:flex;
  flex-direction:row;
  gap:40px;
  align-items:center;
  justify-content:flex-start;
  flex-shrink:0;
}
.clientes-name-text {
  color:#0e357a;
  text-align:left;
  font-family:'Inter-SemiBold',sans-serif;
  font-size:var(--paragraph-p1-semibold-font-size, 24px); 
  font-weight:600;
  position:relative;
  align-self:stretch;
}

.clientes-name-title3 {
  color:#727272;
  text-align:left;
  font-family:var( --paragraph-p3-regular-font-family, 'Inter-Regular',sans-serif);
  font-size:var(--paragraph-p3-regular-font-size, 16px);
  line-height:24px;
  letter-spacing:var(--paragraph-p3-regular-letter-spacing, -0.02em);
  font-weight:var(--paragraph-p3-regular-font-weight, 500); 
  padding: 20px;
}

.clientes-name-title {
  max-width:339px;
  color:#727272;
  text-align:left;
  font-family:var( --paragraph-p3-regular-font-family, 'Inter-Regular',sans-serif);
  font-size:16px;
  line-height:24px;
  letter-spacing:var(--paragraph-p3-regular-letter-spacing, -0.02em);
  font-weight:var(--paragraph-p3-regular-font-weight, 500);
  position:relative; /*! padding: 20px; */
  padding-top: 20px;
}
.subtitulo-descripcion {
  max-width:324px;
  color:#6d7175;
  text-align:left;
  font-family:'Montserrat',sans-serif;
  font-size:17px;
  font-weight:400;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  line-height: 24px;
}



@media only screen and (max-width:1000px) {
.linea {display:none} 
.beneficios {  flex-direction: column;}
.beneficios-2 {    margin-bottom: 20px;}
.transforme-su-cumplimiento{ max-width: 80%;} 
}

@media only screen and (max-width:800px) {
.page-title-big-main1 {  max-width:703px;  min-height:356px;  padding:50px 24px;  display:flex;  flex-direction:column;  gap:56px;  align-items:flex-start;  justify-content:flex-end;  position:relative;  align-content: center;  justify-content: center;  align-items: center;}
.text-block { flex-wrap: wrap;  display:flex;  flex-direction:column;  gap:24px;  align-items:center;  justify-content:center;   position:relative;  align-content: center;  align-items: center;  align-items: center;  justify-items: center;}
.clientes-column {margin:0px; }
.clientes-comment-box {gap: 8px;}
.clientes-box {max-width:304px; padding: 18px; gap: 0px;}
.transforme-box {margin: 0px 0px;}
.tranquilo-title2 {align-items: center; margin-top: 20px;align-items: center}
.clientes-comment-text { font-size: 14px; line-height: 20px; }
.gestione-cumpla {  flex-wrap: wrap; line-height: 120%; text-align: center;}
.cumplimiento-normativo-con-soluciones-inteligentes { font-size: 16px;text-align: center;}
.cumplimiento-imagen {  width: 272px;}
.subtitulo-titulo {  max-width: 464px;  font-size: 16px;}
.cumplimiento-box1 {  flex-wrap: wrap;  flex-direction: column;}
.nuestros-servicios-box { margin-bottom: 20px;  padding: 10px 10px 10px 10px;width: 272px;}
.subtitulo-box2 {  flex-wrap: wrap;  flex-direction: column;font-size: 32px;}
.page-green-line {  min-width: 100%;}
.bancos-texto {  font-size: 20px;      display: flex;      flex-wrap: wrap;      font-weight: 600;      color: #0e357a;}
.icono-blanco {    width: 72px;    padding: 15px;     display: flex;    flex-wrap: wrap;}
.beneficios {display:block}  
.beneficios-2 {gap:16px;justify-content: center;margin-left: 0px;} 
.beneficios-1 {gap:16px;} 
.cuadros-soluciones {display:block} 
.cuadrados{display: flex; flex-wrap: wrap; max-width: 665px;} 
.cuadrito-blanco {width: 294px;height: 80px;flex-direction: row;justify-content: center;font-weight: 600;} 
.ayudamos-texto {margin:32px} 
.transforme-su-cumplimiento{font-size:40px; width: 100%;font-size: 32px ; max-width: 80%;} 
.ahorro-de-tiempo {display: flex;  flex-wrap: wrap;  flex-direction: column;padding: 0px; } 
.icono-beneficios-box {display:block; flex:0} 
.si-ntase-tranquilo {font-size:32px;text-align: center;}
.su-aliado-en-cumplimiento {max-width:304px;font-size: 16px;text-align: center;}
.ver-planes {font-size:24px; }
.ver-planes-box {padding:16px 24px; }
.ayudamos-a-empresas-como-la-suya {font-size:32px;}
.subtitulo-titulo-blanco {font-size:14px; }
.beneficios-exclusivos {font-size:32px; }
.subtitulo-descripcion {font-size:14px;text-align: center;}
.titulo-azul-2  {text-align: center; justify-content: center; font-size: 24px;}
.clientes-dicen{font-size:24px; }
.recomendaciones-row2{font-size:16px; }
.subtitulo-checkbox{font-size:32px; }
.automatizamos-la-verificaci-n-de-peps {font-size:16px; }
.cuadros-de-soluciones-box {width: 100%;max-width: 304px; }
.transforme-row {flex-direction: column;align-items: center;text-align: center;}
.subtitulo-box1 {align-items: center;}
.tranquilo-col2 {font-size: 32px;text-align: center;width: auto;margin-right: 0px;}
.tranquilo-col3 {max-width: 304px;padding: 10px 0;border-width: 0;}
.tranquilo-col3-text {font-size: 14px;text-align: center;}
.tranquilo-container, .tranquilo-box2 {flex-direction: column;align-items: center;margin-top: 0px;}
.tranquilo-box1, {flex-direction: column;align-items: center;margin-top: 30px;}
.tranquilo-row {  flex-direction:column;  flex-direction: column;align-items: center;}
.recomendaciones-row2 {font-size: 14px;}
.ayudamos-container { padding: 18px;    min-height: auto;gap: 0px}
.ayudamos-titulo {max-width: 100%;padding: 0 20px;text-align: center;gap: 9px;}
.beneficios-container {padding:20px}
}
@media (max-width: 1024px) {
.ayudamos-container {padding: 48px;min-height: auto;}
.ayudamos-titulo {max-width: 100%;padding: 0 24px;text-align: center;}
}
@media only screen and (max-width:500px) {
.page-title-big-main2 { margin-bottom: 0px; }
.empiece-ahora { font-size: 16px;}
.transforme-su-cumplimiento-span {line-height: 140%;}
.textos1-row2 { padding: 10px;gap: 10px;}
.icono-beneficios {width: 72px;height: 72px; }
.clientes-column {margin:0px; }
.nuestros-servicios-box {  margin-bottom: 20px; padding: 10px 10px 10px 10px;width: 272px;}
.gestione-cumpla-span, .gestione-cumpla-span2 {  font-size:32px; }
.gestione-cumpla {  flex-wrap: wrap; line-height:72%; text-align: center;}
.tranquilo-title {padding-left: 0px;align-content: center;justify-content: center;align-items: center; }
.tranquilo-title2 {align-items: center; }
.page-title-big-main1 {padding: 20px 24px;gap: 32px;align-items: center;}
.page-title-big-main {padding: 20px}
.beneficios-container {padding:0px}
.clientes-comment-box {gap: 8px;}
.clientes-box {max-width:304px; padding: 18px; gap: 0px;}
.transforme-box {margin: 0px 0px;}
.clientes-comment-text { font-size: 14px; line-height: 20px; }
.text-block {  flex-wrap: wrap;}
.automatizamos-box  { display:none}
.page-green-line {  min-width: 100%;}
.subtitulo-checkbox {font-size: 32px;}
.imagen-principal { padding-bottom: 50px;}
.cumplimiento-normativo-con-soluciones-inteligentes {font-size:16px;text-align: center;}
.bancos-texto {    font-size: 16px;     display: flex;    flex-wrap: wrap;    font-weight: 500;    color: #0e357a;}
.icono-blanco {    width: 72px;    padding: 15px;     display: flex;    flex-wrap: wrap;}
.beneficios {display:block}  
.beneficios-2 {gap:16px;margin-left: 0px;} 
.beneficios-1 {gap:24px;}  
.cuadros-soluciones {display:block} 
.cuadrados{display: flex; flex-wrap: wrap;} 
.cumplimiento-imagen {width:272} 
.cuadrito-blanco {width: 294px;height: 80px;flex-direction: row;justify-content: center;font-weight: 600;} 
.ayudamos-texto {margin:32px} 
.ahorro-de-tiempo {display: flex;  flex-wrap: wrap;  flex-direction: column; padding: 0px; gap: 0px;margin-right: 0px;} 
.icono-beneficios-box {display:block; flex:0} 
.si-ntase-tranquilo {font-size:32px;text-align: center;max-width: 252px;padding-top: 20px;margin-top: 0px;}
.su-aliado-en-cumplimiento {max-width:300px;text-align: center;font-size: 14px;}
.ver-planes {font-size:24px; }
.ver-planes-box {padding:16px 24px; }
.ayudamos-a-empresas-como-la-suya {font-size:32px;}
.clientes-box {max-width:304px; }
.subtitulo-titulo-blanco {font-size:14px; }
.subtitulo-titulo {font-size:14px; }
.beneficios-exclusivos {font-size:32px;max-width: 300px; }
.subtitulo-descripcion  {font-size:14px;text-align: center;}
.titulo-azul-2 {text-align: center; justify-content: center; font-size: 24px;}
.clientes-dicen{font-size:24px; }
.automatizamos-la-verificaci-n-de-peps {font-size:24px; }
.cuadros-de-soluciones-box {width: 100%;max-width: 304px; }
.transforme-row {flex-direction: column;align-items: center;text-align: center;}
.transforme-su-cumplimiento {width: 100%;font-size: 24px;}
.subtitulo-row1 {flex-direction: column;height: auto;text-align: center;}
.subtitulo-box1 {align-items: center;}
.subtitulo-box2 {font-size: 32px;}
.tranquilo-col2 {font-size: 32px;text-align: center;width: auto;margin-right: 0px;}
.tranquilo-col3 {max-width: 330px;border-width: 0;}
.tranquilo-col3-text {font-size: 14px;text-align: center;}
.tranquilo-container  {flex-direction: column;align-items: center;padding: 1px;}
.tranquilo-box2 {display:none}
.tranquilo-box1, {flex-direction: column;align-items: center;margin-top: 30px;}
.tranquilo-row {  flex-direction:column;  flex-direction: column;align-items: center;gap: 15px;}
.recomendaciones-row2 {font-size: 14px;}
.ayudamos-container { padding: 18px;    min-height: auto;gap: 0px}
.ayudamos-titulo {max-width: 100%;padding: 0 20px;text-align: center;gap: 9px;}
}


/* Header container styles */
.header-section { width: 100%; padding: 3rem 1rem; background: linear-gradient(0deg, #0e357a, #00b8d8);  color: #fff; text-align: center; position: relative; overflow: hidden; border-bottom-left-radius: 30% 25%;  border-bottom-right-radius: 30% 25%; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); }
.header-content { max-width: 800px; margin: 0 auto; padding: 1rem; opacity: 0; transform: translateY(20px); animation: fadeInSlide 1s ease-out forwards; animation-delay: 0.5s;}
@keyframes fadeInSlide {
 to {  opacity: 1;  transform: translateY(0); }}
.header-title { font-size: 3rem; font-weight: 700; margin: 0; text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);  color: white;}
.header-subtitle { font-size: 1.2rem; margin: 0.5rem 0 0; color: #d1e4f2; text-align:center}
.header { width: 100%; background-color: #ffffff;  padding: 1.5rem 2rem; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.header-container { display: flex; justify-content: space-between; align-items: center; width: 100%;}
.logo img { max-height: 60px; width: auto;}
/* Estilo de los Botones */
.header-buttons { display: flex; gap: 1.5rem; justify-content: flex-end;  align-items: center; flex-grow: 1; /* Asegura que los botones se alineen correctamente */ margin-right: 20px; margin-left: 20px;}
.button-demo { background-color: #0e357a; color: #fff; padding: 1rem 2rem;  border-radius: 50px;  font-weight: 700;  text-decoration: none; text-transform: none;  font-size: 1rem; transition: background-color 0.3s, transform 0.3s ease-in-out, box-shadow 0.3s; text-align: center;}
.button-demo:hover { background-color: #154b8f;  transform: scale(1.05);  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
.button-demo:visited {color: #fff;}
.button-login { background-color: #34cfa5;  color: #fff; padding: 1rem 2rem;  border-radius: 50px;  font-weight: 700;  text-decoration: none; text-transform: none;  font-size: 1rem; transition: background-color 0.3s, transform 0.3s ease-in-out, box-shadow 0.3s; text-align: center;text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);}
.button-login:hover { background-color: #28b795; transform: scale(1.05);  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
.button-login:visited {color: #fff;}
.menu-icon img { width: 30px; height: 30px; transition: transform 0.3s ease-in-out;}
.menu-icon a:hover img { transform: rotate(90deg); /* Rotación sutil del ícono en hover */}
/* Estilo General del Nav Bar */
.navbar {  background-color: #0e357a;  padding: 0.8rem 2rem;  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);  width: 100%;}
.navbar-container { display: flex; justify-content: center;  align-items: center; gap: 2rem; }
.navbar-item { font-size: 1.1rem;  font-weight: 500;  text-align: center; justify-items: center; align-content: center; text-align: center;}
.navbar-item a { color: #fff;  text-decoration: none; padding: 0.5rem 1rem; transition: color 0.3s ease, transform 0.3s ease; border-radius: 4px;  display: flex; text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);}
.navbar-item a:hover { color: #fff; transform: scale(1.05);  background-color: rgba(255, 255, 255, 0.2); }
/* Estilos para la sección de llamada a la acción (CTA) */
.cta-container {  background-color: #0e357a;  color: white;  display: flex;  justify-content: space-between;  padding: 30px 10%;  align-items: center;}
.cta-text {  max-width: 60%;}
.cta-heading {  font-size: 24px;  font-weight: bold;  margin-bottom: 10px;  color: white; }
.cta-description {  font-size: 16px;  margin-bottom: 20px;  color: white;   max-width: 424px;  line-height: 24px;}
.cta-buttons-container {  display: flex;  gap: 15px;  flex-direction: column;}
.cta-button {  padding: 12px 56px;  border-radius: 30px;  font-weight: bold;  text-align: center;  text-decoration: none;  display: flex;  justify-content: center;  align-items: center;  transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;}
.cta-button-green {  background-color: #34cfa5;  border: none;  padding: 12px 56px;}
.cta-button-green a {  color: #0e357a;}
.cta-button-white {  background-color: transparent;  border: 2px solid white;  color: white;	padding: 12px 56px;}
.cta-button-white a {  color: white;}
.cta-button-green:hover {  transform: scale(1.05);   background-color: #28b795;   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
.cta-button-white:hover {  transform: scale(1.05);   background-color: rgba(255, 255, 255, 0.2);   color: #0e357a;   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
/* Footer Estilos */
.footer {  font-family: 'Arial', sans-serif;  background-color: #fff;   color: #6d7175;   width: 100%;}
.footer-main {  display: flex;  justify-content: space-between;  padding: 40px 10%;  background-color: #fff;   color: #333; }
.footer-column {  width: 20%;  padding: 10px;}
.footer-logo {  max-width: 150px;}
.footer-section-title {  font-size: 18px;  font-weight: bold;  margin-bottom: 10px;  color: #0e357a;   max-width: 180px;}
.footer-links {  display: flex;  flex-direction: column;  gap: 10px;	align-items: flex-start;}
.footer-link {  font-size: 14px;  color: #18191c;   gap: 10px;  display: flex;}
.footer-link a {  color: #6d7175;   text-decoration: none;}
.footer-link a:hover {  text-decoration: underline;}
/* Footer de Derechos */
.footer-bottom {  background-color: #fff;   color: #333;   padding-left: 20px;  padding-right: 20px;  padding-bottom: 20px;}
.footer-divider {  border-top: 1px solid #ccc;  margin-bottom: 10px;}
.footer-copyright {  font-size: 14px;  color: #6d7175;   text-align: center;}
.footer-social-icons {  text-align: center;  margin-top: 10px;}
.footer-social-icon {  margin: 0 10px;}
.footer-social-icon-img {  width: 25px;  height: 25px;  filter: none; }
/* Animación para los iconos sociales */
.footer-social-icon {  transition: transform 0.3s ease, filter 0.3s ease;}
.footer-social-icon-img {  width: 30px;   height: 30px;  filter: grayscale(100%) brightness(0.6);  transition: filter 0.3s ease;}
.footer-social-icon:hover .footer-social-icon-img {  transform: scale(1.4);   filter: grayscale(0%) brightness(2); }
.footer-social-icon-img:hover {  transform: scale(1.4); }
.back-to-top {    position: fixed;    bottom: 20px;    right: 20px;    width: 50px;    height: 50px;    background-color: #0e357a; /* Main brand color */    border-radius: 50%;    display: flex;    justify-content: center;    align-items: center;    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);    cursor: pointer;    transition: transform 0.3s ease, background-color 0.3s ease;    }
.back-to-top:hover {    transform: scale(1.1);    background-color: #34cfa5; /* Hover color */}
.back-to-top-icon {    width: 24px;    height: 24px;    color: white;}
.back-to-top a {    text-decoration: none;    display: flex;    justify-content: center;    align-items: center;}
.page-button-top-item {     justify-content: center;  align-items: center;    }
.page-button-top-item img {      transition: transform 0.3s ease;}
.page-button-top-item:hover img {    transform: scale(1.1);}

@media (max-width: 768px) {	
.header-section {	padding: 1rem 1rem;	}
.footer-links { align-items: center;	}
.cta-container { flex-direction: column; align-items: center; padding: 20px;  }
.cta-buttons-container { flex-direction: column; gap: 10px;  }
.footer-main { flex-direction: column; align-items: center;  }
.cta-container { flex-direction: column; align-items: center; padding: 20px;  }
.cta-buttons-container { flex-direction: column; gap: 10px;  }
.footer-main { flex-direction: column; align-items: center;  }
.footer-column { width: 100%; text-align: center; margin-bottom: 20px; flex-direction: column; display: flex; align-items: center;  }
.page-button-top-item { display: none;	}
.navbar-container {  flex-wrap: wrap;  gap: 1rem; }
.cta-text {  text-align: center;  }
.header-container {  flex-direction: column;  align-items: center; }
.header-buttons {  margin-top: 1rem;  gap: 1rem; }
.header-title {  font-size: 2rem; }
.header-subtitle {  font-size: 1rem; }
}