/**
Template :	ICOCrypto @by Softnio
Theme	 :  Azalea
Version	 :	1.6.0
Updated	 :	03.16.2019
*/
html, body { font-family: "Roboto", sans-serif; color: #FFF; font-size: 20px; line-height: 1.6; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; }

@media (min-width: 576px) { html, body { font-size: 16px; line-height: 1.6; font-weight: 400; } }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #1c2640; font-weight: 600; font-family: "Quicksand", sans-serif; }
.tc-light h1, .tc-light h2, .tc-light h3, .tc-light h4, .tc-light h5, .tc-light h6, .tc-light .h1, .tc-light .h2, .tc-light .h3, .tc-light .h4, .tc-light .h5, .tc-light .h6 { color: #fff; }

.lead { font-weight: 400; }

.tc-light, .tc-light a:not(.btn) { color: #bba2fd !important; }

.tc-light a:not(.btn):hover { color: #fff !important; }

.tc-light p { color: #bba2fd !important; }

.mfp-close-btn-in .mfp-close { background: #0f1932; }

.btn { font-size: 12px; color: #fff; border: 2px solid #9062d3; background-color: #9062d3; border-radius: 27px; padding-left: 18px; padding-right: 18px; letter-spacing: 0.05em; }
.btn:not(.btn-outline):hover { border-color: #fff; background-color: #fff; color: #9062d3; }
.btn-md { font-size: 12px; line-height: 24px; padding: 10px 26px; }
.btn-sm { font-size: 11px; line-height: 23px; padding: 8px 20px; }
.btn-outline { color: #fff !important; }
.btn-outline:not(:hover) { color: #9062d3; background-color: transparent !important; }
.btn-underline { padding-left: 0 !important; padding-right: 0 !important; color: #9062d3; background: none !important; border-color: transparent !important; text-decoration: none; }
.btn-underline:hover, .btn-underline:focus { color: #fff; text-decoration: none; }

.lead { font-size: 1rem; }

.title { font-size: 1.4rem; font-weight: 700; }
.title-xxs { font-size: 12px; text-transform: uppercase; }
.title-xs { font-size: 0.88rem; letter-spacing: 0.2em; }
.title-sm { font-size: 1.15rem; }
.title-md { font-size: 1.375rem; }
.title-md:not(:last-child) { margin-bottom: 1rem; }
.title-lg { font-size: 1.5rem; }
.title-xl { font-size: 2.2rem; }
.banner-caption .title:not([class*='title-']) { font-size: 1.75rem; }

.grecaptcha-badge { visibility: hidden; }

@media (min-width: 576px) { .btn { min-width: 190px; }
  .btn-auto { min-width: 0; }
  .lead { font-size: 1.15rem; }
  .title { font-size: 1.8rem; font-weight: 700; }
  .title.title-xxs { font-size: 12px; text-transform: uppercase; }
  .title.title-xs { font-size: 0.88rem; letter-spacing: 0.2em; padding-top: 25px;}
  .title.title-sm { font-size: 1.15rem; }
  .title.title-md { font-size: 1.175rem; }
  .title.title-lg { font-size: 1.5rem; }
  .title.title-xl { font-size: 2.2rem; color: #FFF; }
  .banner-caption .title:not([class*='title-']) { font-size: 2rem; } }
@media (min-width: 1200px) { .lead { font-size: 1.25rem; }
  .title { font-size: 2.15rem; }
  .title.title-lg { font-size: 1.75rem; }
  .title.title-xl { font-size: 3rem; color: #FFF; }
  .banner-caption .title:not([class*='title-']) { font-size: 2.5rem; } }
@media (min-width: 1600px) { .banner-caption .title:not([class*='title-']) { font-size: 3rem; } }
.section-head-s2 .title:before { background-image: linear-gradient(180deg, #9062d3 0%, #9062d3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.firefox .section-head-s2 .title:before { -webkit-text-fill-color: #fff; }
.tc-light .section-head p { color: #9062d3; }

.bg-theme { background-color: #0f1932; }
.bg-theme-alt { background-color: #1c2640; }
.bg-theme-grad { background-image: linear-gradient(90deg, #0f1932 0%, #1c2640 100%); }
.bg-theme-grad-alt { background-image: linear-gradient(90deg, #1c2640 0%, #0f1932 100%); }
.bg-theme-dark { background-color: #0f1932; }
.bg-theme-dark-alt { background-color: #1c2640; }
.bg-theme-light { background-color: #ddebff; }
.bg-theme-light-alt { background-color: #c4d9f9; }
.bg-vr-line { background-image: url(../images/vr-line.png); background-repeat: repeat; background-size: auto; }

.overlay-theme:after { background: #0f1932; }
.overlay-theme-dark:after { background: #0f1932; }

.header-main { padding: 12px 0; }
.has-fixed:not(.is-dark) .header-main { background: transparent; }
.has-fixed.is-dark .header-main { background-color: #0b1326; box-shadow: none; }

.is-dark .header-navbar::before { background: #0b1326; }

.is-dark .menu-sub { background: #0b1326; }

.menu-sub .menu-item:hover > a, .is-transparent:not(.has-fixed) .menu > .menu-item:hover > a { color: #9062d3; }

.menu-item a { color: #fff; }
.menu-item a:hover, .menu-item a.active { color: #9062d3; }

.cpn-action { margin-top: 30px; }

@media (min-width: 768px) and (max-width: 991px) { .banner-gfx-auto img { max-width: 510px; margin: auto; display: block; } }
@media (min-width: 1200px) { .is-transparent .banner { padding-top: 130px; }
  .cpn-action { margin-top: 45px; }
  .has-fixed.is-dark .header-main { background-color: transparent; background-image: linear-gradient(180deg, #0f1932 0%, rgba(15, 25, 50, 0.8) 50%, rgba(0, 0, 0, 0) 100%); } }
@media (min-width: 1200px) and (min-height: 1024px) and (max-height: 1366px) { .is-transparent .banner-fs:not(.has-gfx) { min-height: 100vh; padding-top: 120px; } }
@media (min-width: 360px) and (max-width: 460px) and (min-height: 640px) and (max-height: 820px) { .is-transparent .banner-fs:not(.has-gfx) { padding-top: 180px; }
  .nk-block-header + .nk-block-status { padding-top: 120px; }
  .has-gfx .nk-block-header + .nk-block-status { padding-top: 60px; } }
@media (min-width: 1200px) and (min-height: 600px) and (max-height: 1024px) { .banner-caption .title { font-size: 2.8rem; }
  .is-transparent .banner-fs:not(.has-gfx) { padding-top: 30px; }
  .nk-block-header + .nk-block-status { padding-top: 60px; }
  .nk-block-status + .nk-block-actions { padding-top: 20px; }
  .cpn-action { margin-top: 25px; } }
.countdown-s3 .countdown-time { color: #fff; font-family: "Quicksand", sans-serif; }
.countdown-s3-alt .countdown-text { color: #9062d3; }

.progress-bar { background: #b28ced; }
.progress-percent { background: #9062d3; }
.progress-percent-s2 { z-index: 2; }
.progress-percent-s2:after { position: absolute; content: ''; top: 50%; right: 0; height: 18px; width: 18px; border-radius: 50%; border: 2px solid #fff; background: #9062d3; transform: translate(50%, -50%); }
.progress-point { color: #FFF; }
.progress-point:after { height: 30px; }
.progress-info-s2 { padding: 0 0 17px; }
.progress-info-s2 span { color: #fff; }

.feature-icon .icon-grd { background-image: linear-gradient(-45deg, #9062d3 0%, #41538e 80%, #41538e 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.feature-icon .icon-circle { position: relative; height: 36px; width: 36px; line-height: 36px; text-align: center; color: #9062d3; border-radius: 50%; background-image: linear-gradient(-45deg, #9062d3 0%, #41538e 80%, #41538e 100%); }
.feature-icon .icon-circle:after { position: absolute; top: 2px; left: 2px; bottom: 2px; right: 2px; content: ''; border-radius: 50%; background: #0f1932; z-index: -1; }
.tc-light .feature-icon .icon-circle { color: #41538e; }
.feature-6:after { background: #9062d3; }

@media (min-width: 1200px) { .feature-6-1 { padding-top: 197px; }
  .feature-6-2 { padding-top: 73px; }
  .feature-6-3 { padding-top: 0; }
  .feature-6-4 { padding-top: 184px; } }
.tab-nav-sap { background: #2d3f5f; margin: 0 -7px; }
.tab-nav-sap:after { content: ''; flex-grow: 1; height: 2px; }
.tab-nav-btn { padding-bottom: 15px; }
.tab-nav-btn li a { color: #fff !important; border: 1px solid #2d3f5f; }
.tc-light .tab-nav-btn li a { color: #9062d3 !important; border-color: #9062d3 !important; background-color: transparent; }
.tab-nav-btn li a:hover, .tab-nav-btn li a.active { color: #FFF !important; border-color: #9062d3 !important; }
.tc-light .tab-nav-btn li a:hover, .tc-light .tab-nav-btn li a.active { color: #fff !important; background-color: #9062d3; }
.tab-nav-btn-bdr li a { font-size: 12px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 700; font-family: "Quicksand", sans-serif; color: #9062d3; border: 2px solid #2d3f5f; padding: 8px 12px; }
.tab-nav-btn-bdr li a:hover, .tab-nav-btn-bdr li a.active { color: #9062d3 !important; border-color: #9062d3; background-color: transparent; }
.tc-light .tab-nav-btn-bdr li a:hover, .tc-light .tab-nav-btn-bdr li a.active { color: #FFF !important; background-color: transparent; }

@media (min-width: 576px) { .tab-nav li a { padding: 12px 20px; }
  .tab-nav-btn-bdr li a { font-size: 14px; letter-spacing: 0.2em; padding: 14px 20px; } }
.roadmap-year-s2 { padding-bottom: 65px; }
.tc-light .roadmap-finished .roadmap-year-s2 { color: #9062d3; }
.roadmap-running .roadmap-year-s2 { opacity: 1; }
.tc-light .roadmap-running .roadmap-year-s2 { color: #9062d3; }
.roadmap-wrap-ovl-right:after { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(15, 25, 50, 0.8) 25%, #0f1932 60%, #0f1932 100%); }
.roadmap-wrap-ovl-left:before { background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(15, 25, 50, 0.8) 25%, #9062d3 60%, #9062d3 100%); }
.roadmap-s2:before { background: #9062d3; }
.roadmap-s2:after { background-color: #9062d3; }
.roadmap-s2.roadmap-finished:after, .roadmap-s2.roadmap-running:after { background-color: #9062d3; box-shadow: none; transition: box-shadow .3s; }
.roadmap-s2.roadmap-finished:before { width: 100%; }
.roadmap-s2.roadmap-running:before { width: 50%; }
.roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.1); }
.roadmap-s2.roadmap-i1:before { transition-delay: 1.4s; }
.roadmap-s2.roadmap-i1:after { transition-delay: 1.7s; }
.roadmap-s2.roadmap-i2:before { transition-delay: 1.7s; }
.roadmap-s2.roadmap-i2:after { transition-delay: 2.0s; }
.roadmap-s2.roadmap-i3:before { transition-delay: 2.0s; }
.roadmap-s2.roadmap-i3:after { transition-delay: 2.3s; }
.roadmap-s2.roadmap-i4:before { transition-delay: 2.3s; }
.roadmap-s2.roadmap-i4:after { transition-delay: 2.7s; }
.roadmap-s2.roadmap-i5:before { transition-delay: 2.6s; }
.roadmap-s2.roadmap-i5:before { transition-delay: 2.9s; }
.roadmap-s2.roadmap-i6:before { transition-delay: 2.9s; }
.roadmap-s2.roadmap-i6:before { transition-delay: 3.2s; }
.animate-start .roadmap-s2.roadmap-finished:before { width: 100%; }
.animate-start .roadmap-s2.roadmap-running:before { width: 50%; }
.animate-start .roadmap-s2.roadmap-running:after { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.1); }

.team-show { background-image: linear-gradient(-45deg, #9062d3 0%, #0f1932 100%); }
.team-photo-s2:before { background-image: linear-gradient(-45deg, #9062d3 0%, #0f1932 100%); opacity: .0; }

@media (min-width: 1200px) { .team-s2.team-even { margin-top: 60px; } }
.field-label { font-size: 12px; font-weight: 700; letter-spacing: 0.2em; }
.tc-light .field-label { color: #fff; }

.input-bordered { border-radius: 2px; color: #9062d3; border-color: rgba(144, 98, 211, 1); }
.input-bordered::-webkit-input-placeholder { color: #9062d3; opacity: .4; }
.input-bordered::-moz-placeholder { color: #9062d3; opacity: .4; }
.input-bordered:-ms-input-placeholder { color: #9062d3; opacity: .4; }
.input-bordered:-moz-placeholder { color: #9062d3; opacity: .4; }
.input-bordered:focus { border-color: rgba(144, 98, 211, 1); }

 select { height: 43px; border-radius: 2px; }

.contact-icon { color: #FFF; background: rgba(190, 216, 255, 0.15); }

.social-links-s2 li a { border: none; }
.social-links-s2 li a:hover { background-color: transparent; color: #9062d3 !important; }
.tc-light .social-links-s2 li a:hover { color: #9062d3 !important; }

.copyright-text, .copyright-text a, .footer-nav li a { color: #9062d3; }

.copyright-text a:hover, .footer-nav li a:hover { color: #9062d3 !important; }

.accordion-item-s3 { background: rgba(28, 38, 64, 0.4); box-shadow: none; }
.accordion-item-s3:not(:last-child) { margin-bottom: 15px; }
.accordion-title { color: #0f1932; }
.accordion-title-sm { font-weight: 600; }
.accordion-item-s3 .accordion-title { padding: 19px 41px 11px 25px; }
.tc-light .accordion-title { color: #FFF; }
.accordion-title.collapsed { color: #9062d3; }
.tc-light .accordion-title.collapsed { color: #fff; }
.accordion-icon:before, .accordion-icon:after { color: #1c2640; }
.accordion-item-s3 .accordion-icon { top: 13px; right: 13px; }
.tc-light .accordion-icon { background: transparent; }
.tc-light .accordion-icon:after, .tc-light .accordion-icon:before { color: #9062d3; }
.accordion-content { padding-bottom: 12px; padding-right: 46px; }
.accordion-item-s3 .accordion-content { padding-left: 25px; }

.doc-title small { color: #9062d3; }
.doc-download { color: #fff; background: #9062d3; }

.tc-light a.doc-download { color: #fff !important; }
.tc-light a.doc-download:hover { color: #9062d3 !important; background: #fff; }

.footer-nav li a:hover { color: #9062d3; }

.ovm-line { position: relative; width: 64%; max-width: 1280px; height: 100%; margin-left: auto; margin-right: auto; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); }
.ovm-line:before, .ovm-line:after { position: absolute; content: ''; height: 100%; top: 0; left: 50%; transform: translateX(-50%); }
.ovm-line:before { width: 1px; background: rgba(255, 255, 255, 0.05); }

@media (min-width: 1200px) { .ovm-line:after { width: 50%; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.05); } }
@keyframes rotatecw { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
@keyframes rotateacw { 0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); } }
.nk-circle-animation { height: 300px; width: 300px; z-index: 0; }
.nk-circle-animation + * { position: relative; z-index: 1; }
.nk-circle-animation:before, .nk-circle-animation:after { position: absolute; content: ''; border: 4px solid rgba(101, 119, 151, 0.3); border-radius: 50%; }
.nk-circle-animation:before { top: 0; left: 0; bottom: 0; right: 0; border-top-color: #9062d3; border-right-color: #9062d3; animation: rotatecw 30s linear infinite 0s; }
.nk-circle-animation:after { top: 25px; left: 25px; bottom: 25px; right: 25px; border-top-color: #9062d3; border-bottom-color: #9062d3; animation: rotateacw 24s linear infinite 0s; }
.nk-circle-animation.small:before, .nk-circle-animation.small:after { border-width: 2px; }
.nk-circle-animation.fast:before { animation: rotatecw 15s linear infinite 0s; }
.nk-circle-animation.fast:after { animation: rotateacw 10s linear infinite 0s; }
.nk-circle-animation.white:before { border-top-color: #9062d3; border-right-color: #9062d3; }
.nk-circle-animation.white:after { border-top-color: #9062d3; border-bottom-color: #9062d3; }

@media (min-width: 576px) { .nk-circle-animation { height: 500px; width: 500px; overflow: hidden; }
  .nk-circle-animation:after { top: 45px; left: 45px; bottom: 45px; right: 45px; }
  .nk-circle-animation.small { height: 400px; width: 400px; }
  .nk-circle-animation.small:after { top: 35px; left: 35px; bottom: 35px; right: 35px; } }
.word-split { display: flex; flex-flow: row wrap; margin-left: -0.125em; margin-right: -0.125em; }
.word-split.text-center, .text-center .word-split { justify-content: center; }
.word-x { overflow: hidden; position: relative; }
.word-x > span { display: inline-block; margin-left: 0.125em; margin-right: 0.125em; }

.element-x { overflow: hidden; position: relative; }
.element-x > span { display: inline-block; }

.section-reveal:before, .section-reveal:after { position: absolute; top: 0; left: 0; right: 0; height: 100%; content: ''; transition: all .6s; }
.section-reveal.section-active:before, .section-reveal.section-active:after { height: 0; }
.section-reveal.section-active:before { transition-delay: .4s; }
.section-reveal.section-active:after { transition-delay: .8s; }
.section-reveal:before { background-color: #0f1932; z-index: 9; }
.section-reveal:after { background-color: #1b253c; z-index: 8; }

.slide-up-mask .word-x > span, .slide-up-mask .element-x > span { transform: translateY(100%); }
.slide-down-mask .word-x > span, .slide-down-mask .element-x > span { transform: translateY(-100%); }
.slide-up-mask .word-x > span, .slide-up-mask .element-x > span, .slide-down-mask .word-x > span, .slide-down-mask .element-x > span { visibility: hidden; }
.animate-start .slide-up-mask .word-x > span, .animate-start .slide-up-mask .element-x > span, .animate-start .slide-down-mask .word-x > span, .animate-start .slide-down-mask .element-x > span { transition: transform 0.6s cubic-bezier(0.8, 0.14, 0.24, 0.99) 0s; transform: translateY(0) translateZ(0); visibility: visible; transition-delay: 1s; }
.slide-up-mask:before, .slide-down-mask:before { opacity: 0; transform: translateX(-50%) translateY(-40px); }
.animate-start .slide-up-mask:before, .animate-start .slide-down-mask:before { transition: all .6s; opacity: 0.06; transform: translateX(-50%) translateY(0); }
.firefox .animate-start .slide-up-mask:before, .firefox .animate-start .slide-down-mask:before { opacity: 0.03; }
.slide-left-mask .word-x > span, .slide-left-mask .element-x > span { transform: translateX(-100%); }
.slide-right-mask .word-x > span, .slide-right-mask .element-x > span { transform: translateX(100%); }
.slide-left-mask .word-x > span, .slide-left-mask .element-x > span, .slide-right-mask .word-x > span, .slide-right-mask .element-x > span { visibility: hidden; }
.animate-start .slide-left-mask .word-x > span, .animate-start .slide-left-mask .element-x > span, .animate-start .slide-right-mask .word-x > span, .animate-start .slide-right-mask .element-x > span { transition: transform 0.6s cubic-bezier(0.8, 0.14, 0.24, 0.99) 0s; transform: translateX(0) translateZ(0); visibility: visible; }

.fade-in-up { visibility: hidden; opacity: 0; transform: translateY(40px); }
.animate-start .fade-in-up { transition: all 0.6s cubic-bezier(0.8, 0.14, 0.24, 0.99) 0s; transform: translateY(0) translateZ(0); visibility: visible; opacity: 1; transition-delay: 1s; }
.fade-in-down { visibility: hidden; opacity: 0; transform: translateY(-40px); }
.animate-start .fade-in-down { transition: all 0.6s cubic-bezier(0.8, 0.14, 0.24, 0.99) 0s; transform: translateY(0) translateZ(0); visibility: visible; opacity: 1; transition-delay: 1s; }
.fade-in-left { visibility: hidden; opacity: 0; transform: translateX(-40px); }
.animate-start .fade-in-left { transition: all 0.6s cubic-bezier(0.8, 0.14, 0.24, 0.99) 0s; transform: translateX(0) translateZ(0); visibility: visible; opacity: 1; transition-delay: 1s; }
.fade-in-right { visibility: hidden; opacity: 0; transform: translateX(40px); }
.animate-start .fade-in-right { transition: all 0.6s cubic-bezier(0.8, 0.14, 0.24, 0.99) 0s; transform: translateX(0) translateZ(0); visibility: visible; opacity: 1; transition-delay: 1s; }

/* ionik v2 — stat cards */
.ionik-stat-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 40px; }
.ionik-stat-card { background: #1c2640; border: 1px solid rgba(138, 73, 248, 0.15); border-radius: 12px; padding: 28px 24px; text-align: center; flex: 1 1 100%; max-width: 100%; }
.ionik-stat-card .stat-number { font-size: 2.2rem; font-weight: 700; color: #8a49f8; line-height: 1.1; margin-bottom: 8px; font-family: "Quicksand", sans-serif; white-space: nowrap; }
.ionik-stat-card .stat-label { font-size: 0.95rem; color: #bba2fd; line-height: 1.4; margin: 0; }
.ionik-stat-gap { margin-top: 32px; font-size: 1.1rem; color: #bba2fd; text-align: center; }
.ionik-stat-gap strong { color: #fff; }
.ionik-results-intro { font-size: 1.05rem; color: #bba2fd; max-width: 720px; margin: 0 auto 32px; }
.ionik-change-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 8px; }
.ionik-change-card { background: #1c2640; border: 1px solid rgba(138, 73, 248, 0.15); border-radius: 12px; padding: 24px 22px; text-align: left; flex: 1 1 100%; max-width: 100%; }
.ionik-change-card .change-client { font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; color: #8a49f8; font-weight: 700; margin: 0 0 14px; }
.ionik-change-card .change-before { font-size: 0.95rem; color: #6b5a94; line-height: 1.5; margin: 0 0 12px; }
.ionik-change-card .change-after { font-size: 1.05rem; color: #fff; line-height: 1.45; margin: 0 0 12px; font-weight: 600; }
.ionik-change-card .change-after::before { content: "→ "; color: #8a49f8; font-weight: 700; }
.ionik-change-card .change-result { font-size: 0.92rem; color: #bba2fd; line-height: 1.45; margin: 0; }
.ionik-step-num { font-size: 52px; font-weight: 700; color: #8a49f8; margin: 0 0 12px; font-family: "Quicksand", sans-serif; line-height: 1; }
.feature-center .feature-icon .ionik-step-num { margin-bottom: 12px; }
.ionik-compare-wrap { overflow-x: hidden; margin-top: 8px; -ms-overflow-style: none; scrollbar-width: none; }
.ionik-compare-wrap::-webkit-scrollbar { display: none; }
.ionik-compare-wrap--simple { max-width: 720px; margin-left: auto; margin-right: auto; }
.ionik-compare-table { width: 100%; border-collapse: separate; border-spacing: 0; min-width: 0; table-layout: fixed; }
.ionik-compare-table th,
.ionik-compare-table td { padding: 16px 14px; text-align: center; border-bottom: 1px solid rgba(138, 73, 248, 0.12); font-size: 0.95rem; }
.ionik-compare-table th { color: #bba2fd; font-weight: 600; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.04em; }
.ionik-compare-table td:first-child,
.ionik-compare-table th:first-child { text-align: left; color: #d9d9e2; font-weight: 500; }
.ionik-compare-table .col-whatsapp { background: rgba(138, 73, 248, 0.08); color: #fff; font-weight: 600; }
.ionik-compare-table .col-whatsapp-head { background: rgba(138, 73, 248, 0.15); color: #8a49f8; }
.ionik-compare-table .metric-val { color: #8a49f8; font-weight: 700; font-family: "Quicksand", sans-serif; font-size: 1.1rem; }
.ionik-compare-table .metric-note { display: block; font-size: 0.78rem; color: #6b5a94; margin-top: 4px; font-weight: 400; }
@media (max-width: 575px) {
  .ionik-compare-table th,
  .ionik-compare-table td { padding: 12px 8px; font-size: 0.85rem; }
  .ionik-compare-table .metric-val { font-size: 1rem; }
}
@media (min-width: 576px) { .ionik-stat-card { flex: 1 1 calc(50% - 16px); max-width: calc(50% - 8px); }
  .ionik-change-card { flex: 1 1 calc(50% - 16px); max-width: calc(50% - 8px); } }
@media (min-width: 992px) { .ionik-stat-card { flex: 1 1 calc(33.333% - 16px); max-width: calc(33.333% - 11px); }
  .ionik-stat-grid--bottom .ionik-stat-card { flex: 1 1 calc(50% - 16px); max-width: calc(50% - 8px); }
  .ionik-stat-card .stat-number { font-size: 2.6rem; } }

/* ionik v2 — solo hero badge/tagline; espaciado = theme.css como index.html */
.ionik-v2 .ionik-text-split {
  display: block;
  margin-top: 1.25em;
}
.ionik-v2 #header .ionik-hero-partner-badge {
  display: inline-block;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .ionik-v2 #header .ionik-hero-partner-badge {
    margin-top: 28px;
  }
}
@media (min-width: 992px) {
  .ionik-v2 #header .ionik-hero-partner-badge {
    margin-top: 36px;
  }
}
.ionik-v2 #header .ionik-hero-partner-tagline {
  margin-top: 8px;
  margin-bottom: 0;
}
/* v2 — título → logos partners (neutraliza márgenes negativos del theme) */
.ionik-v2 #header .block-partners .section-head-custom:not([class*=pdb]) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 16px !important;
}
.ionik-v2 #header .block-partners .section-head-custom .responsive-text {
  display: block;
  padding-top: 0 !important;
}
.ionik-v2 #team .block-partners .section-head.partnersimages:not([class*=pdb]) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.ionik-v2 #team .block-partners .ajuste-partners {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 16px !important;
}
@media (min-width: 768px) {
  .ionik-v2 #header .block-partners .section-head-custom:not([class*=pdb]),
  .ionik-v2 #team .block-partners .ajuste-partners {
    padding-bottom: 20px !important;
  }
}
/* #solucion — mismo aire entre eyebrow, título y lead */
.ionik-v2 #solucion .section-head-s2.targeted-section-2 {
  margin-top: 0 !important;
  padding-bottom: 0 !important;
}
.ionik-v2 #solucion .section-head-s2.targeted-section-2 .title {
  margin-bottom: 1.25rem !important;
}
.ionik-v2 #solucion .pierdesventa {
  margin-top: 0 !important;
  margin-bottom: 1.25rem !important;
}
/*
 * v2 — ritmo entre secciones del main (como ionik↔servicios en index.html)
 * Cadena section-m: mismo gap entre oportunidad, ionik, servicios, cambio, team, faqs
 * #oportunidad sin padding-top extra tras section-l de solución
 */
.ionik-v2 main.nk-pages > section.section-m#oportunidad {
  padding-top: 0 !important;
}

.zoom-in { visibility: hidden; opacity: 0; transform: scale(0.5); }
.animate-start .zoom-in { transition: all 0.6s cubic-bezier(0.8, 0.14, 0.24, 0.99) 0s; transform: scale(1); visibility: visible; opacity: 1; transition-delay: 1s; }
.zoom-out { visibility: hidden; opacity: 1; transform: scale(1); }
.animate-start .zoom-out { transition: all 0.6s cubic-bezier(0.8, 0.14, 0.24, 0.99) 0s; transform: scale(1.5); visibility: visible; opacity: 0; transition-delay: 1s; }

.preloader.no-default { background-color: #0f1932; }
.preloader.no-default:before, .preloader.no-default:after { background-color: #0f1932; }

/* ionik v3 — sin overrides de overflow en body/wrap/main (hidden/clip ⇒ doble scroll o recorte) */
.ionik-v3 .nk-wrap,
.ionik-v3 main.nk-pages {
  max-width: 100%;
}
.ionik-v3 #header .block-partners {
  max-width: 100%;
}
/* Theme .section{overflow-x:hidden} ⇒ oy:auto = 2ª barra; clip no crea scroll container */
.ionik-v3 main.nk-pages > section.section,
.ionik-v3 .nk-footer-bar.section {
  overflow-x: clip;
}
/* Carousel: recorte solo en owl-stage-outer */
.ionik-v3 #team .has-carousel {
  overflow: visible;
}
.ionik-v3 #team .owl-stage-outer {
  overflow: hidden;
  max-width: 100%;
}
/* Tabla comparativa */
.ionik-v3 .ionik-compare-wrap {
  overflow-x: auto;
}
.ionik-v3 .ionik-text-split {
  display: block;
  margin-top: 1.25em;
}
/* Hero badge / tagline */
.ionik-v3 #header .ionik-hero-partner-badge {
  display: inline-block;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .ionik-v3 #header .ionik-hero-partner-badge {
    margin-top: 28px;
  }
}
@media (min-width: 992px) {
  .ionik-v3 #header .ionik-hero-partner-badge {
    margin-top: 36px;
  }
}
.ionik-v3 #header .ionik-hero-partner-tagline {
  margin-top: 8px;
  margin-bottom: 0;
}
/* Logos partners — neutraliza márgenes negativos del theme (como v2 / index) */
.ionik-v3 #header .block-partners .section-head-custom:not([class*=pdb]) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 16px !important;
}
.ionik-v3 #header .block-partners .section-head-custom .responsive-text {
  display: block;
  padding-top: 0 !important;
}
.ionik-v3 #header .block-partners .partner-list {
  margin-bottom: 0 !important;
}
@media (min-width: 768px) {
  .ionik-v3 #header .block-partners .section-head-custom:not([class*=pdb]) {
    padding-bottom: 20px !important;
  }
}
/* v3 — ritmo vertical uniforme (referencia desktop: FAQ → Contacto ≈ 254px) */
.ionik-v3 {
  --ionik-block-gap: 88px;
  --ionik-space-head: 24px;
}
@media (min-width: 768px) {
  .ionik-v3 {
    --ionik-block-gap: 160px;
    --ionik-space-head: 28px;
  }
}
@media (min-width: 1200px) {
  .ionik-v3 {
    --ionik-block-gap: 254px;
    --ionik-space-head: 32px;
  }
}
/* banner-single post-hero (3 pasos / sectores) — no tocar hero principal */
.ionik-v3 #header .banner-single.banner-fs {
  min-height: 0 !important;
  padding-top: 0 !important;
  margin-top: clamp(-160px, -14vh, -80px) !important;
}
.ionik-v3 #header .banner-single .banner-wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ionik-v3 #header .banner-single .container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ionik-v3 #header .banner-single .target-audience-title,
.ionik-v3 #header .banner-single .section-head.targeted-section .target-audience-title {
  padding-top: 0 !important;
}
.ionik-v3 #header .banner-single .section-head.targeted-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* t1 logos → Empiece; t2 3 pasos → Para quién */
.ionik-v3 #header .banner-single .section-head.targeted-section:first-of-type {
  margin-top: calc(var(--ionik-block-gap) + 38px) !important;
}
.ionik-v3 #header .banner-single .section-head.targeted-section + .nk-block-features-3 {
  margin-top: var(--ionik-space-head) !important;
  padding-top: 0 !important;
}
.ionik-v3 #header .banner-single .nk-block-features-3 + .section-head.targeted-section {
  margin-top: var(--ionik-block-gap) !important;
}
.ionik-v3 #header .banner-single .nk-block-features-3:last-of-type,
.ionik-v3 #header .banner-single .nk-block-features-3.mgb-m40 {
  margin-bottom: 0 !important;
}
.ionik-v3 #header .banner-single .nk-block-features-3.mgt-m20 {
  margin-top: 0 !important;
}
/* Main — padding vertical a 0; gaps vía margin-top en cada bloque */
.ionik-v3 main.nk-pages .banner-fs#solucion,
.ionik-v3 main.nk-pages #solucion.banner-fs {
  min-height: 0 !important;
}
.ionik-v3 main.nk-pages > section.section-l:first-of-type,
.ionik-v3 main.nk-pages > section.section-m,
.ionik-v3 main.nk-pages > section#team,
.ionik-v3 main.nk-pages > section#faqs {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ionik-v3 #solucion > br,
.ionik-v3 #team .container-xxl > br {
  display: none;
}
/* t3 sectores → Captar */
.ionik-v3 #solucion .section-head-s2.targeted-section-2 {
  margin-top: var(--ionik-block-gap) !important;
  padding-bottom: 0 !important;
}
/* Lead → grid de features (neutraliza mgt-m20 del theme) */
.ionik-v3 #solucion .cpn-action {
  margin-top: calc(var(--ionik-space-head) * 2) !important;
}
.ionik-v3 #solucion .nk-block-features-3.mgt-m20 {
  margin-top: 0 !important;
}
/* t4 solución → LA OPORTUNIDAD */
.ionik-v3 #oportunidad > .container > .section-head {
  margin-top: var(--ionik-block-gap) !important;
}
/* t5 oportunidad → Supervise… */
.ionik-v3 #ionik > .container > .nk-block-features-2 {
  margin-top: calc(var(--ionik-block-gap) - 34px) !important;
}
/* t6 ionik → Servicios */
.ionik-v3 #servicios > .container:first-child {
  margin-top: var(--ionik-block-gap) !important;
}
/* t7 servicios → ¿Qué cambia… */
.ionik-v3 #cambio > .container:first-child {
  margin-top: var(--ionik-block-gap) !important;
}
/* t8 cambio → Testimoniales */
.ionik-v3 #team > .container:first-child {
  margin-top: var(--ionik-block-gap) !important;
}
/* t9 testimoniales → partners */
.ionik-v3 #team .block-partners {
  margin-top: var(--ionik-block-gap) !important;
}
/* t10 partners → FAQ */
.ionik-v3 #faqs > .container:first-child {
  margin-top: var(--ionik-block-gap) !important;
}
.ionik-v3 #faqs .ajuste-faq {
  margin-top: 0 !important;
}
/* t11 FAQ → Contacto: conserva padding del theme (referencia) */
@media (min-width: 768px) {
  .ionik-v3 main.nk-pages > section#faqs {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 1200px) {
  .ionik-v3 main.nk-pages > section#faqs {
    padding-bottom: 90px !important;
  }
}
/* Partners en testimoniales */
.ionik-v3 #team .block-partners .section-head.partnersimages:not([class*=pdb]) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.ionik-v3 #team .block-partners .ajuste-partners {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 16px !important;
}
@media (min-width: 768px) {
  .ionik-v3 #team .block-partners .ajuste-partners {
    padding-bottom: 20px !important;
  }
}

/* ionik v4 — sin overrides de overflow en body/wrap/main (hidden/clip ⇒ doble scroll o recorte) */
.ionik-v4 .nk-wrap,
.ionik-v4 main.nk-pages {
  max-width: 100%;
}
.ionik-v4 #header .block-partners {
  max-width: 100%;
}
/* Theme .section{overflow-x:hidden} ⇒ oy:auto = 2ª barra; clip no crea scroll container */
.ionik-v4 main.nk-pages > section.section,
.ionik-v4 .nk-footer-bar.section {
  overflow-x: clip;
}
/* Carousel: recorte solo en owl-stage-outer */
.ionik-v4 #team .has-carousel {
  overflow: visible;
}
.ionik-v4 #team .owl-stage-outer {
  overflow: hidden;
  max-width: 100%;
}
/* Tabla comparativa */
.ionik-v4 .ionik-compare-wrap {
  overflow-x: auto;
}
.ionik-v4 .ionik-text-split {
  display: block;
  margin-top: 1.25em;
}
/* Hero badge / tagline */
.ionik-v4 #header .ionik-hero-partner-badge {
  display: inline-block;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .ionik-v4 #header .ionik-hero-partner-badge {
    margin-top: 28px;
  }
}
@media (min-width: 992px) {
  .ionik-v4 #header .ionik-hero-partner-badge {
    margin-top: 36px;
  }
}
.ionik-v4 #header .ionik-hero-partner-tagline {
  margin-top: 8px;
  margin-bottom: 0;
}
/* Logos partners — neutraliza márgenes negativos del theme (como v2 / index) */
.ionik-v4 #header .block-partners .section-head-custom:not([class*=pdb]) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 16px !important;
}
.ionik-v4 #header .block-partners .section-head-custom .responsive-text {
  display: block;
  padding-top: 0 !important;
}
.ionik-v4 #header .block-partners .partner-list {
  margin-bottom: 0 !important;
}
@media (min-width: 768px) {
  .ionik-v4 #header .block-partners .section-head-custom:not([class*=pdb]) {
    padding-bottom: 20px !important;
  }
}
/* v4 — ritmo vertical uniforme (referencia desktop: FAQ → Contacto ≈ 254px) */
.ionik-v4 {
  --ionik-block-gap: 88px;
  --ionik-space-head: 24px;
}
@media (min-width: 768px) {
  .ionik-v4 {
    --ionik-block-gap: 160px;
    --ionik-space-head: 28px;
  }
}
@media (min-width: 1200px) {
  .ionik-v4 {
    --ionik-block-gap: 254px;
    --ionik-space-head: 32px;
  }
}
/* Hero: 10px más arriba; solo el bloque inicial, no banner-single */
@media (min-width: 1200px) {
  .ionik-v4 .is-transparent .banner.banner-fs:not(.banner-single):not(.has-gfx) {
    padding-top: 100px;
  }
}
@media (min-width: 1200px) and (min-height: 600px) and (max-height: 1024px) {
  .ionik-v4 .is-transparent .banner.banner-fs:not(.banner-single):not(.has-gfx) {
    padding-top: 26px;
  }
}
/* banner-single post-hero (3 pasos / sectores) — no tocar hero principal */
.ionik-v4 #header .banner-single.banner-fs {
  min-height: 0 !important;
  padding-top: 0 !important;
  margin-top: clamp(-160px, -14vh, -80px) !important;
}
.ionik-v4 #header .banner-single .banner-wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ionik-v4 #header .banner-single .container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ionik-v4 #header .banner-single .target-audience-title,
.ionik-v4 #header .banner-single .section-head.targeted-section .target-audience-title {
  padding-top: 0 !important;
}
.ionik-v4 #header .banner-single .section-head.targeted-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* t1 logos → Empiece; t2 3 pasos → Para quién */
.ionik-v4 #header .banner-single .section-head.targeted-section:first-of-type {
  margin-top: calc(var(--ionik-block-gap) + 51px) !important;
}
.ionik-v4 #header .banner-single .section-head.targeted-section + .nk-block-features-3 {
  margin-top: var(--ionik-space-head) !important;
  padding-top: 0 !important;
}
.ionik-v4 #header .banner-single .nk-block-features-3 + .section-head.targeted-section {
  margin-top: var(--ionik-block-gap) !important;
}
.ionik-v4 #header .banner-single .nk-block-features-3:last-of-type,
.ionik-v4 #header .banner-single .nk-block-features-3.mgb-m40 {
  margin-bottom: 0 !important;
}
.ionik-v4 #header .banner-single .nk-block-features-3.mgt-m20 {
  margin-top: 0 !important;
}
/* Main — padding vertical a 0; gaps vía margin-top en cada bloque */
.ionik-v4 main.nk-pages .banner-fs#solucion,
.ionik-v4 main.nk-pages #solucion.banner-fs {
  min-height: 0 !important;
}
.ionik-v4 main.nk-pages > section.section-l:first-of-type,
.ionik-v4 main.nk-pages > section.section-m,
.ionik-v4 main.nk-pages > section#team,
.ionik-v4 main.nk-pages > section#faqs {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ionik-v4 #solucion > br,
.ionik-v4 #team .container-xxl > br {
  display: none;
}
/* t3 sectores → Captar; misma separación que feature (icono 20px / título 1rem) */
.ionik-v4 #solucion .section-head-s2.targeted-section-2 {
  margin-top: var(--ionik-block-gap) !important;
  padding-bottom: 0 !important;
}
.ionik-v4 #solucion .section-head-s2.targeted-section-2 .title {
  margin-bottom: 15px !important;
}
.ionik-v4 #solucion .pierdesventa {
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
}
.ionik-v4 #solucion .ionik-solucion-lead {
  margin-top: 0 !important;
}
@media (min-width: 576px) {
  .ionik-v4 #solucion .section-head-s2.targeted-section-2 .title {
    margin-bottom: 20px !important;
  }
}
/* Lead → grid de features (neutraliza mgt-m20 del theme) */
.ionik-v4 #solucion .cpn-action {
  margin-top: calc(var(--ionik-space-head) * 2) !important;
}
.ionik-v4 #solucion .nk-block-features-3.mgt-m20 {
  margin-top: 0 !important;
}
/* t4 solución → LA OPORTUNIDAD */
.ionik-v4 #oportunidad > .container > .section-head {
  margin-top: calc(var(--ionik-block-gap) + 40px) !important;
}
/* t5 oportunidad → Supervise… */
.ionik-v4 #ionik > .container > .nk-block-features-2 {
  margin-top: calc(var(--ionik-block-gap) + 15px) !important;
}
/* Bloque “No mida…”: el hueco de abajo (→ Servicios) igual al de arriba */
.ionik-v4 #servicios > .container:first-child {
  margin-top: calc(var(--ionik-block-gap) - 95px) !important;
}
/* t7 servicios → ¿Qué cambia… */
.ionik-v4 #cambio > .container:first-child {
  margin-top: calc(var(--ionik-block-gap) + 30px) !important;
}
/* t8 servicios → Testimoniales */
.ionik-v4 #team > .container:first-child {
  margin-top: calc(var(--ionik-block-gap) + 30px) !important;
}
/* t9 testimoniales → partners (compensa alto extra del carousel) */
.ionik-v4 #team .block-partners {
  margin-top: calc(var(--ionik-block-gap) - 74px) !important;
}
/* t10 partners (fila Meta/AWS) → FAQ */
.ionik-v4 #faqs > .container:first-child {
  margin-top: calc(var(--ionik-block-gap) + 15px) !important;
}
.ionik-v4 #faqs .ajuste-faq {
  margin-top: 0 !important;
}
/* t11 FAQ → Contacto: conserva padding del theme (referencia) */
@media (min-width: 768px) {
  .ionik-v4 main.nk-pages > section#faqs {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 1200px) {
  .ionik-v4 main.nk-pages > section#faqs {
    padding-bottom: 90px !important;
  }
}
/* Partners en testimoniales */
.ionik-v4 #team .block-partners .section-head.partnersimages:not([class*=pdb]) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.ionik-v4 #team .block-partners .ajuste-partners {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 16px !important;
}
@media (min-width: 768px) {
  .ionik-v4 #team .block-partners .ajuste-partners {
    padding-bottom: 20px !important;
  }
}
.ionik-v4 .table-token .table-head {
  text-align: center;
}

/* ionik v5 — stats de dolor en el hero */
.ionik-v5 .ionik-hero-pain {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px 40px;
  margin: 8px auto 20px;
  max-width: 640px;
}
.ionik-v5 .ionik-hero-pain-item {
  flex: 1 1 200px;
  text-align: center;
}
.ionik-v5 .ionik-hero-pain-number {
  font-size: 2rem;
  font-weight: 700;
  color: #8a49f8;
  line-height: 1.1;
  margin-bottom: 6px;
  font-family: "Quicksand", sans-serif;
}
.ionik-v5 .ionik-hero-pain-label {
  font-size: 0.95rem;
  color: #bba2fd;
  line-height: 1.35;
  margin: 0;
}
@media (min-width: 768px) {
  .ionik-v5 .ionik-hero-pain-number {
    font-size: 2.4rem;
  }
}
.ionik-v5 #solucion .section-head-s2.targeted-section-2 {
  margin-top: 0 !important;
}
.ionik-v5 #solucion,
.ionik-v5 #ionik,
.ionik-v5 #servicios {
  padding-top: 24px !important;
}
.ionik-v5 .nk-header {
  margin-bottom: calc(var(--ionik-block-gap) + 24px);
}
.ionik-v5 #ionik > .container > .nk-block-features-2 {
  margin-top: 0 !important;
}
.ionik-v5 #oportunidad {
  margin-bottom: calc(var(--ionik-block-gap) + 15px);
}
.ionik-v5 #servicios > .container:first-child {
  margin-top: 0 !important;
}
.ionik-v5 #ionik {
  margin-bottom: calc(var(--ionik-block-gap) - 95px);
}
.ionik-v5 #solucion .section-head-s2.targeted-section-2 .title {
  margin-bottom: 0 !important;
}
.ionik-v5 #solucion .pierdesventa {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

/* v6 — nivela los gaps a --ionik-block-gap parejo, sin compensaciones +N/-N heredadas de v4/v5 */
.ionik-v6 #oportunidad > .container > .section-head {
  margin-top: var(--ionik-block-gap) !important;
}
.ionik-v6 .nk-header {
  margin-bottom: var(--ionik-block-gap);
}
.ionik-v6 #oportunidad {
  margin-bottom: var(--ionik-block-gap);
}
.ionik-v6 #ionik {
  margin-bottom: var(--ionik-block-gap);
}
.ionik-v6 #header .banner.banner-fs:not(.banner-single) {
  min-height: 0 !important;
  height: auto !important;
  padding-top: 100px !important;
}
.ionik-v6 #header .banner-single.banner-fs {
  margin-top: 0 !important;
}
.ionik-v6 #header .banner-single .section-head.targeted-section:first-of-type {
  margin-top: var(--ionik-block-gap) !important;
}
.ionik-v6 #team .block-partners {
  margin-top: var(--ionik-block-gap) !important;
}

/* v6 — anula el margin-top negativo de .ajuste-servicios (theme.css) que hacía
   que el título "Servicios" se montara sobre el gap de la sección anterior en mobile */
@media only screen and (max-width: 468px) {
  .ionik-v6 .ajuste-servicios {
    margin-top: 0 !important;
  }
}
@media only screen and (width: 375px) and (height: 667px) {
  .ionik-v6 .ajuste-servicios {
    margin-top: 0 !important;
  }
}
@media only screen and (width: 390px) and (height: 844px) {
  .ionik-v6 .ajuste-servicios {
    margin-top: 0 !important;
  }
}
@media only screen and (width: 430px) and (height: 932px) {
  .ionik-v6 .ajuste-servicios {
    margin-top: 0 !important;
  }
}
@media only screen and (width: 360px) and (height: 740px) {
  .ionik-v6 .ajuste-servicios {
    margin-top: 0 !important;
  }
}

/* v7 — el padding-top:24 de v5 (#solucion/#ionik/#servicios) sumaba espacio visual
   parejo con el gap de sección; lo reemplazamos por scroll-margin-top para conservar
   el offset del menú (ancla bajo header sticky) sin ese colchón visual permanente */
.ionik-v7 #solucion,
.ionik-v7 #ionik,
.ionik-v7 #servicios {
  padding-top: 0 !important;
  scroll-margin-top: 24px;
}
/* al sacar el padding-top de #ionik, el margin-top:-15px del .row (gutter de
   Bootstrap) deja de quedar contenido y colapsa hacia afuera, robando 15px
   del gap con la sección anterior — se neutraliza puntualmente aquí */
.ionik-v7 #ionik .nk-block-features-2 > .row {
  margin-top: 0 !important;
}

/* v7 — las cards de "3 pasos" suman 50px de margin-bottom al gap visual
   antes de "¿Para quién es ionik?"; se recorta solo ese vacío final */
@media (min-width: 992px) {
  .ionik-v7 #header .banner-single .section-head.targeted-section:first-of-type + .nk-block-features-3 .feature {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 991px) {
  .ionik-v7 #header .banner-single .section-head.targeted-section:first-of-type + .nk-block-features-3 .row > [class*="col-"]:last-child .feature {
    margin-bottom: 0 !important;
  }
}

/* v7 — Solución → Oportunidad: el -40 de mgb-m40 + el mb de las últimas cards
   recortaban el gap visual; se neutralizan para dejar --ionik-block-gap */
.ionik-v7 #solucion .nk-block-features-3.mgb-m40 {
  margin-bottom: 0 !important;
}
@media (min-width: 992px) {
  .ionik-v7 #solucion .nk-block-features-3 .row > [class*="col-"]:nth-last-child(-n+2) .feature {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 991px) {
  .ionik-v7 #solucion .nk-block-features-3 .row > [class*="col-"]:last-child .feature {
    margin-bottom: 0 !important;
  }
}

/* v7 — Oportunidad lead → primera fila de cards: un solo --ionik-space-head
   (no toca margin-top del section-head ni la fila 31%/28%) */
.ionik-v7 #oportunidad > .container > .section-head {
  padding-bottom: 0 !important;
}
.ionik-v7 #oportunidad .ionik-stat-grid:not(.ionik-stat-grid--bottom) {
  margin-top: var(--ionik-space-head) !important;
}

/* v7 — Servicios título → bajada: 12px; anula el margin-top negativo de
   theme.css en mobile para que no se pegue al título */
.ionik-v7 #servicios .ajuste-servicios {
  margin-bottom: 12px !important;
}
.ionik-v7 #servicios .paraservicios {
  margin-top: 0 !important;
}

/* v7 — testimonios → partners: el carrusel reserva 40px para flechas ocultas
   ([data-navs]) y cada card trae margin-bottom:30; eso sumaba ~70px al gap visual.
   El margin-top:254 de .block-partners no se toca. */
.ionik-v7 #team .has-carousel[data-navs="true"] {
  padding-bottom: 0 !important;
}
.ionik-v7 #team .has-carousel .team-s2 {
  margin-bottom: 0 !important;
}

/* v7 — wa-ionik → “No mida…”: el <br> + align-items-center contra ionikFlows
   abrían ~96px; en desktop queda un solo --ionik-space-head. 768/375 no se tocan. */
@media (min-width: 992px) {
  .ionik-v7 #ionik > br {
    display: none;
  }
  .ionik-v7 #ionik > .container:last-of-type {
    margin-top: var(--ionik-space-head);
  }
  .ionik-v7 #ionik > .container:last-of-type .row {
    align-items: flex-start !important;
  }
}

/* v8 — gap entre filas de stats = gap lateral de cards (16px).
   No toca --ionik-space-head de la primera fila ni el block-gap. */
.ionik-v8 #oportunidad .ionik-stat-grid--bottom {
  margin-top: 16px !important;
}

.ionik-v8 .banner-caption > h1.title {
  margin-top: 16px;
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .ionik-v8 .banner-caption > h1.title {
    font-size: 2.6rem;
    white-space: nowrap;
  }
}

/* v8 — Android: theme.css carga después y pega títulos (≤468).
   Solo max-width 767; 768/1440 no se tocan. */
@media (max-width: 767px) {
  .ionik-v8 #header .banner-single .target-audience-title {
    margin-top: 0 !important;
  }
  .ionik-v8 #header .banner-single .nk-block-features-3 + .section-head.targeted-section {
    margin-top: var(--ionik-block-gap) !important;
  }
  .ionik-v8 #header .banner-single .nk-block-features-3:last-of-type .feature-text .title {
    margin-top: 0 !important;
  }
  .ionik-v8 #solucion .ionik-solucion-lead {
    margin-bottom: 0 !important;
  }
  .ionik-v8 #solucion .cpn-action {
    margin-top: calc(var(--ionik-space-head) * 2) !important;
  }
  .ionik-v8 #solucion .nk-block-features-3.mgt-m20 {
    margin-top: 0 !important;
  }
  .ionik-v8 #ionik .nk-block-text-wrap .nk-block-text {
    text-align: center;
  }
  .ionik-v8 #ionik .nk-block-text-wrap .list-dot {
    display: inline-block;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }
  .ionik-v8 #servicios .section-head:has(.infotecnica) {
    padding-bottom: var(--ionik-space-head) !important;
  }
  .ionik-v8 #servicios .token-info > .title {
    text-align: center;
  }
  .ionik-v8 main.nk-pages > section.section-l:has(#contacto) {
    padding-top: var(--ionik-block-gap) !important;
  }
  .ionik-v8 #contacto .ajuste-contacto {
    margin-top: 0 !important;
  }
  .ionik-v8 #contacto .nk-block-text-head {
    text-align: center;
  }
  .ionik-v8 #contacto .nk-block-text-head .fab.fa-whatsapp {
    font-size: 1.15em !important;
  }
  .ionik-v8 #contacto .social-links {
    justify-content: center;
  }

  /* v8 — 5 gaps de sección a --ionik-block-gap (88). 768/1440 no se tocan. */
  .ionik-v8 #header .banner-single .nk-block-features-3:last-of-type .row > [class*="col-"]:nth-last-child(-n+2) .feature {
    margin-bottom: 0 !important;
  }
  .ionik-v8 #ionik > .container > .nk-block-features-2 .order-1 {
    padding-top: 0 !important;
  }
  .ionik-v8 #ionik .banner-caption.cpn {
    padding-bottom: 0 !important;
  }
  .ionik-v8 #ionik .container:last-of-type .cpn-links {
    margin-bottom: 0 !important;
  }
  .ionik-v8 #servicios .table-token {
    margin-bottom: 0 !important;
  }
  .ionik-v8 #servicios > .container:first-child .section-head-s2 {
    display: flex;
    flex-direction: column;
  }
  .ionik-v8 #team > .container:first-child {
    margin-top: var(--ionik-block-gap) !important;
  }
  .ionik-v8 #team .owl-nav {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
  }
  .ionik-v8 #team .has-carousel .owl-stage-outer,
  .ionik-v8 #team .has-carousel .owl-stage,
  .ionik-v8 #team .has-carousel .owl-item {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
  }
}

/* v9 — el gap visual = box-gap + vacío bajo la última card / imagen / tabla.
   Se recorta solo ese vacío final; el 254/160/88 entre cajas no se toca. */
@media (min-width: 992px) {
  .ionik-v9 header .banner-single .nk-block-features-3:last-of-type .feature {
    margin-bottom: 0 !important;
  }
  .ionik-v9 #solucion .nk-block-features-3 .row > [class*="col-"]:nth-last-child(-n+2) .feature {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 991px) {
  .ionik-v9 header .banner-single .nk-block-features-3:last-of-type .row > [class*="col-"]:nth-last-child(-n+2) .feature {
    margin-bottom: 0 !important;
  }
  .ionik-v9 #solucion .nk-block-features-3 .row > [class*="col-"]:last-child .feature {
    margin-bottom: 0 !important;
  }
}
.ionik-v9 #ionik .banner-gfx {
  margin-bottom: 0 !important;
}
.ionik-v9 #servicios .table-token {
  margin-bottom: 0 !important;
}
.ionik-v9 #servicios .table-token tr:last-child {
  border-bottom: 1px solid rgba(144, 88, 211, 0.4);
}
.ionik-v9 #servicios .token-info {
  margin-bottom: 0 !important;
  padding-bottom: 18px !important;
}
@media (min-width: 576px) {
  .ionik-v9 #servicios .token-info {
    padding-bottom: 24px !important;
  }
}
@media (max-width: 575px) {
  .ionik-v9 #servicios .table-token td {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
}
.ionik-v9 #servicios .nk-block-token.mgb-m30 {
  margin-bottom: 0 !important;
}
/* sin el mb 50 de las cards, el -40 de mgb-m40 mete el texto en el gap (visual 214) */
.ionik-v9 #solucion .nk-block-features-3.mgb-m40 {
  margin-bottom: 0 !important;
}
.ionik-v9 #ionik > .container > .nk-block-features-2 .gfx.py-4 {
  padding-top: 0 !important;
}
.ionik-v9 #ionik > .container > .nk-block-features-2 .gutter-vr-30px > [class*="col-"] {
  padding-top: 0 !important;
}
.ionik-v9 #ionik .banner-caption.cpn {
  padding-bottom: 0 !important;
}
.ionik-v9 #ionik .banner-caption .cpn-links {
  margin-bottom: 0 !important;
}
/* v4 deja +30px en el arranque de Testimoniales */
.ionik-v9 #team > .container:first-child {
  margin-top: var(--ionik-block-gap) !important;
}
/* los logos del hero se salen 40px de la lista y se comen el hueco */
.ionik-v9 #header .banner:not(.banner-single) .partner-logo-s3 {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* theme.css suma margin-top al título solo en algunos celulares */
.ionik-v9 #team .ajuste-testimoniales {
  margin-top: 0 !important;
}
.ionik-v9 main.nk-pages > section#faqs {
  padding-bottom: 0 !important;
}
.ionik-v9 main.nk-pages > section.section-l:has(#contacto) {
  padding-top: var(--ionik-block-gap) !important;
}
.ionik-v9 #contacto .ajuste-contacto {
  margin-top: 0 !important;
}
.ionik-v9 #header .banner:not(.banner-single) .partner-list {
  height: auto !important;
}
.ionik-v9 #contacto .gutter-vr-50px {
  margin-top: 0 !important;
}
@media (max-width: 1199px) {
  .ionik-v9 #team .owl-nav {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
  }
}

/* v9 desktop y tablet — el bloque del partner sube un poco hacia el menú */
@media (min-width: 768px) {
  .ionik-v9 #header .banner.banner-fs:not(.banner-single) {
    padding-top: 72px !important;
  }
}

/* v9 móvil — igualar a 88px. El interior de #ionik queda junto. */
@media (max-width: 767px) {
  .ionik-v9 #header .banner.banner-fs:not(.banner-single) {
    padding-top: 60px !important;
  }
  .ionik-v9 #ionik > .container:last-of-type .cpn-links {
    margin-bottom: -10px !important;
  }
  .ionik-v9 #team .block-partners {
    margin-top: calc(var(--ionik-block-gap) - 26px) !important;
  }
  .ionik-v9 #contacto .gutter-vr-50px > .margcontacto {
    padding-top: 0 !important;
  }

  /* v9 móvil — parejo el ritmo interno de #ionik (Supervise / Brecha / No mida).
     Los <br> siguen visibles; solo se recorta el padding/margin de más. */
  .ionik-v9 #ionik > .container > .nk-block-features-2 .coheteimg {
    padding-bottom: 0 !important;
    margin-top: 88px !important;
  }
  .ionik-v9 #ionik > .container > .nk-block-features-2 .gutter-vr-30px > [class*="col-"] {
    padding-bottom: 0 !important;
  }
  /* el hueco de 88 queda entre el botón y el gráfico; el gráfico baja contra el título */
  .ionik-v9 #ionik > .container:first-child > br {
    display: none !important;
  }
  .ionik-v9 #ionik .section-head > h2 {
    margin-top: 31px !important;
  }
  .ionik-v9 #ionik .list-dot.pdb-r {
    display: block !important;
    width: 100%;
    text-align: center !important;
    padding-bottom: 0 !important;
  }
  .ionik-v9 #ionik .list-dot.pdb-r li {
    padding-left: 0 !important;
  }
  .ionik-v9 #ionik .banner-gfx {
    margin-bottom: 24px !important;
  }
  /* v9 móvil — «Demo de 30 min» → logos: los dos <br> dejan 64px; +24 llega a 88. */
  .ionik-v9 #header .banner:not(.banner-single) .block-partners {
    margin-top: 24px !important;
  }
  /* el encabezado trae 40px bajo el título; en móvil queda junto a la primera pregunta */
  .ionik-v9 #faqs .ajuste-faq {
    padding-bottom: 6px !important;
  }
}

/* v9 tablet apilada (768–991). El interior de #ionik queda junto. */
@media (min-width: 768px) and (max-width: 991px) {
  .ionik-v9 #ionik > .container:last-of-type .cpn-links {
    margin-bottom: -10px !important;
  }
  .ionik-v9 #contacto .gutter-vr-50px > .margcontacto {
    padding-top: 0 !important;
  }
}

/* v9 992–1199: el hueco hacia Servicios. */
@media (min-width: 992px) and (max-width: 1199px) {
  .ionik-v9 #ionik > .container:last-of-type {
    margin-bottom: -7px !important;
  }
}

/* v9 escritorio: alinear arriba la fila Supervise para que el título
   arranque al mismo nivel que el cohete y el hueco desde Oportunidad sea 254px */
@media (min-width: 1200px) {
  .ionik-v9 #ionik > .container > .nk-block-features-2 .row {
    align-items: flex-start !important;
  }
}