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

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements get default styles */
a {
  text-decoration-skip-ink: auto;
  text-decoration: none;
  color: inherit;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.accordion-button:focus {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0  !important;
}

/* VARIABLES CSS */

:root {
  --purple: #6A00A7;
  --aqua: #00CDCD;
  --navy: #002955;
  --blue: #004C97;
  --silver: #C2D6D8;
  --lightgray: #E5E5E5;
  --black: #363636;
  --gradient-1: linear-gradient(97.47deg, #6A00A7 -0.71%, #00CDCD 100.1%);
  --gradient-2: linear-gradient(90deg, #E2E2E2 2%, #F9F9F9 53.75%, #CBCBCB 106.6%);
  --gradient-3: linear-gradient(90deg, #E2E2E2 2%, #F9F9F9 53.75%, #CBCBCB 106.6%);

  --font-primary: 'Ubuntu', sans-serif;

  --text-xs: .8rem;
  --text-s: .9rem;
  --text-r: 1rem;
  --text-rm: 1.1rem;
  --text-m: 1.2rem;
  --text-ml: 1.4rem;
  --text-l: 1.6rem;
  --text-xl: 2rem;
  --text-xxl: 2.4rem;
  --text-xxxl: 3rem;
  --text-xxxxl: 3.6rem;

  --line-height-14: 1.2;
  --line-height-14: 1.4;
  --line-height-16: 1.6;
  --line-height-18: 1.8;
  --line-height-2: 2;

  --regular: 400;
  --medium: 500;
  --semi: 600;
  --bold: 700;
  --extra: 800;

  --box-shadow-1: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  --box-shadow-2: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --box-shadow-3: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

body {
  font-family: var(--font-primary);
  color: var(--black);
  padding-top: 96px;
  background: white!important;
}

.bg-gradient-1 {
  background: var(--gradient-1);
  color: #fff;
}

.bg-gradient-2 {
  background: var(--gradient-2);
  color: #fff;
}

.bg-gris {
  background-color: var(--lightgray);
}

.text-aqua {
  color: var(--aqua);
}

.text-lightblue {
  color: var(--lightblue);
}

.text-purple {
  color: var(--purple);
}

.text-black {
  color: var(--black);
}

.text-navy {
  color: var(--navy);
}

.text-justify {
  text-align: justify;
}

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

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

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

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

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

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

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

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

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

.text-300,
.text-light {
  font-weight: 300;
}

.text-400,
.text-regular {
  font-weight: 400;
}

.text-500,
.text-medium {
  font-weight: 500;
}

.text-600,
.text-semi {
  font-weight: 600;
 
}

.text-700,
.text-bold {
  font-weight: 700;
}

.text-800,
.text-extra {
  font-weight: 800;
}

.lh-12 {
  line-height: var(--line-height-12);
}

.lh-14 {
  line-height: var(--line-height-14);
}

.lh-16 {
  line-height: var(--line-height-16);
}

.lh-18 {
  line-height: var(--line-height-18);
}

.lh-2 {
  line-height: var(--line-height-2);
}

ul {
  padding-left: 0;
}

.bg-cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* new code css zeus*/


a:hover {
  color: var(--aqua);
}

/*faq arrow*/
.accordion-button:not(.collapsed)::after,
.accordion-button::after {
  background-image: url(../images/flecha-faq.svg) !important;
}


/**svg onbording*/
.st0 {
  fill: none;
}

.st1 {
  fill: #A9A9A9;
}

.st2 {
  fill: #1C2D4F;
}

/**/

.btn-blog-zeus {
  position: relative;
  margin-top: 0.75rem;
  background: var(--gradient-1);
  color: #fff;
  z-index: 1;
  border-radius: 0.5rem;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  border: none;
}

.btn-blog-zeus span {
  z-index: 1;
  position: relative;
}

.btn-blog-zeus:before {
  content: "";
  border-radius: .3rem;
  position: absolute;
  inset: .2rem;
  background-color: #fff;
  opacity: 0;
  pointer-events: none;
  z-index: 0;
  -webkit-border-radius: .3rem;
  -moz-border-radius: .3rem;
  -ms-border-radius: .3rem;
  -o-border-radius: .3rem;
}

.btn-blog-zeus:hover {
  color: var(--purple);
}

.btn-blog-zeus:hover:before {
  opacity: 1;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
}

.divs-medio-de-contacto img {
  margin: 1em auto 2em auto;
}

.btn-purple {
  background-color: var(--purple);
  color: #fff;
  border-radius: .75rem;
  font-weight: 500;
  display: inline-block;
  padding: .5em 2em;
}

.paises-footer {
  display: none;
  justify-content: space-around;
  width: 260px;
  margin-top: 1em;
}

/*-*/
.rrss-footer {
  gap: .75rem;
  display:none;
}
.displayflex {
  display: flex;
}
.rrss-footer svg {
  width: 40px;
}

svg path {
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
}

.rrss-footer a:hover svg path {
  fill: var(--purple);
}

.rrss-footer a:hover svg path:first-child {
  fill: #fff;
}

.newsletter-subs input {
  width: 70%;
  margin-bottom: 1em;
  border: 0px solid black;
  background-color: #F1F1F1;
  color: #C4C4C4;
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 600;
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border-radius: .375rem;
}

.newsletter-subs input::placeholder {
  color: #8f8f8f;
}

.newsletter-subs .widget-title {
  display: none;
}

.newsletter-subs form.dplr_form {
  border: none;
  padding: 0;
}

form.dplr_form button {
  border: 0;
  outline: none;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  text-transform: uppercase;
}

/**/
.partners-certificados .card {

  margin: 1em 0px;
  border-radius: 0px;
  min-height: 220px;

}

.partners-certificados .card-body {

  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1em;

}

/**/
.notop-onbording {

  text-align: right;

}


/***************/

button.btn,
.wpcf7-submit.btn,
form.dplr_form button,
.searchandfilter input[type="submit"] {
  background-color: var(--purple);
  color: #fff;
  border-radius: .75rem;
  font-weight: 500;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
}

button.btn:hover,
.wpcf7-submit.btn:hover,
form.dplr_form button:hover {
  background-color: #f4f4f4;
  color: var(--purple);

}


button.btn.btn-white {
  background-color: #fff;
  color: var(--purple);
  border-radius: .75rem;
}

button.btn.btn-white:hover {
  background-color: var(--purple);
  color: #fff;
}


.container.container-narrow {
  max-width: 1200px;
}


/* HEADER */

 .botonmenu{
      
  }

@-webkit-keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-webkit-keyframes slideRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes slideRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}


#header-main {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: calc(20px + 0.5rem);
  padding-bottom: 0.5rem;
  background-color: #fff;
  z-index: 999;
  background: #fff;
  transition: all .2s ease-out;
}

#header-main:before {
  content: "";
  position: absolute;
  inset: 0;
  height: 20px;
  background: var(--gradient-1);
}

#header-main .container,
#header-main .container-fluid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1800px;
  width: 95%;
  gap:8%;
}



#header-main .logo img {
  max-width: 150px;
  max-height: 70px;
}

.header-item-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 17%;
  flex: 0 0 17%;
}

.header-item-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

}

#header-main .logo img,
#header-main .logo svg {
  transition: all .2s ease-out;
  width: 200px;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
}

#header-main li.menu-item-has-children svg {
  margin-left: .25rem;
  width: 15px;
}

#header-main .menu>ul>li {
    display: inline-block;
    line-height: 0.125rem;
    margin-left: 0.5rem;
}

#header-main .menu>ul>li>a {
  position: relative;
  font-family: inherit;
  font-size: var(--text-rm);
  font-weight: 500;
  line-height: 1.25;
  border: none;
  outline: none;
  color: var(--black);
 /* text-transform: capitalize;*/
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

#header-main .menu>ul>li>a.cta {
  color: #fff;
}

#header-main .menu>ul>li .sub-menu {
  position: absolute;
  width: 100%;
  height: auto;
  margin-top: 1.75rem;
  padding: 1rem;
  z-index: 109;
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: 0 4px 2px -2px gray;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#header-main .menu>ul>li .sub-menu:before {
  content: "";
  position: absolute;
  background-color: #fff;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 6rem);
  z-index: -1;
}

#header-main .menu>ul>li .sub-menu>ul>li {
  line-height: 1;
}

#header-main .menu>ul>li .sub-menu>ul>li>a {
  display: inline-block;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  padding: 0.75rem 0;
  border: none;
  outline: none;
  color: var(--black);
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


#header-main .menu>ul>li .sub-menu.menu-mega {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

#header-main .menu>ul>li .sub-menu.menu-mega .container {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#header-main .menu>ul>li .sub-menu.menu-mega:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 15px;
  background: var(--gradient-1);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

#header-main .menu>ul>li .sub-menu.menu-mega:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15px;
  background: var(--gradient-1);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

#header-main .menu>ul>li .sub-menu.menu-mega>.list-item>ul>li {
  display: block;
  line-height: 1;
}

#header-main .menu>ul>li .sub-menu.menu-mega>.list-item>ul>li>a {
  display: inline-block;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  padding: 0.5rem 0;
  border: none;
  outline: none;
  color: var(--black);
  text-transform: capitalize;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

#header-main .menu>ul>li .sub-menu.menu-column-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 1.25rem 1rem;
}

#header-main .menu>ul>li .sub-menu.menu-column-4>.list-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  padding: 0 1rem;
}

#header-main .menu>ul>li .sub-menu.menu-column-4>.list-item.text-center .title {
  text-align: center;
}

#header-main .menu>ul>li .sub-menu.menu-column-4>.list-item img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 0.75rem;
  -o-object-fit: cover;
  object-fit: cover;
}

#header-main .menu>ul>li a {
    transition: all .2s ease-out;
    cursor: pointer;
}



.header-item-right a:hover,
#header-main .menu>ul>li>a:hover {
  color: var(--aqua);
}

#header-main .menu-mobile-header,
#header-main .menu-mobile-toggle {
  display: none;
}

#header-main ul.menu-section {
  margin-bottom: 0;
}

.sub-menu-nav ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  list-style: none;
  gap: .5rem;
  padding: 0;
}

.sub-menu p.title {
  line-height: 1;
}

.sub-menu-nav ul li {
  position: relative;
}

.sub-menu-nav ul li:before {
  content: "";
  position: absolute;
  left: -15px;
  top: 10px;
  border-radius: 50%;
  height: 7px;
  width: 7px;
  background-color: var(--purple);
}

.sub-menu-nav ul li a {
  color: var(--black);
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .5rem;
  line-height: 1.6;
}
.sub-menu-nav ul li a:hover {
  color: var(--aqua);
}
.sub-menu .container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.sub-menu .container .content {
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.sub-menu .container .content .misc {
  width: 100%;
  position: relative;
}

.sub-menu .container .content .misc hr {
  width: calc(100% - 20px);
  height: 2px;
  border: none;
  background-color: black;
  opacity: 1;
}

.sub-menu .container .content .misc img {
  position: absolute;
  right: 0;
  top: 3px;

}

.sub-menu-nav.sub-menu-software li a img {
  max-width: 100px;
}

.lang-selector {
  position: relative;
  color: var(--blue);
}

.lang-dropdown {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  border-radius: 1rem;
  border: solid 1px #f4f4f4;
  list-style: none;
  padding: 1rem 2rem;
}

.lang-selector:hover .lang-dropdown {
  visibility: visible;
  pointer-events: all;
  opacity: 1;
}

.lang-dropdown li {
  line-height: 2;
}

.lang-dropdown li a {
  color: var(--black);
}

.lang-dropdown li a:hover {
  color: var(--gol4);
}

.hamburger {
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger.is-active:hover {
  opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #000;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}


.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

body.nav-open .hamburger--squeeze .hamburger-inner,
.menu-mobile-close .hamburger--squeeze .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

body.nav-open .hamburger--squeeze .hamburger-inner::before,
.menu-mobile-close .hamburger--squeeze .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

body.nav-open .hamburger--squeeze .hamburger-inner::after,
.menu-mobile-close .hamburger--squeeze .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* HOME */


section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    position: relative;
    scroll-padding: 50px 0 0 50px;
}
section#home-circuitoserp {
    padding-top: 2rem;
    padding-bottom: 3rem;
}

.zeus-experience-content{
        padding-bottom: 149px;
}


@media (max-width: 768px){
    
    
    /*NAV EDIT*/
    
#header-main .logo img {
    position: relative;
    right: 55px;
}

    
#header-main .container-fluid{
    gap: 47px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    width: 83%!important;
}    
    
section#home-circuitoserp {
    padding-top: 8rem;
    padding-bottom: 4rem;
}

}

section#servicio-cliente {
    padding-top: 4rem;
    padding-bottom: 8rem;
}



section#ecosistema {
 padding-top: 4rem;
    padding-bottom: 4rem;
}

@media (max-width: 768px){

section#ecosistema {
 padding-top: 8rem;
    padding-bottom: 6rem;
}
}

@media (max-width: 768px){
    
    section#proceso {
 display:none;
}
}




section#proceso {
    padding-top: 10rem;
    padding-bottom: 8rem;
}
/*section#conocer-proceso {
    padding-top: 10rem;
    padding-bottom: 8rem;
}
*/

main.mostrandoIntro * {
  opacity: 0;
}

main * {
  opacity: 1;
}

main.mostrandoIntro #intro-animation {
  opacity: 1;
  z-index: 998;

  transition: all .5s ease-out;
}

main #intro-animation img {

  width: 200px;
}

main.mostrandoIntro #intro-animation img {
  opacity: 1;
}

main #intro-animation {
  pointer-events: none;
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  opacity: 0;
  transition: all .5s ease-out;
}

#home-banner {
  background: var(--gradient-2);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  height: auto;
  aspect-ratio: 10/3;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#home-banner video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#home-banner p.titulo {
  font-size: var(--text-xxl);
  color: #fff;
  font-weight: 500;
  line-height: 1.2;
}

section#home-circuitoserp {
}

section#home-circuitoserp .items {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  flex-wrap: wrap;
}

section#home-circuitoserp .items .item {
  width: calc(25% - 2rem);
  height: 10rem;
  position: relative;
  margin-bottom: 1.5rem;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: flex;
  padding: 0;
  min-height: 250px;
}

#home-circuitoserp .accordion-body {
  background: none;
  padding: 0;
}

#home-circuitoserp .accordion-item,
#home-circuitoserp .accordion-button {
  background: none;
  border: none;
}

#home-circuitoserp .accordion-button {
  display: block;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#home-circuitoserp .accordion-button svg {
  opacity: .25;
}

#home-circuitoserp .accordion-button.collapsed svg {
  opacity: 1;
}

.pattern {
  position: absolute;
  background: radial-gradient(#6A00A7 3px, transparent 4px) 0 0 / 20px 20px;
  opacity: .5;
}


.flip-card {
  background-color: transparent;
  perspective: 1000px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex;
}

.flip-card-inner .icono svg,
.flip-card-inner .icono img {
  width: 125px;
  height: 125px;
  margin-bottom: .75rem;

  border-radius: 50%;
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0.75rem;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

.flip-card-front p {
  font-size: var(--text-m);
  font-weight: 600;
  line-height: 1.2;
  color: #6A00A7;
}

.flip-card-back {

    padding: 1rem 2rem;
    background-color: transparent;
    color: white;
    transform: rotateX(-180deg);
    font-weight: 500;
    background-image: linear-gradient(180deg, #00CDCD 0%, #6A00A7 100%);
}

@media (max-width: 768px){
    
    .flip-card-back {

    padding: 1rem 2rem;
    background-color: transparent;
    color: white;
    transform: rotateX(-180deg);
    font-weight: 500;
    background-image: linear-gradient(180deg, #00CDCD 0%, #6A00A7 100%);
    font-size:5px;
}
    
    
    
}



section#home-sistema {
  background: var(--gradient-1);
  color: #fff;
}

ul.list-1 {
  list-style: none;
  margin-bottom: 0;
  padding-left: 2rem;
}

.list-1 li {
  margin-bottom: 1rem;
  position: relative;
  font-size: var(--text-rm);
  font-weight: 500;

}

.list-1 li:last-child {
  margin-bottom: 0;
}

.list-1 li:before {
  content: "";
  position: absolute;
  left: -1.75rem;
  top: calc(6px);
  width: 18px;
  height: 18px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.list-1 li:before {
  background-image: url(../images/check.svg);
}

section#home-video {
  padding-top: 0;
}

#home-video .cloud-1 {
  position: absolute;
  top: 0;
  left: 10%;
}

#home-video .cloud-2 {
  position: absolute;
  width: 100px;
  top: 7rem;
  right: 20%;
}

#home-video p {
    margin-top: 15rem;
    margin-bottom: 25rem;
    color: #002955!important;
}

#home-video .video-thumb {
  position: relative;
  cursor: pointer;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
}


#home-video .video-thumb:hover {
  filter: brightness(1.1);
  -webkit-filter: brightness(1.1);
}

#home-video .video-thumb .play {
  width: 100px;
  height: 100px;
  background-image: url(../images/bg-play.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  inset: calc(50% - 50px);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  z-index: 100;
  animation: pulse-blue 2s infinite;
  -webkit-animation: pulse-blue 2s infinite;

}
#modalVideo  video {
  width: 100%;
  height: auto;
}
#modalVideo .modal-dialog {
  max-width: 95%;
  width: 800px;
}
#home-demo {
  background: var(--gradient-1);
}

#home-demo .bottom .person {
  position: absolute;
  top: -30rem;
}

#home-demo p {
    text-align: center;
}
#home-demo a {
margin-left: auto;
}

#faq {
  background-color: #E5E5E5;
}

#faq .accordion-item,
#faq .accordion-button {
  border: none;
  background: none;
}



#faq .accordion-button {
  color: var(--purple);
  font-weight: 500;
  font-size: var(--text-m);
  border-bottom: dotted 2px var(--black);
  padding-top: 3rem;
}

#faq accordion-button::after {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%00CDCD'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* INTERNAS */

section.demotec:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background: var(--gradient-1);
  opacity: .4;
  z-index:-1;
}

.items2 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.items2 .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: flex-start;
  flex: 1;
  margin-bottom: 1rem;
}

.items2 .item .icono {
  width: 100px;
  margin-bottom: 1rem;
}
#conocer-proceso p,
#proceso p,
#ecosistema .container > p {
	text-align: left;
}
.proceso {
  position: relative;
  display: flex;
  align-items: center;
}

g[data-name="hito"] {
  border: solid 2px red;
}

.hito {
  border: solid 4px #a9a9a9;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: rgba(142, 68, 173, 1);
  box-shadow: 0 0 0 0 rgba(142, 68, 173, 1);
  position: absolute;
  z-index: 4;

}

.hito:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #545859;
    z-index: 1;
    opacity: .2;
}

.hito:nth-child(1) {
    left: 3.2%;
    background: rgb(8 94 196);
    box-shadow: 0 0 0 0 rgb(8 94 196);
}

.hito:nth-child(2) {
  left: 12.2%;
}

.hito:nth-child(3) {
  left: 21%;
  width: 40px;
  height: 40px;
}

.hito:nth-child(4) {
  left: 31.3%;
}

.hito:nth-child(5) {
  left: 40.5%;
  width: 42px;
  height: 42px;
}

.hito:nth-child(6) {
  right: 43.5%;
}

.hito:nth-child(7) {
  right: 33.1%;
  width: 42px;
  height: 42px;
}

.hito:nth-child(8) {
  right: 23.1%;

}

.hito:nth-child(9) {
  right: 13.1%;
  width: 40px;
  height: 40px;
}

.hito:nth-child(10) {
  right: 3%;
}

.hito:nth-child(11) {
  right: -6%;
}




.hito.active:before {
  transform: scale(1);
  animation: pulse-purple 1.5s infinite;
}

@keyframes pulse-purple {
  0% {
    transform: scale(0.95);
    filter: box-shadow(0 0 0 0 rgba(142, 68, 173, 0.7));
  }

  50% {
    transform: scale(1.0);
    filter: box-shadow(0 0 0 20px rgba(142, 68, 173, 0));
    -webkit-transform: scale(1.);
    -moz-transform: scale(1.);
    -ms-transform: scale(1.);
    -o-transform: scale(1.);
  }

  100% {
    transform: scale(0.95);
    filter: box-shadow(0 0 0 0 rgba(142, 68, 173, 0));
  }
}

.proceso-capacitacion .hito {
  background: rgb(68, 173, 164);
  box-shadow: 0 0 0 0 rgb(68, 173, 173);
  position: absolute;
  transform: translateY(-4px);
  z-index: 4;
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
}

.proceso-capacitacion .hito:before {

  background-color: var(--aqua);

}

.proceso-capacitacion .hito:nth-child(1) {
  left: 3.5%;
}

.proceso-capacitacion .hito:nth-child(2) {
  left: 13.25%;
}

.proceso-capacitacion .hito:nth-child(3) {
  left: 22.5%;
}

.proceso-capacitacion .hito:nth-child(4) {
  left: 31.25%;
  width: 50px;
  height: 50px;
}

.proceso-capacitacion .hito:nth-child(5) {
  left: 42%;
}

.proceso-capacitacion .hito:nth-child(6) {
  right: 42.5%;
  width: 50px;
  height: 50px;
}

.proceso-capacitacion .hito:nth-child(7) {
  right: 31.5%;
}

.proceso-capacitacion .hito:nth-child(8) {
  right: 21.75%;
}

.proceso-capacitacion .hito:nth-child(9) {
  right: 10.5%;
  width: 50px;
  height: 50px;
}

.proceso-capacitacion .hito:nth-child(10) {
  right: 1.75%;
}



.proceso-capacitacion .hito.active:before {
  transform: scale(1);
  animation: pulse-aqua 1.5s infinite;
  -webkit-animation: pulse-aqua 1.5s infinite;
}

@keyframes pulse-aqua {
  0% {
    transform: scale(0.95);
    filter: box-shadow(0 0 0 0 rgba(68, 173, 154, 0.7));
    -webkit-filter: box-shadow(0 0 0 0 rgba(68, 173, 154, 0.7));
  }

  50% {
    transform: scale(2);
    filter: box-shadow(0 0 0 20px rgba(68, 173, 148, 0));
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    -webkit-filter: box-shadow(0 0 0 20px rgba(68, 173, 148, 0));
  }

  100% {
    transform: scale(0.95);
    filter: box-shadow(0 0 0 0 rgba(68, 173, 148, 0));
    -webkit-filter: box-shadow(0 0 0 0 rgba(68, 173, 148, 0));
  }
}

@keyframes pulse-purple {
  0% {
    transform: scale(0.95);
    filter: box-shadow(0 0 0 0 rgba(142, 68, 173, 0.7));
    -webkit-filter: box-shadow(0 0 0 0 rgba(142, 68, 173, 0.7));
  }

  50% {
    transform: scale(2);
    filter: box-shadow(0 0 0 20px rgba(142, 68, 173, 0));
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
  }

  100% {
    transform: scale(0.95);
    filter: box-shadow(0 0 0 0 rgba(142, 68, 173, 0));
  }
}



@keyframes pulse-green {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(64, 195, 81, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(64, 195, 81, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(64, 195, 81, 0);
  }
}

@keyframes pulse-blue {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(180, 46, 204, 0.65);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(46, 119, 204, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(46, 119, 204, 0);
  }
}


.partners .card {
  margin-bottom: 2rem;
  height: 100%;
}

.partners .card-body {
  display: flex;
  flex-direction: column;
}

/*N*/
.partners .card-body {
  padding: 0;
}
.partners .card-body div:first-child {
  height: 200px;
}
.partners .card-body div {
  width: 100%;
  height: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  padding-left: 2rem;
  padding-right: 2rem;
}

.partners .card-body div:nth-child(2) {
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
}

.partners .card-body div:nth-child(2):hover {
  background-color: var(--purple);
  color: var(--silver);
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
}

/**/

.partners .card-body img {
  width: auto;
  max-height: 100px;
  margin-top: 4rem;
  margin-bottom: 1rem;
}

section.header-inner {
  min-height: 25rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  
}


@media (max-width: 768px) {
    section.header-inner {
  min-height: 25rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align:center;
}


#conocer-proceso p,
#proceso p,
#ecosistema .container > p {
	text-align: center;
}
    
    
}

section.header-inner.large {
  min-height: 70vh;
  align-items: flex-end;
  padding-bottom: 15vh;
}

.header-inner.dark {
  color: #fff;
}

.header-inner.dark:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(97.47deg, #6A00A7 -0.71%, #00CDCD 100.1%);
  opacity: 0.3;
}

.header-inner .swiper {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.header-inner .container {
  z-index: 1;
  pointer-events: none;
}


.header-inner h1 {
  font-weight: 600;
  margin-bottom: 2rem;

}

.header-inner p {
  font-size: var(--text-ml);
}

.header-inner .esfera-1 {
  position: absolute;
  bottom: 10%;
  left: 0;
  z-index: 0;
  width: 180px;
}

.header-inner .esfera-2 {
  position: absolute;
  bottom: -35px;
  left: 10%;
  z-index: 10;
  width: 80px;
}

/*atomo*/

/*atomo-icons-hover*/
.atomo-icons-hover {
  opacity: 0;
  position: absolute;
  width: 25%;
}

.atomo-icons-hover:nth-child(3) {
  top: -1%;
  left: 39%;
}

.atomo-icons-hover:nth-child(4) {
  top: 30%;
  left: 77%;
}

.atomo-icons-hover:nth-child(5) {
  top: 70%;
  left: 8%;
}

.atomo-icons-hover:nth-child(6) {
  top: 79%;
  left: 38%;
}

.atomo-icons-hover:nth-child(7) {
  top: 51%;
  left: 77%;
}

.atomo-icons-hover:nth-child(8) {
  top: 51%;
  left: -1%;
}

.atomo-icons-hover:nth-child(9) {
  top: 13%;
  left: 8%;

}

.atomo-icons-hover:nth-child(10) {
  top: 15%;
  left: 68%;
}


.atomo-icons-hover:nth-child(11) {

  top: 32%;
  left: 0%;
}

.atomo-icons-hover:nth-child(12) {

  top: 70%;
  left: 68%;
}

/**/
.atomo-icons-hover:hover {
  opacity: 1;
}

/*end atomo-icons-hover*/



.flip-item {
  background-color: transparent;
  perspective: 1000px;
  position: absolute;
  perspective: 1000px;
}

.flip-item-inner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.flip-item-inner .icono svg,
.flip-item-inner .icono img {
  width: 125px;
  height: 125px;
  margin-bottom: .75rem;

  border-radius: 50%;
}

.flip-item-front,
.flip-item-back {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  gap: .5rem;
}

.flip-item-front img {
  width: 100%;
  max-width: 60px;
  max-height: 60px;

}

.flip-item-front p {
  font-size: var(--text-r);
  font-weight: 600;
  line-height: 1.2;
  color: var(--navy);
}

.flip-item-back {
  padding: 1rem;
  transform: rotateX(-180deg);
  font-weight: 500;
}

.flip-item-back .btn-hover {
  display: none;
}

.flip-item-back a:hover .btn-hover {
  display: block;
}

.flip-item-back a:hover .btn-default {
  display: none;
}

/*end atomo*/
/*Tech Express*/

.tech-express-bg-rectangulo {
  position: absolute;
  /* width: 207px; */
  height: 62%;
  width: 35%;
  top: -15%;
  right: -10%;
  mix-blend-mode: hard-light;
}


/**/

.atomo-wrapper {
  position: relative;
}

.atomo-wrapper .atomo-bg {
  width: 1000px;
}

#wrap-columna {
  width: 166px;
  height: 160px;
  margin: 20px auto;
  z-index: 50;
  position: absolute;
  top: calc(50% - 84px);
  left: calc(50% - 87px);
  transform: scale(1.1);
}

#columna {
  width: 84px;
  height: 166px;
  top: 0;
  transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
  -moz-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
  -webkit-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
  margin: auto;
  position: relative;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-animation: cubeRotation 5s infinite;
  /* Safari 4.0 - 8.0 */
  animation: cubeRotation 5s infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes cubeRotation {
  0% {
    -webkit-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
  }

  50% {
    -webkit-transform: rotateX(-22deg) rotateY(-128deg) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateX(-22deg) rotateY(-398deg) rotateZ(0deg);
  }
}

/* Standard syntax */
@keyframes cubeRotation {
  0% {
    transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
  }

  50% {
    transform: rotateX(-22deg) rotateY(-238deg) rotateZ(0deg);
  }

  100% {
    transform: rotateX(-22deg) rotateY(-398deg) rotateZ(0deg);
  }
}

#columna>div {
  position: absolute;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 84px;
  height: 166px;
  float: left;
  overflow: hidden;
  opacity: 0.85;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#columna div#side1 {
  transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(42px);
  -moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(42px);
  -webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(42px);
  background-color: var(--purple);
  height: 84px;
}

#columna #side2 {
  transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(42px);
  -moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(42px);
  -webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(42px);
  background-color: #ffaf1c;
}

#columna #side3 {
  transform: translateX(0px) translateY(0px) translateZ(42px);
  -moz-transform: translateX(0px) translateY(0px) translateZ(42px);
  -webkit-transform: translateX(0px) translateY(0px) translateZ(42px);
  background-color: #58d568;
}

#columna #side4 {
  transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(42px);
  -moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(42px);
  -webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(42px);
  background-color: #ed3030;
}

#columna #side5 {
  transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(42px);
  -moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(42px);
  -webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(42px);
  background-image: url('../images/capa-multiempresa.svg');
}

#columna div#side6 {
  transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(42px);
  -moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(42px);
  -webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(124px);
  background-color: #f2f215;
  height: 84px;
}

/**Logo ecosistemas zeus logo**/
.atomo-v2 {
  position: relative;
}

.atomo-v2 .flip-item {
  position: absolute;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.atomo-v2 .flip-item:nth-child(1) {
  top: -3%;
  left: calc(50% - 70px);
}

.atomo-v2 .flip-item:nth-child(2) {
  top: 15%;
  right: calc(22% - 70px);
}

.atomo-v2 .flip-item:nth-child(3) {
  top: 36%;
  right: calc(12% - 70px);
}

.atomo-v2 .flip-item:nth-child(4) {
  bottom: 24%;
  right: calc(10% - 70px);
}

.atomo-v2 .flip-item:nth-child(5) {
  bottom: 5%;
  right: calc(22% - 70px);
}

.atomo-v2 .flip-item:nth-child(6) {
  bottom: -5%;
  left: calc(50% - 70px);
}

.atomo-v2 .flip-item:nth-child(7) {
  bottom: 5%;
  left: calc(22% - 70px);
}

.atomo-v2 .flip-item:nth-child(8) {
  bottom: 24%;
  left: calc(10% - 70px);
}

.atomo-v2 .flip-item:nth-child(9) {
  top: 36%;
  left: calc(12% - 70px);
}

.atomo-v2 .flip-item:nth-child(10) {
  top: 15%;
  left: calc(22% - 70px);
}

.logo-zeus-atomo {
  position: absolute;
  bottom: 170px;
  left: 18px;
  width: 60px;
}

/***/

/**CILINDRO**/


.cilindro {
  height: 170px;
  width: 100px;
  perspective: 1000px;
  margin: auto;
  transform-style: preserve-3d;
}

.cilindro .box-cilindro {
  height: 100%;
  width: 100%;
  transition: 5s;
  transform-style: preserve-3d;
  animation: rotar 18s linear infinite;
  will-change: auto;
}

.cilindro .box-cilindro .lados {
  position: absolute;
  right: 40px;
  height: 180px;
  width: 26px;
}

.cilindro .box-cilindro .lados img {
  height: 100%;
  width: 100%;
}

.cilindro .tapa {
  position: absolute;
  height: 100px;
  width: 100px;
}

.cilindro .tapa img {
  height: 100%;
  width: 90%;
}

.cilindro .tapa1 {
  transform: rotateX(-90deg) translate(0px, 0px) translateZ(-3.1em);
}

.cilindro .tapa2 {
  transform: rotateX(-90deg) translate(0px, 0px) translateZ(8em);
}

.lados:nth-child(1) {
  transform: rotateY(30deg) translateZ(46px);
}

.lados:nth-child(2) {
  transform: rotateY(60deg) translateZ(46px);
}

.lados:nth-child(3) {
  transform: rotateY(90deg) translateZ(46px);
}

.lados:nth-child(4) {
  transform: rotateY(120deg) translateZ(46px);
}

.lados:nth-child(5) {
  transform: rotateY(150deg) translateZ(46px);
}

.lados:nth-child(6) {
  transform: rotateY(180deg) translateZ(46px);
}

.lados:nth-child(7) {
  transform: rotateY(210deg) translateZ(46px);
}

.lados:nth-child(8) {
  transform: rotateY(240deg) translateZ(46px);
}

.lados:nth-child(9) {
  transform: rotateY(270deg) translateZ(46px);
}

.lados:nth-child(10) {
  transform: rotateY(300deg) translateZ(46px);
}

.lados:nth-child(11) {
  transform: rotateY(330deg) translateZ(46px);
}

.lados:nth-child(12) {
  transform: rotateY(360deg) translateZ(46px);

}

@keyframes rotar {
  0% {
    transform: rotateX(-10deg) rotateY(0) rotateZ(0);
  }

  100% {
    transform: rotateZ(0) rotateX(-10deg) rotateY(360deg);
  }
}


.post-grid {
  display: block;
  height: 100%;
  background-color: #EEEDED;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
}

a.post-grid:hover {
  color: inherit;
  transform: translateY(-.25rem);
  -webkit-transform: translateY(-.25rem);
  -moz-transform: translateY(-.25rem);
  -ms-transform: translateY(-.25rem);
  -o-transform: translateY(-.25rem);
}

.post-grid .post-grid-text {
  padding: 1.5rem;
}

.post-grid img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  object-position: center;
}

.post-grid-text .fecha {
  font-size: var(--text-s);
  color: var(--purple);
  font-weight: 500;
}

.post-grid-text h3 {
  font-weight: 500;
  margin-bottom: 1rem;
  margin-top: .75rem;
  font-size: var(--text-ml);
}

.post-grid-text p.bajada {
  margin-bottom: 1.5rem;
}

.post-grid-text .leer-mas {
  display: block;
  font-weight: 600;
  padding-top: 2rem;
  color: var(--purple);
  text-transform: uppercase;
}

.share {
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media (max-width: 500px) {
  .cilindro {
    margin: auto;
    transform: scale(0.8);
  }
}

/**FIN CILINDRO**/


.experiencia {
  min-height: 740px;
}

.experiencia .img-1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  min-height: 300px;
}

.experiencia .img-1 img {
  object-fit: cover;
}

.experiencia .container .pattern-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 105px;
  height: 105px;
  z-index: 999;

}

.experiencia .img-1 .pattern-2 {
  position: absolute;
  bottom: -200px;
  right: 0;
  width: 105px;
  height: 95px;
}

.card {
  border-radius: 2rem;
  box-shadow: var(--box-shadow-1);

}

.logos-carousel {
  background: linear-gradient(97.47deg, #6a00a738 -0.71%, #00cdcd35 100.1%);
}

/* .cards {
  gap: 1rem;
  justify-content: center;
}

.card.card-verticales {
  width: calc(33% - 1rem);
  margin-bottom: 1rem;
}

.card.card-verticales li {
  color: var(--navy);
  font-weight: 400;

}

.card.card-verticales figure {
  position: relative;
  margin-bottom: 1rem;

}

.card.card-verticales figure figcaption {
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.75);
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: var(--text-m);
  color: var(--navy);
}

.card.card-verticales figure img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 1rem;
} */

#beneficios {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/bg-wave-1.svg);
  color: #fff;
  padding-top: 10rem;
  margin-bottom:-80px;
}

.page-template-page-verticales #beneficios {
  background-color: #F2F2F2;
}




#beneficios h3 {
  font-weight: 500;
  color: #fff;
  /*font-size: var(--text-xl);*/
  font-size:38.4px;
}

#beneficios p {
  font-weight: 500;
  font-size: var(--text-rm);

}

@media (max-width: 768px) {
    

#beneficios {
           width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 20px 0 !important;
        overflow: hidden !important;
        margin-top: 0px !important;
        background-size: 530% !important;
        background-image: url(https://erpcloud.zeuserp.tech/wp-content/themes/zeus-2023-vertical/images/back-mobile-2.png);
        border-top: #d7d8ec solid 36px;
    /*border-top: #d7d8ec solid 36px;*/
}


#beneficios p {
  font-weight: 500;
  font-size: var(--text-rm);
  font-size:15px;

}

.swiper.swiperIntegraciones {
    margin-bottom: 0px;
    margin-top: 26px;
}

.swiper-wrapper {
    height: 128px!important;
}

.logosintegra{
    padding-bottom: 100px;
}

.items-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 15px !important;
    width: 84% !important;
    padding: 0 !important;
}

#home-video-demo{
    display: none;
}

.zeus-experience-content{
    padding-top: 75px;
    padding-bottom: 133px;
}

}

@media (max-width: 480px) {
  .item-wrapper{
      width: 100px!important;
  }
}


#planes {
  background-color: #F7F6F6;
}

#page-planes {
  background-color: #EEEEEE;
}

.header-planes .bg-white {
  position: relative;
  padding: 5rem 5rem 3rem 2rem;
}

.plan {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 3rem 2rem 6rem 2rem;
}

.plan.express {
  background-image: url(../images/express.svg);
  color: var(--purple);
}

.plan p.nombre {
  font-size: var(--text-xl);
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 1rem;
}

.plan p {}

#page-planes .plan .dropdown {
  display: none;
}

.plan .dropdown-menu {
  font-size: var(--text-xs);
  padding: 1rem;
  border-radius: 1rem;
}

.plan .dropdown-menu li {
  margin-bottom: 1rem;
}

.plan.express .dropdown button.btn {
  width: 100%;
  margin-bottom: .5rem;
  color: var(--purple);
  box-shadow: inset 0px 0px 0px 0.1rem var(--purple);
}

.plan .dropdown button.btn {
  background: #fff;
}

.plan .acceso {
  border-bottom: solid 1px var(--navy);
  margin-bottom: .5rem;
  padding-bottom: .5rem;
}

.plan .acceso p {}

.plan .acceso p.numero {
  font-size: var(--text-ml);
  font-weight: 600;
}

.plan.advanced {
  background-image: url(../images/advanced.svg);
  color: var(--aqua);
}

.plan.premium {
  background-image: url(../images/premium.svg);
  color: var(--blue);
}

.plan.advanced .dropdown button.btn {
  width: 100%;
  margin-bottom: .5rem;
  color: var(--aqua);
  box-shadow: inset 0px 0px 0px 0.1rem var(--aqua);
}

.plan.premium .dropdown button.btn {
  width: 100%;
  margin-bottom: .5rem;
  color: var(--blue);
  box-shadow: inset 0px 0px 0px 0.1rem var(--blue);
}

.page-express h1,
.page-express h2,
.page-express h3,
.page-express h4,
.page-express h5,
.page-express h6,
.page-template-page-planexpress h1,
.page-template-page-planexpress h2,
.page-template-page-planexpress h3,
.page-template-page-planexpress h4,
.page-template-page-planexpress h5,
.page-template-page-planexpress h6 {
  color: var(--aqua);
}

.page-premium h1,
.page-premium h2,
.page-premium h3,
.page-premium h4,
.page-premium h5,
.page-premium h6,
.page-template-page-planpremium h1,
.page-template-page-planpremium h2,
.page-template-page-planpremium h3,
.page-template-page-planpremium h4,
.page-template-page-planpremium h5,
.page-template-page-planpremium h6 {
  color: var(--purple);
}

.page-advanced h1,
.page-advanced h2,
.page-advanced h3,
.page-advanced h4,
.page-advanced h5,
.page-advanced h6,
.page-template-page-planadvanced h1,
.page-template-page-planadvanced h2,
.page-template-page-planadvanced h3,
.page-template-page-planadvanced h4,
.page-template-page-planadvanced h5,
.page-template-page-planadvanced h6 {
  color: var(--blue);
}

.page-express .list-1 li:before,
.page-template-page-planexpress .list-1 li:before {
  background-image: url(../images/check-aqua.png);
}

.page-premium .list-1 li:before,
.page-template-page-planpremium .list-1 li:before {
  background-image: url(../images/check-purple.svg);
}

.page-advanced .list-1 li:before,
.page-template-page-planadvanced .list-1 li:before {
  background-image: url(../images/check-blue.png);
}

.page-express .list-2 li:before,
.page-template-page-planexpress .list-2 li:before,
.page-advanced .list-2 li:before,
.page-template-page-planadvanced .list-2 li:before,
.page-premium .list-2 li:before,
.page-template-page-planpremium .list-2 li:before {
  background-image: url(../images/cloud-tech/express-check.svg);
}

/*new cloud tech*/
.titulo-registrate-tech {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hr-cloud-tech {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: 5px;
  background: var(--gradient-1);
  margin-bottom: 4em;
  margin-top: 2rem;
}


.inputs-express input,
.inputs-express textarea {
  margin-top: 1em;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  box-shadow: 2px 4px 5px rgba(19, 25, 40, 0.1);
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  color: #6c757d!important;
}

.inputs-express select {
    margin-top: 1em;
    color: #6c757d!important;
}


.express-form-modulo {
  background-image: url(../images/cloud-tech/bg-form.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}


.tech-caracteristicas .pattern-1,
.tech-modulos .pattern-1 {
  width: 105px;
  height: 135px;
  left: 0;
  top: -2rem;
}

.tech-caracteristicas .pattern-2,
.tech-porque .pattern-1 {
  width: 125px;
  height: 135px;
  right: 0;
  bottom: -2rem;
}

.beneficios-express {
  text-align: center;
}

.beneficios-express img {
  margin: 0px auto 20px auto;

}


.beneficios-express .row div {
  min-height: 220px;
  border-radius: 5px;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.beneficios-express .div-beneficios {

  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 33px;
  padding: 1rem;


}

ul.list-2 {
  list-style: none;
  padding-left: 2rem;
  margin-bottom: 0;
}

.list-2 li {
  margin-bottom: 1rem;
  position: relative;
  font-size: var(--text-rm);
  font-weight: 500;
}

.list-2 li:last-child {
  margin-bottom: 0;
}

.list-2 li:before {
  content: "";
  position: absolute;
  left: -1.75rem;
  top: calc(6px);
  width: 18px;
  height: 18px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.list-2 li:before {
  background-image: url(../images/check.svg);
}

/**/

.page-advanced h1,
.page-advanced h2,
.page-advanced h3,
.page-advanced h4,
.page-advanced h5,
.page-advanced h6,
.page-advanced .header-inner p {
  color: var(--aqua);
}

.page-advanced .list-1 li:before {
  background-image: url(../images/check-aqua.png);
}

.page-premium h1,
.page-premium h2,
.page-premium h3,
.page-premium h4,
.page-premium h5,
.page-premium h6 {
  color: var(--blue);
}

.page-premium .list-1 li:before {
  background-image: url(../images/check-blue.png);
}

#descargas {
  background-color: #fff;
  border-bottom: solid 1px #f4f4f4;
}

/* FOOTER */

#footer-main {
  background-color: #fff;
  border-top: solid 1px #d4d4d4;
  padding-top: 3rem;
  padding-bottom: 1rem;
}

#footer-main .logo img {
  width: 250px;
}

#footer-main ul {
  list-style: none;
  padding: 0;
}

#footer-main ul li {
  padding: 0;
  font-size: var(--text-s);
}

#footer-main .hr {
  width: 100%;
  height: 5px;
  background: var(--gradient-1);
  margin-bottom: 1rem;
  margin-top: 2rem;
}


/* CONTACTO */


#contacto-cta {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 9999;
  gap: 1rem;
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}


#contacto-cta a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  
}

.soporte-contacto .item img,
#contacto-cta a img {
  width: 50px;
  z-index: 2;
}

#contacto-cta a span {
  background: var(--purple);
  color: #fff;
  text-align: left;
  z-index: 1;
  border-radius: .5rem;
  padding: .25rem 1.75rem .25rem .5rem;
  transform: translateX(20px);

  transition: all .2s ease-out;
}

#contacto-box .form-check-input {
  background: none;
  border: none;
  padding: 0;
  margin-bottom: .75rem;
}

#contacto-cta a .icon {
  position: relative;
  z-index: 2;
  transition: all .2s ease-out;
}

#contacto-cta a:hover .icon {
  transform: scale(1.1);
}

#contacto-cta a .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 1;

}

#contacto-cta a:first-child .icon:before {
  animation: pulse-green 2s infinite;
}

#contacto-cta a .icon:before {
  animation: pulse-blue 2s infinite;
  -webkit-animation: pulse-blue 2s infinite;
}

.page-template-page-verticales #contacto-cta a.contact-open span {
    opacity: 1;
}
.page-template-page-verticales #contacto-cta a span {
    opacity: 0;
}
#contacto-cta a.contact-open span {
  opacity: 0;
  pointer-events: none;
}

#contacto-box {
  position: fixed;
  opacity: 0;
  right: 0;
  transform: translateX(410px);
  pointer-events: none;
  bottom: 2rem;
  background: #fff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 1rem;
  z-index: 100;
  max-width: 100%;
  width: 400px;
  transition: all .2s ease-out;
}


#contacto-box.contact-open {
  opacity: 1;
  z-index: 999999;
  pointer-events: all;
  transform: translateX(-100px);
  -webkit-transform: translateX(-100px);
  -moz-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  -o-transform: translateX(-100px);
}

#contacto-box .header {
  background: var(--gradient-1);
  color: #fff;
  padding: .5rem 1rem;
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
}

#contacto-box .content {
  padding: 1rem;
  padding-bottom: 2rem;
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
}

#contacto-box .form-floating>label {
  line-height: 1;
  padding: .5rem 0.75rem;
}

#demotec-box {
    bottom: 2rem;
    z-index: 100;
    max-width: 100%;
    min-width: 600px;
    transition: all .2s ease-out;
}

#demotec-box .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 20px 10px;
    background: #dfd9d9;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#demotec-box.contact-open {
  opacity: 1;
  z-index: 999999;
  pointer-events: all;
}

#demotec-box .modal-header {
    background: var(--gradient-1);
    color: #fff;
    padding: 0.5rem 1rem;
    display: block;
    flex-shrink: 0;
    text-align: center;
    align-items: center;
}

#demotec-box .content {
  padding: 1rem;
  padding-bottom: 2rem;
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
}

#demotec-box .modal-header .btn-close {
    position: absolute;
    top: 15px;
    right: 20px;
}

#demotec-box{
	/*	max-width:600px; -- cambiar esto para conseguir el ancho de la forma deseada --*/
	margin:0 auto;
	width:100%;
}
#demotec-box .wpcf7-not-valid-tip {
    display: none;
}

.modal-dialog.modal-dialog-centered.demotec {
    max-width: 650px;
}

@media (max-width: 678px) {
#demotec-box {
    max-width: 100%;
    min-width: auto!important;
}
#demotec-box .modal-header .modal-title {
    font-size: 16px;
    text-align: left;
}
}

@media (max-width: 420px) {
    
#demotec-box .modal-header .modal-title {
    font-size: 15px;
    text-align: left;
    line-height: 20px;
    max-width: 250px;
}
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
 
/**---------------- Media query ----------------**/
@media only screen and (min-width: 18em) { 
	.column-half{
		width: 50%;
	}
}



.contact-close {
  display: none;
  position: absolute;
  background: none;
  border: none;
  width: 15px;
  height: 15px;
  top: 10px;
  right: 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMxLjY2NjMgMTAuNjgzM0wyOS4zMTYzIDguMzMzMjVMMTkuOTk5NyAxNy42NDk5TDEwLjY4MyA4LjMzMzI1TDguMzMzMDEgMTAuNjgzM0wxNy42NDk3IDE5Ljk5OTlMOC4zMzMwMSAyOS4zMTY2TDEwLjY4MyAzMS42NjY2TDE5Ljk5OTcgMjIuMzQ5OUwyOS4zMTYzIDMxLjY2NjZMMzEuNjY2MyAyOS4zMTY2TDIyLjM0OTcgMTkuOTk5OUwzMS42NjYzIDEwLjY4MzNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.form-contacto button.btn {
  font-size: 1rem;
  padding: .25rem 3rem;
}

.inputs-wrapper {
  transition: all .2s ease-out;

}

input {
  accent-color: var(--aqua);
}

.disabled {
  pointer-events: none;
  opacity: .25;
}


#contacto-box .form-control,
#contacto-box .form-select {
  border: none;
  margin-bottom: .5rem;
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
  transition: all .2s ease;
}

#contacto-box .form-control::placeholder {
  opacity: .5;
  color: var(--navy);
}

#contacto-box .form-control:focus,
#contacto-box .dropdown-toggle:focus {
  outline: solid 2px var(--lightblue);
}

#contacto-box .form-floating>textarea.form-control {
  height: auto;
}

#contacto-box .select-pais {
  position: relative;
}

#contacto-box .select-pais:after {
  content: "";
  position: absolute;
  top: 8px;
  height: 20px;
  width: 20px;
  right: 15px;
  background-image: url(../images/chevron-down-purple.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 10;
}

#contacto-box .input-pais {
  pointer-events: none;
  z-index: 2;
  position: relative;
  padding-left: 50px;
}

#contacto-box .dropdown {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#contacto-box .select-pais .dropdown-toggle {
  padding: 0;
  border-radius: 0;
  opacity: 0;
}

#contacto-box .select-pais .dropdown-item {
  display: flex;
  align-items: flex-start;
  align-items: center;
  gap: .5rem;
}

#contacto-box .select-pais .dropdown-item img {
  width: 25px;
}

#contacto-box .selected-flag {
  position: absolute;
  top: 6px;
  left: 11px;
  width: 30px;
  height: 20px;
  background: #f4f4f4;
  border-radius: .25rem;
  z-index: 50;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#submit-status {
  position: relative;
}
#submit-status .status.status-enviando img {
    animation-name: spin;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    width: 25px;
}
#submit-status .status {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: var(--text-m);
}


#submit-status.error .status.status-error {
  opacity: 1;
  visibility: visible;
}

#submit-status .status.status-enviando {
   background: var(--gradient-1);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;

}
.btn.descarga:hover {
    background: #6a00a7;
    color: white;
}
.btn.descarga {
    background-color: #fff;
    color: #6a00a7;
}
#submit-status.enviando,
#submit-status.enviando > * {
  pointer-events: none;
}
#submit-status.enviando  {
  pointer-events: none;
}
#submit-status.enviando .status.status-enviando {
  opacity: 1;
  visibility: visible;
}

#submit-status .status.status-exito {
    background: #6a00a7;
    line-height: 35px;
    font-size: 1rem;
    border-radius: 1rem;
}
#submit-status.exito .status.status-exito {
  display: block;
  opacity: 1;
  visibility: visible;
}
@keyframes spin {
  from {
      transform:rotate(0deg);
  }
  to {
      transform:rotate(360deg);
  }
}
.entry-content p {
  margin-bottom: 1rem;
  color: var(--navy);
}

.entry-content h4 {
  color: var(--purple);
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.post-sidebar section {
  padding-top: 0;
  padding-bottom: 1.5rem;
}
.post-sidebar h5 {
  color: var(--purple);
}

.post-sidebar .wp-block-latest-posts.alignleft {
  margin: 0;
  padding: 1rem;
  background-color: #EEEDED;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.post-sidebar .wp-block-latest-posts__post-date {
  color: var(--purple);
  font-weight: 500;
}
.post-sidebar form.searchandfilter ul {
  display: flex;
flex-direction: column;
align-content: flex-end;
gap: .5rem;
}

.post-sidebar form.searchandfilter ul  li {
  width: 100%;
  display: flex;
 justify-content: flex-end;
}
.post-sidebar .wp-block-archives-dropdown select, select.filtrar-comunicados {
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: .375rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.post-sidebar .searchandfilter input[type="text"] {
border: none;
border-radius: .5rem;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
padding: 0.375rem 0.75rem;
width: 100%;
}

.img-tech {
  position: relative;
  border-radius: .25rem;
  -webkit-border-radius: .25rem;
  -moz-border-radius: .25rem;
  -ms-border-radius: .25rem;
  -o-border-radius: .25rem;
}

.img-tech img {
  border-radius: .25rem;
  position: relative;
  z-index: 1;
}

.img-tech:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -1rem;
  left: 1rem;
  border-radius: .25rem;
  z-index: 0;
  background: linear-gradient(97.47deg, #6A00A7 -0.71%, #00CDCD 100.1%);
  mix-blend-mode: hard-light;
}

a.cta-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  text-align: left;
  font-weight: 600;
  color: var(--purple);
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
}

a.cta-icon:hover {
  color: #fff;
}

/* VERTICALES */
.card-verticales {
  aspect-ratio: 4/3;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: stretch;
  align-items: flex-end;
  overflow: hidden;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  margin-bottom: 2rem;
  box-shadow: var(--box-shadow-3);
}

.card-verticales .titulo {
  text-align: center;
  background-color: rgba(192, 192, 192, 0.85);
  padding: .5rem;
  width: 100%;
  position: relative;
  min-height: 50px;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
}

.card-verticales .titulo h3 {
  font-size: var(--text-m);
  text-transform: uppercase;
  color: var(--navy);
}


.card-verticales .descripcion {
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000097;
  color: #fff;
  font-weight: 500;
  font-size: var(--text-m);
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
}

.card-verticales:hover .descripcion {
  opacity: 1;
  visibility: visible;
}

.header-verticales:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  background: linear-gradient(97.47deg, #6A00A7 -0.71%, #00CDCD 100.1%);
  opacity: 0.7;

}

.header-verticales .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-inner.header-verticales p {
  color: #fff;
}

.header-verticales .titulo,
.header-verticaleshome .titulo {
  max-width: 580px;
  color: #fff;
}

.header-verticaleshome {

  background: linear-gradient(97.47deg, #6a00a714 -0.71%, #00cdcd23 100.1%);


}

.header-verticaleshome h1,
.header-inner.header-verticaleshome p {
  color: var(--purple);
}



.header-verticaleshome .img-cover {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.header-verticales .lista {
  max-width: 500px;
}

@media (max-width: 768px) {
    .header-verticales .lista {
  max-width: 500px;
  text-align:left;
}
    
}

.header-verticales .lista .list-1 {
  max-width: 500px;

}

.header-verticales .lista .list-1 li p {
  color: #fff;
  font-size: var(--text-m);
}

.cta-verticales {
  display: none;
}

.page-template-page-verticales section#home-circuitoserp {
  background-color: #fff;
}

section#home-circuitoserp .pattern {
    display: none!important;
}

.page-template-page-verticales section#home-circuitoserp .pattern {
  display: block;
  position: absolute;
}

.page-template-page-verticales section#home-circuitoserp .pattern-1 {
  top: 0;
  right: 0;
  width: 155px;
  height: 155px;
}

.page-template-page-verticales section#home-circuitoserp .pattern-2 {
  bottom: 0;
  left: 0;
  width: 95px;
  height: 155px;
}

.page-template-page-verticales .cta-verticales {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  color: var(--purple);
  font-weight: 400;
}

.page-template-page-verticales .cta-verticales p {
  z-index: 1;
  background-color: #fff;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
  
 
}

@media (max-width: 768px){
    
    .page-template-page-verticales .cta-verticales p {
  z-index: 1;
  background-color: #fff;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
  color: #002955;
  text-align: center;
  font-family: Ubuntu;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
  text-decoration-line: underline;
 margin-top:30px;
}
    
}
@media (max-width: 768px) {
    .page-template-page-verticales .cta-verticales p {
        z-index: 1;
        background-color: #fff;
        position: relative;
        padding-left: 1rem;
        padding-right: 1rem;
        color: #002955;
        text-align: center;
        font-family: Ubuntu;
        font-size: 22px;
        font-style: italic;
        font-weight: 400;
        line-height: 22px; /* 137.5% */
        text-decoration-line: underline;
    }

    .page-template-page-verticales .cta-verticales p:hover {
        color: #6A00A7;
    }
}

.page-template-page-verticales .cta-verticales:before {
  content: "";
  z-index: 0;
  background-image: url(../images/arrow-long.svg);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#servicio-cliente .box {
  border-radius: 0.75rem;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 2rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#servicio-cliente .box p {
  font-size: var(--text-m);
  font-weight: 600;
  line-height: 1.2;
  margin-top: 1rem;
  color: #6A00A7;
}

#servicio-cliente .pattern-1 {
  bottom: 0;
  left: 0;
  width: 155px;
  height: 95px;
  z-index: -1;
}

@media (max-width: 1441px) {
  #header-main {

    padding-top: calc(20px + 1rem);
    padding-bottom: 1rem; 
  }
  #header-main .container,
  #header-main .container-fluid {
    width: 100%;
    justify-content: space-between;
  }

  #header-main .menu>ul>li>a {
    font-size: var(--text-r);
  }
}

@media (min-width: 1366px) {
  #main-menu .dropdown:hover .dropdown-menu-wrapper {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
  }
}

@media (max-width: 1366px) {
 
 .two-column-layout{
     padding-top: 150px;
 }
  #menu-toggler {
    display: inline-block;
  }


  #main-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 500px;
    transform: translateX(100%);
    max-width: 100%;
    background-color: #fff;
    height: 100%;
    transition: all .2s ease;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
  }

  .nav-open #main-menu {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }


  #main-menu .dropdown:active .dropdown-menu-wrapper {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
  }

  #header-main nav#main-menu>ul {
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 2rem 4rem;
  }
}

@media (min-width: 1031px) {
  #header-main .menu>ul>li {

    position: relative;
  }

  #header-main ul.menu-section {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }

  #header-main .menu>ul>li .sub-menu.menu-mega {
    left: 0;
    width: auto;
    min-width: 230px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem;
  }

  #header-main .menu>ul>li.menu-item-has-children:hover .sub-menu {
    margin-top: 0;
    opacity: 1;
    visibility: visible
  }
}

@media (max-width: 1030px) {

  :root {
    --text-rm: 1rem;
    --text-m: 1.1rem;
    --text-ml: 1.2rem;
    --text-l: 1.4rem;
    --text-xl: 1.8rem;
    --text-xxl: 2rem;
    --text-xxxl: 2.25rem;
    --text-xxxxl: 3rem;

  }

  .hito {
    width: 20px;
    height: 20px;
  }

  .hito:nth-child(4),
  .hito:nth-child(6),
  .proceso-capacitacion .hito:nth-child(4),
  .proceso-capacitacion .hito:nth-child(6),
  .proceso-capacitacion .hito:nth-child(9) {
    width: 40px;
    height: 40px;
  }


  .header-item-center {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    position: absolute;
  }

  .header-item-left,
  .header-item-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  #header-main .menu .menu-mobile-header.active .menu-mobile-arrow {
    display: flex;
    opacity: 1;
    pointer-events: all;
  }

  #header-main .menu-mobile-toggle {
    position: relative;
    right: 4rem;
    display: block;
    cursor: pointer;
    border: none;
    outline: none;
    background: none;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out;
  }

  #header-main .menu-mobile-toggle span {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    border: none;
    outline: none;
    opacity: 1;
    border-radius: 0.25rem;
    background: var(--color-black);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }

  #header-main li.menu-item-has-children svg {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    width: 15px;
  }

  #header-main .menu-mobile-toggle span:nth-child(1) {
    top: 0;
  }

  #header-main .menu-mobile-toggle span:nth-child(2),
  #header-main .menu-mobile-toggle span:nth-child(3) {
    top: 0.5rem;
  }

  #header-main .menu-mobile-toggle span:nth-child(4) {
    top: 1rem;
  }

  .header-item-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  #header-main .menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 75%;
    height: 100%;
    z-index: 111;
    overflow: hidden;
    background: #fff;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }

  #header-main .menu.active {
    -webkit-transform: translate(0%);
    transform: translate(0%);
  }

  #header-main .menu>ul>li {
    display: flex;
    line-height: 1;
    width: 100%;
    margin: 0;
  }

  #header-main .menu>ul>li.menu-item-has-children>a,
  #header-main .menu>ul>li.menu-item>a,
  #header-main .menu>ul>li.lang-selector>a {
    display: block;
    line-height: 3.125rem;
    height: 3.125rem;
    width: 100%;
    padding: 0 3.125rem 0 1rem;
  }

  #header-main .menu>ul>li.menu-item-has-children>a {
    pointer-events: none;
  }


  #header-main .menu>ul>li.menu-item-has-children:last-child>a,
  #header-main .menu>ul>li.lang-selector:last-child>a {
    border-bottom: none;
  }

  #header-main .menu>ul>li>a i.ion {
    position: absolute;
    font-size: 1.25rem;
    line-height: 3.125rem;
    top: 0;
    right: 0;
    width: 3.125rem;
    height: 3.125rem;
    text-align: center;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  .lang-dropdown {
    top: 3rem;
  }

  #header-main .menu .menu-mobile-header {
    position: relative;
    position: sticky;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 0;
    height: 3.125rem;
    z-index: 110;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
  }

  #header-main .menu .menu-mobile-header .menu-mobile-arrow {
    display: flex;
    opacity: 0;
    pointer-events: none;
    font-size: 1.25rem;
    line-height: 3.125rem;
    width: 3.125rem;
    height: 3.125rem;
    background: none;
    border: none;
    cursor: pointer;
    text-align: center;
    color: var(--black);
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }

  #header-main .menu .menu-mobile-header.active .menu-mobile-arrow {
    display: flex;
    opacity: 1;
    pointer-events: all;
  }

  #header-main .menu .menu-mobile-header .menu-mobile-arrow svg {
    max-width: 80%;
    max-height: 80%;
  }

  #header-main .menu .menu-mobile-header .menu-mobile-title {

    font-size: var(--text-m);
    font-weight: 500;
    line-height: inherit;
    color: var(--black);
  }

  #header-main .menu .menu-mobile-header .menu-mobile-close {
    font-size: 2.25rem;
    line-height: 3.125rem;
    cursor: pointer;
    background: none;
    border: none;
    width: 3.125rem;
    height: 3.125rem;
    text-align: center;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    color: var(--black);
  }

  #header-main .menu .menu-section {
    height: 100%;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 40px;
  }
  
 

  #header-main .menu>ul>li .sub-menu {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    max-width: none;
    min-width: auto;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 1rem;
    padding-top: 4rem;
    opacity: 1;
    overflow-y: auto;
    visibility: visible;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  #header-main .menu>ul>li .sub-menu.menu-mega {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    max-width: none;
    min-width: auto;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 1rem;
    opacity: 1;
    overflow-y: auto;
    visibility: visible;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  #header-main .menu>ul>li .sub-menu.active {
    display: block;
  }

  #header-main .menu>ul>li .sub-menu.menu-column-4>.list-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0rem;
  }

  #header-main .menu>ul>li .sub-menu.menu-column-4>.list-item img {
    margin-top: 0;
  }

  #header-main .menu>ul>li .sub-menu.menu-column-4>.list-item.text-center .title {
    margin-bottom: 1.25rem;
  }

  #header-main .menu>ul>li .sub-menu.menu-column-4>.list-item.text-center:last-child .title {
    margin-bottom: 0rem;
  }

  #header-main .menu>ul>li .sub-menu>ul>li>a {
    display: block;
  }

  .sub-menu-nav ul {
    gap: 1rem;
  }

  #header-main .menu>ul>li .sub-menu.menu-mega>.list-item>ul {
    margin-bottom: 1rem;
  }

  #header-main .menu>ul>li .sub-menu.menu-mega>.list-item>ul>li>a {
    display: block;
  }

  .sub-menu p.title,
  .sub-menu .container .content .misc {
    margin-bottom: 1rem;
  }

  .sub-menu-nav ul {
    flex-direction: column;
    align-items: flex-start;
  }

  .sub-menu-nav.sub-menu-software ul {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
  }

  .sub-menu-nav.sub-menu-software ul li {
    max-width: calc(50% - .5rem);
  }

  .sub-menu-nav.sub-menu-software li a img {
    max-width: 90px;
  }

  .sub-menu .container .content {
    padding-top: 1rem;
  }

  #header-main .menu>ul>li.menu-item-has-children>.cta.cta-1 {
    display: inline-block;
    width: auto;
  }

  .header-verticales .container {
    flex-direction: column;
    gap: 1.5rem;
  }

  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.65);
    -webkit-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
  }

  .overlay.active {
    opacity: 1;
    visibility: visible;
  }
}


@media (min-width: 768px) {

  .mobile {
    display: none;
  }

  .flip-card:hover .flip-card-inner,
  .flip-item:hover .flip-item-inner {
    transform: rotateX(-180deg);
  }

}

@media (max-width: 768px) {

  #home-banner {
    max-width: 100%;
    aspect-ratio: auto;
  }

  #home-banner p.titulo {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: var(--text-xl);
  }

  section#home-circuitoserp .items {
    overflow: hidden;
  }

  .flip-card:active .flip-card-inner,
  .flip-card.active .flip-card-inner {
    transform: rotateX(-180deg);
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
  }
  .flip-card .flip-card-back {
    padding: .5rem;
  }
  .flip-card .flip-card-back p{
   font-size: var(--text-s);
  }
  .atomo-v2 .flip-item {
    transform: scale(.35);
    -webkit-transform: scale(.35);
    -moz-transform: scale(.35);
    -ms-transform: scale(.35);
    -o-transform: scale(.35);
}

  .atomo-v2 .flip-item:nth-child(1) {
    top: -15%;
  }

  .atomo-v2 .flip-item:nth-child(2),
  .atomo-v2 .flip-item:nth-child(10) {
    top: 0%;
  }

  .atomo-v2 .flip-item:nth-child(4),
  .atomo-v2 .flip-item:nth-child(8) {
    bottom: 15%;
  }

  .atomo-v2 .flip-item:nth-child(3),
  .atomo-v2 .flip-item:nth-child(9) {
    top: 20%;
  }

  .atomo-v2 .flip-item:nth-child(5),
  .atomo-v2 .flip-item:nth-child(7) {
    bottom: -5%;
  }

  .atomo-v2 .flip-item:nth-child(6) {
    bottom: -18%;
  }

  #wrap-columna {
    top: calc(50% - 91px);
    left: calc(50% - 85px);
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
}
  .hito {
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
}
  .hito:nth-child(1) {
    left: 1.25%;
  }
  
  .hito:nth-child(2) {
    left: 10.5%;
  }
  
  .hito:nth-child(3) {
    left: 17.5%;
    width: 40px;
    height: 40px;
  }
  
  .hito:nth-child(4) {
    left: 27%;
  }
  
  .hito:nth-child(5) {
    left: 36%;
    width: 50px;
    height: 50px;
  }
  
  .hito:nth-child(6) {
    right: 41.5%;
  }
  
  .hito:nth-child(7) {
    right: 29.75%;
    width: 50px;
    height: 50px;
  }
  
  .hito:nth-child(8) {
    right: 23.5%;
  
  }
  
  .hito:nth-child(9) {
    right: 11%;
    width: 40px;
    height: 40px;
  }
  
  .hito:nth-child(10) {
    right: 1%;
  }
  
  .proceso-capacitacion .hito {
    transform: translate(-4px) scale(0.6);
    -webkit-transform: translate(-4px) scale(0.6);
    -moz-transform: translate(-4px) scale(0.6);
    -ms-transform: translate(-4px) scale(0.6);
    -o-transform: translate(-4px) scale(0.6);
}
  
  .proceso-capacitacion .hito:nth-child(1) {
    left: 3.5%;
  }
  
  .proceso-capacitacion .hito:nth-child(2) {
    left: 13.25%;
  }
  
  .proceso-capacitacion .hito:nth-child(3) {
    left: 20.25%;
  }
  
  .proceso-capacitacion .hito:nth-child(4) {
    left: 28.5%;
    width: 50px;
    height: 50px;
  }
  
  .proceso-capacitacion .hito:nth-child(5) {
    left: 39%;
  }
  
  .proceso-capacitacion .hito:nth-child(6) {
    right: 36.5%;
    width: 50px;
    height: 50px;
  }
  
  .proceso-capacitacion .hito:nth-child(7) {
    right: 26.5%;
  }
  
  .proceso-capacitacion .hito:nth-child(8) {
    right: 20.25%;
  }
  
  .proceso-capacitacion .hito:nth-child(9) {
    right: 5%;
    width: 50px;
    height: 50px;
  }
  
  .proceso-capacitacion .hito:nth-child(10) {
    right: 0;
  }

  .header-verticaleshome h1,
  .header-inner.header-verticaleshome p {
    color: #fff;
  }

  #contacto-cta {
    bottom: 1rem;
    right: 1rem;
  }

  #contacto-box.contact-open {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }

  #contacto-box .content {
    padding: .5rem;
  }

  .header-verticaleshome .img-cover {
    width: 100%;
    inset: 0;

  }


}

@media (max-width: 767px) {
  .desktop {
    display: none;
  }
.page-template-page-verticales section#home-circuitoserp .pattern-1 {
    width: 55px;
    height: 55px;
}
  .mobile {
    display: inline-block;
  }

  #header-main:before {
    height: 10px;
  }

  #main-menu {
    width: 100%;
  }

  section#home-circuitoserp .items .item {
    width: calc(50% - 1rem);
  }

  #home-video p {
    margin-bottom: 2rem;
  }

  #home-demo .bottom .person {
    position: relative;
    top: auto;
    width: 250px;
    margin: -8rem auto 2rem auto;

  }

  #home-demo p {
    text-align: center !important;
  }
  #home-demo a {
  margin-left: inherit;
  margin: auto;
  }

  ul.list-1 {
    padding-left: 2rem;
  }
  .experiencia .img-1 {
    position: relative;
    width: 100%;
  }
  .img-tech {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  a.cta-icon {
    margin-bottom: 1.5rem;
  }
}


@media (min-width: 501px) {
  .oculto-en-mobile {
    display: block;
  }

  .oculto-en-desktop {
    display: none;
  }
}

@media (max-width: 500px) {
  .oculto-en-mobile {
    display: none;
  }

  .oculto-en-desktop {
    display: block;
  }

  .paises-footer img {
    margin-left: auto;
    margin-right: auto;

  }

  #footer-main {
    padding-bottom: 4rem;
  }

  #footer-main .logo img {
    margin-left: -5px;
    margin-right: auto;
    
  }

  #footer-main p,
  #footer-main li {
    text-align: center;
  }

  .seguinos-en {
    margin-top: 1em;
  }

  #footer-main input {
    margin-left: auto;
    margin-right: auto;
  }

  #footer-main button {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .rrss-footer {
    justify-content: center;
    margin-bottom: 1.5rem;
  }

  .rrss-footer img {
    margin: 0.5em 5px 10px 5px;
  }

  .paises-footer {
    width: 100%;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .btn-blog-zeus {

    display: block;
    text-align: center;
    margin-top: 1em;
    margin: auto;
    width: 132px;
  }

  #beneficios {
    background-size: 340% 100%;
  }

  /*form mobile*/
  #contacto-box.contact-open {
    right: 0px;

    bottom: 100px;
  }


}

/*FLUJOGRAMAS*/
  .hito {
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
}
  .hito:nth-child(1) {
  
    left: -7.8%;
    width: 60px;
    height: 60px;
    background: #6A00A7;
  }
  
  @media (max-width: 768px) {
    .hito:nth-child(1) {
    left: 7.25%;
    width: 50px;
    height: 50px;
    background: #6A00A7;
    }

}
  
  
 .hito:nth-child(2) {
   left: 2.3%;
    width: 60px;
    height: 60px;
        background: #6A00A7;
  }
  
  @media (max-width: 768px) {
    .hito:nth-child(2) {
     left: 24.2%;
    width: 50px;
    height: 50px;
    background: #6A00A7;
    }
    
   
}
  

  .hito:nth-child(3) {
       left: 11.7%;
    height: 70px;
    width: 70px;
    background: #6A00A7;
  }
  
  
   @media (max-width: 768px) { 
    .hito:nth-child(3) {
       left: 39%;
     width: 60px;
    height: 60px;
        background: #6A00A7;
    }
    
   
}
  
    .hito:nth-child(4) {
        left:23.2%;
    width: 60px;
    height: 60px;
        background: #6A00A7;
  }
  
   @media (max-width: 768px) {
    .hito:nth-child(4) {
        left: 59.2%;
    width: 50px;
    height: 50px;
        background: #6A00A7;
    }
    
   
}
 
  .hito:nth-child(5) {
    left: 34.2%;
     width: 60px;
    height: 60px;
        background: #6A00A7;
  }
  
  
   @media (max-width: 768px) { 
    .hito:nth-child(5) {
     left: 77.3%;
   width: 50px;
    height: 50px;
        background: #6A00A7;
    }
    
   
}
  
  
  .hito:nth-child(6) {
    right: 44.9%;
     width: 80px;
    height: 80px;
        background: #6A00A7;
  }
  
  
   @media (max-width: 768px) { 
    .hito:nth-child(6) {
   right: -13.5%;
  width: 70px;
    height: 70px;
        background: #6A00A7;
    }
    
   
}
  
  .hito:nth-child(7) {
    right: 34.8%;
    width: 60px;
    height: 60px;
        background: #6A00A7;
  }
  
  
    @media (max-width: 768px) { 
    .hito:nth-child(7) {
    right: -29.3%;
    width: 50px;
    height: 50px;
        background: #6A00A7;
    }
    
   
}
  
  
  .hito:nth-child(8) {
    right: 22.9%;
     width: 70px;
    height:70px;
        background: #6A00A7;
  
  }
  
  
  
      @media (max-width: 768px) { 
    .hito:nth-child(8) {
     right: -50%;
     width: 60px;
    height: 60px;
        background: #6A00A7;
  
  }
    
   
}
  
  
  .hito:nth-child(9) {
    right:12.5%;
    width: 60px;
    height: 60px;
        background: #6A00A7;
  }
  
   @media (max-width: 768px) {
    .hito:nth-child(9) {
    right: -67%;
    width: 50px;
    height: 50px;
        background: #6A00A7;
  
  }
    
   
} 
  
  
  
  .hito:nth-child(10) {
    right: 0.5%;
    width: 70px;
    height: 70px;
        background: #6A00A7;
  }
  
   @media (max-width: 768px) { 
    .hito:nth-child(10) {
     right: -87%;
    width: 60px;
    height: 60px;
        background: #6A00A7;
  
  }
    
   
} 
  
  
  
  .hito:nth-child(11) {
    right: -9.2%;
    width: 60px;
    height: 60px;
        background: #6A00A7;
  }
  
    @media (max-width: 768px) { 
    .hito:nth-child(11) {
 right: -103.5%;
    width: 50px;
    height: 50px;
        background: #6A00A7;
  
  }
    
   
} 
  
  /*
   .hito:nth-child(10) {
    right: 1%;
  }*/
  .proceso-capacitacion .hito {
    transform: translate(-4px) scale(0.6);
    -webkit-transform: translate(-4px) scale(0.6);
    -moz-transform: translate(-4px) scale(0.6);
    -ms-transform: translate(-4px) scale(0.6);
    -o-transform: translate(-4px) scale(0.6);
}
  
  .proceso-capacitacion .hito:nth-child(1) {
  

    background: #00CDCD;
    left: -1.2%;
      
  }
  
  
    @media (max-width: 768px) { 
   .proceso-capacitacion .hito:nth-child(1) {
  
        left: 11%;
        height: 50px;
        background: #00CDCD;
        width: 50px;
        top:34%;
  }
  
    } 
  
 
 .proceso-capacitacion .hito:nth-child(2) {
    left:8%;
   
    width: 70px;
    height: 70px;
    background: #00CDCD;

  }
  
     @media (max-width: 768px) { 
   .proceso-capacitacion .hito:nth-child(2) {
  
            left: 27.9%;
        top: 30%;
        height: 60px;
        background: #00CDCD;
        width:60px;
    }
}
   
  
  .proceso-capacitacion .hito:nth-child(3) {
    left: 19.8%;
    background: #00CDCD;
    width: 60px;
    height: 60px;
   
     
  }
  
  
     @media (max-width: 768px) { 
   .proceso-capacitacion .hito:nth-child(3) {
 
   left: 49.25%;
     top: 34%;
        background: #00CDCD;
        width: 50px;
        height: 50px;
    }
}
   
  
  
  .proceso-capacitacion .hito:nth-child(4) {
       left: 30.5%;
  
    background: #00CDCD;
    width: 60px;
    height: 60px;
}

  
  
     @media (max-width: 768px) {
   .proceso-capacitacion .hito:nth-child(4) {
  
       left: 69.2%;
    top: 34%;
        background: #00CDCD;
        height: 50px;
        width: 50px;
  }
  
    } 
  
    .proceso-capacitacion .hito:nth-child(5) {
    left: 41%;
    width: 80px;
    background: #00CDCD;
    height: 80px;
    top: 89px;
}
  
  
     @media (max-width: 768px) { 
   .proceso-capacitacion .hito:nth-child(5) {
  
        left: 89%;
        background: #00CDCD;
        top: 29%;
        width: 65px;
        height: 65px;
  }
  
    } 
  
  
  
  
  .proceso-capacitacion .hito:nth-child(6) {
    right: 39.4%;
  
    width: 50px;
    background: #00CDCD;
    height: 50px;

  }
  
   @media (max-width: 768px) {
   .proceso-capacitacion .hito:nth-child(6) {
         right: -24.8%;
        top: 34%;
        background: #00CDCD;
        height: 50px;
        width: 50px;
   
  }
  
    } 
  
  .proceso-capacitacion .hito:nth-child(7) {
       right: 27.3%;
    width: 60px;
    background: #00CDCD;
    height: 60px;
}
  
  
  @media (max-width: 768px) { 
   .proceso-capacitacion .hito:nth-child(7) {
  
       right: -47%;
     top: 31%;
           background:#00CDCD;
  }
  
    } 
  
  
  .proceso-capacitacion .hito:nth-child(8) {
    right: 17.1%;
    width: 50px;
    background: #00CDCD;
    height: 50px;



  }
  
  
  @media (max-width: 768px) { 
   .proceso-capacitacion .hito:nth-child(8) {
          right: -65.3%;
 
        background: #00CDCD;
        height: 50px;
        width: 50px;
        top: 34%;
  
    } 
  }
  
  .proceso-capacitacion .hito:nth-child(9) {
right: 5%;
    width: 60px;
    /* top: 31%; */
    background: #00CDCD;
    height: 60px;
}

  
  
  
  
  
   @media (max-width: 768px) { 
   .proceso-capacitacion .hito:nth-child(9) {
  
    right: -87%;
        top:30%;
           background:#00CDCD;
   
  
    } 
   }
  
  .proceso-capacitacion .hito:nth-child(10) {
    right: -4.5%;
    background: #00CDCD;
    width: 50px;
    height: 50px;

}

   @media (max-width: 768px) { 
   .proceso-capacitacion .hito:nth-child(10) {
  
    right:-105%;
    width: 50px;
    background: #00CDCD;
    height: 50px;
    top:34%;
    } 
}