@charset 'utf-8';
a, input, select, h1, h2, h3, h4, h5, * {margin:0; padding:0; text-decoration:none; -webkit-font-smoothing:antialiased;}
body {background:#fff; box-sizing:border-box}
.page, .page * {box-sizing:border-box; font-family:'Montserrat',sans-serif;}
.page {margin:0px; padding:0px; width:100%; display:flex; flex-direction:column; gap:0px; align-items:center; justify-content:flex-start;}
.page-old {width:100%; display:flex; flex-direction:column; gap:0px; align-items:center; justify-content:flex-start; overflow:hidden;}
.page-container {width:100%;}
.page-container-box {width:90%;}
.page-container-row {width:100%; background:#f7f6ff; padding:32px 0px; display:flex; flex-direction:column; gap:0px; align-items:center; justify-content:center; flex-shrink:0; }
.page-header {overflow: visible; width:100%; min-height:176px; display:flex; flex-direction:column; gap:0px; align-items:center; justify-content:flex-start; flex-shrink:0;}
.page-header-top {background:#fff; width:100%; min-height:105px; padding:10px; display:flex; flex-direction:row; gap:32px; align-items:center; justify-content:flex-start; flex-shrink:0;}
.page-header-top-box {min-width:300px; width:100%;}
.page-header-top-logo {min-width:300px; min-height:85px; width:100%; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; flex-shrink:0; flex-wrap:wrap;}
.page-logo-top {min-width:275px; min-height:85px; padding:14px 22px; display:flex; flex-direction:row; gap:10px; align-items:flex-start; justify-content:flex-start; flex-wrap:wrap; flex-shrink:0;}
.page-logo {min-width:275px; height:85px; padding:14px 22px 14px 22px; display:flex; flex-direction:row; gap:10px; align-items:flex-start; justify-content:flex-start; flex-shrink:0; object-fit:cover;}
.page-title {color:#ffffff; text-align:center; font-family:'Montserrat',sans-serif; font-size:64px; font-weight:700; display:flex; align-items:center; justify-content:center;}
.page-title2 {color:#ffffff; min-width:300px; text-align:center; font-family:'Montserrat',sans-serif; font-size:20px; font-weight:600; display:flex; align-items:center; justify-content:center;}
.page-menu2 {
    top: 0;
    z-index: 1000;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.46);
  color: #0e357a;
  background: #00b8d8;
  min-height: 71px;
    padding: 28px;
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-self: stretch;
  flex-shrink: 0;
  overflow: visible;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.page-menu2 a,
.page-menu2 a:visited {
    color: #0e357a;
    transition: color 0.3s ease;
}
.page-menu2 a:hover,
.page-menu2 a:focus {
    color: #ffffff;
}
.page-menu2-item {
    color: #0e357a;
    min-width: 90px;
    min-height: 32px;
    padding: 8px 16px;
    flex-shrink: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-buttons-top {
    min-width: 355px;
    min-height: 44px;
    padding: 20px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: right;
    flex: 1;
    position: relative;
}
.page-button-top-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
}
.page-button-blue, .page-button-green {
    color: #ffffff;
    border-radius: 28px;
    padding: 16px 24px; /* Aumentamos el padding para hacer el botón más grande */
    white-space: nowrap;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px; /* Aumentamos el tamaño de la fuente para mayor legibilidad */
    font-weight: 700;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.3s ease, color 0.3s ease;
}
/* Estilos específicos para el botón azul */
.page-button-blue {
    background: #003366;
}
/* Estilos específicos para el botón verde */
.page-button-green {
    color: #003366;
    background: #34cfa5;
}
/* Estilos para el texto dentro de los botones */
.page-button-blue a, .page-button-green a, .page-button-blue a:visited, .page-button-green a:visited {
    color: #ffffff;
    transition: color 0.3s ease;
}
/* Efecto hover para los botones */
.page-button-blue:hover, .page-button-blue:focus {
    background-color: #1859ce;
}
.page-button-green:hover, .page-button-green:focus {
  background-color: #1859ce
}
.page-button-medium {justify-content:center; } 
.page-button-medium1 {width:400px; height:24px; color:#0e357a; background:#55e6a5; min-width:300px; padding:20px; text-align:center; font-family:'Montserrat',sans-serif; font-size:16px; line-height:24px; font-weight:700; border-style:solid; border-color:#55e6a5; border-width:3px; border-radius:50px; display:flex; align-items:center; justify-content:center; gap:19px; flex-shrink:0; flex-direction:column; transition: background-color 0.3s ease, color 0.3s ease; }
.page-button-medium1 a {text-decoration: none; color: inherit; transition: color 0.3s ease; }
.page-button-medium1:hover {background-color: #2d70e7; border-color: #2d70e7; }
.page-button-medium1:hover a {color: #fff; }
.page-button-medium2 {margin-top: 20px; width:400px; height:24px; color:#ffffff; background:#0e357a; min-width:300px; padding:20px; text-align:center; font-family:'Montserrat',sans-serif; font-size:16px; line-height:24px; font-weight:700; border-style:solid; border-color:#ffffff; border-width:3px; border-radius:50px; display:flex; align-items:center; justify-content:center; gap:19px; flex-shrink:0; flex-direction:column; transition: background-color 0.3s ease, color 0.3s ease;}
.page-button-medium2 a {text-decoration: none; color: inherit; transition: color 0.3s ease;}
.page-button-medium2:hover {background-color: #2d70e7; border-color: #2d70e7;}
.page-button-medium2:hover a {color: #fff; }
.page-button-down1 a:visited {color:#fff}
.page-button-down1 a:hover {color:#ffeeaa}
.page-button-down2 a:visited {color:#fff}
.page-button-down2 a:hover {color:#ffeeaa}
.page-view-button {color:#0e357a; width:73px; height:20px; font-size:16px; font-weight:700; text-align:center; font-family:'Montserrat',sans-serif; position:relative; display:flex; align-items:center; justify-content:center;}
.page-view-button a {color:#0e357a;}
.page-view-button a:visited {color:#0e357a;}
.page-view-button a:hover, a:focus {color:#0e357a;}
.page-line {width:100%; display:block; margin:8px 0px; flex-shrink:0; border-style:solid; border-color:#90a5bb; border-width:1px 0 0 0; }
.page-up {width:60px; height:51px; border-radius:4px 4px 0px 0px; display:flex; flex-direction:row; gap:0px; align-items:center; justify-content:center; flex-shrink:0; overflow:visible;}
.page-border {background:#ffffff; padding:50px; border-color:#bdbdbd; border-width:1px; border-radius:10px; border-style:solid; box-shadow:0px 0px 20px 0px #ddd; display:flex; flex-direction:column; gap:10px; align-items:center; justify-content:center; flex-shrink:0;}
.page-color1 {color:#0e357a}
.page-color2 {color:#00b8d8}
.page-color3 {color:#4caf50}
.page-color4 {color:#f4c430}
.page-bgcolor1 {background-color:#0e357a; color:#fff;}
.page-bgcolor2 {background-color:#00b8d8; color:#fff;}
.page-bgcolor3 {background-color:#4caf50; color:#fff;}
.page-bgcolor4 {background-color:#f4c430; color:#fff;}
.page-button-text1-old {width:338px; height:24px; color:#0e357a; text-align:center; font-family:'Montserrat', sans-serif; font-size:16px; line-height:24px; font-weight:700; position:relative; display:flex; align-items:center; justify-content:center; }
.page-button-text2-old {color:#1859ce; text-align:left; font-family:'Montserrat', sans-serif; font-size:16px; line-height:24px; font-weight:700; position:relative; display:flex; align-items:center; justify-content:flex-start; }
.page-footer {background:#ffffff; width:100%; font-family:'Montserrat',sans-serif; display:flex; flex-direction:column; gap:0px; align-items:center; justify-content:flex-start; align-self:stretch; flex-shrink:0; min-height:222px; position:relative;}
.page-footer-row1 {background:#0e357a; width:100%; padding:30px; flex:1; display:flex; flex-wrap:wrap; flex-direction:row; gap:10px; align-items:center; justify-content:center; align-self:stretch; }
.page-footer-text-box {padding:20px; display:block; max-width:480px;}
.page-footer-text1 {padding:16px; color:#ffffff; min-width:300px; text-align:left; min-height:62px; font-size:31px; line-height:31px; font-weight:800; font-family:'Montserrat',sans-serif; display:flex; align-items:center; justify-content:flex-start; flex-shrink:0; }
.page-footer-text2 {padding:16px; color:#ffffff; min-width:300px; text-align:left; min-height:48px; font-size:16px; line-height:24px; font-weight:400; font-family:'Montserrat',sans-serif; display:flex; align-items:center; justify-content:flex-start; flex-shrink:0; }
.page-go-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}
.page-go-top a {
    display: block;
    width: 54px;
    height: 65px;
    transition: transform 0.3s ease, background-color 0.3s ease;
    background-color: #fff; /* Color de fondo inicial */
    border-radius: 29%;
    overflow: hidden;
}
.page-go-top a:hover {
    transform: scale(1.2); /* Aumenta el tamaño */
    background-color: #2d70e7; /* Cambia el color de fondo */
}
.page-up {
    width: 100%;
    height: 100%;
    transition: filter 0.3s ease;
}
.page-go-top a:hover .page-up {
    filter: saturate(1); /* Cambia el color del icono a blanco (si es oscuro) */
}
.page-footer {
    width: 100%;
    background: #ffffff;
}
.page-footer-row2 {
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
}
.page-footer-column {
    min-width: 180px;
    max-width: 260px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: 'Montserrat', sans-serif;
}
.page-footer-title {
    color: #0e357a;
    padding: 20px 0px;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
}
.page-footer-links {
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
}
.page-footer-down {width:100%; padding:20px; display:block; flex-shrink:0; }
.page-footer-down-row {margin:16px; display:flex; flex-direction:row; gap:30px; align-items:center; justify-content:center; flex-shrink:0; flex-wrap:wrap;}
.page-footer-line {width:90%; display:block; margin:16px; flex-shrink:0; border-style:solid; border-color:#90a5bb; border-width:1px 0 0 0; }
.page-footer-copyright-box {color:#6f6c90; padding:0px 30px; min-width:40%; max-width:90%; font-size:16px; flex-shrink:0; text-align:center; min-height:20px; flex-shrink:0; line-height:20px; font-family:'Montserrat',sans-serif; font-weight:400; }
.page-footer-social-row {padding:0px 30px; display:flex; flex-direction:row; gap:16px; align-items:flex-start; justify-content:flex-end; flex-shrink:0; }
.page-footer-social-col {width:40px; height:40px; flex-shrink:0; overflow:visible;}
.page-footer-social-icon {width:40px; height:40px; flex-shrink:0; overflow:visible;}
.page-footer-box {display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start; justify-content:center; flex-shrink:0; }
.page-footer-logo-main-old {width:182px; display:flex; flex-direction:column; gap:24px; align-items:flex-start; justify-content:flex-start; flex-shrink:0; height:177px; position:relative;}
.page-footer-logo-box {width:214px; height:207px; flex-shrink:0; }
.page-footer-logo-image {height:auto; }
.page-footer-link {color:#6d7175; text-align:left; font-size:16px; font-family:'Montserrat',sans-serif; line-height:20px; font-weight:400; display:flex; flex-direction:row; gap:6px; align-items:center; justify-content:flex-start; flex-shrink:0; }
.page-footer-link a, .page-footer-link a:visited {color:#6d7175}
.page-footer-link a:hover, .page-footer-link a:focus {color:#000}
.page-footer-site {color:#90a5bb; background:#ffffff; width:257px; border-radius:50px; text-align:center; font-family:'Montserrat',sans-serif; font-size:14px; font-weight:700; border-style:solid; border-color:#90a5bb; border-width:2px; padding:10px 20px 10px 20px; display:flex; flex-direction:row; gap:10px; align-items:center; justify-content:center; flex-shrink:0; }
.page-footer-top-box-old {flex-shrink:0; width:100%; min-height:123px; position:relative;}
.page-link a, .page-link a:visited {color:#6d7175}
.page-link a:hover, .page-link a:focus {color:#000}
.page-link-item {color:#6d7175; min-height:20px; font-size:16px; font-weight:400; font-family:Montserrat,sans-serif; text-align:center; line-height:20px; position:relative;}
.page-link-white a, .page-link-white a:visited {color:#fff}
.page-link-white a:hover, .page-link-white a:focus {color:#ffeeaa}
.page-link-black a, .page-link-black a:visited {color:#0e357a}
.page-link-black a:hover, .page-link-black a:focus {color:#0e357a}
.page-link-space {width:20px; height:20px; flex-shrink:0;}
.page-link-item-box {width:20px; height:20px; flex-shrink:0;}
.page-link-item-mark {width:20px; height:20px; flex-shrink:0;}
.page-link-email {width:20px; height:20px; flex-shrink:0;}
.white {color:#fff;} .black {color:#000;} .blue {color:#0e357a;} .green {color:#55e6a5;} .cyan {color:#00b8d8;} .orange {color:#ff7f50;} .gold {color:#f4c430;} grey {color:#eee;}
.yellow {color:#f4f132} .green {color:#4caf50}
.page-title-section-box {flex-shrink:0; width:100%; height:311px; }
.page-title-box {display:flex; flex-direction:column; gap:0px; align-items:center; justify-content:flex-start; width:863px; position:absolute; left:calc(50% - 456px); top:calc(50% - 105.5px); }
.page-title-box2 {display:flex; flex-direction:column; gap:14px; align-items:center; justify-content:flex-start; flex-shrink:0; }
.page-title-section-box1 {width:100%; height:100%; display:flex; flex-direction:column; gap:0px; align-items:center; justify-content:flex-start; }
.page-title-section-box2 {height:311px; align-self:stretch; flex-shrink:0; overflow:hidden; }
.page-title-box {max-width:863px; display:flex; flex-direction:column; gap:0px; align-items:center; justify-content:flex-start; }
.page-title-box2 {display:flex; flex-direction:column; gap:14px; align-items:center; justify-content:flex-start; flex-shrink:0; }
.page-top-cuadritos4-image {width:78px; height:81px; position:absolute; right:0px; top:38px; overflow:visible; }
.page-top-row1 {min-height:310px; width:100%; background:#ffffff; }
.page-top-row2 {min-height:311px; width:100%; position:static; }
.page-top-col-box {width:100%; min-height:311px; position:static; }
.page-top-col1 {background:#0e357a; width:100%; height:251px; position:absolute; left:0px; top:0px; }
.page-top-col {width:90px; height:90px; position:absolute; left:1353px; top:281px; transform:translate(-90px, -90px); overflow:visible; }
.page-top-col3 {width:60px; height:60px; position:absolute; left:108px; top:251px; transform:translate(-60px, 0px); overflow:visible; }
.page-top-col4 {width:29px; height:30px; position:static; }
.page-top-cuadritos5 {background:var(--primary-2, #1347a4); width:29px; height:30px; position:absolute; left:292px; top:182px; transform-origin:0 0; transform:rotate(90deg) scale(1, 1); }
.page-top-col5 {width:29px; height:30px; position:static; }
.page-top-cuadritos6 {background:#00b8d8; width:29px; height:30px; position:absolute; left:29px; top:105px; transform-origin:0 0; transform:rotate(0deg) scale(1, 1); }
.page-top-col6 {width:29px; height:30px; position:static; }
.page-top-cuadritos7 {background:#00b8d8; width:29px; height:30px; position:absolute; left:0px; top:75px; transform-origin:0 0; transform:rotate(0deg) scale(1, 1); }
.page-top-col7 {width:58px; height:60px; position:absolute; left:215px; top:28px; transform:translate(-60px, 0px); overflow:visible; }
.page-input-group {min-width:793px; margin:0px; padding:3px; font-family:'Montserrat',sans-serif;}
.page-input-row {width:100%; min-height:80px; margin:0px; padding:3px; display:flex}
.page-input-col {min-width:300px; min-height:80px; margin:3px; padding:3px; flex:1}
.page-input-title {color:#0e357a; font-weight:bold; display:block; min-width:60px; margin:0px; padding:3px;}
.page-input {font-size:15px; color:#111; background-color:#fff; max-width:250px; padding:9px; border:1px solid #ddd; border-radius:10px;}
.page-form-final-box {display:flex; flex-direction:column; gap:32px; align-items:flex-start; justify-content:flex-start; flex-shrink:0; }
.page-form-line {max-width:645px; border-style:dashed; border-color:#001; border-width:1px 0 0 0; opacity:0.2; flex-shrink:0; height:0px; }
.page-form-button-box {display:flex; flex-direction:row; gap:0px; align-items:flex-start; justify-content:flex-start; flex-shrink:0; }
.page-form-button {display:flex; flex-direction:row; gap:32px; align-items:flex-start; justify-content:flex-start; flex-shrink:0; }
.page-form-button-col {display:flex; flex-direction:row; gap:16px; align-items:center; justify-content:flex-start; flex-shrink:0; }
.page-form-button-now {color:#0e357a; font-size:20px; font-weight:700; text-align:left; font-family:'Montserrat', sans-serif; }
.page-form-ok-box {max-width:395px; display:flex; flex-direction:row; gap:11px; align-items:flex-start; justify-content:flex-start; flex-shrink:0; }
.page-form-ok-main {max-width:466px; height:36px; text-align:left; font-family:sans-serif; font-size:14px; line-height:28px; letter-spacing:0.25px; font-weight:400; }
.page-form-ok-text {color:#404040; font-family:'Montserrat', sans-serif; font-size:15px; line-height:28px; letter-spacing:0.25px; font-weight:400; }
.page-form-ok-text2 {color:var(--primary-4, #2d70e7); font-family:'Montserrat', sans-serif; font-size:14px; line-height:28px; letter-spacing:0.25px; font-weight:700; }
.page-form-submit-big {width:221px; height:52px; background:#55e6a5; border-radius:100px; border-style:solid; border-color:rgba(255, 255, 255, 0.2); border-width:1px; padding:28px 40px 28px 40px; display:flex; flex-direction:column; gap:10px; align-items:center; justify-content:center; flex-shrink:0; backdrop-filter:blur(5px); }
.page-chevron-blue {display:flex; flex-direction:row; gap:10px; align-items:center; justify-content:center; flex-shrink:0; width:14px; height:23px; position:relative; overflow:visible; }
.page-content-row {width:100%; padding:55px 0px 40px 0px; display:flex; flex-direction:row; gap:16px; align-items:flex-start; justify-content:center; flex-shrink:0; }
.page-content-row-title {width:300px; color:#0e357a; text-align:left; font-size:33px; font-family:'Montserrat', sans-serif; font-weight:700;}
.page-content-col {max-width:738px; display:flex; flex-direction:column; gap:20px; align-items:flex-start; justify-content:flex-start; flex-shrink:0; }
.montserrat {font-family:'Montserrat', sans-serif; font-weight:400; font-style:normal; font-optical-sizing:auto; }
.montserrat-400 {font-family:'Montserrat', sans-serif; font-weight:400; font-style:normal; font-optical-sizing:auto; }
.montserrat-500 {font-family:'Montserrat', sans-serif; font-weight:500; font-style:normal; font-optical-sizing:auto; }
.montserrat-600 {font-family:'Montserrat', sans-serif; font-weight:600; font-style:normal; font-optical-sizing:auto; }
.montserrat-700 {font-family:'Montserrat', sans-serif; font-weight:700; font-style:normal; font-optical-sizing:auto; }
.page-green-line {min-width:100%; margin-bottom:10px; height:8px; background:#55e6a5; flex-shrink:0; }
.check-green-circle-box {width:57px; height:53px; display:flex; flex-direction:row; gap:10px; align-items:center; justify-content:center; flex-shrink:0; }
.check-green-circle {height:auto; padding:10px; display:flex; flex-direction:row; gap:10px; align-items:flex-start; justify-content:flex-start; flex-shrink:0; overflow:visible; }
.green-check-image {height:auto; display:flex; flex-direction:row; gap:10px; align-items:flex-start; justify-content:flex-start; flex-shrink:0; overflow:visible; }
.chevron-white-image {width:18px; height:34px; display:flex; flex-direction:row; gap:10px; align-items:center; justify-content:center; flex-shrink:0; position:relative; overflow:visible; }
.chevron-blue {width:20px; height:36px; display:flex; flex-direction:row; gap:10px; align-items:center; justify-content:center; flex-shrink:0; position:relative; overflow:visible; }
@media only screen and (max-width:1000px) {
	.page-menu2-item {padding:8px}  
	.page-button-green {font-size:17px;} 
}
@media (max-width:800px) { 
	.page-footer-row2 { flex-direction: column; align-items:center; }
    .page-footer-column { align-items: center; text-align: center; }
    .page-footer-title, .page-footer-links, .page-footer-link { align-items: center; text-align: center; }
    .page-footer-link img { display: block; margin: 0 auto 10px; } 
	.page-button-blue {padding: 12px 15px; font-size:16px;} 
	.page-button-green {padding: 12px 15px; font-size:16px;} 
}
@media only screen and (max-width:500px) {
	.page-container-box {max-width:340px} 
	.page-footer-text-box {max-width:80%;} 
	.page-footer-column {width:270px; } 
	.page-button-blue {padding: 12px 12px; font-size:16px;}  
	.page-button-green {padding: 12px 12px; font-size:16px;} 
	.solicitar-demo2 {font-size:20px;} 
	.page-button-medium1, .page-button-medium2 {width:280px}
}
