@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

:root {
    --blanco: #fff;
    --blancorgb: 255,255,255;
    --negro: #000;
    --negrorgb: 0,0,0;
    --gris: #F2F2F2;
    --gris1: #A7A7A7;
    --gris2: #CCCCCC;
    --griso: #3C3D3D;
    --azul1: #092E40;
    --azul2: #117AA7;
    --azul3: #E4ECF7;
    --azul4: #d3e0f3;
    --azul5: #2F6C9D;
    --amarillo: #F9D200;
    --rojo: #E62E15;
    --font: "Poppins", sans-serif;
}

.blanco {
    color: var(--blanco);
}

.negro {
    color: var(--negro);
}

.gris {
    color: var(--gris);
}

.griso {
    color: var(--griso);
}

.gris1 {
    color: var(--gris1);
}

.gris2 {
    color: var(--gris2);
}

.azul1 {
    color: var(--azul1);
}

.azul2 {
    color: var(--azul2);
}

.azul3 {
    color: var(--azul3);
}

.azul4 {
    color: var(--azul4);
}

.azul5 {
    color: var(--azul5);
}

.amarillo {
    color: var(--amarillo);
}

.rojo {
    color: var(--rojo);
}

.bgblanco {
    background: var(--blanco);
}

.bgnegro {
    background: var(--negro);
}

.bggris {
    background: var(--gris);
}

.bggris1 {
    background: var(--gris1);
}

.bggris2 {
    background: var(--gris2);
}

.bggriso {
    background: var(--griso);
}

.bgazul1 {
    background: var(--azul1);
}

.bgazul2 {
    background: var(--azul2);
}

.bgazul3 {
    background: var(--azul3);
}

.bgazul4 {
    background: var(--azul4);
}

.bgazul5 {
    background: var(--azul5);
}

.bgopaciti {
    background: #ffffff7d;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

.flex-margin .col-1{-ms-flex:0 0 6.3333333333333%;flex:0 0 6.3333333333333%;max-width:6.3333333333333%}
.flex-margin .col-2{-ms-flex:0 0 14.666666666667%;flex:0 0 14.666666666667%;max-width:14.666666666667%}
.flex-margin .col-3{-ms-flex:0 0 23%;flex:0 0 23%;max-width:23%}
.flex-margin .col-4{-ms-flex:0 0 31.333333333333%;flex:0 0 31.333333333333%;max-width:31.333333333333%}
.flex-margin .col-5{-ms-flex:0 0 39.666666666667%;flex:0 0 39.666666666667%;max-width:39.666666666667%}
.flex-margin .col-6{-ms-flex:0 0 48%;flex:0 0 48%;max-width:48%}
.flex-margin .col-7{-ms-flex:0 0 56.333333333333%;flex:0 0 56.333333333333%;max-width:56.333333333333%}
.flex-margin .col-8{-ms-flex:0 0 64.666666666667%;flex:0 0 64.666666666667%;max-width:64.666666666667%}
.flex-margin .col-9{-ms-flex:0 0 73%;flex:0 0 73%;max-width:73%}
.flex-margin .col-10{-ms-flex:0 0 81.333333333333%;flex:0 0 81.333333333333%;max-width:81.333333333333%}
.flex-margin .col-11{-ms-flex:0 0 89.666666666667%;flex:0 0 89.666666666667%;max-width:89.666666666667%}
.flex-margin .col-12{-ms-flex:0 0 98%;flex:0 0 98%;max-width:98%}


.container-wrapper.hoja-1400 {
    max-width: 1400px;
}


.line-normal { line-height:normal; }
.line-150 { line-height: 150%; }
.line-130 { line-height: 130%; }
.line-120 { line-height: 120%; }
.line-100 { line-height: 100%; }


.fw300 { font-weight: 300;}
.fw400 { font-weight: 400;}
.fw500 { font-weight: 500;}
.fw600 { font-weight: 600;}
.fw700 { font-weight: 700;}
.fw800 { font-weight: 800;}
.fw900 { font-weight: 900;}


.radio10 {
  border-radius: 10px;
}

.btn-amarillo, .btn-amarillo:hover,  .btn-amarillo:active,  .btn-amarillo:focus {
  display: inline-block;
  padding: 10px 15px;
  background-color: var(--amarillo);
  border: 1px solid var(--amarillo);
  color: var(--azul1);
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  text-align: center;
}

.bullet-check-azul-s {
  padding-left: 15px;
  position: relative;
}

.bullet-check-azul-s li {
  list-style: none;
  margin: 0 0 12px;
  padding-left: 25px;
  position: relative;
  font-size: 18px;
  line-height: 130%;
}

.bullet-check-azul-s li:before {
  background-image: url("https://www.avantis.mx/images/general/sap-business-one-check-bullet.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 16px;
  left: 0;
  position: absolute;
  top: 15%;
  width: 16px;
}

.bullet-check li:before {
    content: url(https://549730.fs1.hubspotusercontent-na1.net/hubfs/549730/LP/migracion/migracion-contrato-sap-bullet.png);
    position: absolute;
    left: 0;
    top: 3px;
}
.bullet-check li {
    position: relative;@
    padding-left: 35px;
}



#bg-degradado,
#bg-speaker {
  position: relative;
  max-width: 100%;
}

#bg-degradado:before {
  background: #e0efff;
  background: transparent linear-gradient(179deg, #FFFFFF 0%, #E4ECF7 77%, #E4ECF7 100%) 0% 0% no-repeat padding-box;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: -160%;
  z-index: -1;
}

#bg-degradado2{
  position: relative;
}
#bg-degradado2:before {
  background: #e0efff;
  background: transparent linear-gradient(179deg, #FFFFFF 0%, #E4ECF7 77%, #E4ECF7 100%) 0% 0% no-repeat padding-box;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: -100%;
  z-index: -1;
}
#bg-degradado-azul{
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #E4ECF7 77%, #E4ECF7 100%) 0% 0% no-repeat padding-box;
}
#bg-degradado-verde{
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #EDF7E4 58%, #EDF7E4 100%) 0% 0% no-repeat padding-box;
}
#bg-degradado-amarillo{
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFF4C6 58%, #FFF4C6 100%) 0% 0% no-repeat padding-box;
}
#bg-degradado-rojo{
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFD5C6 56%, #FFD5C6 100%) 0% 0% no-repeat padding-box;
}

.radio6 {
  border-radius: 6px;
  overflow: overlay;
}

/* Header */

.menu li a, .menu li span {
  color: var(--azul1);
  font-weight: 600;
  text-decoration: none;
}

.menu li:last-child a {
  background: var(--amarillo);
  border-radius: 10px;
  color: var(--azul1);
  padding: 10px 25px;
  display: inline-block;
}


/* Menú móvil */

.header-movil a {
  font-size: 16px;
}

.btn-hamb{
  display: block;
  width: 50px;
  height: 40px;
  padding: 10px;
  /*margin: 10px 10px 0 0;*/
  position: absolute;
  top: 30px;
  right: 10px;
  z-index: 1;
}

.btn-hamb:before, 
.btn-hamb:after {
  content: '';
  display: block;
  background: var(--azul1);
  height: 3px;
}

.btn-hamb span {
  background: var(--azul1);
  display: block;
  height: 3px;
  margin: 5px 0;
}

nav .nav-link {
  color: #000;
  padding: 10px var(--bs-nav-link-padding-x);
}

nav .nav-item {
  border-bottom: #ccc 1px solid;
}

nav ul li:last-child a{
  color: var(--primario) !important;
  padding: 15px 0;
}

nav .dropdown-menu {
  background: #f2f2f2;
  border-radius: 0;
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
}

nav .dropdown-menu li {
  border-bottom: #ccc 1px solid;
}

nav .dropdown-menu li:last-child{
  border-bottom: 0;
}

nav .dropdown-menu .dropdown-item{
  padding: 10px var(--bs-dropdown-item-padding-x);
  font-weight: normal;
}

nav .parent{
  position: relative;
  padding-right: 15px;
  cursor: pointer;
}
nav .parent::after{
  content: url(https://www.avantis.mx/images/general/dropdown-menu.png);
  position: absolute;
  bottom: 2px;
  right: -5px;
}
nav .mod-menu__sub{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  /*width: 300px;*/
  width: max-content;
  /*padding-top: 15px;*/
  padding: 10px 12px;
  position: absolute;
  transition: all ease-in-out .3s;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 6px;
  overflow: hidden;
  background: var(--blanco);
  z-index: 2;
}
nav .mod-menu__sub li {
  background: var(--blanco);
  max-width: 100% !important;
  text-align: left;
  width: 100%;
}
nav .mod-menu__sub li:hover,
nav .mod-menu__sub li.current,
nav .mod-menu__sub li:last-child:hover {
  background: #E4ECF7;
  border-radius: 6px;
}
nav .mod-menu__sub a, nav .mod-menu__sub span{
  background: none !important;
  color: var(--negro);
  display: block;
  padding: 5px 8px !important;
  position: relative;
  font-size: 14px;
}
nav .mod-menu__sub .active a {
  color: var(--rojo);
}
nav .parent:hover .mod-menu__sub{
  display: block;
}

.top-header{
  background: var(--gris)
}

.top-header a{
  color: var(--blanco);
  font-size: 16px;
}

.top-header a:last-child{
  margin-right: 0;
}


/* Form */

.form-sesion {
  max-width: 288px;
  width: 100%;
  margin: auto;
}

.form-sesion.form-comments {
  max-width: 362px;
}

.form-sesion .hs-form-field {
  margin-bottom: 15px;
}

.form-sesion .hs-form-field label {
  display: block;
  margin: 0 0 5px;
  font-size: 16px;
  text-align: left;
}

.form-sesion .hs-form-field input,
.form-sesion .hs-form-field select {
  border: 1px solid #707070;
  border-radius: 8px;
  height: 40px;
  padding: 5px 10px;
  width: 100%;
  background: var(--blanco);
}

.form-sesion .hs-form-field textarea {
  width: 100%;
  height: 176px;
  border: 1px solid #707070;
  border-radius: 6px;
  resize: none;
}

.form-sesion .hs-submit .actions {
  text-align: center;
}
  
.form-sesion .hs-submit .actions input {
  display: inline-block;
  max-width: max-content;
  padding: 10px 25px;
  background-color: var(--amarillo);
  border: 1px solid var(--amarillo);
  color: var(--azul1);
  font-size: 18px;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  text-align: center;
}

.form-sesion .hs-error-msgs {
  padding: 0;
  list-style: none;
}
  
.form-sesion .hs-error-msgs .hs-error-msg, 
.form-sesion .hs_error_rollup {
  color: red;
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
  line-height: 130%;
  margin: 5px 0 0;
}
  
.form-sesion .hs-form .error {
  display: block!important;
}

.submitted-message,
.form-sesion .hs-form .submitted-message {
  font-weight: 400;
  text-align: center;
}


div#bglineas2 {
    position: relative;
    margin-top: -20px;
    z-index: 10;
    margin-bottom: 1px;
}


.fm-contacto label {
    margin-top: 15px;
    margin-bottom: 5px;
}
.fm-contacto .input input {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 6px;
    height: 35px;
}

.fm-contacto input.hs-button.primary.large {
    background: var(--amarillo);
    border: none;
    font-weight: 800;
    display: block;
    margin: auto;
    width: 190px;
    margin-top: 20px;
    padding: 10px 0;
    margin-bottom: 10px;
    border-radius: 6px;
}
.fm-contacto p.text-center.text-md-end.mb-0.mr-12 {
    display: none;
}

.fm-contacto {
    max-width: 290px;
    margin: auto;
}
.fm-contacto.w550 {
    margin: auto;
    max-width: 550px;
}

.fm-contacto ul.no-list.hs-error-msgs.inputs-list {
    margin: 0;
    padding: 0;
}

.fm-contacto ul.no-list.hs-error-msgs.inputs-list li label {
    color: red;
    font-size: 12px;
    font-style: italic;
    margin-top: 0;
}


div#bglineas2 {
    margin-bottom: -23px;
    margin-top: -100px;
    position: relative;
    z-index: -1;
}


  
/* Footer */

footer{
  border-top: 6px solid #F9D200;
  background: var(--bgfooter);
}

footer, 
footer a {
  font-size: 16px;
  color: var(--primario);
}

footer .container {
    max-width: 1400px;
}


.menu-footer li {
  margin-bottom: 10px;
}

.menu-footer li:last-child {
  margin-bottom: 0;
}

.menu-footer li a {
  font-size: 16px;
}

.menu-footer li a:hover {
  font-weight: 400;
}

.social .ico {
  background: url(../../../images/general/iconos-redes-sociales.svg) no-repeat;
  background-size: 210px;
  display: block;
  height: 28px;
  margin: auto;
  width: 28px;
}

.social .face {
  background-position: -3px center;
}

.social .insta {
  background-position: -58px center;
}

.social .youtube {
  background-position: -113px center;
  width: 35px;
}

.social .twitter {
  background-position: -176px center;
  width: 32px;
}

.copyright a{
  color: var(--blanco);
}


/* ERROR 404 */

.section-icon {
  position: relative;
  display: block;
  color: #fff;
  text-align: center;
  line-height: 50px;
  margin: 20px auto;
}

.section-icon:before {
  content: '';
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #000;
  z-index: -1;
}

.section-icon > span {
  display: inline-block;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 30em;
  border-radius: 30em;
  background: #f2f2f2;
}

.error-nf {
  font-size: 16em;
  font-weight: bold;
  color: #a8342a;
}

.form-dark {
  display: block;
  padding: 1.5em;
  margin: 0;
  border: 1px solid rgba(0,0,0,0.1);
  background: #a8342a;
  border-style: solid none solid none;
  -webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.25);
  box-shadow: 0 -1px 0 0 rgba(255,255,255,0.25);
}

.form-dark input[type="text"], 
.form-dark input[type="email"], 
.form-dark textarea {
  display: block;
  padding: 0.6em 1em;
  width: 100%;
  -webkit-border-radius: 20em !important;
  border-radius: 20em !important;
  -webkit-box-shadow: inset 0 1px 2px 0 #e84d4f, 0 0 0 1px rgba(0,0,0,0.25);
  box-shadow: inset 0 1px 2px 0 #eaedf1, 0 0 0 1px rgba(0,0,0,0.25);
  margin-bottom: 0;
  border: 0;
}

.form-dark input[type="submit"] {
  background: 0;
  border: 0;
  color: #9ea7b3;
  position: absolute;
  right: 1em;
  top: 30%;
  height: 1.3em;
  line-height: 0 !important;
}

.iconos-redes{
  background: url(https://www.avantis.mx/images/home/sap-business-one-en-mexico-redes-Avantis-mar21.png);
  height:22px;
  display: inline-block;
}
.facebook{
  background-position: 0 0;
  width: 22px;
}
.instagram{
  background-position: -32px 0;
  width: 22px;
}
.twitter{
  background-position: -64px 0;
  width: 22px;
}
.yt{
  background-position: -96px 0;
  width: 22px;
}
.ig{
  display: inline-block;
  width: 22px;
  height: auto;
  vertical-align: top;
}
.ig img{
  vertical-align: top;
}

.migracion th {   
    background: var(--azul1);
    color: white;
    padding: 20px 25px;
}

.migracion td {    
    padding: 20px 25px;
}

.migracion th {
    border: 1px solid #fff;
}

.migracion td {
    border: 1px solid #00000029;
    background: white;    
}

.migracion p {
    font-weight: 600;
}

.borde-azul {
    border: solid 3px;
    padding: 40px 0 25px;
    max-width: 80%;
    margin: auto;
}

div#hs_cos_wrapper_widget_1744822783993 {
    background: linear-gradient(180deg, #fff, #e4ecf7);
    max-width: 1920px;
    margin: auto;
}

.bullet-webinar li {
    position: relative;
    margin-bottom: 25px;
    position: relative;
    padding-left: 34px;
}

.bullet-webinar li:after {
    content: url(https://549730.fs1.hubspotusercontent-na1.net/hubfs/549730/LP/webinar-industria-automotriz/webinar-avantis-bullet-agenda.png);
    position: absolute;
    left: 0;
}

.sombra.bggris.mnegativo {
    position: relative;
    top: 60px;
}

@media screen and (max-width: 480px) {
  .error-nf {
    font-size: 10em;
  }
  
  .fs40 {
    font-size: 30px;
  }
  
  .fs36, .fs32 {
    font-size: 24px;
  }
  
  .fs26, .fs24 {
    font-size: 22px;
  }
  
  .fs22,
  .fs20 {
    font-size: 18px;
  }
  
  .sombra.bggris.mnegativo {
      position: relative;
      top: 0px;
  }  
}


#cont-cookie {
    display: none
}

.cookie-bar {
    align-items: center;
    background: #000;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    padding: .8em 3em;
    position: fixed;
    width: 100%;
    z-index: 10
}

.accept-cookie {
    background: #fff;
    border-radius: 0;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 24px;
    text-align: center
}

.txt-cookie a {
    color: inherit;
    text-decoration: underline
}

.formulario.fmcalculadora .hs-submit {
    display: inline-block;
    max-width: 100%;
    text-align: center;
    width: 100%;
    text-align: center;
}

.formulario.fmcalculadora input.hs-button.primary.large {
    border-radius: 10px;
    color: black;
    width: 298px !important;
    font-size: 18px !important;
    margin: auto !important;
    display: block !important;
}

 .c-formulario {
    background: #f2f2f2;
    border-top: navajowhite;
    padding: 26px 30px 30px;
    box-shadow: 1px 1px 3px 2px #c7c7c7;
    border-radius: 5px;
}

.c-formulario.v2 {
    border: none;
    padding-top: 15px;
}

.formulario.fmcalculadora label {
    font-size: 16px !important;
}

.formulario.fmcalculadora .input input, .formulario.fmcalculadora select {
    border-radius: 5px;
    max-width: 99%;
    border: solid 1px #a1a1a1 !important;
}

list.hs-error-msgs.inputs-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}
main {
    border-top: solid 1px #d9d9d9;
    /* box-shadow: 7px 12px 6px 28px #0000; */
}

ul.no-list.hs-error-msgs.inputs-list {
    list-style: none;
}



@media(max-width: 700px) {
  main {
    border-top: solid 0px #d9d9d9;
    /* box-shadow: 7px 12px 6px 28px #0000; */
}
    .cookie-bar {
        display:block;
        padding: 10px
    }

    .accept-cookie,.cookie-bar {
        font-size: 14px;
        text-align: center
    }

    .accept-cookie {
        display: inline-block;
        margin: 15px 0 0
    }
  
  div#bglineas2 {
      margin-bottom: 0px;
      margin-top: 0px;
      position: relative;
      z-index: 0;
  } 
  
    .migracion td, .migracion th {
        padding: 5px;
        font-size: 12px;
        line-height: 100%;
    }
  
  .borde-azul {
   max-width: 100%;     
  }  
  
}