* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-kerning: auto; } :root { --brand-primary: #44D688; --font-family-display: roboto-regular, Arial, sans-serif; --font-family-primary: wire one, Arial, sans-serif; --neon-effect: 0 0 0 transparent, 0 0 1.25em rgb(0 255 247), 0 0 50px rgb(0 255 242 / 50%), 0 0  12.5em rgb(0 255 230 / 50%), 0 0 15.625em rgb(0 255 210), 0 0 18.75em rgb(0 254 255), -15.625em -6.25em 6.25em rgb(0 252 255); --clr-neon: rgb(0 255 247); --clr-bg: rgb(0 255 242 / 50%); }

*, *::before, *::after { box-sizing: border-box; }

@font-face { font-family: 'Roboto';  font-weight: normal;  font-style: normal;  src: local("Roboto"), url("https://capitalizandodatos.com.co/ft/Roboto-Regular.woff");  font-display: fallback;  } @font-face { font-family: 'Wire One';  font-weight: normal;  font-style: normal;  src: local("Wire One"), url("https: //capitalizandodatos.com.co/ft/Wire_One.woff"); font-display: fallback; } html, body {  -webkit-font-smoothing: antialiased; font-size: 100%; font-family: "Roboto"; margin: 0 auto; line-height: 1.5; height: 100%; width: 100%; margin: 0px; padding: 0px; overflow-x: hidden; } a { color: #007bff; transition: 0.5s; } a:hover, a:active, a:focus { color: #0b6bd3; outline: none; text-decoration: none; } h1 { font-size: clamp(2.618rem , 22.6vw - 7.3rem, 4.236rem);} h2 { font-size: clamp(1.618rem , 22.6vw - 7.3rem, 2.618rem);} h3 { font-size: clamp(1rem , 22.6vw - 7.3rem, 1.618rem); } p { font-size: clamp(1rem , 22.6vw - 7.3rem, 1.618rem); color: #fff; padding: 0;  } h1,h2,h3{ font-family: "Wire One"; font-weight: bold; margin: 0 0 1.25em 0; padding: 0; text-align: center; color: white; } video { max-width: 100%; height: auto; } /*------- # Intro Section ---------*//* A cerca de -----------------------*/ #about { padding: 3.75em 0 2.5em 0; background: -webkit-linear-gradient(top, #202945, #0C32A4, #202945); background: -moz-linear-gradient(top, #00866C, #0C32A4, #00866C); background: linear-gradient(to bottom, #00866C, #0C32A4, #00866C); } #about .about-container .background { margin: 1.25em 0; } #about .about-container p { color: white; line-height:  1.625em; } #about .about-container p:last-child { margin-bottom: 0; } #about .about-container li { margin: 1.25em; } #about .about-container .icon-box { background-size: cover; padding: 0 0 2em 0; } #about .about-container .icon-box .icon { float: left; width: 4em; height: 4em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; border-radius: 50%; border: 0.125em solid #007bff; transition: all 0.3s ease-in-out; } #about .about-container .icon-box .icon i { color: #ffffff; } #about .about-container .icon-box:hover .icon { background: #007bff; } #about .about-container .icon-box:hover .icon i { color: #ffffff; } #about .about-container .icon-box .title { margin-left: 5em; font-weight: 600; margin-bottom: 0.25em; } #about .about-container .icon-box .title a { color: #283d50; } #about .about-container .icon-box .description { margin-left: 5em; line-height: 1.5em; } #about .about-extra { padding-top: 3.75em; } #about .about-extra h4 { font-weight: 600; } #intro { width: 100%; position: relative; background-size: cover; background: #04163a; padding: 1em 0 1em 0; font-size: 1.5em; } #intro .intro-img { width: 100%; float: center; } #intro .intro-info { width: 100%; float: left; } #intro .intro-info h2 { margin-bottom: 1em; font-weight: 700; } #intro .intro-info .btn-get-started, #intro .intro-info .btn-services { font-weight: 300; letter-spacing: 0.0625em; display: inline-block; padding: 0.625em 0.625em; border-radius: 1em; transition: 0.5s; margin: 0 1em 1em 0; color: #fff; } #intro .intro-info .btn-get-started { border: 0.125em solid #007bff; color: #fff; float: left; } #intro .intro-info .btn-get-started:hover { border-color: #fff; color: #fff; } #intro .intro-info .btn-services { border: 0.125em solid #fff; float: right; } #intro .intro-info .btn-services:hover { border-color: #007bff; color: #fff; } /*-------------# Secciones --------*/ /* Servicios  ------------------*/ #clients { padding: 3.75em 0; box-shadow: inset0em0em 0.75em0em rgba(0, 0, 0, 0.1); } #clients .clients-wrap { border-top: 0.0625em solid #d6eaff; border-left: 0.0625em solid #d6eaff; margin-bottom: 2em; } #clients .client-logo { padding: 4em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-right: 0.0625em solid #d6eaff; border-bottom: 0.0625em solid #d6eaff; overflow: hidden; height: 10em; } #clients .client-logo:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); } #clients img { transition: all 0.4s ease-in-out; } /* Contacto ---------------------------*/ #contact { background-color: #000055; box-shadow:0em 0em 0.75em0em rgba(0, 0, 0, 0.1); padding: 3.75em 0; overflow: hidden; } #contact .section-header { padding-bottom: 2em; } #contact .contact-about h3 { margin: 0 0 0.625em 0; padding: 0; line-height: 1; font-weight: 300; letter-spacing:  0.125em; text-transform: uppercase; color: #007bff; } #contact .contact-about p { line-height: 1.5em; color: #888; } #contact .social-links { padding-bottom: 1.25em; } #contact .social-links a { display: inline-block; background: #fff; color: #007bff; line-height: 1; padding: 0.5em 0; margin-right: 0.25em; border-radius: 50%; text-align: center; width:  2.25em; height:  2.25em; transition: 0.3s; border: 0.0625em solid #007bff; } #contact .social-links a:hover { background: #007bff; color: #fff; } #contact .info { color: #283d50; } #contact .info i { color: #007bff; float: left; line-height: 1; } #contact .info p { padding: 0 0 0.625em  2.25em; line-height: 2em } #contact .form #sendmessage { color: #007bff; border: 0.0625em solid #007bff; display: none; text-align: center; padding: 1em; font-weight: 600; margin-bottom: 1em; } #contact .form #errormessage { color: red; display: none; border: 0.0625em solid red; text-align: center; padding: 1em; font-weight: 600; margin-bottom: 1em; } #contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show { display: block; } #contact .form .validation { color: red; display: none; margin: 0 0 1.25em; font-weight: 400; } #contact .form input, #contact .form textarea { border-radius: 0; box-shadow: none; } #contact .form button[type="submit"] { border: 0; border-radius: 1.25em; padding: 0.5em 2em; color: #fff; transition: 0.3s; } #contact .form button[type="submit"]:hover { cursor: pointer; } .responsive-iframe { position: relative; top: 1em; left: 1em; bottom: 1em; right: 1em; width: 90%; height: 30em; border: 1px solid black } /*-----# Pie de página-------------------*/ #escucha {margin-top: 6em;background-color: #202945;} #footer { background: #04163a; padding: 0 0 2em 0; color: #eee; } #footer .footer-top { background: #004a99; padding: 3.75em 1em 2em 0.5em; } #footer .footer-top .footer-info { margin-bottom: 2em; } #footer .footer-top .footer-info h3 { margin: 0 0 1.25em 0; padding: 0.125em 0 0.125em 0; line-height: 1; color: #fff; font-weight: 400; letter-spacing:  0.125em; text-transform: uppercase; } #footer .footer-top .footer-info p { line-height: 1.5em; margin-bottom: 0; color: #ecf5ff; } #footer .footer-top .social-links a { display: inline-block; background: #007bff; color: #fff; line-height: 1; padding: 0.5em 0; margin-right: 0.25em; border-radius: 50%; text-align: center; width:  2.25em; height:  2.25em; transition: 0.3s; } #footer .footer-top .social-links a:hover { background: #0067d5; color: #fff; } #footer .footer-top h4 { font-weight: bold; color: #fff; text-transform: uppercase; position: relative; padding-bottom: 0.625em; } #footer .footer-top .footer-links { margin-bottom: 2em; } #footer .footer-top .footer-links ul { list-style: none; padding: 0; margin: 0; font-size: 1.3em; } #footer .footer-top .footer-links ul li { padding: 0.5em 0; } #footer .footer-top .footer-links ul li:first-child { padding-top: 0; } #footer .footer-top .footer-links ul a { color: #ecf5ff; } #footer .footer-top .footer-links ul a:hover { color: #74b5fc; } #footer .footer-top .footer-contact { margin-bottom: 2em; } #footer .footer-top .footer-contact p { line-height:  1.625em; } #footer .footer-top .footer-newsletter { margin-bottom: 2em; } #footer .footer-top .footer-newsletter input[type="email"] { border: 0; padding: 0.375em 0.5em; width: 65%; } #footer .footer-top .footer-newsletter input[type="submit"] { background: #007bff; border: 0; width: 35%; padding: 0.375em 0; text-align: center; color: #fff; transition: 0.3s; cursor: pointer; } #footer .footer-top .footer-newsletter input[type="submit"]:hover { background: #0062cc; } #footer .credits { text-align: center; color: #f1f7ff; } #footer .credits a { color: #bfddfe; } #footer .credits a:hover { color: #f1f7ff; } #nav { background-color: #202945; } #services { padding: 3.75em 0 2.5em 0; background-color: #202945; } #services .box {  background: #0b009e; padding: 2em; position: relative; overflow: hidden; border-radius: 0.625em; margin: 0 0.625em 2.5em 0.625em; box-shadow: 0 0.625em 2em 0 rgba(68, 88, 144, 0.1); transition: all 0.3s ease-in-out; } #services .box:hover { -webkit-transform: translateY(-0.3125em); transform: translateY(-0.3125em); } #services .icon { position: absolute; left: 0.625em; top: calc(50% - 2em); } #services .icon i { line-height: 1; transition: 0.5s; } #services .title { margin-left: 2.5em; font-weight: 700; margin-bottom: 1em; } #services .title a { color: #fff; } #services .box:hover .title a { color: #00FBFF; } #services .description { margin-left: 2.5em; line-height: 1.5em; margin-bottom: 0; } #software { padding: 2em; } #team { padding: 3.75em 0; box-shadow:0em0em 0.75em0em rgba(0, 0, 0, 0.1); } #team .member { text-align: center; margin-bottom: 1.25em; position: relative; overflow: hidden; } #team .member .member-info { opacity: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 0; top: 0; left: 0; right: 0; transition: 0.2s; } #team .member .member-info-content { margin-top: 3.125em; transition: margin 0.2s; } #team .member span { font-style: italic; display: block; } #why-us { padding: 3.75em 0; background: #004a99; } #why-us .section-header h2, #why-us .section-header p { color: #fff; } #why-us .card { background: #0b009e; border-color: #00458f; border-radius: 0.625em; margin: 0 1em; padding: 1em 0; text-align: center; color: #fff; transition: 0.3s ease-in-out; height: 100%; } #why-us .card:hover { background: #202945; border-color: #003b7a; } #why-us .card i { padding-top: 1em; color: #bfddfe; } #why-us .card p { color: #d8eafe; } .ancho { width: 2.5em; } .centrado {text-align: center;} .blanco {  color: white; text-align: center; } .btn-menu { color: #ffffff;} .romper {word-break: break-all;} .bottomright { position: absolute; top: 25em; right: 2em; } .img-c {  width: 80%; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); } .fondo { min-height: 45vh; background-size: cover;background-position: center;} .logo {height: 10em; width: 50%;} .fondoblanco {background-color: #ffffff;} .hexagon { clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); margin: 0.625em auto; height: 15em; width: 15em; background: #202945; } .negro {  color: black; text-align: center; } .espacio { padding: 2em; } .widget-light-skin.widget-categories ul > li::before, .widget-light-skin.widget-links ul > li::before { color: rgba(255, 255, 255, 0.15);} .widget-light-skin.widget-categories ul > li > a, .widget-light-skin.widget-links ul > li > a { color: #fff;} .widget-light-skin.widget-categories ul > li > a:hover, .widget-light-skin.widget-links ul > li > a:hover { color: #0da9ef;} .widget-light-skin.widget-categories ul > li.active > a, .widget-light-skin.widget-links ul > li.active > a { color: #0da9ef;} .widget-light-skin.widget-categories ul > li > span, .widget-light-skin.widget-links ul > li > span { color: rgba(255, 255, 255, 0.5);} .widget-light-skin.widget-featured-posts > .entry .entry-title > a, .widget-light-skin.widget-featured-products > .entry .entry-title > a { color: #fff;} .widget-light-skin.widget-featured-posts > .entry .entry-title > a:hover, .widget-light-skin.widget-featured-products > .entry .entry-title > a:hover { color: #0da9ef;} .widget-light-skin.widget-featured-posts > .entry .entry-meta, .widget-light-skin.widget-featured-products >.entry .entry-meta { color: rgba(255, 255, 255, 0.5);} .widget-light-skin .tag { border-color: rgba(255, 255, 255, 0.12); color: #fff !important;} .widget-light-skin .tag:hover { background-color: #f5f5f5; color: #606975 !important;} .widget-light-skin .tag.active { border-color: #0da9ef; background-color: #0da9ef; color: #fff !important;} @keyframes colorize { 0% { -webkit-filter: grayscale(100%); filter: grayscale(100%); } 100% { -webkit-filter: grayscale(0%); filter: grayscale(0%); } } .split { z-index: 1; top: 0; overflow-x: hidden; padding-top: 1em; height: 45em; }  #right { float: left;  width: 65%;  background-color:#007d5a;  max-height:100%;  overflow: auto;  } @media (max-width: 575.98px) {  .titulo { word-break: break-word; width: 7.5em; } }

 .botoncomprar { box-shadow: 0px 0px 0px 0px #0b5ed7; background-color: #fecc00; border-radius: 2em; border: 0.125em solid #0b5ed7; display: inline-block; cursor: pointer; color: #0b5ed7; font-size: 1.25em; font-weight: bold; padding: 0.2em 0.125em; text-decoration: none; width: 10em; text-align: center; position: center; }

.botoncomprar:hover { background-color: #0b5ed7; color: #fff; }

.botoncomprar:active { position: relative; top: 0.125em; }

table.blueTable { border: 0.125em solid #1C6EA4; width: 18em; text-align: left; border-collapse: collapse; border: 0.125em solid #006699; }

table.blueTable td, table.blueTable th { border: 0.125em solid #AAAAAA; padding: 0.25 0.125em; border-radius: 2em; }

table.blueTable thead { background: #1C6EA4; border-bottom: 0.125em solid #000000; }

table.blueTable thead th { font-weight: bold; color: #FFFFFF; text-align: center; border-left: 0.25em solid #D0E4F5; }

table.blueTable thead th:first-child { border-left: none; }

/* premios y reconocimientos*/ .g-6,.gx-6{--bs-gutter-x: 4.5rem}.g-6,.gy-6{--bs-gutter-y: 4.5rem}@media(min-width: 576px){.g-sm-6,.gx-sm-6{--bs-gutter-x: 4.5rem}.g-sm-6,.gy-sm-6{--bs-gutter-y: 4.5rem}}@media(min-width: 768px){.g-md-6,.gx-md-6{--bs-gutter-x: 4.5rem}.g-md-6,.gy-md-6{--bs-gutter-y: 4.5rem}}@media(min-width: 992px){.g-lg-6,.gx-lg-6{--bs-gutter-x: 4.5rem}.g-lg-6,.gy-lg-6{--bs-gutter-y: 4.5rem}}@media(min-width: 1200px){.g-xl-6,.gx-xl-6{--bs-gutter-x: 4.5rem}.g-xl-6,.gy-xl-6{--bs-gutter-y: 4.5rem}}@media(min-width: 1400px){.g-xxl-6,.gx-xxl-6{--bs-gutter-x: 4.5rem}.g-xxl-6,.gy-xxl-6{--bs-gutter-y: 4.5rem}}.mb-6{margin-bottom:4.5rem !important}.py-6{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.top-5px{top:5px !important}.top-10px{top:10px !important}.bottom-5px{bottom:5px !important}.bottom-10px{bottom:10px !important}.start-5px{left:5px !important}.start-10px{left:10px !important}.end-5px{right:5px !important}.end-10px{right:10px !important}.hcf-of-cover{object-fit:cover !important}.hcf-op-center{object-position:center !important}.hcf-ih-250{height:15.625em !important}.hcf-ih-400{height:400px !important}@media(min-width: 576px){.mb-sm-6{margin-bottom:4.5rem !important}.py-sm-6{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.hcf-ih-sm-250{height:15.625em !important}.hcf-ih-sm-400{height:400px !important}}@media(min-width: 768px){.mb-md-6{margin-bottom:4.5rem !important}.py-md-6{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.hcf-ih-md-250{height:15.625em !important}.hcf-ih-md-400{height:400px !important}}@media(min-width: 992px){.mb-lg-6{margin-bottom:4.5rem !important}.py-lg-6{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.hcf-ih-lg-250{height:15.625em !important}.hcf-ih-lg-400{height:400px !important}}@media(min-width: 1200px){.mb-xl-6{margin-bottom:4.5rem !important}.py-xl-6{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.hcf-ih-xl-250{height:15.625em !important}.hcf-ih-xl-400{height:400px !important}}@media(min-width: 1400px){.mb-xxl-6{margin-bottom:4.5rem !important}.py-xxl-6{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.hcf-ih-xxl-250{height:15.625em !important}.hcf-ih-xxl-400{height:400px !important}}.hcf-transform{transform:scale3d(1, 1, 1);transform-style:preserve-3d;transition:all .5s}.hcf-transform:hover{transform:scale3d(1.02, 1.02, 1.02)}

.hero-title { animation: neon-blink 5s infinite alternate; color: #88fff4; font-family: var(--font-family-display); font-size: 2.5rem; font-weight: normal; margin: 0 auto; width: 100%; float: left; text-shadow: var(--neon-effect); text-transform: uppercase; text-wrap: balance; padding: 1em; }

figcaption { color: black; font-style: italic; font-size: 1rem; padding: 0.25em; text-align: center; }

#slider{ height: 50vh; position: relative; }

#silder-item{ height: 50vh; }

#slider-row{ height: 50vh; }

#prev{ position: absolute; left: -3%; } #next{ position: absolute; right: -3%; }

.neon-button { font-size: 1rem; display: inline-block; cursor: pointer; text-decoration: none; color: var(--clr-neon); border: var(--clr-neon) 0.125em solid; padding: 0.25em 1em; border-radius: 0.25em; text-shadow: 0 0 0.125em rgba(255, 255, 255, 0.3), 0 0 0.45em currentColor; box-shadow: inset 0 0 0.5em 0 var(--clr-neon), 0 0 0.5em 0 var(--clr-neon); position: relative; background-color: #041E42; }

.neon-button::before { pointer-events: none; content: ""; position: absolute; background: var(--clr-neon); top: 120%; left: 0; width: 100%; height: 100%; transform: perspective(1em) rotateX(40deg) scale(1, 0.35); filter: blur(1em); opacity: 0.7; }

.neon-button::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; box-shadow: 0 0 2em 0.5em var(--clr-neon); opacity: 0; background-color: var(--clr-neon); z-index: -1; transition: opacity 100ms linear; }

.neon-button:hover, .neon-button:focus { color: var(--clr-bg); text-shadow: none; }

.neon-button:hover::before, .neon-button:focus::before { opacity: 1; }

.neon-button:hover::after, .neon-button:focus::after { opacity: 1; }

.ep {

   margin-top: 5em; }

.epi {

   margin-top: 1em; }