/*.:-=++*****++==-.                                                                                             
.:---::             .:--==========-::.        :=******************+-:                                         
.=++++++++=-.      .-====================:.   -************************+-                                     
.+++++++++++++=:  .-==========================+****************************:                      .:----:.    
=+++++++++++++++===========================+%@%*****************************+.                  .-====----:   
+++++++++++++++++=========================+%@@@%#*****************************.                :=======----:  
+++++++++++++++++========================+%@@@@@%#*****************************:             .-=========----. 
:++++++++++++++++========================#@@@@@@@%#*****************************.           .============---: 
:+++++++++++++++=======================+@@@@@@@@@%*******=-::-=+***************=          :===============-.  
.-=++++++++++++============-::..:-====*@@@@@@@@@@%***+:        -***************.       .=================:    
   .:-++++++++==========-.        :==%@@@@@@@@@@%#*+.          .+*************:      :=================:      
      .=++++++=========:           :+@@@@@@@@@@@@%*.            :*************-    .-=================.       
        =+++++========-             -@@@@@@@@@@@@%=              +************-   .=+++++===========-.        
        -+++++========.             .@@@@@@@@@@@@@=              =************=  -+*******+========:          
        :+++++========               %@@@@@@@@@@@@:              -************= -**********++=====.           
        .+++++========               #@@@@@@@@@@@#               -************=.+************+==-             
        .+++++=======-               =%@@@@@@@@@%*.              -************+:************+++-.             
        .+++++=======-               =+#%@@@@@%#+*.              :************+.**********++++==-:            
         +++++========               =+++**#**++++.              :************* =*********++=====--.          
         +++++========               -++++++++++++.              .*************  =******+++====-----:         
         =++++========               -++++++++++++:              .*************   .=+++++=====--------.       
         =++++========               -++++++++++++:               *************.    :========----------:      
         =++++========.              :+++++++++++*:               *************.     .-=====------------:.    
         -++++========.              :+++++++*+++*-               *************:       .-=-------------:::    
         -++++========.              .++++++++++++-               +************:         :------------::::.   
         -++++========.              .+++++++*++++-               =************-          .:--------::::::.   
         :++++========:              .+++++*+++++*-               =*************            .------:::::::    
         :++++========:               ++++++*++++*-               :*************=             :---:::::::.    
         :++++========:               =+++++++++*+.                ***************-.           .::::::::.     
         .++++========:               .+++++++++*-                 -*************###*+=:          ....        
         .++++========-                 -+*++*+=.                  .************########*:                    
         .++++========-                   .::..                     :***********##########:                   
          ++++========-                                              -*********###########*                   
          =+++========-                                               -*******#############                   
          -+++========:                                                :******############+                   
           =++=======-                                                  .=***############*:                   
            :=======:                                                     .-+*##########*:                    
              ..:..                                                           .:-==+++=:                      -*/


/*=================================================================================================================*/


/*=                                          = *  Marketeros Agencia * =                                          =*/


/*=                                            = *  copyright 2021  * =                                           =*/


/*=================================================================================================================*/


/*= 1. Reset =*/


/*= 2. Nav =*/


/*= 3. Home =*/


/*= 4. Cáso de éxito =*/


/*= 5. Caso de éxito Diseño =*/


/*= 6. Soporte =*/


/*= 7. Inbound Marketing =*/


/*= 8. ZOHO Partner =*/


/*= 9. ZOHO CRM =*/


/*= 10. ZOHO Bigin =*/


/*= 11. ZOHO SalesIQ =*/


/*= 12. Diseño web =*/


/*= 13. Posicionamiento SEO =*/


/*= 14. Ads =*/


/*= 15. Redes Sociales =*/


/*= 16. LMS =*/


/*= 17. Contacto =*/


/*= 18. Hoja de vida =*/


/*= 19. Agencia =*/


/*= 20. Landing E-Book =*/


/*= 21. Tankyou E-Book =*/


/*= 22. Tankyou General =*/


/*= 23. Responsive =*/


/*=================================================================================================================*/


/*=================================================================================================================*/


/*=                                                 = 1. Reset =                                                  =*/


/*=================================================================================================================*/

html {
    scroll-behavior: smooth;
}

html,
body {
    overflow-x: hidden !important;
}

html.noOver,
body.noOver {
    overflow-x: inherit !important;
}

:root {
    --texto: 'Lato';
    --degNaranja: linear-gradient(to right, #ff5a08 1%, #ffbe06 100%);
    --degAzul: linear-gradient(to right, rgba(62, 102, 187, 1) 1%, rgba(77, 143, 239, 1) 100%);
    --degRojo: linear-gradient(45deg, rgba(179, 17, 196, 1) 0%, rgba(210, 0, 30, 1) 100%);
    --azulObs: #294859;
    --azulHover: #365563;
    --gris: #404040;
    --naranja: #FF5A08;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: var(--texto);
}

p {
    margin: 0;
    padding: 0;
    font-family: var(--texto);
    color: var(--azulObs) !important;
    line-height: 29px;
    font-size: 16px;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: var(--texto);
    font-weight: bold;
    color: var(--azulObs);
}

ul,
li {
    margin: 0;
    padding: 0;
}

.container {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
}

.contenedor {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


/*=================================================================================================================*/


/*=                                                   = 2. Nav =                                                  =*/


/*=================================================================================================================*/

header.movil {
    display: none;
}

.siteHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.siteHeader>.top {
    background-color: var(--azulObs);
    height: 40px;
}

.siteHeader>.top>.contenedor {
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.siteHeader>.top>.contenedor>.l {
    display: flex;
    height: 100%;
}

.siteHeader>.top>.contenedor>.l>div {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-family: var(--texto);
    border-right: 1px solid #ffffff30;
    padding: 0 15px;
    line-height: 16px;
    transition: .4s all ease;
}

.siteHeader>.top>.contenedor>.l>div:hover {
    background-color: var(--azulHover);
}

.siteHeader>.top>.contenedor>.l>div.blog {
    padding: 0;
}

.siteHeader>.top>.contenedor>.l>div.blog a {
    padding: 0 20px;
    text-decoration: none;
    color: #fff;
    height: 100%;
    display: flex;
    align-items: center;
}

.siteHeader>.top>.contenedor>.l>div>.subMenu {
    position: absolute;
    top: 100%;
    left: 0;
    list-style: none;
    background-color: var(--azulObs);
}

.siteHeader>.top>.contenedor>.l>div::after,
.siteHeader>.top>.contenedor>.r>.ayuda::after {
    content: '';
    width: 14px;
    height: 14px;
    background-image: url(/img/flechaBajo.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: invert(1);
    display: inline-block;
    margin-bottom: -4px;
    margin-left: 8px;
}

.siteHeader>.top>.contenedor>.l>div.blog::after {
    display: none;
}

.siteHeader>.top>.contenedor>.l>div>.subMenu,
.siteHeader>.top>.contenedor>.r ul.subMenu {
    width: 200px;
    background: #365563;
    z-index: 30;
    position: absolute;
    top: 100%;
    left: 0;
    list-style: none;
    background-color: var(--azulObs);
    transition: .4s all ease;
    opacity: 0;
    transform: translateY(-10px);
    visibility: hidden;
}

.siteHeader>.top>.contenedor>.l>div:hover .subMenu,
.siteHeader>.top>.contenedor>.r .ayuda:hover ul.subMenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.siteHeader>.top>.contenedor>.l>div>.subMenu>li>a,
.siteHeader>.top>.contenedor>.r ul.subMenu>li>a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 10px 14px;
    transition: .4s all ease;
    font-family: var(--texto);
}

.siteHeader>.top>.contenedor>.l>div>.subMenu>li>a:hover,
.siteHeader>.top>.contenedor>.r ul.subMenu>li>a:hover {
    background-color: #213d49;
}

.siteHeader>.top>.contenedor>.r {
    display: flex;
    align-items: center;
    height: 40px;
}

.siteHeader>.top>.contenedor>.r>* {
    margin-left: 20px;
}

.siteHeader>.top>.contenedor>.r>a.agencia {
    color: #fff;
    text-decoration: none;
    font-family: var(--texto);
    height: 100%;
    display: flex;
    align-items: center;
}

.siteHeader>.top>.contenedor>.r ul {
    list-style: none;
}

.siteHeader>.top>.contenedor>.r ul.redes {
    display: flex;
}

.siteHeader>.top>.contenedor>.r ul.redes>li.redes>a {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.siteHeader>.top>.contenedor>.r ul.subMenu {
    position: absolute;
    top: 100%;
    left: 0;
}

.siteHeader>.top>.contenedor>.r>.telef {
    height: 100%;
    display: flex;
    align-items: center;
    font-family: var(--texto);
    color: #fff;
    background: var(--degAzul);
    padding: 0 10px;
    line-height: 24px;
}

.siteHeader>.top>.contenedor>.r>.ayuda {
    display: flex;
    align-items: center;
    color: #fff;
    padding: 0 10px;
    font-family: var(--texto);
    background: var(--degNaranja);
    position: relative;
    height: 100%;
    margin: 0;
}

.siteHeader>.top>.contenedor>.r>.ayuda>span {
    line-height: 24px !important;
    display: flex;
    align-items: center;
}

.siteHeader>.bot {
    box-shadow: 0 2px 2px 0 rgba(50, 50, 50, .32);
    background-color: #fff;
    position: relative;
    transition: .4s all ease;
    -webkit-transition: .4s all ease;
    -moz-transition: .4s all ease;
    -ms-transition: .4s all ease;
    -o-transition: .4s all ease;
}

.siteHeader.nav-up>.bot {
    margin-top: -40px;
}

.siteHeader>.bot>.contenedor {
    height: 82px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.siteHeader>.bot>.contenedor>.logo {
    height: 100%;
}

.siteHeader>.bot>.contenedor>.logo>a {
    display: flex;
    height: 100%;
    align-items: center;
}

.siteHeader>.bot>.contenedor>.logo>a>img {
    width: 265px;
    max-width: 300px !important;
}

.siteHeader>.bot>.contenedor>.menu {
    height: 100%;
    display: flex;
    align-items: stretch;
}

.siteHeader>.bot>.contenedor>.menu>li {
    display: flex;
    align-items: center;
    margin: 0 8px;
    padding: 0 8px;
    position: relative;
    font-size: 15px;
}

.siteHeader>.bot>.contenedor>.menu>li::before {
    content: '';
    height: 16px;
    width: 2px;
    background-color: rgba(0, 0, 0, .05);
    border-radius: 5px;
    right: 0;
    top: 50%;
    transform: translateX(5px) translateY(-50%);
    position: absolute;
}

.siteHeader>.bot>.contenedor>.menu>li.contSub {
    padding-right: 12px;
}

.siteHeader>.bot>.contenedor>.menu>li.contSub::after {
    content: '';
    width: 11px;
    height: 11px;
    background-image: url(/img/flechaBajoAzul.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: -6px;
    margin-left: 10px;
}

.siteHeader>.bot>.contenedor>.menu>li a {
    color: var(--azulObs);
    font-family: var(--texto);
    text-decoration: none;
    transition: .4s all ease;
}

.siteHeader>.bot>.contenedor>.menu>li a:hover {
    opacity: .8;
    transition: .3s;
}

.siteHeader>.bot>.contenedor>.menu>li:hover>.subMenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.siteHeader>.bot>.contenedor>.menu>li>.subMenu {
    position: absolute;
    width: 190px;
    left: 0;
    top: 100%;
    list-style: none;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 2px 0 rgba(50, 50, 50, .32);
    overflow: hidden;
    transition: .4s all ease;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
}

.siteHeader>.bot>.contenedor>.menu>li>.subMenu>li>a {
    background: #fff;
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #b3b3b320;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, .7);
    -moz-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, .7);
    box-shadow: 0 2px 2px 0 rgba(50, 50, 50, .7);
    padding-left: 50px !important;
    position: relative;
}

.siteHeader>.bot>.contenedor>.menu>li>.subMenu>li>a:hover {
    opacity: .8;
    transition: .3s;
}

.siteHeader>.bot>.contenedor>.menu>li>.subMenu>li>a::after {
    content: "";
    width: 32px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}

.siteHeader>.bot>.contenedor>.menu>li>.subMenu>li.crm>a::after {
    background-image: url(/img/logo-crm-menu.png);
}

.siteHeader>.bot>.contenedor>.menu>li>.subMenu>li.bigin>a::after {
    background-image: url(/img/icon-bigin.png);
}

.siteHeader>.bot>.contenedor>.menu>li>.subMenu>li.sales>a::after {
    background-image: url(/img/icon-salesiq_6.png);
}

.siteHeader>.bot>.contenedor>.menu>li>.subMenu>li.google>a::after {
    background-image: url(/img/ads-logo.svg);
}

.siteHeader>.bot>.contenedor>.menu>li>.subMenu>li.redes>a::after {
    background-image: url(/img/facebook-manager.svg);
}


/*=================================================================================================================*/


/*=                                                  = 3. Home =                                                  =*/


/*=================================================================================================================*/

.banner {
    margin-top: 180px;
    margin-bottom: 120px;
}

.banner#banner-inicio {
    position: relative;
    z-index: 1;
}

#banner-inicio.banner::before {
    content: '';
    width: 400px;
    height: 500px;
    left: 0;
    top: 0;
    background-image: url(/img/manchaAzul.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateX(-50%);
    position: absolute;
}

#banner-inicio.banner::after {
    content: '';
    width: 800px;
    height: 600px;
    right: 0;
    top: 0;
    background-image: url(/img/manchaRoja.svg);
    background-position: 300px center;
    background-repeat: no-repeat;
    background-size: 90%;
    z-index: -1;
    position: absolute;
}

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

.banner>.container>div {
    width: 50%;
}

.banner>.container>div.coltext>h1 {
    font-size: 40px;
    line-height: 1.1;
    color: #294859;
    font-weight: 300;
    margin-bottom: 35px;
    padding-bottom: 20px;
    position: relative;
}

.banner>.container>div.coltext>h1::after {
    content: '';
    width: 95px;
    height: 2px;
    background: var(--degNaranja);
    bottom: 0;
    left: 0;
    position: absolute;
}

.banner>.container>div.coltext>h1 strong {
    font-size: 48px;
    font-weight: 900;
    padding-bottom: 12px;
}

.banner>.container>div.coltext>.tit {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #294859;
    position: relative;
}

.banner>.container>div.coltext>.tit b {
    font-size: 20px;
    font-weight: 500;
}

.banner>.container>div.coltext p {
    margin-bottom: 24px;
    font-size: 15px;
    color: var(--azulObs);
}

.banner>.container>div.coltext .ficha {
    position: relative;
    text-align: center;
    padding: 12px 30px;
    font-weight: 900;
    margin-bottom: 50px;
    background-color: #fff;
    border-radius: 12px;
}

.banner>.container>div.coltext .ficha::before {
    content: '';
    width: 100%;
    height: calc(100% + 10px);
    background-color: var(--azulObs);
    border-radius: 12px;
    z-index: -5;
    opacity: .05;
    position: absolute;
    right: 30%;
}

.banner>.container>div.coltext .ficha::after {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--degNaranja);
    border-radius: 12px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    opacity: .1;
    position: absolute;
}

.banner>.container>div.coltext .ficha>p {
    color: var(--azulObs);
    margin: 0;
    position: relative;
    z-index: 1;
}

.banner>.container>div.coltext>.contAccion {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
}

.banner>.container>div.coltext>.contAccion>a {
    width: 42%;
    height: 100%;
}

.banner>.container>div.coltext>.contAccion>div {
    width: 42%;
    height: 100%;
    display: flex;
    align-items: center;
}

.banner>.container>div.coltext>.contAccion>div>.logoHs {
    height: 80%;
}

.banner>.container>div.colImg {
    position: relative;
    width: 48%;
}

.banner>.container>div.colImg>img {
    width: 100%;
    margin-left: 20px;
}

.accion {
    padding: 8px 30px 8px 30px;
    color: white;
    border-radius: 25px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-family: var(--texto);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: .4s all ease;
}

.accion.azul {
    background: var(--degAzul);
}

.accion:hover {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .2);
}

.accion::before {
    content: '';
    width: 50px;
    height: 200px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 100%);
    left: -10%;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    opacity: .2;
    position: absolute;
    transition: .4s all ease;
}

.accion:hover:before {
    left: 110%;
}

.accion.naranja {
    background: var(--degNaranja);
}

.encabezado {
    margin-bottom: 0px;
}

.encabezado.cent {
    text-align: center;
}

.encabezado.left {
    text-align: left;
}

.encabezado h2 {
    margin-bottom: 15px;
}

.encabezado h2 strong {
    font-size: 40px;
}

.encabezado p {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 15px;
    color: var(--azulObs);
    position: relative;
}

.filaFichas {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 500px;
    margin-bottom: 50px;
}

.filaFichas>.ficha {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-decoration: none;
    color: inherit;
    flex: 0 0 23%;
    height: 340px;
    box-shadow: 0px 8px 11px 0px rgba(50, 50, 50, 0.48);
    padding: 40px 0;
    border-radius: 10px;
    text-align: center;
    transition: .4s all ease;
    position: relative;
    overflow: hidden;
    top: 0;
    z-index: 1;
}

.filaFichas .diseno {
    margin-bottom: 0 !important;
}

.filaFichas>.ficha:hover {
    padding-top: 5px;
    height: 380px;
    box-shadow: 0px 15px 20px 0px rgba(50, 50, 50, 0.48);
}

.filaFichas>.ficha::before {
    content: '';
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    position: absolute;
    background-color: #fff;
    z-index: -1;
    transition: .4s all ease;
}

.filaFichas>.ficha:hover:before {
    width: calc(100% - 5px);
    height: calc(100% - 5px);
}

.filaFichas>.ficha::after {
    content: '';
    width: 100%;
    height: 80px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) rotate(45deg);
    background: var(--degNaranja);
    position: absolute;
    transform-origin: left;
    transition: .4s all ease;
    z-index: -2;
    opacity: 0;
}

.filaFichas>.ficha:hover:after {
    animation: afterMakia .6s cubic-bezier(.46, .03, .52, .96);
}

@keyframes afterMakia {
    0% {
        opacity: 0;
        transform: translateY(-50%) rotate(45deg);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(-50%) rotate(-225deg);
    }
}

.filaFichas>.ficha>.img {
    width: 100%;
    height: 80px;
    transition: .4s all ease;
}

.filaFichas>.ficha>.img>img {
    height: 100%;
}

.filaFichas>.ficha:hover>.img {
    height: 60px;
}

.filaFichas>.ficha>h3 {
    width: 100%;
    font-weight: 300;
    line-height: 30px;
    font-size: 20px;
    transition: .4s all ease;
}

.filaFichas>.ficha>h3>strong {
    font-weight: 700;
}

.filaFichas>.ficha>p {
    font-size: 13px;
    transition: .4s all ease;
    padding: 0 12px;
    height: 0px;
    overflow: hidden;
    margin-bottom: 10px;
    -webkit-transition: .4s all ease;
    -moz-transition: .4s all ease;
    -ms-transition: .4s all ease;
    -o-transition: .4s all ease;
}

.filaFichas>.ficha:hover>p {
    height: 118px;
    margin-bottom: 0px;
}

.filaFichas>.ficha>button {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 50px;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 30px;
    position: relative;
    font-family: var(--texto);
    color: var(--azulObs);
    transition: .4s all ease;
    z-index: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.filaFichas>.ficha>button::before {
    content: '';
    width: 100px;
    height: 100px;
    left: 50%;
    transform: translateX(-50%) scale(1);
    top: 100%;
    border-radius: 50%;
    background: var(--degRojo);
    position: absolute;
    z-index: -1;
    transition: .4s all ease;
}

.filaFichas>.ficha:hover>button::before {
    transform: translateX(-50%) scale(3);
}

.filaFichas>.ficha>button::after {
    content: '';
    margin-left: 10px;
    width: 29px;
    height: 20px;
    background-image: url(/img/flechaDerNegro.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: .4s all ease;
    display: inline-block;
}

.filaFichas>.ficha:hover>button {
    bottom: 0;
    color: #fff;
}

.filaFichas>.ficha:hover>button::after {
    filter: invert(1);
}

.filaAbarcamos {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 50px;
}

.filaAbarcamos>.enc {
    width: 22%;
    display: flex;
    align-items: center;
    border-right: 2px solid rgba(255, 185, 6, .25);
}

.enc>p {
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 15px;
    color: var(--azulObs);
    position: relative;
}

.enc>p strong {
    font-weight: 900;
    font-size: 40px;
}

.filaAbarcamos>.card {
    width: 18%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 210px;
    flex-direction: column;
    padding: 15px;
    border-radius: 15px;
    text-decoration: none;
    transition: .4s all ease;
    text-align: center;
    position: relative;
    transition: .6s all ease;
    overflow: hidden;
    z-index: 1;
}

.filaAbarcamos>.card:hover {
    box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, .65);
}

.filaAbarcamos>.card::before {
    content: '';
    width: calc(100% - 5px);
    height: calc(100% - 5px);
    border-radius: 13px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    position: absolute;
    z-index: -1;
}

.filaAbarcamos>.card::after {
    content: '';
    width: 101%;
    height: 200%;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(0deg, rgba(255, 90, 8, 1) 0%, rgba(255, 190, 6, 1) 100%);
    z-index: -2;
    position: absolute;
    transition: .6s all ease;
}

.filaAbarcamos>.card:hover:after {
    top: -200%;
}

.filaAbarcamos>.card>.img {
    width: 60%;
    height: 50%;
    margin-bottom: 10px;
}

.filaAbarcamos>.card>.img>img {
    width: 100%;
    height: auto;
}

.filaAbarcamos>.card>h3 {
    font-weight: 300;
}

.filaAbarcamos>.card>h3 strong {
    font-weight: 700;
}

section.equipo {
    position: relative;
}

section.equipo::before {
    content: '';
    width: 540px;
    height: 400px;
    background-image: url(/img/manchaAzulCompleta.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 40%;
    left: 0;
    transform: translateY(-50%);
    position: absolute;
    z-index: -1;
}

section.equipo>.container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

section.equipo>.container>div {
    width: 49%;
}

section.estrategias {
    position: relative;
}

section.estrategias::before {
    content: '';
    width: 100%;
    height: 120%;
    background-image: url(/img/fondoManchaAzul.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    top: -100px;
    position: absolute;
    z-index: -1;
}

section.estrategias .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 80px;
    position: relative;
}

section.estrategias .row.encabezado {
    width: 100%;
    margin-top: 120px;
    margin-bottom: 20px;
    text-align: center;
    display: block;
}

section.estrategias .row.encabezado>h2 {
    font-weight: 300;
    position: relative;
    padding-bottom: 30px;
    ;
}

section.estrategias .row.encabezado>h2::after {
    content: '';
    width: 320px;
    height: 320px;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(/img/beforeCirTit.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: -1;
}

section.estrategias .row.encabezado>h2 b {
    font-weight: 900;
    font-size: 40px;
}

section.estrategias .row>div {
    width: 45%;
}

section.estrategias .row>div.colText h3 {
    margin-bottom: 15px;
    padding-bottom: 15px;
    color: var(--azulObs);
    font-size: 25px;
    font-weight: 900;
    position: relative;
    text-align: left;
}

section.estrategias .row>div.colText h3::after {
    content: '';
    width: 95px;
    height: 2px;
    bottom: 0;
    left: 0;
    background: var(--degNaranja);
    position: absolute;
}

section.estrategias .row>div.colText p {
    margin-bottom: 15px;
    color: var(--azulObs);
    text-align: left;
}

section.estrategias .row>div.colText p:last-child {
    margin: 0;
}

section.estrategias .row>div.colText>.bloque {
    padding: 18px;
    border: 1px solid rgba(41, 72, 89, .5);
    border-radius: 12px;
    position: relative;
    z-index: 1;
}

section.estrategias .row>div.colText>.bloque::before {
    content: '';
    width: 150%;
    height: 100%;
    border-radius: 12px;
    background: var(--degAzul);
    position: absolute;
    top: -6px;
    right: 5px;
    z-index: -1;
    opacity: .1;
}

section.estrategias .row.diseno::after {
    content: '';
    width: 540px;
    height: 410px;
    right: 0;
    background-image: url(/img/manchaAzulCompleta.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    transform: translateX(50%);
    z-index: -1;
}

section.estrategias .row>div.colText>.bloque p {
    font-weight: 900;
}

section.estrategias .row>div.colImg .bloque {
    margin-top: 20px;
    padding-top: 15px;
    position: relative;
    text-align: right;
    width: 90%;
}

section.estrategias .row>div.colImg .bloque::before {
    content: '';
    width: 95px;
    height: 2px;
    top: 0;
    right: 0;
    background: var(--degNaranja);
    position: absolute;
}

section.estrategias .row>div.colImg>img {
    width: 100%;
}

section.estrategias .row.leads::before {
    content: '';
    width: 540px;
    height: 410px;
    left: 0;
    background-image: url(/img/manchaAzulCompleta.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    transform: translateX(-55%);
    z-index: -1;
}

section.estrategias .row.cierre {
    margin: 0;
}

section.estrategias .row.cierre::after {
    content: '';
    width: 600px;
    height: 500px;
    right: 0;
    background-image: url(/img/manchaRoja.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: -1;
    transform: translateX(60%) rotate(30deg);
}

section.equipo>.container>.colTexto>h2 {
    color: var(--naranja);
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: normal;
}

section.equipo>.container>.colTexto>h2>strong {
    color: var(--azulObs);
    font-size: 36px;
    font-weight: 900;
}

section.equipo>.container>.colTexto>p {
    margin-bottom: 24px;
}

section.equipo>.container>.colTexto>.bloque {
    padding: 18px;
    margin-left: -18px;
    margin-bottom: 20px;
    border: 1px solid rgba(41, 72, 89, .5);
    border-radius: 12px;
    position: relative;
    z-index: 1;
}

section.equipo>.container>.colTexto>.bloque::before {
    content: '';
    width: 150%;
    height: 100%;
    border-radius: 12px;
    background: var(--degAzul);
    position: absolute;
    top: -6px;
    left: -6px;
    z-index: -1;
    opacity: .1;
}

section.equipo>.container>.colTexto>.bloque::after {
    content: '';
    width: 23px;
    height: 23px;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    background-image: url(/img/cruzAzul.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}

section.equipo>.container>.colTexto>.bloque p {
    color: var(--azulObs);
}

section.equipo>.container>.colTexto>.bloque p b {
    font-size: 20px;
    font-weight: 900;
}

section.equipo>.container>.colImg>img {
    width: 90%;
}

section.aliados {
    position: relative;
    padding-top: 100px;
}

section.aliados .container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

section.aliados .container>div {
    width: 48%;
}

section.aliados .container>div.colTexto {
    position: relative;
    width: 40%;
}

section.aliados .container>div.colTexto p {
    color: var(--azulObs);
}

section.aliados .container>div.colTexto>.bloque {
    padding: 18px;
    margin-left: -18px;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    padding-bottom: 25px;
    font-weight: 700;
}

section.aliados .container>div.colTexto>.bloque::before {
    content: '';
    width: 150%;
    height: 100%;
    border-radius: 12px;
    background: var(--degAzul);
    position: absolute;
    top: -6px;
    right: 5px;
    z-index: -1;
    opacity: .1;
}

section.aliados .container>div.colTexto>.bloque::after {
    content: '';
    width: 140%;
    height: 100%;
    top: 0;
    right: 0;
    border: 1px solid rgba(41, 72, 89, .5);
    border-radius: 12px;
    position: absolute;
}

section.aliados .container>div.colTexto .bloque p {
    margin: 0;
    color: var(--azulObs);
}

.tit-2 {
    font-size: 26px;
    line-height: 1.2;
    color: #FF5A08;
    margin-bottom: 20px;
    position: relative;
}

.tit-2 strong {
    font-weight: 900;
    color: #294859;
    font-size: 36px;
}

section.aliados {
    padding-bottom: 100px;
}

section.aliados .container>div.colTexto p {
    margin-bottom: 24px;
}

section.aliados .container>div.colTexto .tit-2 {
    color: var(--naranja);
    font-size: 25px
}

section.aliados .container>div.colTexto>.certifi-home {
    display: flex;
    align-items: center;
}

section.aliados .container>div.colTexto>.certifi-home>.col {
    width: 15%;
    margin-right: 20px;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.aliados .container>div.colTexto>.certifi-home>.col>img {
    width: 100%;
    height: auto;
}

section.aliados .container>div.colCta>.ficha {
    width: 90%;
    margin: 20px;
    background: white;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.4);
    padding: 30px 35px;
    border-radius: 15px;
    position: relative;
    text-align: center;
}

section.aliados .container>div.colCta>.ficha::before {
    content: '';
    position: absolute;
    width: 500px;
    height: 300px;
    background-image: url(/img/botonesNaranja.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    bottom: 0;
    z-index: -1;
    transform: translate(80px, 50px);
}

section.aliados .container>div.colCta>.ficha>.tit {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 20px;
}

section.aliados .container>div.colCta>.ficha>.tit::after {
    content: '';
    width: 95px;
    height: 2px;
    background: var(--degNaranja);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

section.aliados .container>div.colCta>.ficha>.tit strong {
    font-weight: 900;
    color: #294859;
    font-size: 30px;
}

section.aliados .container>div.colCta>.ficha a.accion {
    margin-top: 24px;
    display: inline-flex;
    align-items: center;
    padding: 6px 30px 6px 30px;
    margin-bottom: 24px;
}

section.aliados .container>div.colCta>.ficha a.accion::after {
    content: '';
    margin-left: 15px;
    width: 20px;
    height: 20px;
    background-image: url(/img/Icon%20feather-download.svg);
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;
    display: inline-block;
}

section.contenido>.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

section.contenido>.container>.encabezado {
    width: 80%;
    text-align: center;
    margin-bottom: 40px;
}

section.contenido>.container>.encabezado>.tit {
    font-weight: 300;
    display: inline-block;
    position: relative;
}

section.contenido>.container>.encabezado>.tit::before {
    content: '';
    position: absolute;
    width: 32px;
    height: 60px;
    background-image: url(/img/beforeBotones.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: -5px;
    top: -20px;
}

section.contenido>.container>.encabezado>.tit::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(/img/beforeTriangulo.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 5px;
    right: -20px;
}

section.contenido>.container>.encabezado>.tit strong {
    font-weight: 900;
    font-size: 40px;
}

section.contenido>.container>.encabezado>p:last-child {
    font-size: 16px;
    line-height: 24px;
    color: inherit;
    font-weight: normal;
}

section.contenido {
    padding-bottom: 50px;
}

section.contenido .botonArticulos>a.accion {
    padding: 10px 50px !important;
}

section.contenido>.container>.entradas {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 80px;
}

section.contenido>.container>.entradas>.item {
    width: 32%;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 20px 40px -15px rgba(0, 0, 0, 0.4);
    text-decoration: none;
    color: inherit;
    transition: .4s all ease;
    position: relative;
    z-index: 1;
}

section.contenido>.container>.entradas>.item:hover {
    transform: scale(1.05);
    box-shadow: 0px 20px 120px -15px rgba(0, 0, 0, 0.4);
}

section.contenido>.container>.entradas>.item::before {
    content: '';
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid var(--naranja);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: .4s all ease;
    z-index: -1;
    opacity: .5;
}

section.contenido>.container>.entradas>.item:hover:before {
    width: 180px;
    height: 180px;
    bottom: -40px;
    left: -40px;
}

section.contenido>.container>.entradas>.item::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(/img/beforeTriangulo.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    transition: .4s all ease;
    transform: rotate(0deg);
    z-index: -1;
}

section.contenido>.container>.entradas>.item:hover:after {
    width: 100px;
    height: 100px;
    transform: rotate(100deg);
    top: -50px;
    right: -50px;
}

section.contenido>.container>.entradas>.item>.imagen {
    height: 260px;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

section.contenido>.container>.entradas>.item>.imagen>img {
    width: 100%;
    height: auto !important;
}

@supports(object-fit: cover) {
    section.contenido>.container>.entradas>.item>.imagen>img {
        height: 100% !important;
        object-fit: cover;
        object-position: center;
    }
}

section.contenido>.container>.entradas>.item>.texto {
    padding: 30px;
    background-color: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

section.contenido>.container>.entradas>.item>.texto>.categoria {
    color: #8b8f8e;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: 2px;
    font-family: var(--texto);
    margin-bottom: 20px;
    display: inline-block;
}

section.contenido>.container>.entradas>.item>.texto>.titulo {
    color: #3e4543;
    font-size: 19px;
    line-height: 28px;
    height: 90px;
}

.siteFooter {
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(/img/map-footer.png);
}

.siteFooter>.top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    padding: 120px 0 40px;
    margin: 0 auto;
}

.siteFooter>.top>div.colPaises {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 60%;
    height: 400px;
}

.siteFooter>.top>div.colPaises>.listPais {
    list-style: none;
    width: 30%;
}

.siteFooter>.top>div.colPaises>.listPais>.capital {
    font-size: 20px;
    color: #294859;
    line-height: 30px;
}

.siteFooter>.top>div.colPaises>.listPais>.titulo {
    font-size: 28px;
    font-weight: 900;
    line-height: 42px;
    color: #294859;
    position: relative;
}

.siteFooter>.top>div.colPaises>.listPais>.titulo::before {
    content: '';
    width: 30px;
    height: 26px;
    top: 50%;
    transform: translateX(-115%) translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
}

.siteFooter>.top>div.colPaises>.listPais.mexico>.titulo::before {
    background-image: url(/img/banderaMexico.svg);
}

.siteFooter>.top>div.colPaises>.listPais.colombia>.titulo::before {
    background-image: url(/img/banderaColombia.svg);
}

.siteFooter>.top>div.colPaises>.listPais.espana>.titulo::before {
    background-image: url(/img/banderaEspana.svg);
}

.siteFooter>.top>div.colPaises>.listPais>li {
    color: #404040;
    line-height: 24px;
}

.siteFooter>.top>div.colPaises>.listPais.colombia {
    align-self: center;
    margin-right: auto;
    margin-left: 0px;
}

.siteFooter>.top>div.colForm {
    width: 39%;
    padding: 40px 30px;
    /* background: rgba(250, 250, 250, 0.6); */
    border-radius: 15px;
    /* box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.08); */
}

.siteFooter>.top>div.colForm>p {
    font-size: 25px;
    font-weight: 900;
    color: var(--azulObs);
    margin-bottom: 40px;
    margin-top: 10px
}

.siteFooter>.top>div.colForm>form {
    width: 350px;
    z-index: 2;
    font-family: 'Arial';
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 30px;
}

.siteFooter>.top>div.colForm>form>.correo {
    border: 2px solid #ddd !important;
    border-image-source: var(--degNaranja) !important;
    border-image-slice: 1 !important;
    font-size: 14px;
    height: 40px !important;
    padding: 5px 10px;
    color: #888888;
    width: 200px;
}

.siteFooter>.top>div.colForm>form>.enviar {
    background: var(--degNaranja);
    border-radius: 50px;
    height: 39px !important;
    font-weight: bold !important;
    width: 100px;
    text-align: center;
    z-index: 5;
    border: 0px none;
    color: #ffffff;
    cursor: pointer;
    outline: currentcolor none medium;
    font-size: 14px;
    background-color: #ff9900;
    margin-left: 20px;
}

.siteFooter>.bot>.cont {
    padding: 15px 0;
    border-top: 2px solid #2948592e;
    width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.siteFooter>.bot>.cont>a {
    color: #4D4D4D;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
}

.siteFooter>.bot>.cont>a:visited {
    color: #4D4D4D;
}

.siteFooter>.bot>.cont>ul {
    list-style: none;
    display: flex;
}

.siteFooter>.bot>.cont>ul>li {
    font-size: 14px;
    line-height: 14px;
    color: #404040;
}

.siteFooter>.bot>.cont>ul>li:first-child {
    padding-right: 10px;
    border-right: 1px solid;
    margin-right: 6px;
}


/*=================================================================================================================*/


/*=                                             = 4. Caso ed éxito =                                              =*/


/*=================================================================================================================*/

.contentExitoInbound .banner {
    margin-top: 100px;
    position: relative;
}

.contentExitoInbound .banner::before {
    content: '';
    width: 450px;
    height: 450px;
    background: var(--degRojo);
    border-radius: 50%;
    transform: translate(-30%, -5%);
    opacity: .2;
    position: absolute;
    z-index: -1;
}

.contentExitoInbound .banner::after {
    content: '';
    width: 100px;
    height: 100px;
    background-color: var(--naranja);
    border-radius: 50%;
    opacity: .1;
    position: absolute;
    top: 85px;
    left: 14%;
    z-index: -1;
}

.contentExitoInbound .banner {
    margin-top: 130px;
}

.contentExitoInbound .banner>.container {
    align-items: flex-end;
}

.contentExitoInbound .banner .colTexto h1 {
    font-weight: 300;
    margin-bottom: 30px;
}

.contentExitoInbound .banner .colTexto h1 strong {
    font-weight: 900;
}

.contentExitoInbound .banner .colTexto p {
    margin-bottom: 25px;
}

.contentExitoInbound .banner .colTexto .accion {
    padding: 10px 30px;
}

.casosCont>.container {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.casosCont>.container::before {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #b1b1b1;
    left: 50%;
    top: 0;
    position: absolute;
}

.casosCont>.container>.fichaCasoExito {
    background: white;
    box-shadow: 0 0 11px #ccc;
    padding: 30px;
    width: 45%;
    margin: 0 10px;
    transition: .4s all ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.casosCont>.container>.fichaCasoExito::before {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--degNaranja);
    transform-origin: center;
    top: 100%;
    left: 0;
    position: absolute;
    transition: .4s all ease;
    z-index: -2;
}

.casosCont>.container>.fichaCasoExito:hover:before {
    top: -100%;
}

.casosCont>.container>.fichaCasoExito::after {
    content: '';
    width: calc(100% - 5px);
    height: calc(100% - 5px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    position: absolute;
    z-index: -1;
}

.casosCont>.container>.fichaCasoExito:nth-child(2) {
    margin-top: 60px;
    margin-bottom: 40px;
}

.casosCont>.container>.fichaCasoExito>h2 {
    font-size: 36px;
    line-height: 1;
    color: #294859;
    margin-bottom: 20px;
}

.casosCont>.container>.fichaCasoExito>.imagen {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.casosCont>.container>.fichaCasoExito>.imagen>img {
    height: 70px;
}

.casosCont>.container>.fichaCasoExito>p {
    color: var(--azulObs);
    margin-bottom: 40px;
}

.casosCont>.container>.fichaCasoExito>h2>strong {
    font-size: 16px;
    display: block;
    font-weight: 400;
}

.casosCont>.container>.fichaCasoExito>.accion {
    z-index: 1;
}

.casosCont>.container>.fichaCasoExito>.accion::after {
    content: '';
    width: 50px;
    height: 50px;
    background: var(--degRojo);
    border-radius: 50%;
    z-index: -2;
    left: 50%;
    transform: translateX(-50%) translateY(100%) scale(1);
    bottom: 0;
    position: absolute;
    transition: .4s all ease;
}

.casosCont>.container>.fichaCasoExito>.accion:hover:after {
    transform: translateX(-50%) translateY(100%) scale(5);
}


/*=================================================================================================================*/


/*=                                         = 5. Caso de éxito Diseño =                                           =*/


/*=================================================================================================================*/

.contentExitoInbound.contentCasoDiseno .banner .colTexto h1>strong {
    font-size: 48px;
}

.contentCasoDiseno .banner .colTexto .accion {
    display: flex;
}

.contentCasoDiseno .newCasos>.container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.contentCasoDiseno .newCasos>.container>.item {
    background-color: #fff;
    box-shadow: 0 20px 40px rgba(112, 29, 0, .19);
    padding: 22px;
    border-radius: 15px;
    position: relative;
    transition: all .4s ease;
    top: 0;
    margin-left: 70px;
    width: 43%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contentCasoDiseno .newCasos>.container>.item:hover {
    box-shadow: 0 50px 50px rgba(112, 29, 0, .15);
    transform: translateY(-10px);
}

.contentCasoDiseno .newCasos>.container>.item:nth-child(2n+1) {
    margin-bottom: 40px;
}

.contentCasoDiseno .newCasos>.container>.item:nth-child(2n) {
    margin-top: 40px;
}

.contentCasoDiseno .newCasos>.container>.item>.miniatura {
    margin-left: -60px;
    height: 147px;
    width: 47%;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    box-shadow: 0 6px 10px rgba(112, 29, 0, .12);
    transition: all .3s ease;
}

.contentCasoDiseno .newCasos>.container>.item:hover>.miniatura {
    box-shadow: 0 20px 40px rgba(112, 29, 0, .19);
    transform: translateY(-10px);
}

.contentCasoDiseno .newCasos>.container>.item>.miniatura::before {
    content: '';
    width: 50%;
    height: 200px;
    left: -35%;
    top: 50%;
    transform: translateY(-50%) rotate(20deg);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    opacity: .1;
    position: absolute;
    transition: .4s all ease;
}

.contentCasoDiseno .newCasos>.container>.item:hover>.miniatura::before {
    left: 60%;
}

.contentCasoDiseno .newCasos>.container>.item>.miniatura>img {
    width: 100%;
    height: auto !important;
}

@supports(object-fit: cover) {
    .contentCasoDiseno .newCasos>.container>.item>.miniatura>img {
        height: 100% !important;
        object-fit: cover;
        object-position: center;
    }
}

.contentCasoDiseno .newCasos>.container>.item>.info {
    width: 62%;
}

.contentCasoDiseno .newCasos>.container>.item>.info>.cabecera {
    display: flex;
    margin-bottom: 10px;
}

.contentCasoDiseno .newCasos>.container>.item>.info>.cabecera>.logo {
    height: 47px;
    width: 50%;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.contentCasoDiseno .newCasos>.container>.item>.info>.cabecera>.logo>img {
    width: 100%;
}

.contentCasoDiseno .newCasos>.container>.item.dental>.info>.cabecera>.logo>img {
    height: 100%;
    width: auto;
}

.contentCasoDiseno .newCasos>.container>.item>.info>.cabecera>span {
    font-size: 14px;
    color: #294859;
    text-align: right;
    position: relative;
    width: 50%;
    display: block;
    line-height: 20px;
}

.contentCasoDiseno .newCasos>.container>.item>.info>.cabecera>span b {
    font-weight: 900;
}

.contentCasoDiseno .newCasos>.container>.item>.info>.cabecera>span::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 3px;
    background: var(--degNaranja);
}

.contentCasoDiseno .newCasos>.container>.item>.info>p {
    color: var(--azulObs);
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 16px;
}

.modalBox {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .7);
    transition: .4s all ease;
    -webkit-transition: .4s all ease;
    -moz-transition: .4s all ease;
    -ms-transition: .4s all ease;
    -o-transition: .4s all ease;
    opacity: 0;
    visibility: hidden;
}

.modalBox.activo {
    opacity: 1;
    visibility: visible;
}

.modalBox>.modalBody {
    width: 65%;
    height: auto;
    aspect-ratio: 16 / 9;
    position: relative;
}

.modalBox>.modalBody>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    opacity: 0;
    visibility: hidden;
    transition: .4s all ease;
    -webkit-transition: .4s all ease;
    -moz-transition: .4s all ease;
    -ms-transition: .4s all ease;
    -o-transition: .4s all ease;
}

.modalBox>.modalBody>iframe.activo {
    opacity: 1;
    visibility: visible;
}

.modalBox .cerrar {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    padding: 10px 15px;
    background: var(--degNaranja);
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
}


/*=================================================================================================================*/


/*=                                                = 6. Soporte =                                                 =*/


/*=================================================================================================================*/

.contentSoporte {
    margin-top: 200px;
}

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

.contentSoporte>.container>div {
    width: 47%;
}

.contentSoporte>.container>div.colImg>img {
    width: 100%;
    margin-top: -200px;
}

.contentSoporte>.container>div.colImg>h2 {
    font-size: 2em;
    font-weight: 900;
    display: block;
    text-align: left;
    color: #294859;
    font-family: 'Lato', sans-serif;
    line-height: 1.2em;
}

.contentSoporte>.container>div.colImg>p {
    font-size: 18px;
    font-weight: 300;
    color: var(--azulObs);
    margin: 30px 0 0 0;
    padding-right: 10%;
}

.contentSoporte>.container>div.colForm {
    background: #fff;
    -webkit-box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 40px;
    position: relative;
}

.contentSoporte>.container>div.colForm::after {
    content: "";
    position: absolute;
    background: url(/img/bg-circle.svg);
    width: 100px;
    height: 104px;
    top: -20px;
    right: -55px;
    background-position: top left;
    background-repeat: no-repeat;
}

.contentSoporte>.container>div.colForm::before {
    content: "";
    position: absolute;
    bottom: -50px;
    left: -100px;
    width: 1013px;
    height: 710px;
    background: url(/img/decor-contact-form.svg);
    background-repeat: no-repeat;
    background-position: top left;
    z-index: -1;
}


/*=================================================================================================================*/


/*=                                           = 7. Inbound Marketing =                                            =*/


/*=================================================================================================================*/

.bannerInt {
    position: relative;
    z-index: 1;
}

.bannerInt::before {
    content: '';
    width: 450px;
    height: 450px;
    border-radius: 50%;
    background: var(--degRojo);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: translate(-30%, -30%);
    opacity: .3;
}

.bannerInt::after {
    content: '';
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: var(--degNaranja);
    top: 0;
    left: 13%;
    position: absolute;
    z-index: -2;
    opacity: .1;
}

.contentInbouindMark .bannerInt .colText h1 {
    font-size: 48px;
    font-weight: 900;
    padding-bottom: 28px;
}

.contentInbouindMark .bannerInt .colText .tit {
    font-size: 28px;
    line-height: 1.2;
    color: #294859;
    font-weight: 900;
    margin-bottom: 20px;
}

.contentInbouindMark .bannerInt .colText>p {
    margin-bottom: 20px;
}

.contentInbouindMark .bannerInt .colText>.contAccion {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contentInbouindMark .bannerInt .colText>.contAccion>.accion {
    width: 50%;
}

.contentInbouindMark .bannerInt .colText>.contAccion>.contKing {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.contentInbouindMark .bannerInt .colText>.contAccion>.contKing>img {
    margin-bottom: 10px;
}

.contentInbouindMark .bannerInt .colText>.contAccion>.contKing>span {
    color: var(--naranja);
}

.metodologiaInbound .encabezado {
    margin-bottom: 80px;
}

.metodologiaInbound .encabezado h2 {
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 15px;
    position: relative;
}

.metodologiaInbound .encabezado h2>b {
    font-weight: 900;
    font-size: 40px;
}

.metodologiaInbound .encabezado p {
    font-size: 16px;
    color: var(--azulObs);
    font-weight: normal;
}

.metodologiaInbound .filaItems {
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin-bottom: 100px;
}

.metodologiaInbound .filaItems>.item {
    width: 22%;
}

.metodologiaInbound .filaItems>.item>h3 {
    position: relative;
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.metodologiaInbound .filaItems>.item>h3::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background: var(--degNaranja);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.metodologiaInbound .filaItems>.item>span {
    font-size: 110px;
    text-align: center;
    font-weight: 900;
    color: #4d8fef36;
    margin-bottom: 0;
    position: relative;
    line-height: 1;
}

.metodologiaInbound .filaItems>.item>span:after {
    content: '';
    height: 60%;
    width: auto;
    aspect-ratio: 1/1;
    background-image: url(/img/circuloNumeros.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.metodologiaInbound .encabezado.inb h2 {
    position: relative;
    padding-bottom: 30px;
}

.metodologiaInbound .encabezado.inb h2::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 130px;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--degNaranja);
}

.metodologiaInbound .encabezado.inb h2 b {
    font-size: 28px;
}

section.comoTrabajamos .container>.encabezado {
    margin-bottom: 150px;
}

section.comoTrabajamos .container>.encabezado h2 {
    text-align: center;
    font-weight: 300;
}

section.comoTrabajamos .container>.encabezado h2>b {
    font-size: 40px;
    font-weight: 900;
}

section.comoTrabajamos .container>div.listaStiky {
    display: flex;
    justify-content: space-between;
}

section.comoTrabajamos .container>div.listaStiky>div {
    width: 50%;
    /* position: relative; */
}

section.comoTrabajamos .container>div.listaStiky>div.lista {
    width: 45%;
    position: relative;
}

section.comoTrabajamos .container>div.listaStiky>div.lista::before {
    content: '';
    position: absolute;
    left: 50px;
    top: 0;
    width: 2px;
    height: 97%;
    z-index: -1;
    background-image: linear-gradient( rgb(255, 180, 54) 30%, rgba(255, 255, 255, 0) 0%);
    background-position: right;
    background-size: 5px 25px;
    background-repeat: repeat-y;
}

section.comoTrabajamos .container>div.listaStiky>div.lista>.listItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
    position: relative;
}

section.comoTrabajamos .container>div.listaStiky>div.lista>.listItem>.icon {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 50%;
    box-shadow: 0px 10px 8px 0px rgba(50, 50, 50, 0.23);
}

section.comoTrabajamos .container>div.listaStiky>div.lista>.listItem>.icon::before {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--degNaranja);
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    transform: rotate(45deg);
}

section.comoTrabajamos .container>div.listaStiky>div.lista>.listItem>.icon::after {
    content: '';
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: -1;
    border-radius: 50%;
}

section.comoTrabajamos .container>div.listaStiky>div.lista>.listItem>.info {
    width: calc(94% - 100px);
}

section.comoTrabajamos .container>div.listaStiky>div.lista>.listItem>.info>h3 {
    font-weight: 300;
    font-size: 25px;
    margin-bottom: 15px;
}

section.comoTrabajamos .container>div.listaStiky>div.lista>.listItem>.info>p {
    position: relative;
    color: var(--azulObs);
    padding-bottom: 10px;
}

section.comoTrabajamos .container>div.listaStiky>div.lista>.listItem>.info>p::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background: var(--degNaranja);
}


/* 
section.comoTrabajamos .container>div.listaStiky>div.stikyCont {
    position: relative;
} */

section.comoTrabajamos .container>div.listaStiky>div.stikyCont .itemMovil {
    /* position: relative;
    top: 0px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    transition: 0s all ease;
}

section.comoTrabajamos .container>div.listaStiky>div.stikyCont .itemMovil .accion {
    display: inline-flex;
    justify-content: center;
}

section.comoTrabajamos .container>div.listaStiky>div.stikyCont .itemMovil .accion::after {
    content: '';
    width: 28px;
    height: 20px;
    background-image: url(/img/flechaDerNegro.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: invert(1);
    margin-left: 14px;
}

section.comoTrabajamos .container>div.listaStiky>div.stikyCont .itemMovil>.encabezado>h2 {
    text-align: center;
    font-weight: 300;
    margin-bottom: 60px;
}

section.comoTrabajamos .container>div.listaStiky>div.stikyCont .itemMovil>.encabezado>h2>b {
    font-size: 40px;
    font-weight: 900;
}

section.comoTrabajamos .container>div.listaStiky>div.stikyCont .itemMovil>.carruselInbound>.owl-dots {
    display: none;
}

section.comoTrabajamos .container>div.listaStiky>div.stikyCont .itemMovil>.carruselInbound>.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

section.comoTrabajamos .container>div.listaStiky>div.stikyCont .itemMovil>.carruselInbound>.owl-nav button.owl-prev {
    left: 0;
    background-image: url(/img/flechaIzquierdaSlider.svg);
}

section.comoTrabajamos .container>div.listaStiky>div.stikyCont .itemMovil>.carruselInbound>.owl-nav button.owl-next {
    right: 0;
    background-image: url(/img/flechaDerSlider.svg);
}

section.comoTrabajamos .container>div.listaStiky>div.stikyCont .itemMovil>.carruselInbound>.owl-nav button>span {
    display: none;
}

.cardsConoceMas {
    margin-top: 30px;
    margin-bottom: 30px;
}

.cardsConoceMas>.container {
    display: flex;
    justify-content: space-between;
}

.cardsConoceMas>.container>.card.primera {
    color: #fff;
    background: var(--degAzul);
}

.cardsConoceMas>.container>.card.primera>h4 {
    color: #fff;
}

.cardsConoceMas>.container>.card.primera>button {
    color: #fff;
}

.cardsConoceMas>.container>.card.primera>button::after {
    filter: invert(1);
}

.cardsConoceMas>.container>.card.primera::before {
    display: none;
}

.cardsConoceMas>.container>.card {
    height: 335px;
    width: 23%;
    color: inherit;
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between;
    box-shadow: 0px 8px 11px 0px rgba(50, 50, 50, .48);
    border-radius: 10px;
    transition: .4s all ease;
    padding: 50px 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.cardsConoceMas>.container>.card::before {
    content: '';
    width: 0px;
    height: 0px;
    left: 50%;
    bottom: -50px;
    transform: translateX(-50%) translateY(0%);
    background: var(--degAzul);
    border-radius: 50%;
    z-index: -1;
    transition: .4s all ease;
    position: absolute;
}

.cardsConoceMas>.container>.card:hover:before {
    width: 450px;
    height: 450px;
}

.cardsConoceMas>.container>.card>.img {
    width: 100%;
    height: 85px;
    position: relative;
}

.cardsConoceMas>.container>.card>.img::after {
    content: '';
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    transition: .4s all ease;
    opacity: 0;
}

.cardsConoceMas>.container>.card>.img.dis::after {
    background-image: url(/img/imgCardDisenoB.svg);
}

.cardsConoceMas>.container>.card>.img.seo::after {
    background-image: url(/img/imgCardSeoB.svg);
}

.cardsConoceMas>.container>.card>.img.ads::after {
    background-image: url(/img/imfCardAdsB.svg);
}

.cardsConoceMas>.container>.card:hover>.img::after {
    opacity: 1;
}

.cardsConoceMas>.container>.card:hover>.img img {
    opacity: 0;
}

.cardsConoceMas>.container>.card.primera:hover>.img img {
    opacity: 1;
}

.cardsConoceMas>.container>.card>.img>img {
    height: 100%;
    transition: .4s all ease;
}

.cardsConoceMas>.container>.card>h4 {
    width: 100%;
    font-size: 23px;
    line-height: 30px;
    font-weight: 300;
    transition: .4s all ease;
}

.cardsConoceMas>.container>.card:hover>h4 {
    color: #fff;
}

.cardsConoceMas>.container>.card>h4>b {
    font-weight: 600;
}

.cardsConoceMas>.container>.card>button {
    border: 0;
    background-color: transparent;
    font-weight: 600;
    display: flex;
    align-items: center;
    transition: .4s all ease;
}

.cardsConoceMas>.container>.card:hover>button {
    color: #fff;
}

.cardsConoceMas>.container>.card>button::after {
    content: '';
    width: 30px;
    height: 24px;
    background-image: url(/img/flechaDerNegro.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-left: 10px;
    transition: .4s all ease;
}

.cardsConoceMas>.container>.card:hover>button::after {
    filter: invert(1);
}


/*=================================================================================================================*/


/*=                                             = 8. ZOHO Partner =                                               =*/


/*=================================================================================================================*/

.contentZohoPartner .bannerInt h1 {
    font-size: 48px;
    font-weight: 900;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

.contentZohoPartner .bannerInt p {
    font-size: 21px;
    color: var(--azulObs);
    font-weight: 300;
    line-height: 29px;
    margin-bottom: 30px;
}

.contentZohoPartner .bannerInt p>b {
    font-weight: 600;
}

.contentZohoPartner .bannerInt a.accion {
    padding: 10px 60px;
}

.contentZohoPartner .bannerInt .colImg {
    position: relative;
}

.contentZohoPartner .bannerInt .colImg .video {
    background-color: #fff;
    line-height: 20px;
    box-shadow: 0 25px 50px #29485947;
    font-size: 20px;
    text-decoration: none;
    color: #294859;
    font-weight: 900;
    padding: 20px 40px 20px 80px;
    border-radius: 50px;
    position: absolute;
    bottom: 20px;
    transition: .4s all ease;
    overflow: hidden;
    z-index: 1;
}

.contentZohoPartner .bannerInt .colImg .video:hover {
    bottom: 30px;
}

.contentZohoPartner .bannerInt .colImg .video::before {
    content: "";
    background-image: url(/img/botonPlay.svg);
    position: absolute;
    width: auto;
    height: 100%;
    aspect-ratio: 1/1;
    left: 0px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s all ease;
    border-radius: 50%;
    z-index: 1;
}

.contentZohoPartner .bannerInt .colImg .video:hover:before {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, .2);
}

.contentZohoPartner .bannerInt .colImg .video::after {
    content: '';
    width: 0px;
    height: 0px;
    border-radius: 50%;
    border: 40px solid var(--naranja);
    top: 50%;
    left: 0;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    z-index: -1;
    opacity: .5;
    transition: .4s all ease;
}

.contentZohoPartner .bannerInt .colImg .video:hover:after {
    width: 570px;
    height: 570px;
}

.itemsZoho .encabezado.cent h2 {
    font-weight: 300;
    position: relative;
    padding-bottom: 30px;
    z-index: 1;
}

.itemsZoho .encabezado.cent h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 130px;
    height: 4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: var(--degNaranja);
}

.itemsZoho .encabezado.cent h2::before {
    content: '';
    width: 240px;
    height: 240px;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    background-image: url(/img/fondo-titulo-centro.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: -1;
}

.itemsZoho .encabezado.cent h2 strong {
    font-weight: 900;
}

.itemsZoho .contZoho {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    margin-top: 80px;
}

.itemsZoho .contZoho>div.menu-lateral {
    position: sticky;
    top: 150px;
    left: 0;
    width: 25%;
    height: 600px;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 10px 20px #2948593b;
    border-radius: 5px;
    overflow-y: scroll;
}

.itemsZoho .contZoho>div.menu-lateral>.iconoTitulo>.icono {
    display: none;
}

.itemsZoho .contZoho>div.menu-lateral>.iconoTitulo>h4 {
    color: #294859;
    font-weight: 900;
    font-size: 19px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 11px;
}

.itemsZoho .contZoho>div.menu-lateral>.iconoTitulo>h4::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 30px;
    height: 3px;
    left: 0;
    background: var(--degNaranja);
}

.itemsZoho .contZoho>div.menu-lateral>ul {
    list-style: none;
    margin-bottom: 24px;
}

.itemsZoho .contZoho>div.menu-lateral>ul li {
    margin-bottom: 5px;
}

.itemsZoho .contZoho>div.menu-lateral>ul li:last-of-type {
    margin: 0;
}

.itemsZoho .contZoho>div.menu-lateral>ul li a {
    text-decoration: none;
    color: #294859;
    font-weight: 600;
    padding: 8px 8px 8px 40px !important;
    display: block;
    position: relative;
}

.itemsZoho .contZoho>div.menu-lateral>ul li a::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.itemsZoho .contZoho>div.menu-lateral>ul li a.crm::before {
    background-image: url(/img/logo-crm.png);
}

.itemsZoho .contZoho>div.menu-lateral>ul li a.bigin::before {
    background-image: url(/img/bigin-logo.png);
}

.itemsZoho .contZoho>div.menu-lateral>ul li a.bookings::before {
    background-image: url(/img/bookings-logo.png);
}

.itemsZoho .contZoho>div.menu-lateral>ul li a.sales::before {
    background-image: url(/img/salesiq-logo.png);
}

.itemsZoho .contZoho>div.menu-lateral>ul li a.campaigns::before {
    background-image: url(/img/campaigns-logo.png);
}

.itemsZoho .contZoho>div.menu-lateral>ul li a.social::before {
    background-image: url(/img/social-logo.png);
}

.itemsZoho .contZoho>div.menu-lateral>ul li a.survey::before {
    background-image: url(/img/survey-logo.png);
}

.itemsZoho .contZoho>div.menu-lateral>ul li a.forms::before {
    background-image: url(/img/zoho-frorms-new-lgo.jpg);
}

.itemsZoho .contZoho>div.menu-lateral>ul li a.pagesense::before {
    background-image: url(/img/pagesense-logo.png);
}

.itemsZoho .contZoho>div.menu-lateral>ul li a.desk::before {
    background-image: url(/img/desk-logo.png);
}

.itemsZoho .contZoho>div.menu-lateral>ul li a.assist::before {
    background-image: url(/img/assist-logo.png);
}

.itemsZoho .contZoho>div.menu-lateral>ul li a.mail::before {
    background-image: url(/img/mail-logo.png);
}

.itemsZoho .contZoho>div.menu-lateral>ul li a.cliq::before {
    background-image: url(/img/cliq-logo.png);
}

.itemsZoho .contZoho>div.menu-lateral>ul li a.projects::before {
    background-image: url(/img/projects-logo.png);
}

.itemsZoho .contZoho>div.menu-lateral>ul li a.projects::before {
    background-image: url(/img/projects-logo.png);
}

.itemsZoho .contZoho>div.menu-lateral>ul li a.workdrive::before {
    background-image: url(/img/workdrive-logo.png);
}

.itemsZoho .contZoho>div.menu-lateral>ul li a.sign::before {
    background-image: url(/img/sign-logo.png);
}

.itemsZoho .contZoho>div.menu-lateral>ul li a.meeting::before {
    background-image: url(/img/meeting-logo.png);
}

.itemsZoho .contZoho>div.itemsZoho {
    width: 72%;
}

.itemsZoho .contZoho>div.itemsZoho>.intro {
    text-align: center;
    margin-bottom: 30px;
    padding-top: 60px;
    margin-top: 60px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 70px;
}

.itemsZoho .contZoho>div.itemsZoho>.intro:first-of-type {
    border: 0;
    padding-top: 0px;
    margin-top: 0px;
}

.itemsZoho .contZoho>div.itemsZoho>.intro>h2 {
    font-size: 40px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.itemsZoho .contZoho>div.itemsZoho>.intro>h2::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 70px;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--degNaranja);
}

.itemsZoho .contZoho>div.itemsZoho>.filaItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    position: relative;
}

.itemsZoho .contZoho>div.itemsZoho>.filaItem>div.contAncla {
    position: absolute;
    top: -140px;
    left: 0;
    width: 0;
}

.itemsZoho .contZoho>div.itemsZoho>.filaItem:last-of-type {
    margin: 0;
}

.itemsZoho .contZoho>div.itemsZoho>.filaItem>div {
    width: 48%;
}

.itemsZoho .contZoho>div.itemsZoho>.filaItem>div.colImg>img {
    width: 100%;
}

.itemsZoho .contZoho>div.itemsZoho>.filaItem>.colText>h2 {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}

.itemsZoho .contZoho>div.itemsZoho>.filaItem>.colText>h2>img {
    margin-right: 8px;
}

.itemsZoho .contZoho>div.itemsZoho>.filaItem>.colText>p {
    margin-bottom: 25px;
}

.itemsZoho .contZoho>div.itemsZoho>.filaItem>.colText .accion {
    background-color: #29485912;
    color: var(--azulObs);
}

.itemsZoho .contZoho>div.itemsZoho>.filaItem>.colText>.ver-video {
    background: var(--degNaranja);
    font-weight: 800;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    margin-left: 20px;
    text-decoration: none;
    position: relative;
    padding-right: 30px;
}

.itemsZoho .contZoho>div.itemsZoho>.filaItem>.colText>.ver-video::after {
    content: '';
    width: 23px;
    height: 23px;
    background-image: url(/img/botonPlay.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: .4s all ease;
}

.itemsZoho .contZoho>div.itemsZoho>.filaItem>.colText>.ver-video:hover:after {
    transform: translateY(-50%) scale(1.2);
}

.itemsZoho .contZoho>div.itemsZoho>.filaItem.campaignsTit>.colText>h2 {
    display: flex;
    flex-wrap: wrap;
}

.itemsZoho .contZoho>div.itemsZoho>.filaItem.campaignsTit>.colText>h2>span {
    display: flex;
    align-items: center;
}

.itemsZoho .contZoho>div.itemsZoho>.filaItem.campaignsTit>.colText>h2>span>img {
    margin-right: 10px;
}


/*=================================================================================================================*/


/*=                                               = 9. ZOHO CRM =                                                 =*/


/*=================================================================================================================*/

.contentCRM .banner .colText .titulo {
    font-size: 40px;
    line-height: 1.2;
    color: #294859;
    font-weight: 300;
    margin-bottom: 18px;
    padding-bottom: 12px;
    position: relative;
}

.contentCRM .banner .colText .titulo>strong {
    font-size: 48px;
    font-weight: 900;
    padding-bottom: 12px;
}

.contentCRM .banner .colText p {
    margin-bottom: 30px;
}

.contentCRM .banner .colText .destacado {
    color: #014659;
    font-weight: 300;
    font-size: 24px;
    line-height: 36px;
}

.contentCRM .banner .colText .accion {
    padding: 10px 70px;
}

.contentCRM .banner .colimg {
    position: relative;
}

.contentCRM .banner .colimg .btnVideo {
    position: absolute;
}

.contentCRM .banner .colimg .btnVideo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.contentCRM .banner .colimg .btnVideo a {
    position: relative;
    background-color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    box-shadow: 0 20px 40px #cc720394;
    text-decoration: none;
    color: #294859;
    font-weight: 700;
    text-decoration: none;
    transition: .4s all ease;
}

.contentCRM .banner .colimg .btnVideo a::before {
    content: "";
    background-image: url(/img/botonPlay.svg);
    position: absolute;
    width: 65px;
    height: 65px;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    top: -65px;
    border-radius: 50px;
    right: 0;
    margin: 0 auto;
    box-shadow: 0 0 0 0 #cc7203;
    transition: .4s all ease;
    transform: scale(1);
    animation: pulse 2s infinite;
}

.contentCRM .banner .colimg .btnVideo a:hover:before {
    top: -70px;
}

@keyframes pulse {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(204, 114, 3, .7)
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px transparent
    }
    100% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 transparent
    }
}

.optProcesos .encabezado {
    text-align: center;
    margin-bottom: 50px;
}

.optProcesos .encabezado h1 {
    margin-bottom: 18px;
    padding-bottom: 12px;
}

.optProcesos .encabezado h1 strong {
    font-size: 48px;
    font-weight: 900;
    padding-bottom: 12px;
}

.optProcesos .encabezado h2 {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #294859;
    position: relative;
}

.optProcesos .encabezado h2 strong {
    font-weight: 900;
    font-size: 40px;
}

.optProcesos .filaItems {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.optProcesos .filaItems>.item {
    width: 16.666667%;
    text-align: center;
    padding: 0 15px;
}

.optProcesos .filaItems>.item>figure {
    margin: 16px 0;
}

.optProcesos .filaItems>.item>figure>img {
    height: 100px;
}

.optProcesos .filaItems>.item>h4 {
    color: #404040;
}

.gestiona .encabezado.izq {
    width: 60%;
    margin-bottom: 50px;
}

.gestiona .encabezado.izq>h2 {
    position: relative;
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #294859;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.gestiona .encabezado.izq>h2::before {
    content: '';
    width: 240px;
    height: 240px;
    background-image: url(/img/fondo-titulo-centro.png);
    top: 30%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    z-index: -1;
}

.gestiona .encabezado.izq>h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 130px;
    height: 4px;
    left: 0;
    background: var(--degNaranja);
}

.gestiona .encabezado.izq>h2 strong {
    font-weight: 900;
    font-size: 40px;
}

.gestiona .encabezado.izq>p {
    font-size: 16px;
    line-height: 29px;
    color: var(--azulObs);
    font-weight: normal;
}

.gestiona {
    margin-bottom: 50px;
}

.gestiona .filaInfo {
    display: flex;
    justify-content: space-between;
}

.gestiona .filaInfo>.colLista {
    width: 40%;
}

.gestiona .filaInfo>.colLista>ul.lista-circulo {
    margin: 0 0 1.5em 3em;
}

.gestiona .filaInfo>.colLista>ul.lista-circulo li::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 5px;
    background-image: url(/img/circulo-lista.png);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.gestiona .filaInfo>.colLista>ul.lista-circulo li {
    margin-bottom: 20px;
    position: relative;
    list-style-type: none;
    color: #404040;
}

.gestiona .filaInfo>.colImg {
    width: 58%;
}

.gestiona .filaInfo>.colImg>figure {
    position: relative;
    padding: 0 20px;
}

.gestiona .filaInfo>.colImg>figure::before {
    content: url(/img/botonesNaranja.svg);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    z-index: -1;
}

.gestiona .filaInfo>.colImg>figure::after {
    content: url(/img/triangulos.png);
    position: absolute;
    top: -246px;
    right: -3px;
    z-index: -1;
}

.gestiona .filaInfo>.colImg>figure>img {
    width: 100%;
    box-shadow: 0 50px 40px #cccccc5c;
}

.automatismos {
    margin-bottom: 50px;
}

.automatismos .encabezado {
    margin-bottom: 50px;
}

.automatismos .encabezado h2,
.informes .encabezado h2,
.casoExito>.container>div.colText>h2 {
    position: relative;
    margin-bottom: 28px;
    padding-bottom: 25px;
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #294859;
}

.automatismos .encabezado h2>strong,
.informes .encabezado h2>strong,
.casoExito>.container>div.colText>h2>strong {
    font-weight: 900;
    font-size: 40px;
}

.automatismos .encabezado h2::after,
.informes .encabezado h2::after,
.casoExito>.container>div.colText>h2::after {
    content: url(/img/fondo-titulo-centro.png);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -91px;
    z-index: -1;
}

.automatismos .encabezado h2::before,
.informes .encabezado h2::before,
.casoExito>.container>div.colText>h2::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 130px;
    height: 4px;
    left: 0;
    margin: 0 auto;
    background: var(--degNaranja);
    z-index: -1;
}

.automatismos .filaInfo {
    display: flex;
    justify-content: space-between;
}

.automatismos .filaInfo>div {
    width: 49%;
}

.automatismos .filaInfo>div.colText>p,
.informes>.container>.filaInfo>.colText>p {
    margin-bottom: 22px;
}

.automatismos .filaInfo>div.colText>ul,
.informes>.container>.filaInfo>.colText>ul,
.porQueZoho>.container>.colList>ul {
    margin: 0 0 1.5em 3em;
    list-style: none;
}

.automatismos .filaInfo>div.colText>ul li,
.informes>.container>.filaInfo>.colText>ul>li,
.porQueZoho>.container>.colList>ul>li {
    margin-bottom: 20px;
    position: relative;
    list-style-type: none;
    color: #404040;
}

.automatismos .filaInfo>div.colText>ul li::before,
.informes>.container>.filaInfo>.colText>ul>li::before,
.porQueZoho>.container>.colList>ul>li::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 5px;
    background-image: url(/img/circulo-lista.png);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.informes {
    margin-bottom: 50px;
}

.informes>.container>.filaInfo {
    display: flex;
    justify-content: space-between;
}

.informes>.container>.filaInfo>.colText {
    width: 40%;
}

.informes>.container>.filaInfo>.colImg {
    width: 58%;
}

.informes>.container>.filaInfo>.colImg>figure {
    box-shadow: 0 50px 40px #cccccc5c;
    position: relative;
}

.informes>.container>.filaInfo>.colImg>figure::after {
    content: url(/img/circulo-after.png);
    position: absolute;
    top: -166px;
    right: 0;
    z-index: -1;
}

.informes>.container>.filaInfo>.colImg>figure::before {
    content: url(/img/triangulos.png);
    position: absolute;
    left: 0;
    bottom: -105px;
    z-index: -1;
}

.casoExito {
    position: relative;
    padding: 150px 0;
}

.casoExito::before {
    content: url(/img/fondo-caso-exito.svg);
    position: absolute;
    width: 100%;
    top: -150px;
    left: 0;
    right: 0;
    z-index: -1;
}

.casoExito>.container {
    display: flex;
    justify-content: space-between;
}

.casoExito>.container>div {
    width: 48%;
}

.casoExito>.container>div.colText>h2 {
    margin-bottom: 30px;
}

.casoExito>.container>div.colVid>button::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(/img/puntos-morado.svg);
    background-repeat: no-repeat;
    background-size: contain;
    right: -114px;
    bottom: -47px;
    z-index: -1;
}

.casoExito>.container>div.colVid>button {
    padding: 0 !important;
    border: 0;
    border-radius: 5px !important;
    box-shadow: 0 35px 50px #cccccc73;
    cursor: pointer;
    position: relative;
}

.porQueZoho {
    margin-bottom: 100px;
}

.porQueZoho>.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.porQueZoho .encabezado {
    margin-bottom: 40px;
}

.porQueZoho .encabezado>h2::after {
    content: url(/img/fondo-titulo-centro.png);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -91px;
    z-index: -1;
}

.porQueZoho .encabezado>h2::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 130px;
    height: 4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: var(--degNaranja);
    z-index: -1;
}

.porQueZoho .encabezado>h2 {
    margin-bottom: 28px;
    padding-bottom: 25px;
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 30px;
    color: #294859;
    position: relative;
}

.porQueZoho .encabezado>h2>strong {
    font-weight: 900;
}

.porQueZoho .encabezado>p {
    font-size: 16px;
    font-weight: normal;
    color: #404040;
}

.porQueZoho>.container>.colList {
    width: 48%;
}


/*=================================================================================================================*/


/*=                                              = 10. ZOHO Bigin =                                               =*/


/*=================================================================================================================*/

.contentBigin .banner .tit-slide {
    font-size: 40px;
    line-height: 1.2;
    color: #294859;
    font-weight: 300;
    margin-bottom: 18px;
    padding-bottom: 12px;
    position: relative;
}

.contentBigin .banner p.banner-parrafo-destacado {
    color: #014659;
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 40px;
}

.contentBigin .banner p {
    margin-bottom: 20px;
}

.contentBigin .banner .accion {
    padding: 10px 70px;
}

.contentBigin .banner .colImg .accionVideo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.contentBigin .banner .colImg .accionVideo a {
    position: relative;
    background-color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    box-shadow: 0 20px 40px #cc720394;
    text-decoration: none;
    color: #294859;
    font-weight: 700;
    text-decoration: none;
    transition: .4s all ease;
}

.contentBigin .banner .colImg .accionVideo a::before {
    content: "";
    background-image: url(/img/botonPlay.svg);
    position: absolute;
    width: 65px;
    height: 65px;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    top: -65px;
    border-radius: 50px;
    right: 0;
    margin: 0 auto;
    box-shadow: 0 0 0 0 #cc7203;
    transition: .4s all ease;
    transform: scale(1);
    animation: pulse 2s infinite;
}

.contentBigin .banner .colImg .accionVideo a:hover:before {
    top: -70px;
}

@keyframes pulse {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(204, 114, 3, .7)
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px transparent
    }
    100% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 transparent
    }
}

.atraeBogon .encabezado {
    margin-bottom: 50px;
}

.atraeBogon .encabezado h1 {
    margin-bottom: 30px;
}

.atraeBogon .encabezado h1 strong {
    font-size: 48px;
    font-weight: 900;
    padding-bottom: 12px;
}

.atraeBogon .encabezado h2 {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 40px;
    color: #294859;
    position: relative;
}

.atraeBogon .encabezado p {
    font-size: 16px;
    line-height: 24px;
    color: #404040;
    font-weight: normal;
}

.atraeBogon>.container>.filaItems {
    display: flex;
    justify-content: space-between;
}

.atraeBogon>.container>.filaItems>.item {
    width: 17%;
    text-align: center;
}

.atraeBogon>.container>.filaItems>.item>figure>img {
    width: 80%;
}

.atraeBogon>.container>.filaItems>.item>h4 {
    color: #404040;
    line-height: 24px;
}

.gestionaLeads {
    margin-bottom: 100px;
}

.gestionaLeads>div>.encabezado {
    margin-top: 50px;
    margin-bottom: 40px;
}

.gestionaLeads>div>.encabezado h2,
.seguimiento>div.container>div.colText>h2,
.informes>.container>div.colText>h2 {
    position: relative;
    margin-bottom: 28px;
    padding-bottom: 25px;
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #294859;
}

.gestionaLeads>div>.encabezado h2>strong,
.seguimiento>div.container>div.colText>h2>strong,
.informes>.container>div.colText>h2>strong {
    font-weight: 900;
    font-size: 40px;
}

.gestionaLeads>div>.encabezado h2::after,
.seguimiento>div.container>div.colText>h2::after,
.informes>.container>div.colText>h2::after {
    content: url(/img/fondo-titulo-centro.png);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -80px;
    z-index: -1;
}

.gestionaLeads>div>.encabezado h2::before,
.seguimiento>div.container>div.colText>h2::before,
.informes>.container>div.colText>h2::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 130px;
    height: 4px;
    left: 0;
    margin: 0 auto;
    background: var(--degNaranja);
    z-index: -1;
}

.gestionaLeads>div>.filaInfo {
    display: flex;
    justify-content: space-between;
}

.gestionaLeads>div>.filaInfo>.colFila {
    width: 40%;
}

.gestionaLeads>div>.filaInfo>.colFila>p,
.seguimiento>div.container>div.colText>p,
.automatismos>.container>.colText>p,
.informes>.container>div.colText>p {
    margin-bottom: 22px;
}

.gestionaLeads>div>.filaInfo>.colFila>ul,
.seguimiento>div.container>div.colText>ul,
.automatismos>.container>.colText>ul,
.informes>.container>div.colText>ul,
.porQueZoho>.container>.contTexto>ul {
    margin: 0 0 1.5em 3em;
    list-style: none;
}

.gestionaLeads>div>.filaInfo>.colFila>ul li,
.seguimiento>div.container>div.colText>ul>li,
.automatismos>.container>.colText>ul>li,
.informes>.container>div.colText>ul>li,
.porQueZoho>.container>.contTexto>ul>li {
    margin-bottom: 20px;
    position: relative;
    list-style-type: none;
    color: #404040;
}

.gestionaLeads>div>.filaInfo>.colFila>ul li::before,
.seguimiento>div.container>div.colText>ul>li::before,
.automatismos>.container>.colText>ul>li::before,
.informes>.container>div.colText>ul>li::before,
.porQueZoho>.container>.contTexto>ul>li::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 5px;
    background-image: url(/img/circulo-lista.png);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.gestionaLeads>div>.filaInfo>.colImg {
    width: 58%;
}

.gestionaLeads>div>.filaInfo>.colImg>figure {
    position: relative;
    padding: 0 20px;
}

.gestionaLeads>div>.filaInfo>.colImg>figure::before {
    content: url(/img/botonesNaranja.svg);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    z-index: -1;
}

.gestionaLeads>div>.filaInfo>.colImg>figure::after {
    content: url(/img/triangulos.png);
    position: absolute;
    top: -246px;
    right: -3px;
    z-index: -1;
}

.seguimiento>div.container {
    display: flex;
    justify-content: space-between;
}

.seguimiento>div.container>div.colImg {
    width: 56%;
}

.seguimiento>div.container>div.colText {
    width: 40%;
}

.automatismos {
    margin-bottom: 100px;
}

.automatismos>.container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.automatismos>.container>.encabezado {
    width: 100%;
    text-align: center;
}

.automatismos>.container>.encabezado>h2::before {
    right: 0;
}

.automatismos>.container>.colImg,
.automatismos>.container>.colText {
    width: 49%;
}

.informes {
    margin-bottom: 100px;
}

.informes>.container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.informes>.container>.encabezado {
    width: 100%;
}

.informes>.container>div.colText {
    width: 39%;
}

.informes>.container>div.colText>h2 {
    margin-bottom: 30px;
}

.informes>.container>div.colImg {
    width: 59%;
}

.informes>.container>div.colImg>figure {
    position: relative;
}

.informes>.container>div.colImg>figure::before {
    content: url(/img/triangulos.png);
    position: absolute;
    left: 0;
    bottom: -105px;
    z-index: -1;
}

.informes>.container>div.colImg>figure::after {
    content: url(/img/circulo-after.png);
    position: absolute;
    top: -166px;
    right: 0;
    z-index: -1;
}

.porQueZoho>.container>.contTexto>h2,
.porQueZoho>.container>.contTexto>p {
    text-align: center;
    position: relative;
}

.porQueZoho>.container {
    justify-content: center;
}

.porQueZoho>.container>.contTexto {
    width: 50%;
}

.porQueZoho>.container>.contTexto>h2 {
    margin-bottom: 30px;
    padding-bottom: 30px;
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    color: #294859;
    position: relative;
}

.porQueZoho>.container>.contTexto>h2 strong {
    font-weight: 900;
    font-size: 40px;
}

.porQueZoho .encabezado>h2::after,
.porQueZoho>.container>.contTexto>h2::after {
    content: url(/img/fondo-titulo-centro.png);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -91px;
    z-index: -1;
}

.porQueZoho .encabezado>h2::before,
.porQueZoho>.container>.contTexto>h2::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 130px;
    height: 4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: var(--degNaranja);
    z-index: -1;
}

.porQueZoho .encabezado>h2 {
    margin-bottom: 28px;
    padding-bottom: 25px;
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 30px;
    color: #294859;
    position: relative;
}

.porQueZoho>.container>.contTexto>p {
    margin-bottom: 20px;
}


/*=================================================================================================================*/


/*=                                             = 11. ZOHO SalesIQ =                                              =*/


/*=================================================================================================================*/

.contentSalesIQ>.banner>.container>.colText>p.tit-slide {
    margin-bottom: 40px;
}

.contentSalesIQ>.banner>.container>.colText>p.tit-slide strong {
    position: relative;
    font-size: 48px;
    font-weight: 900;
    padding-bottom: 12px;
    position: relative;
    padding-left: 52px;
}

.contentSalesIQ>.banner>.container>.colText>p.tit-slide strong::before {
    top: 7px;
    content: "";
    position: absolute;
    left: 0;
    width: 42px;
    height: 49px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/img/icon-salesiq_6.png);
}

.contentSalesIQ>.banner>.container>.colText>p.banner-parrafo-destacado {
    color: #014659;
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 1.5em;
}

.contentSalesIQ>.banner>.container>.colText>p {
    margin-bottom: 20px;
}

.contentSalesIQ>.banner>.container>.colText>a.accion {
    padding: 10px 70px;
}

.atrae-bigin>.container>.encabezado>h1 {
    font-size: 48px;
    font-weight: 900;
    padding-bottom: 12px;
    margin-bottom: 30px;
}

.atrae-bigin>.container>.encabezado>h2 {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #294859;
    position: relative;
    margin-bottom: 40px;
}

.atrae-bigin>.container>.filaItems {
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
    padding: 0 50px;
}

.atrae-bigin>.container>.filaItems>.item {
    width: 16%;
    text-align: center;
}

.atrae-bigin>.container>.filaItems>.item>figure img {
    width: 90%;
    margin-bottom: 20px;
}

.monitorea {
    margin-bottom: 50px;
}

.monitorea>.container {
    display: flex;
    justify-content: space-between;
}

.monitorea>.container>div.colText {
    width: 39%;
}

.monitorea>.container>div.colText h2,
.personaliza>.container>div.colText>h2,
.automatismos>.container>.colText>h2 {
    position: relative;
    margin-bottom: 28px;
    padding-bottom: 25px;
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 30px;
    color: #294859;
}

.monitorea>.container>div.colText h2>strong,
.personaliza>.container>div.colText>h2 strong,
.automatismos>.container>.colText>h2>strong {
    font-weight: 900;
    font-size: 40px;
}

.monitorea>.container>div.colText h2::after,
.personaliza>.container>div.colText>h2::after,
.automatismos>.container>.colText>h2::after {
    content: url(/img/fondo-titulo-centro.png);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -80px;
    z-index: -1;
}

.monitorea>.container>div.colText h2::before,
.personaliza>.container>div.colText>h2::before,
.automatismos>.container>.colText>h2::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 130px;
    height: 4px;
    left: 0;
    margin: 0 auto;
    background: var(--degNaranja);
    z-index: -1;
}

.monitorea>.container>div.colText>p,
.personaliza>.container>div.colText>p,
.automatismos>.container>.colText>p {
    margin-bottom: 22px;
}

.monitorea>.container>div.colText>ul,
.personaliza>.container>div.colText>ul,
.automatismos>.container>.colText>ul {
    margin: 0 0 1.5em 3em;
    list-style: none;
}

.monitorea>.container>div.colText>ul li,
.personaliza>.container>div.colText>ul>li,
.automatismos>.container>.colText>ul>li {
    margin-bottom: 20px;
    position: relative;
    list-style-type: none;
    color: #404040;
}

.monitorea>.container>div.colText>ul li::before,
.personaliza>.container>div.colText>ul>li::before,
.automatismos>.container>.colText>ul>li::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 5px;
    background-image: url(/img/circulo-lista.png);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.monitorea>.container>div.colImg {
    width: 58%;
}

.monitorea>.container>div.colImg>figure {
    position: relative;
}

.monitorea>.container>div.colImg>figure::after {
    content: url(/img/triangulos.png);
    position: absolute;
    top: -246px;
    right: -3px;
    z-index: -1;
}

.monitorea>.container>div.colImg>figure::before {
    content: url(/img/botonesNaranja.svg);
    position: absolute;
    left: -15px;
    right: 0;
    bottom: 10px;
    z-index: -1;
}

.personaliza>.container {
    display: flex;
    justify-content: space-between;
}

.personaliza>.container>div.colImg {
    width: 57%;
}

.personaliza>.container>div.colImg>figure>img {
    width: 100%;
}

.personaliza>.container>div.colText {
    width: 41%;
}

.automatismos>.container {
    display: flex;
    justify-content: space-between;
}

.automatismos>.container>.colImg>figure>img {
    width: 100%;
}


/*=================================================================================================================*/


/*=                                              = 12. Diseño web =                                               =*/


/*=================================================================================================================*/

.contentDiseno .banner .colText {
    width: 45%;
}

.contentDiseno .banner .colText h1 {
    font-size: 40px;
    line-height: 1.2;
    color: #294859;
    font-weight: 300;
    margin-bottom: 18px;
    padding-bottom: 12px;
    position: relative;
    margin-top: 80px;
}

.contentDiseno .banner .colText h1>strong {
    font-size: 48px;
    font-weight: 900;
    padding-bottom: 12px;
}

.contentDiseno .banner .colText p {
    margin-bottom: 30px;
}

.contentDiseno .banner .colText .accion {
    padding: 10px 70px;
}

.contentDiseno .banner .colImg {
    width: 55% !important;
}

.contentDiseno .banner .colImg>figure {
    margin-top: -70px;
}

.contentDiseno .banner .colImg>figure>img {
    width: 100%;
}

.diseno {
    margin-bottom: 100px;
    text-align: center;
}

.diseno>.container>.colCont {
    width: 75%;
    margin: 0 auto;
}

.diseno>.container>.colCont>h2 {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #294859;
    position: relative;
}

.diseno>.container>.colCont>h2>b {
    font-weight: 900;
}

.diseno>.container>.colCont>p {
    margin-bottom: 40px;
}

.diseno>.container>.colCont>.accion {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 50px;
}

.diseno>.container>.colCont>.accion::after {
    content: '';
    width: 30px;
    height: 20px;
    background-image: url(/img/flechaDerNegro.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    filter: invert(1);
    margin-left: 10px;
}

.como {
    margin-bottom: 100px;
}

.como .contTexto {
    text-align: center;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 80px;
}

.como .contTexto>h2 {
    font-weight: 900;
    font-size: 40px;
    margin-bottom: 40px;
}

.como .contTexto>p {
    margin-bottom: 30px;
}

.como .filaItems {
    display: flex;
    justify-content: space-between;
    padding: 0 40px;
    margin-bottom: 50px;
}

.como .filaItems>.item {
    width: 19%;
    text-align: center;
    padding: 0 5px;
}

.como .filaItems>.item>figure {
    margin-bottom: 30px;
    height: 100px;
}

.como .filaItems>.item>figure>img {
    height: 100%;
    width: auto;
}

.como .filaItems>.item>h3 {
    font-size: 18.72px;
    color: #404040;
}

.como .filaItemsLogos {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 50px;
}

.como .filaItemsLogos>.item {
    margin: 0 10px;
    width: 20%;
}

.como .filaItemsLogos>.item>img {
    height: 80px;
    width: auto;
}

.disDesarrollo .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.disDesarrollo .container>.colTextEnc,
.disDesarrollo .container>.colImgEnc {
    width: 50%;
    margin-bottom: 20px;
}

.disDesarrollo .container>.colTextEnc>h2 {
    position: relative;
    padding-bottom: 23px;
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    color: #294859;
    position: relative;
}

.disDesarrollo .container>.colTextEnc>h2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--degNaranja);
    width: 80px;
    height: 3px;
}

.disDesarrollo .container>.colTextEnc>h2>strong {
    font-weight: 900;
    font-size: 40px;
}

.disDesarrollo .container>.colTextEnc>p {
    line-height: 29px;
    color: var(--azulObs);
}

.disDesarrollo .container>.colImgEnc {
    text-align: center;
}

.disDesarrollo .container>.item {
    line-height: 1.5;
    margin-bottom: 50px;
}

.disDesarrollo .container>.item>span {
    font-size: 60px;
    font-weight: 900;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient( 180deg, rgba(26, 101, 188, 0.4) 0%, rgba(0, 143, 242, 0.4) 100%);
    background-clip: border-box;
    position: relative;
}

.disDesarrollo .container>.item>span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/img/circuloNumeros.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.disDesarrollo .container>.item>h3 {
    font-size: 18px;
    font-weight: 900;
    color: #294859;
}

.disDesarrollo .container>.item>p {
    line-height: 29px;
}

.disDesarrollo .container>.item.uno,
.disDesarrollo .container>.item.dos {
    width: 27%;
}

.disDesarrollo .container>.item.tres {
    width: 37%;
}

.disDesarrollo .container>.item.cinco,
.disDesarrollo .container>.item.seis {
    width: 35%;
}

.disDesarrollo .container>.item.siete {
    width: 20%;
}

.velocidadCarga {
    margin-bottom: 80px;
}

.velocidadCarga>.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.velocidadCarga>.container>.colImg,
.velocidadCarga>.container>.coltext {
    width: 50%;
    margin-bottom: 30px;
}

.velocidadCarga>.container>.coltext>h2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--degNaranja);
    width: 80px;
    height: 3px;
}

.velocidadCarga>.container>.coltext>h2 {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.velocidadCarga>.container>.coltext>h2>strong {
    font-weight: 900;
    font-size: 40px;
}

.velocidadCarga>.container>.col {
    width: 23%;
    align-self: flex-start;
}

.velocidadCarga>.container>.col>.item {
    position: relative;
    width: 100%;
    padding-left: 50px;
}

.velocidadCarga>.container>.col>.item::before {
    content: '';
    width: 26px;
    height: 26px;
    background-image: url(/img/check-trabajo.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgb(15 147 197 / 52%);
}

.velocidadCarga>.container>.col>.item>h3 {
    line-height: 27px;
    font-size: 18px;
    font-weight: 900;
}

.velocidadCarga>.container>.col>.item>p {
    line-height: 29px;
}

.velocidadCarga>.container>.col>.item.segundo {
    margin-top: 50px;
}

.ui>.container {
    display: flex;
    justify-content: space-between;
}

.ui>.container>div {
    width: 50%;
}

.ui>.container>div.colText h2 {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #294859;
    position: relative;
}

.ui>.container>div.colText h2 strong {
    font-weight: 900;
    font-size: 40px;
}

.ui>.container>div.colText p {
    margin-bottom: 25px;
}

.ui>.container>div.colText p.dest {
    padding: 20px 40px;
    border-radius: 12px;
    font-weight: 900;
    color: #294859;
    position: relative;
    background-color: #ffffffeb;
}

.ui>.container>div.colText p.dest::after {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    position: absolute;
    background-color: #2948590d;
    left: -72%;
    top: 20%;
    content: "";
    z-index: -2;
}

.ui>.container>div.colText p.dest::before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 12px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(255, 90, 0);
    background: -moz-linear-gradient(47deg, rgba(255, 90, 0, 1) 0%, rgba(255, 190, 0, 1) 100%);
    background: -webkit-linear-gradient( 47deg, rgba(255, 90, 0, 1) 0%, rgba(255, 190, 0, 1) 100%);
    background: linear-gradient( 47deg, rgba(255, 90, 0, 1) 0%, rgba(255, 190, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff5a00", endColorstr="#ffbe00", GradientType=1);
    z-index: -1;
}

.casosExito {
    margin-top: 60px;
    margin-bottom: 60px;
}

.casosExito .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.casosExito .container>.encabezado {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.casosExito .container>.encabezado h2 {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #294859;
    position: relative;
}

.casosExito .container>.encabezado h2 strong {
    font-weight: 900;
    font-size: 40px;
}

.casosExito .container>.item {
    width: 31%;
    position: relative;
    margin-top: 90px;
    padding-bottom: 40px !important;
    transition: .4s all ease;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 10px 25px #c8964063;
    padding: 20px;
    margin-top: 80px;
}

.casosExito .container>.item:hover {
    transform: translateY(-10px);
}

.casosExito .container>.item>.img {
    height: 150px;
    width: 60%;
    overflow: hidden;
    position: absolute;
    top: -80px;
    box-shadow: 0 10px 25px #c8964063;
    border-radius: 5px;
    left: 20px;
    right: 100%;
    transition: .4s all ease;
}

.casosExito .container>.item:hover>.img {
    left: 50%;
    transform: translateX(-50%);
}

.casosExito .container>.item>.img>img {
    width: 100%;
    height: auto !important;
}

@supports(object-fit: cover) {
    .casosExito .container>.item>.img>img {
        height: 100% !important;
        object-fit: cover;
        object-position: center;
    }
}

.casosExito .container>.item>.logo {
    margin-top: 80px;
    transition: .4s all ease;
}

.casosExito .container>.item>.logo>img {
    width: 50%;
}

.casosExito .container>.item>p {
    font-size: 13px;
    color: var(--azulObs);
}

.casosExito .container>.item>.accion {
    position: absolute;
    right: 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 900;
    border: 0;
    padding: 10px 35px;
    background: rgb(255, 90, 8);
    background: linear-gradient(40deg, rgba(255, 90, 8, 1) 0%, rgba(255, 190, 6, 1) 100%);
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    bottom: 0;
    transform: translateY(50%);
    transition: .4s all ease;
}

.casosExito .container>.item:hover>.accion {
    right: 50%;
    transform: translateX(50%) translateY(50%);
}

.contenido>.container>.encabezado h2 {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #294859;
    position: relative;
}

.contenido>.container>.encabezado h2 strong {
    font-weight: 900;
}

.contenido>.container>.encabezado h2::after {
    content: '';
    position: absolute;
    width: 38px;
    height: 96px;
    background-image: url(/img/beforeTriangulo.svg);
    margin-left: -22px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -72px;
    z-index: -1;
}

.contenido>.container>.encabezado h2::before {
    content: '';
    position: absolute;
    width: 32px;
    height: 96px;
    background-image: url(/img/beforeBotones.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -30px;
    margin-top: -45px;
}

.contenido>.container .listadoCategory,
.contPos>div>.listado-category-post {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}

.contenido>.container .listadoCategory li,
.contPos>div>.listado-category-post>li {
    list-style: none;
    margin-bottom: 20px;
    width: 49.4%;
}

.contenido>.container .listadoCategory li a,
.contPos>div>.listado-category-post>li a {
    display: flex;
    box-shadow: 0 7px 23px -9px rgba(0, 0, 0, .4);
    background: #fff;
    padding: 0 15px;
    border-radius: 10px;
    text-decoration: none;
    align-items: center;
    height: 62px;
    position: relative;
    overflow: hidden;
    transition: .4s all ease;
    z-index: 1;
    /*     background-color: red; */
}

.contenido>.container .listadoCategory li a::before,
.contPos>div>.listado-category-post>li a::before {
    content: '';
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 8px;
    position: absolute;
    z-index: -1;
}

.contenido>.container .listadoCategory li a::after,
.contPos>div>.listado-category-post>li a::after {
    content: '';
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    background-color: var(--naranja);
    border-radius: 50%;
    position: absolute;
    z-index: -2;
    transition: .4s all ease;
}

.contenido>.container .listadoCategory li a:hover:after,
.contPos>div>.listado-category-post>li a:hover:after {
    transform: translate(-50%, -50%) scale(60);
}

.contenido>.container .listadoCategory li a>img,
.contPos>div>.listado-category-post>li a>img {
    max-width: 55px;
    vertical-align: middle;
    border-radius: 10px;
    transition: all .3s;
    margin-right: 20px;
}

.contenido>.container .listadoCategory li a>.content-post-category>h3,
.contPos>div>.listado-category-post>li a>.content-post-category>h3 {
    font-size: 15px;
    color: #3e4543;
    font-weight: 500;
    transition: .4s all ease;
}

.contenido>.container .listadoCategory li a:hover h3,
.contPos>.container .listadoCategory li a:hover h3 {
    color: var(--naranja);
}

.contAds .banner .colImg figure img {
    width: 100%;
    display: block !important;
}


/*=================================================================================================================*/


/*=                                          = 13. Posicionamiento SEO =                                          =*/


/*=================================================================================================================*/

.contentSeo>.bannerInt>.container {
    align-items: flex-start;
}

.contentSeo>.bannerInt .colText {
    width: 46%;
}

.contentSeo>.bannerInt .colText h1 {
    font-size: 40px;
    line-height: 1.2;
    color: #294859;
    font-weight: 300;
    margin-bottom: 18px;
    padding-bottom: 12px;
    position: relative;
    margin-top: 80px;
}

.contentSeo>.bannerInt .colText h1>strong {
    font-weight: 900;
    font-size: 48px;
}

.contentSeo>.bannerInt .colText>p {
    margin-bottom: 25px;
    line-height: 29px;
    color: var(--azulObs);
}

.contentSeo>.bannerInt .colText>.ficha {
    padding: 20px 40px;
    border-radius: 12px;
    font-weight: 900;
    color: #294859;
    position: relative;
    background-color: rgba(255, 255, 255, .92);
}

.contentSeo>.bannerInt .colText>.ficha::after {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    position: absolute;
    background-color: rgba(41, 72, 89, .05);
    left: -72%;
    top: 20%;
    content: "";
    z-index: -2;
}

.contentSeo>.bannerInt .colText>.ficha::before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 12px;
    position: absolute;
    left: 0;
    top: 0;
    background: #ff5a00;
    background: -moz-linear-gradient(47deg, rgba(255, 90, 0, 1) 0%, rgba(255, 190, 0, 1) 100%);
    background: -webkit-linear-gradient(47deg, rgba(255, 90, 0, 1) 0%, rgba(255, 190, 0, 1) 100%);
    background: linear-gradient(47deg, rgba(255, 90, 0, 1) 0%, rgba(255, 190, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff5a00", endColorstr="#ffbe00", GradientType=1);
    z-index: -1;
}

.contentSeo>.bannerInt .colText .accion {
    padding: 14px 80px;
}

.contentSeo>.bannerInt .colImg {
    width: 52% !important;
}

.contentSeo>.bannerInt .colImg>figure>img {
    width: 100%;
}

.agenciaSeo {
    margin-bottom: 80px;
}

.agenciaSeo>.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.agenciaSeo .encabezado {
    text-align: center;
    margin-bottom: 50px;
    width: 100%;
}

.agenciaSeo>.container>.colImg,
.agenciaSeo>.container>.colText {
    width: 49%;
}

.agenciaSeo>.container>.colText>h2 {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #294859;
    position: relative;
}

.agenciaSeo>.container>.colText>h2>strong {
    font-weight: 900;
    font-size: 40px;
}

.agenciaSeo>.container>.colText>p {
    line-height: 29px;
    color: var(--azulObs);
    margin-bottom: 20px;
}

.posiciones>.container>.encabezado {
    text-align: center;
    margin-bottom: 50px;
}

.posiciones>.container>.encabezado>h2 {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #294859;
    position: relative;
}

.posiciones>.container>.encabezado>h2 strong {
    font-weight: 900;
    font-size: 40px;
}

.posiciones>.container>.encabezado>h2 .orange {
    color: var(--naranja)
}

.owl-stage>.owl-item>.item.uno {
    width: 335px;
}

.owl-stage>.owl-item>.item.dos {
    width: 510px;
}

.owl-stage>.owl-item>.item.tres {
    width: 335px;
}

.owl-stage>.owl-item>.item.cuatro {
    width: 413px;
}

.owl-stage>.owl-item>.item.cinco {
    width: 323px;
}

.owl-stage>.owl-item>.item.seis {
    width: 485px;
}

.posiciones .carSeo {
    list-style: none;
    margin-bottom: 100px;
}

.posiciones .carSeo .owl-stage-outer {
    overflow: visible;
}

.posiciones .carSeo .item {
    background-color: #ffffff;
    border-radius: 18px;
    padding: 27px;
    box-shadow: 0 25px 50px rgb(0 0 0 / 15%);
    min-height: 320px;
}

.posiciones .carSeo .item>span {
    font-size: 60px;
    font-weight: 900;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(180deg, rgba(26, 101, 188, 0.4) 0%, rgba(0, 143, 242, 0.4) 100%);
    background-clip: border-box;
    position: relative;
}

.posiciones .carSeo .item>span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/img/circuloNumeros.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.posiciones .carSeo .item>h3 {
    font-size: 25px;
    font-weight: 900;
    color: #294859;
}

.posiciones .carSeo .item>p {
    line-height: 29px;
    color: var(--azulObs);
}

.posiciones .carSeo .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
}

.posiciones .carSeo .owl-dots>button {
    display: block;
    width: 8px;
    height: 8px;
    background-color: var(--naranja);
    border-radius: 50%;
    opacity: .7;
    transition: .4s all ease;
    margin: 0 3px;
}

.posiciones .carSeo .owl-dots>button:hover {
    opacity: 1;
}

.posiciones .carSeo .owl-dots>button.active {
    width: 11px;
    height: 11px;
}

.posiciones .carSeo .owl-dots>button>span {
    display: none;
}

.comoTrabajamos {
    margin-bottom: 100px;
}

.comoTrabajamos>.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.comoTrabajamos .encabezado {
    width: 100%;
}

.comoTrabajamos .encabezado h2,
.cuando>.container>.fila.mid h2 {
    position: relative;
    padding-bottom: 24px;
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    color: #294859;
}

.contentSeo section.comoTrabajamos .container>.encabezado {
    margin-bottom: 60px;
}

.comoTrabajamos .encabezado h2::after {
    content: "";
    position: absolute;
    background: rgb(255, 90, 0);
    background: -moz-linear-gradient(47deg, rgba(255, 90, 0, 1) 0%, rgba(255, 190, 0, 1) 100%);
    background: -webkit-linear-gradient( 47deg, rgba(255, 90, 0, 1) 0%, rgba(255, 190, 0, 1) 100%);
    background: linear-gradient( 47deg, rgba(255, 90, 0, 1) 0%, rgba(255, 190, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff5a00", endColorstr="#ffbe00", GradientType=1);
    width: 80px;
    height: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}

.comoTrabajamos .encabezado h2::before,
.cuando>.container>.fila.mid h2::before {
    content: url(/img/beforeCirTit.png);
    position: absolute;
    top: -120px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}

.comoTrabajamos .encabezado h2>strong,
.cuando>.container>.fila.mid h2>strong {
    font-weight: 900;
    font-size: 40px;
}

.comoTrabajamos>.container>.col {
    width: 30%;
}

.comoTrabajamos>.container>.col>.item {
    position: relative;
    width: 100%;
    padding-left: 50px;
    margin-bottom: 50px;
}

.comoTrabajamos>.container>.col>.item::before {
    content: '';
    width: 26px;
    height: 26px;
    background-image: url(/img/check-trabajo.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgb(15 147 197 / 52%);
}

.cuando {
    margin-bottom: 80px;
}

.cuando>.container>.fila {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.cuando>.container>.fila>.item {
    background-color: #e4f5f5;
    padding: 13px 22px;
    border-radius: 12px;
    margin-bottom: 38px;
    display: inline-block;
    position: relative;
}

.cuando>.container>.fila>.item::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    left: 30px;
    bottom: -15px;
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: #e4f5f5;
    z-index: -1;
}

.cuando>.container>.fila>.item.tit::before {
    display: none;
}

.cuando>.container>.fila>.item.tit {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 0px;
}

.cuando>.container>.fila.top {
    justify-content: center;
}

.cuando>.container>.fila.top>.item {
    margin: 0 70px;
    margin-bottom: 38px;
}

.cuando>.container>.fila.top>.item:first-child {
    margin-left: -90px;
}

.cuando>.container>.fila.mid>.item.der::before {
    left: inherit;
    right: -15px;
    bottom: inherit;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.cuando>.container>.fila.mid>.item.izq::before {
    left: 0px;
    bottom: inherit;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.cuando>.container>.fila.bot {
    justify-content: center;
}

.cuando>.container>.fila.bot>.item {
    margin: 0 120px;
}

.cuando>.container>.fila.bot>.item.topDer::before {
    left: inherit;
    right: 20px;
    bottom: inherit;
    top: 0;
    transform: translate(-50%, -50%) rotate(45deg);
}

.cuando>.container>.fila.bot>.item.topIzq::before {
    left: 30px;
    bottom: inherit;
    top: 0;
    transform: translate(-50%, -50%) rotate(45deg);
}

.seo-off-page {
    margin-bottom: 90px;
    margin-top: 50px;
}

.seo-off-page>.container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.seo-off-page>.container>div {
    width: 48.5%;
}

.seo-off-page>.container>div.colImg {
    position: relative;
}

.seo-off-page>.container>div.colImg::after {
    content: url(/img/off-seo-dest.svg);
    position: absolute;
    bottom: -77px;
    right: 0;
}

.seo-off-page>.container>div.colImg>img {
    width: 100%;
}

.seo-off-page>.container>div.ficha {
    padding: 30px;
    border-radius: 18px;
    box-shadow: 0 25px 50px rgb(0 0 0 / 18%);
    margin-top: 40px;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
}

.seo-off-page>.container>div.ficha>h3 {
    font-size: 25px;
    font-weight: 900;
    color: #294859;
}

.seo-off-page>.container>div.ficha>p {
    line-height: 29px;
    color: #294859;
}

.seo-tecnico>.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.seo-tecnico>.container>.colImg,
.seo-tecnico>.container>.colText {
    width: 49%;
}

.seo-tecnico>.container>.colText>h3,
.seo-off-page>.container>div.colText>h3,
.internacional>.container>.colText>h3,
.onPage>.container>.colText>h3 {
    font-weight: 300;
    color: #FF5A00;
}

.seo-tecnico>.container>.colText>h2::before,
.seo-off-page>.container>div.colText>h2::before,
.internacional>.container>.colText>h2::before,
.onPage>.container>.colText>h2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgb(255, 90, 0);
    background: -moz-linear-gradient(47deg, rgba(255, 90, 0, 1) 0%, rgba(255, 190, 0, 1) 100%);
    background: -webkit-linear-gradient( 47deg, rgba(255, 90, 0, 1) 0%, rgba(255, 190, 0, 1) 100%);
    background: linear-gradient( 47deg, rgba(255, 90, 0, 1) 0%, rgba(255, 190, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff5a00", endColorstr="#ffbe00", GradientType=1);
    width: 80px;
    height: 3px;
}

.seo-tecnico>.container>.colText>h2,
.seo-off-page>.container>div.colText>h2,
.internacional>.container>.colText>h2,
.onPage>.container>.colText>h2 {
    position: relative;
    padding-bottom: 23px;
    margin-bottom: 30px;
    font-weight: 900;
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #294859;
}

.seo-tecnico>.container>.colText>p,
.seo-off-page>.container>div.colText>p,
.internacional>.container>.colText>p,
.onPage>.container>.colText>p {
    line-height: 29px;
}

.onPage>.container>.carTec {
    list-style: none;
}

.seo-tecnico>.container>.carTec,
.onPage>.container>.carTec {
    margin-top: 100px;
    width: 48%;
    margin: 100px auto;
}

.seo-tecnico>.container>.carTec>.owl-stage-outer,
.onPage>.container>.carTec>.owl-stage-outer {
    overflow: visible;
}

.seo-tecnico>.container>.carTec .owl-item>.item,
.onPage>.container>.carTec .owl-item>.item {
    background-color: #ffffff;
    border-radius: 18px;
    padding: 37px;
    box-shadow: 0 25px 50px rgb(0 0 0 / 15%);
}

.seo-tecnico>.container>.carTec .owl-item>.item>h3,
.onPage>.container>.carTec .owl-item>.item>h3 {
    font-size: 25px;
    font-weight: 900;
    color: #294859;
}

.seo-tecnico>.container>.carTec .owl-stage,
.onPage>.container>.carTec .owl-stage {
    align-items: center;
    display: flex;
}

.seo-tecnico>.container>.carTec .owl-item>.item>p,
.onPage>.container>.carTec .owl-item>.item>p {
    line-height: 29px;
}

.seo-tecnico>.container>.carTec .owl-dots,
.onPage>.container>.carTec .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
}

.seo-tecnico>.container>.carTec .owl-dots>button,
.onPage>.container>.carTec .owl-dots>button {
    display: block;
    width: 8px;
    height: 8px;
    background-color: var(--naranja);
    border-radius: 50%;
    opacity: .7;
    transition: .4s all ease;
    margin: 0 3px;
}

.seo-tecnico>.container>.carTec .owl-dots>button:hover,
.onPage>.container>.carTec .owl-dots>button:hover {
    opacity: 1;
}

.seo-tecnico>.container>.carTec .owl-dots>button.active,
.onPage>.container>.carTec .owl-dots>button.active {
    width: 11px;
    height: 11px;
}

.internacional {
    margin-bottom: 80px;
}

.internacional>.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.internacional>.container>div {
    width: 48.5%;
}

.internacional>.container>div.colImg,
.internacional>.container>div.colText {
    margin-bottom: 80px;
}

.internacional>.container>div.colImg {
    position: relative;
}

.internacional>.container>div.colImg::before {
    content: url(/img/internacional.svg);
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    z-index: -1;
}

.internacional>.container>div.col>.card {
    padding: 30px;
    border-radius: 18px;
    box-shadow: 0 25px 50px rgb(0 0 0 / 18%);
    margin-top: 40px;
    background-color: #ffffff;
}

.internacional>.container>div.col>.card>h3 {
    font-size: 25px;
    font-weight: 900;
    color: #294859;
}

.internacional>.container>div.col>.card>p {
    line-height: 29px;
}

.donde {
    margin-bottom: 60px;
}

.donde>.container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.donde>.container>.encabezado {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.donde>.container>.encabezado h2::after {
    content: "";
    position: absolute;
    background: rgb(255, 90, 0);
    background: -moz-linear-gradient(47deg, rgba(255, 90, 0, 1) 0%, rgba(255, 190, 0, 1) 100%);
    background: -webkit-linear-gradient( 47deg, rgba(255, 90, 0, 1) 0%, rgba(255, 190, 0, 1) 100%);
    background: linear-gradient( 47deg, rgba(255, 90, 0, 1) 0%, rgba(255, 190, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff5a00", endColorstr="#ffbe00", GradientType=1);
    width: 80px;
    height: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}

.donde>.container>.encabezado h2::before {
    content: url(/img/beforeCirTit.png);
    position: absolute;
    top: -120px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}

.donde>.container>.encabezado h2 {
    text-align: center;
    font-weight: 300;
    padding-bottom: 24px;
    margin-bottom: 33px;
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #294859;
    position: relative;
}

.donde>.container>.encabezado h2>strong {
    font-weight: 900;
    font-size: 40px;
}

.donde>.container>.item {
    width: 30%;
}

.donde>.container>.item>img {
    margin-bottom: 30px;
}

.donde>.container>.item>h3 {
    margin-top: 30px;
    color: #294859;
    font-weight: 900;
}

.donde>.container>.item>p {
    line-height: 29px;
}

.reputacion>.container {
    display: flex;
    justify-content: space-between;
}

.reputacion>.container>div {
    width: 48%;
}

.reputacion>.container>div.colImg>img {
    width: 100%;
}

.reputacion>.container>div.colText h2 {
    position: relative;
    padding-bottom: 23px;
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #294859;
}

.reputacion>.container>div.colText h2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgb(255, 90, 0);
    background: -moz-linear-gradient(47deg, rgba(255, 90, 0, 1) 0%, rgba(255, 190, 0, 1) 100%);
    background: -webkit-linear-gradient( 47deg, rgba(255, 90, 0, 1) 0%, rgba(255, 190, 0, 1) 100%);
    background: linear-gradient( 47deg, rgba(255, 90, 0, 1) 0%, rgba(255, 190, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff5a00", endColorstr="#ffbe00", GradientType=1);
    width: 80px;
    height: 3px;
}

.reputacion>.container>div.colText h2>strong {
    font-weight: 900;
    font-size: 40px;
}

.reputacion>.container>div.colText p {
    line-height: 29px;
    margin-bottom: 25px;
}

.onPage>.container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.onPage>.container>.colImg,
.onPage>.container>.colText {
    width: 49%;
}

.onPage>.container>.colText>h2 {
    margin-bottom: 30px;
}

.contPos {
    margin-top: 80px;
    margin-bottom: 80px;
}

.contPos>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.contPos>div>.encabezado {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.contPos>div>.encabezado h2 {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #294859;
    position: relative;
    margin-bottom: 30px;
}

.contPos>div>.encabezado h2::after {
    content: "";
    position: absolute;
    width: 38px;
    height: 96px;
    background-image: url(/img/beforeTriangulo.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -22px;
    margin-top: -72px;
}

.contPos>div>.encabezado h2::before {
    content: "";
    position: absolute;
    width: 32px;
    height: 96px;
    background-image: url(/img/beforeBotones.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -30px;
    margin-top: -45px;
}

.contPos>div>.encabezado h2>strong {
    font-weight: 900;
    font-size: 40px;
}

.contPos>div>.encabezado p {
    line-height: 29px;
    font-size: 16px;
    font-weight: normal;
}

.contPos>div>.accion {
    padding: 12px 60px;
}


/*=================================================================================================================*/


/*=                                                 = 14. Ads =                                                   =*/


/*=================================================================================================================*/

.contAds .banner .colText h1 {
    font-weight: 300;
    margin-bottom: 20px;
}

.contAds .banner .colText h1 strong {
    font-weight: 900;
    font-size: 48px;
}

.contAds .banner .colText p {
    margin-bottom: 25px;
}

.contAds .banner .colText a {
    padding: 12px 70px;
}

.frase {
    margin-bottom: 90px;
}

.frase .encabezado>h2 {
    text-align: center;
    font-weight: 300;
    margin: 0 auto;
    position: relative;
    padding-bottom: 40px;
}

.frase .encabezado>h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 130px;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    background: red;
    background: #ff5a08;
    background: -moz-linear-gradient(left, #ff5a08 1%, #ffbe06 100%);
    background: -webkit-linear-gradient(left, #ff5a08 1%, #ffbe06 100%);
    background: linear-gradient(to right, #ff5a08 1%, #ffbe06 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff5a08", endColorstr="#ffbe06", GradientType=1);
}

.frase .encabezado>h2>b {
    font-weight: 900;
}

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

.comoAds>.container>div {
    width: 49%;
}

.comoAds>.container>.colText>h2 {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #294859;
    position: relative;
}

.comoAds>.container>.colText>h2>strong {
    font-weight: 900;
    font-size: 40px;
}

.comoAds>.container>.colText>p:first-of-type {
    margin-bottom: 30px;
}

.comoAds>.container>.colText h3 {
    color: var(--naranja);
    font-weight: 300;
    margin-bottom: 20px;
}

.comoAds>.container>.colText>.filaIt {
    display: flex;
    margin-bottom: 50px;
}

.comoAds>.container>.colText>.filaIt>img {
    margin-right: 30px;
    width: 80px;
}

.comoAds>.container>.colText>.filaIt>.texto>p {
    font-size: 20px;
    font-weight: 300;
    position: relative;
}

.comoAds>.container>.colText>.filaIt>.texto>p>b {
    font-weight: 700;
}

section.semAdwords {
    padding: 50px 0;
}

section.semAdwords .ficha {
    text-align: center;
    padding: 40px 10%;
    -webkit-box-shadow: 0px 10px 28px 0px rgba(50, 50, 50, .37);
    -moz-box-shadow: 0px 10px 28px 0px rgba(50, 50, 50, .37);
    box-shadow: 0px 10px 28px 0px rgba(50, 50, 50, .2);
    border-radius: 10px;
    position: relative;
    background-color: #fff;
}

section.semAdwords .ficha::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 300px;
    background-image: url(/img/botonesNaranja.svg);
    background-size: contain;
    background-repeat: no-repeat;
    bottom: -84px;
    right: -114px;
    background-position: center;
    z-index: -1;
}

section.semAdwords .ficha::before {
    content: "";
    position: absolute;
    left: -80px;
    bottom: -30px;
    width: 130px;
    height: 130px;
    background-image: url(/img/bg-circle.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .2;
}

section.semAdwords .ficha>h2 {
    margin-bottom: 20px;
    font-weight: 300;
    position: relative;
}

section.semAdwords .ficha>h2 strong {
    font-weight: 900;
    font-size: 40px;
}

section.semAdwords .ficha>p {
    margin-bottom: 30px;
}

.tiposCamp {
    margin-top: 50px;
}

.tiposCamp>.container>.encabezado h2 {
    text-align: center;
    position: relative;
    padding-bottom: 30px;
    font-weight: 300;
}

.tiposCamp>.container>.encabezado h2 strong {
    font-weight: 900;
    font-size: 40px;
}

.tiposCamp>.container>.encabezado h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 130px;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    background: red;
    background: #ff5a08;
    background: -moz-linear-gradient(left, #ff5a08 1%, #ffbe06 100%);
    background: -webkit-linear-gradient(left, #ff5a08 1%, #ffbe06 100%);
    background: linear-gradient(to right, #ff5a08 1%, #ffbe06 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff5a08", endColorstr="#ffbe06", GradientType=1);
}

.tiposCamp>.container>.cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tiposCamp>.container>.cont>.item {
    width: 48%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.tiposCamp>.container>.cont>.item>img {
    width: 68px;
    height: 68px;
}

.tiposCamp>.container>.cont>.item>.text {
    width: calc(100% - 90px);
}

.tiposCamp>.container>.cont>.item>.text>h3,
.tiposCamp>.container>.cont>.item>.text>h4 {
    font-size: 20px;
    color: #294859;
    font-weight: 500;
    margin-bottom: 10px
}

section.comoTrabajamos .container>.encabezado {
    margin-bottom: 80px;
}

section.comoTrabajamos .contTrabajamos {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

section.comoTrabajamos .contTrabajamos>.lista,
section.comoTrabajamos .contTrabajamos>.contStiky {
    width: 49%;
}

section.comoTrabajamos .contTrabajamos>.lista {
    margin: 0;
    list-style: none;
    position: relative;
}

section.comoTrabajamos .contTrabajamos>.lista>.item {
    display: flex;
    justify-content: space-between;
}

section.comoTrabajamos .contTrabajamos>.lista::before {
    content: '';
    position: absolute;
    left: 50px;
    top: 0;
    width: 2px;
    height: 95%;
    z-index: -1;
    background-image: linear-gradient( rgb(255, 180, 54) 30%, rgba(255, 255, 255, 0) 0%);
    background-position: right;
    background-size: 5px 25px;
    background-repeat: repeat-y;
}

section.comoTrabajamos .contTrabajamos>.lista>.item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
    position: relative;
}

section.comoTrabajamos .contTrabajamos>.lista>.item>.icono {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 50%;
    box-shadow: 0px 10px 8px 0px rgba(50, 50, 50, 0.23);
}

section.comoTrabajamos .contTrabajamos>.lista>.item>.icono::before {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--degNaranja);
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    transform: rotate(45deg);
}

section.comoTrabajamos .contTrabajamos>.lista>.item>.icono::after {
    content: '';
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: -1;
    border-radius: 50%;
}

section.comoTrabajamos .contTrabajamos>.lista>.item>.texto {
    width: calc(94% - 100px);
}

section.comoTrabajamos .contTrabajamos>.lista>.item>.texto>h3 {
    font-weight: 300;
    font-size: 25px;
    margin-bottom: 15px;
}

section.comoTrabajamos .contTrabajamos>.lista>.item>.texto>p {
    position: relative;
    color: var(--azulObs);
    padding-bottom: 10px;
}

section.comoTrabajamos .contTrabajamos>.lista>.item>.texto>p::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background: var(--degNaranja);
}

section.comoTrabajamos .contTrabajamos>.contStiky>.itemStiky {
    position: sticky;
    left: 0;
    top: 160px;
    text-align: center;
}

section.comoTrabajamos .contTrabajamos>.contStiky>.itemStiky>h2 {
    font-weight: 300;
}

section.comoTrabajamos .contTrabajamos>.contStiky>.itemStiky>h2>strong {
    font-weight: 900;
    font-size: 40px;
}

section.comoTrabajamos .contTrabajamos>.contStiky>.itemStiky>.carAds .item img {
    width: 85%;
    margin: 0 auto;
}

section.comoTrabajamos .contTrabajamos>.contStiky>.itemStiky>.carAds .owl-nav>button {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

section.comoTrabajamos .contTrabajamos>.contStiky>.itemStiky>.carAds .owl-nav>button span {
    display: none;
}

section.comoTrabajamos .contTrabajamos>.contStiky>.itemStiky>.carAds .owl-nav>button.owl-prev {
    left: 0;
    background-image: url(/img/flechaIzquierdaSlider.svg);
}

section.comoTrabajamos .contTrabajamos>.contStiky>.itemStiky>.carAds .owl-nav>button.owl-next {
    right: 0;
    background-image: url(/img/flechaDerSlider.svg);
}

section.comoTrabajamos .contTrabajamos>.contStiky>.itemStiky .accion {
    padding: 15px 40px;
}

section.comoTrabajamos .contTrabajamos>.contStiky>.itemStiky .accion::after {
    content: '';
    width: 30px;
    height: 20px;
    background-image: url(/img/flechaDerNegro.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    filter: invert(1);
    margin-left: 10px;
}


/*=================================================================================================================*/


/*=                                            = 15. Redes Sociales =                                             =*/


/*=================================================================================================================*/

.contRedes .banner>.container {
    align-items: flex-start;
}

.contRedes .banner .colText {
    margin-top: 120px;
    width: 47%;
}

.contRedes .banner .colText h1 {
    font-weight: 300;
    margin-bottom: 40px;
}

.contRedes .banner .colText h1>strong {
    font-weight: 900;
    font-size: 48px;
}

.contRedes .banner .colText p {
    margin-bottom: 22px;
}

.contRedes .banner .colText .accion {
    padding: 12px 80px;
}

.contRedes .banner .colImg {
    margin-top: 0px;
    width: 50% !important;
}

.contRedes .banner .colImg>figure {
    position: relative;
}

.contRedes .banner .colImg>figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 120%;
}

.orgPago>div.container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.orgPago>div.container>div {
    width: 50%;
}

.orgPago>div.container>div.colText h2 {
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #294859;
}

.orgPago>div.container>div.colText h2>strong {
    font-size: 40px;
    font-weight: 900;
}

.orgPago>div.container>div.colText p {
    margin-bottom: 25px;
}

.semAdwords.redes .ficha .tittulo {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #294859;
    position: relative;
}

.semAdwords.redes .ficha .tittulo>strong {
    font-size: 40px;
    font-weight: 900;
}

.semAdwords.redes .ficha .destacado,
.busquedaOrganica .contenido .destacado {
    font-style: italic;
    font-weight: 600;
    text-align: center;
    font-style: italic;
    font-size: 1.1em;
    padding: 0 25%;
}

.busquedaOrganica {
    margin-top: 50px;
    text-align: center;
    margin-bottom: 80px;
}

.busquedaOrganica .contenido h2 {
    font-size: 28px;
    padding-bottom: 30px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #294859;
    position: relative;
    margin-bottom: 50px;
}

.busquedaOrganica .contenido h2::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 130px;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    background: red;
    background: #ff5a08;
    background: -moz-linear-gradient(left, #ff5a08 1%, #ffbe06 100%);
    background: -webkit-linear-gradient(left, #ff5a08 1%, #ffbe06 100%);
    background: linear-gradient(to right, #ff5a08 1%, #ffbe06 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff5a08", endColorstr="#ffbe06", GradientType=1);
}

.busquedaOrganica .contenido h2>b {
    font-size: 40px;
    font-weight: 900;
}

.busquedaOrganica .contenido p {
    margin-bottom: 25px;
}

.semAdwords.correcto {
    margin-bottom: 80px;
}

.semAdwords.correcto .ficha {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.semAdwords.correcto .ficha .encabezado {
    margin-bottom: 25px;
    width: 100%;
}

.semAdwords.correcto .ficha .encabezado .titulo>strong {
    font-size: 40px;
    font-weight: 900;
}

.semAdwords.correcto .ficha .encabezado p:last-of-type {
    font-size: 16px;
    color: var(--azulObs);
    font-weight: normal;
}

.semAdwords.correcto .ficha>.col {
    width: 49%;
    text-align: left;
}

.semAdwords.correcto .ficha>.col>h3 {
    color: #294859;
    font-weight: 300;
    margin-bottom: 20px;
}

.semAdwords.correcto .ficha>.col>ul {
    margin: 0 0 0 20px;
    padding: 0;
    list-style: none;
}

.semAdwords.correcto .ficha>.col>ul>li {
    margin-bottom: 25px;
    position: relative;
    color: var(--azulObs);
}

.semAdwords.correcto .ficha>.col>ul>li::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 40px;
    height: 2px;
    background: #ff5a08;
    background: -moz-linear-gradient(left, #ff5a08 1%, #ffbe06 100%);
    background: -webkit-linear-gradient(left, #ff5a08 1%, #ffbe06 100%);
    background: linear-gradient(to right, #ff5a08 1%, #ffbe06 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff5a08", endColorstr="#ffbe06", GradientType=1);
}

section.comoTrabajamos .contTrabajamos>.lista::before {
    top: 50%;
    transform: translateY(-50%);
    height: 85%;
}


/*=================================================================================================================*/


/*=                                                  = 16. LMS =                                                  =*/


/*=================================================================================================================*/

.LMWbannerInicio {
    min-height: 100vh;
    background-image: url(/img/plataformas-educativas2.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin-top: 100px;
}

.LMWbannerInicio>.container>.encabezado {
    margin-bottom: 300px;
    text-align: center;
}

.LMWbannerInicio>.container .encabezado>h1 {
    font-size: 40px;
    margin-bottom: 10px;
}

.LMWbannerInicio>.container .encabezado>p {
    font-size: 26px;
    margin-bottom: 5px;
    font-weight: 500;
    margin-bottom: 10px;
}

.LMWbannerInicio>.container .encabezado>p:last-of-type {
    font-size: 16px;
    text-transform: uppercase;
}

.LMWbannerInicio>.container .encabezado>a.accion {
    padding: 15px 60px;
    margin-top: 20px;
}

.LMWtablaContenedor {
    margin-top: 120px;
    position: relative;
}

.LMWtablaContenedor::before {
    content: "";
    height: 100%;
    width: 40%;
    left: 0;
    top: 400px;
    background-image: url(/img/backgroundModdle.svg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: -1;
}

.LMWtablaContenedor::after {
    content: "";
    height: 100%;
    width: 40%;
    right: 0;
    top: -111px;
    background-image: url(/img/backgroundWplms.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: -1;
}

.LMWtablaContenedor>.container>.encabezado {
    text-align: center;
    margin-bottom: 40px;
}

.LMWtablaContenedor>.container>.encabezado>h2 {
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 10px;
}

.LMWtablaContenedor>.container>.encabezado p {
    font-size: 28px;
    font-weight: 300;
}

.LMWtablaContenedor>.container>.tabla {
    display: flex;
    justify-content: space-between;
}

.LMWtablaContenedor>.container>.tabla>.col {
    width: 50%;
}

.LMWtablaContenedor>.container>.tabla>.col>.titulo {
    height: 62px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-shadow: 0px 10px 28px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 10px 28px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 10px 28px 0px rgba(0, 0, 0, 0.12);
    margin-bottom: 10px;
}

.LMWtablaContenedor>.container>.tabla>.moddle>.titulo {
    background: rgba(209, 104, 6, 0.87);
    background: -moz-linear-gradient(left, rgba(209, 104, 6, 0.87) 0%, rgba(221, 141, 50, 0.98) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(209, 104, 6, 0.87)), color-stop(100%, rgba(221, 141, 50, 0.98)));
    background: -webkit-linear-gradient(left, rgba(209, 104, 6, 0.87) 0%, rgba(221, 141, 50, 0.98) 100%);
    background: -o-linear-gradient(left, rgba(209, 104, 6, 0.87) 0%, rgba(221, 141, 50, 0.98) 100%);
    background: -ms-linear-gradient(left, rgba(209, 104, 6, 0.87) 0%, rgba(221, 141, 50, 0.98) 100%);
    background: linear-gradient(to right, rgba(209, 104, 6, 0.87) 0%, rgba(221, 141, 50, 0.98) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d16806', endColorstr='#dd8d32', GradientType=1);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.LMWtablaContenedor>.container>.tabla>.col.wplms>.titulo {
    background: rgba(76, 38, 244, 0.77);
    background: -moz-linear-gradient(left, rgba(76, 38, 244, 0.77) 0%, rgba(104, 69, 245, 0.75) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(76, 38, 244, 0.77)), color-stop(100%, rgba(104, 69, 245, 0.75)));
    background: -webkit-linear-gradient(left, rgba(76, 38, 244, 0.77) 0%, rgba(104, 69, 245, 0.75) 100%);
    background: -o-linear-gradient(left, rgba(76, 38, 244, 0.77) 0%, rgba(104, 69, 245, 0.75) 100%);
    background: -ms-linear-gradient(left, rgba(76, 38, 244, 0.77) 0%, rgba(104, 69, 245, 0.75) 100%);
    background: linear-gradient(to right, rgba(76, 38, 244, 0.77) 0%, rgba(104, 69, 245, 0.75) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4c26f4', endColorstr='#6845f5', GradientType=1);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.LMWtablaContenedor>.container>.tabla>.col>.espacio {
    text-align: center;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
}

.LMWtablaContenedor>.container>.tabla>.col>.espacio>h3 {
    padding-bottom: 15px;
}

.LMWtablaContenedor>.container>.tabla>div>.item {
    min-height: 150px;
    padding: 30px 40px;
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
}

.LMWtablaContenedor>.container>.tabla>div>.item::after {
    content: "";
    width: 87%;
    height: 1px;
    background-color: #6f4ef5;
    opacity: 0.2;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.LMWtablaContenedor>.container>.tabla>div>.item:nth-child(9):after {
    display: none;
}

.LMWtablaContenedor>.container>.tabla>div>.item>.texto {
    width: 80%;
}

.LMWtablaContenedor>.container>.tabla>div>.item>.texto p {
    position: relative;
}

.LMWtablaContenedor>.container>.tabla>div>.item>.texto p::before {
    content: "";
    width: 9px;
    height: 9px;
    left: -18px;
    top: 7px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
}

.LMWtablaContenedor>.container>.tabla>.moddle>.item>.texto p::before {
    background-image: url(/img/flechas-izquierda-y-derecha-N.svg);
}

.LMWtablaContenedor>.container>.tabla>.wplms>.item>.texto p::before {
    background-image: url(/img/flechas-izquierda-y-derecha-M.svg);
}

.LMWtablaContenedor>.container>.tabla>.col>.item>.imagen {
    position: relative;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.LMWtablaContenedor>.container>.tabla>.col>.item>.imagen::after {
    content: "";
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: -1;
}

.LMWtablaContenedor>.container>.tabla>.moddle>.item>.imagen::after {
    background: white;
    border-radius: 100%;
    -webkit-box-shadow: 0px 10px 8px 0px rgb(50 50 50 / 23%);
    -moz-box-shadow: 0px 10px 8px 0px rgba(50, 50, 50, .23);
    box-shadow: 0px 10px 8px 0px rgb(50 50 50 / 23%);
    border: 2px solid transparent;
    background-image: -moz-linear-gradient(white, white), radial-gradient(circle at top left, #ff5a08 1%, #ffbe06 100%);
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #ff5a08 1%, #ffbe06 100%);
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #ff5a08 1%, #ffbe06 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.LMWtablaContenedor>.container>.tabla>.wplms>.item>.imagen::after {
    background: white;
    border-radius: 100%;
    -webkit-box-shadow: 0px 10px 8px 0px rgb(50 50 50 / 23%);
    -moz-box-shadow: 0px 10px 8px 0px rgba(50, 50, 50, .23);
    box-shadow: 0px 10px 8px 0px rgb(50 50 50 / 23%);
    border: 2px solid transparent;
    background-image: -moz-linear-gradient(white, white), radial-gradient(circle at top left, #6f4ef5 1%, #816fef 100%);
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #6f4ef5 1%, #816fef 100%);
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #6f4ef5 1%, #816fef 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.LMWtablaContenedor>.container>.tabla>div>p {
    padding: 0 40px;
    text-transform: uppercase;
    color: #294859;
}

.LMWcta>.container .card {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 15px 30px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 17px 34px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 17px 34px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 17px 34px 0px rgba(0, 0, 0, 0.22);
    width: 100%;
    margin: 130px auto;
}

.LMWcta>.container .card>.imagen {
    width: 20%;
    position: relative;
    z-index: 1;
}

.LMWcta>.container .card>.imagen::before {
    content: "";
    width: 123px;
    height: 70px;
    background-image: url(/img/puntos.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    left: 145px;
    position: absolute;
    z-index: -1;
}

.LMWcta>.container .card>.imagen::after {
    content: "";
    width: 26px;
    height: 26px;
    background-image: url(/img/triangulo.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 5px;
    left: 200px;
    position: absolute;
    z-index: 2;
}

.LMWcta>.container .card>.texto {
    width: 55%;
    position: relative;
    z-index: 1;
}

.LMWcta>.container .card>.texto::after {
    content: "";
    width: 33px;
    height: 33px;
    background-image: url(/img/circulosAccion.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: -10px;
    right: 0;
    position: absolute;
}

.LMWcta>.container .card>.texto>h3 {
    font-size: 30px;
    font-weight: 700;
    color: var(--azulObs);
    margin-bottom: 5px;
}

.LMWcta>.container .card>.texto>p {
    font-size: 23px;
    font-weight: 300;
    color: var(--azulObs);
    margin: 0;
}

.LMWcta>.container .card .accion {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    -webkit-box-shadow: 14px 22px 22px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 14px 22px 22px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 14px 22px 22px 0px rgba(0, 0, 0, 0.11);
    margin: 0 auto;
    padding: 15px 50px;
}

.LMWmas>.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.LMWmas>.container>.encabezado::after {
    content: "";
    width: 120px;
    height: 4px;
    border-radius: 2px;
    background: rgba(255, 90, 8, 1);
    background: -moz-linear-gradient(left, rgba(255, 90, 8, 1) 0%, rgba(255, 164, 7, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 90, 8, 1)), color-stop(100%, rgba(255, 164, 7, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 90, 8, 1) 0%, rgba(255, 164, 7, 1) 100%);
    background: -o-linear-gradient(left, rgba(255, 90, 8, 1) 0%, rgba(255, 164, 7, 1) 100%);
    background: -ms-linear-gradient(left, rgba(255, 90, 8, 1) 0%, rgba(255, 164, 7, 1) 100%);
    background: linear-gradient(to right, rgba(255, 90, 8, 1) 0%, rgba(255, 164, 7, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff5a08', endColorstr='#ffa407', GradientType=1);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.LMWmas>.container>.encabezado {
    text-align: center;
    color: var(--titulo);
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 40px;
    width: 100%;
}

.LMWmas>.container>.encabezado>h2 {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 10px;
}

.LMWmas>.container>.encabezado>p {
    font-size: 25px;
    font-weight: 300;
    margin: 0;
}

.LMWmas>.container>.card {
    height: 200px;
    width: 48.5%;
    border-radius: 5px;
    -webkit-box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.13);
    border: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: stretch;
    align-items: stretch;
    padding: 30px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: 0.4s all ease;
}

.LMWmas>.container>.card:hover {
    transform: scale(1.05);
}

.LMWmas>.container>.card::before {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--degNaranja);
    transform-origin: center;
    top: 100%;
    left: 0;
    position: absolute;
    transition: .4s all ease;
    z-index: -2;
}

.LMWmas>.container>.card:hover:before {
    top: -100%;
}

.LMWmas>.container>.card::after {
    content: '';
    width: calc(100% - 5px);
    height: calc(100% - 5px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    position: absolute;
    z-index: -1;
}

.LMWmas>.container>.card>.imagen {
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.LMWmas>.container>.card>.texto {
    padding: 0 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.LMWmas>.container>.card>.texto>p {
    font-family: "Lato";
    font-size: 20px;
    font-weight: 300;
    color: #294859;
    line-height: 27px;
    transition: 0.4s all ease;
}

.LMWmas>.container>.card>.texto>p>span {
    font-weight: 600;
}

.LMWmas>.container>.card>.texto>.accion {
    color: #000;
    font-family: "Lato";
    font-weight: 600;
    font-size: 18px;
    position: relative;
    text-decoration: none;
    transition: 0.4s all ease;
    padding: 0;
}

.LMWmas>.container>.card>.texto>.accion::after {
    content: "";
    width: 32px;
    height: 12px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/img/flechaDerNegro.svg);
    right: 0;
    margin-left: 10px;
    transition: 0.4s all ease;
}

.LMWmas>.container>.card>.texto>.accion:hover {
    box-shadow: none !important;
}

.LMWmarcas {
    margin-top: 100px;
    margin-bottom: 140px;
}

.LMWmarcas>.container>.encabezado {
    text-align: center;
    color: var(--titulo);
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 60px;
}

.LMWmarcas>.container>.encabezado::after {
    content: "";
    width: 120px;
    height: 4px;
    border-radius: 2px;
    background: rgba(255, 90, 8, 1);
    background: -moz-linear-gradient(left, rgba(255, 90, 8, 1) 0%, rgba(255, 164, 7, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 90, 8, 1)), color-stop(100%, rgba(255, 164, 7, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 90, 8, 1) 0%, rgba(255, 164, 7, 1) 100%);
    background: -o-linear-gradient(left, rgba(255, 90, 8, 1) 0%, rgba(255, 164, 7, 1) 100%);
    background: -ms-linear-gradient(left, rgba(255, 90, 8, 1) 0%, rgba(255, 164, 7, 1) 100%);
    background: linear-gradient(to right, rgba(255, 90, 8, 1) 0%, rgba(255, 164, 7, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff5a08', endColorstr='#ffa407', GradientType=1);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.LMWmarcas>.container>.encabezado>h2 {
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 10px;
}

.LMWmarcas>.container>.encabezado>h2 b {
    position: relative;
    z-index: 1;
}

.LMWmarcas>.container>.encabezado>h2>b::after {
    content: "";
    width: 42px;
    height: 42px;
    background-image: url(/img/triangulo2.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    right: -56px;
    top: -10px;
    position: absolute;
    z-index: -1;
}

.LMWmarcas>.container>.encabezado>h2>b::before {
    content: "";
    width: 47px;
    height: 47px;
    background-image: url(/img/circulos2.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: -35px;
    top: -10px;
    position: absolute;
    z-index: -1;
}

.LMWmarcas>.container>.encabezado>p {
    font-size: 25px;
    font-weight: 300;
    margin: 0;
}

.LMWmarcas>.container>.row>div>.card>a {
    height: 90px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    border: 1px solid rgba(112, 112, 112, 0.2);
    border-radius: 5px;
    background-color: #fff;
    transition: 0.4s all ease;
    pointer-events: none;
}

.LMWmarcas>.container>.row>div>.cardfilaLogos>a:hover {
    transform: scale(1.1);
    -webkit-box-shadow: 0px 10px 28px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 10px 28px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 10px 28px 0px rgba(0, 0, 0, 0.12);
}

.LMWmarcas>.container .filaLogos {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.LMWmarcas>.container .filaLogos>.item {
    width: 23%;
    height: 90px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    border: 1px solid rgba(112, 112, 112, 0.2);
    border-radius: 5px;
    background-color: #fff;
    transition: .4s all ease;
    transform: scale(1);
}

.LMWmarcas>.container .filaLogos>.item:hover {
    transform: scale(1.1);
    box-shadow: 0px 10px 10px rgba(0, 0, 0, .1);
}

.LMWform>.container>.encabezado {
    text-align: center;
    color: var(--titulo);
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 60px;
}

.LMWform>.container>.encabezado>h2 {
    font-weight: 700;
    font-size: 30px;
    margin: 0;
}

.LMWform>.container>.encabezado>p {
    font-size: 25px;
    font-weight: 300;
    margin: 0;
}

.LMWform>.container>.encabezado::after {
    content: "";
    width: 120px;
    height: 4px;
    border-radius: 2px;
    background: rgba(255, 90, 8, 1);
    background: -moz-linear-gradient(left, rgba(255, 90, 8, 1) 0%, rgba(255, 164, 7, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 90, 8, 1)), color-stop(100%, rgba(255, 164, 7, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 90, 8, 1) 0%, rgba(255, 164, 7, 1) 100%);
    background: -o-linear-gradient(left, rgba(255, 90, 8, 1) 0%, rgba(255, 164, 7, 1) 100%);
    background: -ms-linear-gradient(left, rgba(255, 90, 8, 1) 0%, rgba(255, 164, 7, 1) 100%);
    background: linear-gradient(to right, rgba(255, 90, 8, 1) 0%, rgba(255, 164, 7, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff5a08', endColorstr='#ffa407', GradientType=1);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.LMWform>.container>.formulario {
    border: 1px solid #d06300;
    border-radius: 5px;
    -webkit-box-shadow: 14px 22px 22px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 14px 22px 22px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 14px 22px 22px 0px rgba(0, 0, 0, 0.11);
    padding: 30px 50px;
    background-color: #fff;
    position: relative;
}

.LMWform>.container>.formulario::before {
    content: "";
    background-image: url(/img//mancha.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 300px;
    height: 300px;
    position: absolute;
    z-index: -1;
    top: -123px;
    left: -89px;
}

.LMWform>.container>.formulario::after {
    content: "";
    background-image: url(/img/puntos.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 272px;
    height: 163px;
    position: absolute;
    left: 310px;
    bottom: -49px;
    z-index: -1;
}

.LMWform>.container>.formulario>form>div {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.LMWform>.container>.formulario>form>div>span,
.LMWform>.container>.formulario>form>div>input {
    width: 100%;
}

.LMWform>.container>.formulario>form>div>span {
    color: #294859;
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    font-weight: 700;
    display: inline-block;
    width: 100%;
}

.LMWform>.container>.formulario>form>div>input {
    width: 100%;
    height: 40px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    padding-left: 10px;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

.LMWform>.container>.formulario>form>div.checks {
    margin-bottom: 70px;
}

.LMWform>.container>.formulario>form>div.checks>div.comunicaciones {
    margin-bottom: 15px;
}

.LMWform>.container>.formulario>form>div.checks>div>span {
    font-size: 0.75em;
    margin-bottom: 10px;
    color: #294859;
    font-weight: 700;
    width: 100%;
}

.LMWform>.container>.formulario>form>div.enviar>input {
    background: #b211c3;
    background: -moz-linear-gradient(-45deg, #b211c3 0%, #d1001e 100%);
    background: -webkit-linear-gradient(-45deg, #b211c3 0%, #d1001e 100%);
    background: linear-gradient(135deg, #b211c3 0%, #d1001e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b211c3', endColorstr='#d1001e', GradientType=1);
    width: 100%;
    padding: 18px;
    color: white;
    font-weight: bold;
    font-size: 25px;
    border-radius: 10px;
    border: none;
    height: auto !important;
    margin-top: 20px;
    cursor: pointer;
    transition: .4s all ease;
}

.LMWform>.container>.formulario>form>div.enviar>input:hover {
    transform: translateY(-10px);
    box-shadow: 0px 10px 15px rgba(0, 0, 0, .1);
}


/*=================================================================================================================*/


/*=                                               = 17. Contacto =                                                =*/


/*=================================================================================================================*/

.contentContacto {
    margin-top: 180px;
}


/*=================================================================================================================*/


/*=                                             = 18. Hoja de vida =                                              =*/


/*=================================================================================================================*/

.contentHoja {
    margin-top: 180px;
}


/*=================================================================================================================*/


/*=                                                = 19. Agencia =                                                =*/


/*=================================================================================================================*/

.contentCompania .banner h1::after {
    content: "";
    width: 95px;
    height: 2px;
    background: #ff5a08;
    background: -moz-linear-gradient(left, #ff5a08 1%, #ffbe06 100%);
    background: -webkit-linear-gradient(left, #ff5a08 1%, #ffbe06 100%);
    background: linear-gradient(to right, #ff5a08 1%, #ffbe06 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff5a08", endColorstr="#ffbe06", GradientType=1);
    bottom: 0;
    left: 0;
    position: absolute;
}

.contentCompania .banner h1 {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 40px;
    font-size: 40px;
    line-height: 1.2;
    color: #294859;
    font-weight: 300;
}

.contentCompania .banner h1 strong {
    font-weight: 900;
    font-size: 48px;
}

.contentCompania .banner>.container {
    align-items: flex-end;
}

.contentCompania .banner .colText,
.contentCompania .banner .colImg {
    width: 50% !important;
}

.contentCompania .banner .colText {
    margin-top: 70px;
}

.contentCompania .banner .colImg {
    margin-bottom: -120px;
}

.contentCompania .banner .colImg img {
    width: 130% !important;
    margin: 0 !important;
    position: absolute;
    bottom: 0;
    left: 0;
}

.fotoEquipo>.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.fotoEquipo>.container>.card {
    width: 22%;
    position: relative;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);
    margin-bottom: 40px;
    padding: 0;
    height: 349px;
    transform-style: preserve-3d;
    transition: .4s all ease;
    -webkit-transition: .4s all ease;
    -moz-transition: .4s all ease;
    -ms-transition: .4s all ease;
    -o-transition: .4s all ease;
    z-index: 1;
    overflow: hidden;
}

.fotoEquipo>.container>.card:hover {
    transform: scale(1.1)
}

.fotoEquipo>.container>.card::before {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--degNaranja);
    transform-origin: center;
    top: 100%;
    left: 0;
    position: absolute;
    transition: .4s all ease;
    z-index: -2;
}

.fotoEquipo>.container>.card:hover:before {
    top: 0%;
}

.fotoEquipo>.container>.card::after {
    content: '';
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    position: absolute;
    z-index: -1;
}

.fotoEquipo>.container>.card>.imagen {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
}

.fotoEquipo>.container>.card>.imagen {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    transition: .4s all ease;
    -webkit-transition: .4s all ease;
    -moz-transition: .4s all ease;
    -ms-transition: .4s all ease;
    -o-transition: .4s all ease;
    filter: grayscale(100%);
    opacity: .8;
}

.fotoEquipo>.container>.card:hover>.imagen {
    filter: grayscale(0%);
    opacity: 1;
}

.fotoEquipo>.container>.card>.imagen>img {
    width: 100%;
    height: auto !important;
}

@supports(object-fit: cover) {
    .fotoEquipo>.container>.card>.imagen>img {
        height: 100% !important;
        object-fit: cover;
        object-position: center;
        transition: .4s all ease;
    }
}

@supports(object-fit: cover) {
    .fotoEquipo>.container>.card:hover>.imagen>img {
        height: 100% !important;
        object-fit: cover;
        object-position: center bottom;
    }
}

.fotoEquipo>.container>.card>.info {
    background: rgba(255, 255, 255, .9);
    width: 100%;
    height: 108px;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    transition: .4s all ease;
}

.fotoEquipo>.container>.card>.info>.titulo {
    color: #294859;
    display: block;
    font-size: 1.5em;
    width: 100%;
    margin-bottom: 5px;
}

.fotoEquipo>.container>.card>.info .cargo {
    margin-top: 26px;
    display: inline-block;
    color: #4d4d4d;
    font-size: 1em;
    position: relative;
    line-height: 1.5em;
    width: 65%;
    margin: 0;
}

.fotoEquipo>.container>.card>.info span::before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    background: #3e65b8;
    height: 2px;
    width: 100%;
}

.contenedorCards {
    padding: 50px 0;
}

.nuestroCamino .card {
    background: #fff;
    padding: 40px 5%;
    -webkit-box-shadow: 0px 10px 28px 0px rgba(50, 50, 50, .37);
    -moz-box-shadow: 0px 10px 28px 0px rgba(50, 50, 50, .37);
    box-shadow: 0px 10px 28px 0px rgba(50, 50, 50, .2);
    border-radius: 10px;
    position: relative;
    margin-top: 80px;
    font-family: "Lato", sans-serif;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.nuestroCamino .card::before {
    content: "";
    background: #ffba06;
    background: -moz-linear-gradient(top, #ffba06 0%, #ff5a08 100%);
    background: -webkit-linear-gradient(top, #ffba06 0%, #ff5a08 100%);
    background: linear-gradient(to bottom, #ffba06 0%, #ff5a08 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffba06", endColorstr="#ff5a08", GradientType=0);
    position: absolute;
    width: 2px;
    height: 840px;
    top: 210px;
    left: 50%;
    margin-left: -1px;
}

.nuestroCamino .card>.encabezado {
    width: 100%;
    margin-bottom: 48px;
}

.nuestroCamino .card>.encabezado>.tit {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    color: #294859;
    position: relative;
    text-align: center;
}

.nuestroCamino .card>.encabezado>.tit>strong {
    font-size: 40px;
    font-weight: 900;
}

.nuestroCamino .card>.item {
    width: 50%;
    padding: 0 15px;
}

.nuestroCamino .card>.item.l {
    margin-right: 50%;
    text-align: right;
}

.nuestroCamino .card>.item.r {
    margin-left: 50%;
}

.nuestroCamino .card>.item.l>p {
    margin-right: 20px;
}

.nuestroCamino .card>.item.r>p {
    text-align: left;
    margin-left: 20px;
}

.nuestroCamino .card>.item>p.text {
    padding-bottom: 54px;
    font-weight: 300;
}

.nuestroCamino .card>.item>.year {
    text-align: right;
    color: #ff5a08;
    font-size: 1.875em;
    padding-top: 0;
    margin-right: 20px;
    position: relative;
}

.nuestroCamino .card>.item>.year {
    color: #ff5a08 !important;
    font-size: 1.875em;
    padding-top: 0;
    margin-right: 20px;
    position: relative;
    line-height: 45px;
}

.nuestroCamino .card>.item>.year.once::after,
.nuestroCamino .card>.item>.year.seis::after,
.nuestroCamino .card>.item>.year.dnueve::after {
    content: "";
    background: url(/img/year-point.png);
    height: 40px;
    width: 40px;
    position: absolute;
    bottom: 0;
    right: -55px;
}

.nuestroCamino .card>.item>.year.siete::after,
.nuestroCamino .card>.item>.year.trece::after,
.nuestroCamino .card>.item>.year.dveinte::after {
    content: "";
    background: url(/img/year-point.png);
    height: 40px;
    width: 40px;
    position: absolute;
    bottom: 0;
    left: -55px;
}

.nuestroCamino .card>.item.l>.year::before {
    bottom: 23px;
    right: 0;
    font-size: 3em;
    color: rgba(255, 90, 8, .11);
    position: absolute;
    font-weight: 300;
}

.nuestroCamino .card>.item.l>.year.once::before {
    content: "2011";
}

.nuestroCamino .card>.item.l>.year.seis::before {
    content: "2016";
}

.nuestroCamino .card>.item.l>.year.dnueve::before {
    content: "2019";
}

.nuestroCamino .card>.item.r>.year::before {
    bottom: 23px;
    left: 0;
    font-size: 3em;
    color: rgba(255, 90, 8, .11);
    position: absolute;
    font-weight: 300;
}

.nuestroCamino .card>.item.r>.year.trece::before {
    content: "2013";
}

.nuestroCamino .card>.item.r>.year.siete::before {
    content: "2017";
}

.nuestroCamino .card>.item.r>.year.dveinte::before {
    content: "2020";
}


/*=================================================================================================================*/


/*=                                            = 20. Landing E-Book =                                             =*/


/*=================================================================================================================*/

section.banner-ebook {
    margin-bottom: 60px;
    position: relative;
    margin-top: 200px;
}

section.banner-ebook::before {
    content: "";
    position: absolute;
    background: url(/img/bg-row-container-ebook.svg);
    width: 380px;
    height: 533px;
    top: -100px;
    right: -222px;
}

section.banner-ebook>.container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

section.banner-ebook>.container>div.colFicha {
    width: 33%;
}

section.banner-ebook>.container>div.col-info-ebook {
    width: 60%;
}

section.banner-ebook .box-img-ebook {
    background: #fff;
    -webkit-box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 0 15px 50px;
    position: relative;
}

section.banner-ebook .box-img-ebook::before {
    content: "";
    position: absolute;
    background: url(/img/bg-box-landing.svg);
    width: 434px;
    height: 472px;
    top: -78px;
    left: -56px;
    z-index: -1;
}

section.banner-ebook .box-img-ebook::after {
    content: "";
    position: absolute;
    background: url(/img/bg-box-landing-front.svg);
    width: 413px;
    height: 246px;
    bottom: -58px;
    left: -50px;
    background-repeat: no-repeat;
}

section.banner-ebook .box-img-ebook img {
    width: 100%;
    margin: 0 0 20px;
}

section.banner-ebook h1 {
    text-align: center;
    color: #FF5A08;
    font-family: 'Lato', sans-serif;
    font-size: 1.813em;
    font-weight: 300;
    line-height: 1.1em;
}

section.banner-ebook h1 strong {
    display: block;
    color: #294859;
    font-size: 0.828em;
    font-weight: 900;
    padding: 0 20px;
}

section.banner-ebook .col-info-ebook h2 {
    text-align: left;
    color: #294859;
    font-family: 'Lato', sans-serif;
    font-size: 2.125em;
    font-weight: 300;
    line-height: 1.3em;
    margin: 0 0 40px;
}

section.banner-ebook .col-info-ebook h2 strong {
    font-weight: 900;
    font-size: 1.235em;
    display: block;
}

section.banner-ebook .col-info-ebook h3 {
    color: #FF5A08;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 1.125em;
    margin: 0 0 18px;
}

section.banner-ebook .col-info-ebook p {
    font-family: 'Lato', sans-serif;
    color: #294859;
    text-align: left;
    font-weight: 300;
    font-size: 1.125em;
}

section.banner-ebook .col-info-ebook p strong {
    font-weight: bold;
}

section.banner-ebook .col-info-ebook ul {
    padding: 0 0 0 25px;
    margin: 0;
    color: #4d4d4d;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 1em;
    list-style: none;
}

section.banner-ebook .col-info-ebook ul li {
    margin-bottom: 15px;
    position: relative;
    padding: 0;
}

section.banner-ebook .col-info-ebook ul li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: -17px;
    width: 7px;
    height: 7px;
    background: #ff5a08;
    border-radius: 50%;
}

.formLandEbook .title-row-form-ebook {
    text-align: center;
    color: #294859;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 1.875em;
    line-height: 1.4em;
    position: relative;
}

.formLandEbook .title-row-form-ebook::before {
    content: "";
    position: absolute;
    width: 364px;
    height: 70px;
    background: url(/img/decor-title-form.svg);
    top: -20px;
    left: 50%;
    margin-left: -182px;
}

.formLandEbook .title-row-form-ebook strong {
    display: block;
    font-size: 1.333em;
    font-weight: 900;
    padding: 0 20%;
}

.formLandEbook>.container>.formulario {
    border-radius: 5px;
    -webkit-box-shadow: 14px 22px 22px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 14px 22px 22px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 14px 22px 22px 0px rgba(0, 0, 0, 0.11);
    padding: 30px 50px;
    background-color: #fff;
    position: relative;
    width: 70%;
    margin: 0 auto;
    margin-top: 50px;
}

.formLandEbook>.container>.formulario::before {
    content: "";
    position: absolute;
    background: url(/img/bg-form-ebboks.svg);
    width: 1020px;
    height: 404px;
    top: 60px;
    left: -130px;
    z-index: -1;
}

.formLandEbook>.container>.formulario::after {
    content: "";
    position: absolute;
    background: url(/img/bg-circle.svg);
    width: 100px;
    height: 100px;
    bottom: -20px;
    left: -55px;
}

.formLandEbook>.container>.formulario>form>div {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.formLandEbook>.container>.formulario>form>div>span,
.formLandEbook>.container>.formulario>form>div>input {
    width: 100%;
}

.formLandEbook>.container>.formulario>form>div>span {
    color: #294859;
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    font-weight: 700;
    display: inline-block;
    width: 100%;
}

.formLandEbook>.container>.formulario>form>div>input {
    width: 100%;
    height: 40px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    padding-left: 10px;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

.formLandEbook>.container>.formulario>form>div.checks {
    margin-bottom: 70px;
}

.formLandEbook>.container>.formulario>form>div.checks>div.comunicaciones {
    margin-bottom: 15px;
}

.formLandEbook>.container>.formulario>form>div.checks>div>span {
    font-size: 0.75em;
    margin-bottom: 10px;
    color: #294859;
    font-weight: 700;
    width: 100%;
}

.formLandEbook>.container>.formulario>form>div.enviar>input {
    background: #b211c3;
    background: -moz-linear-gradient(-45deg, #b211c3 0%, #d1001e 100%);
    background: -webkit-linear-gradient(-45deg, #b211c3 0%, #d1001e 100%);
    background: linear-gradient(135deg, #b211c3 0%, #d1001e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b211c3', endColorstr='#d1001e', GradientType=1);
    width: 100%;
    padding: 18px;
    color: white;
    font-weight: bold;
    font-size: 25px;
    border-radius: 10px;
    border: none;
    height: auto !important;
    margin-top: 20px;
    cursor: pointer;
    transition: .4s all ease;
}

.formLandEbook>.container>.formulario>form>div.enviar>input:hover {
    transform: translateY(-10px);
    box-shadow: 0px 10px 15px rgba(0, 0, 0, .1);
}


/*=================================================================================================================*/


/*=                                            = 21. Tankyou E-Book =                                             =*/


/*=================================================================================================================*/

.banner-ebook .col-info-ebook p {
    margin-bottom: 20px;
}

.banner-ebook .col-info-ebook>hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

.banner-ebook .col-info-ebook .filaVisita {
    display: flex;
    align-items: center;
    margin-top: 80px;
}

.banner-ebook .col-info-ebook .filaVisita>div {
    margin: 0 auto;
    text-align: center;
}

.banner-ebook .col-info-ebook .filaVisita>div>a {
    text-decoration: none;
    color: var(--azulObs);
}

.banner-ebook .col-info-ebook .filaVisita>div>a:visited {
    color: var(--azulObs);
}

.banner-ebook .col-info-ebook .filaVisita>div>a>img {
    margin-bottom: 25px;
}


/*=================================================================================================================*/


/*=                                            = 22. Tankyou General =                                            =*/


/*=================================================================================================================*/

.contGraciasGen {
    margin-top: 180px;
    position: relative;
}

.contGraciasGen::after {
    content: "";
    position: absolute;
    top: -54px;
    left: -44px;
    width: 414px;
    height: 620px;
    background: url(/img/decor-contact-page-left.svg);
    background-repeat: no-repeat;
    background-position: top left;
}

.contGraciasGen::before {
    content: "";
    position: absolute;
    top: -134px;
    right: -204px;
    width: 550px;
    height: 480px;
    background: url(/img/decor-contact-page.svg);
    background-repeat: no-repeat;
    background-position: top left;
}

.contGraciasGen .encabezado {
    text-align: center;
    padding: 50px 0;
}

.contGraciasGen .encabezado h2 {
    color: #294859;
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-size: 3.063em;
    line-height: 1.2em;
}

.contGraciasGen>.bannerGracias .encabezado p {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    color: #294859;
    margin: 30px 0 0 0;
    font-size: 18px;
    line-height: 1.3;
}


/* width */

.itemsZoho .contZoho>div.menu-lateral::-webkit-scrollbar {
    width: 9px;
}


/* Track */

.itemsZoho .contZoho>div.menu-lateral::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

.itemsZoho .contZoho>div.menu-lateral::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .2);
    border-radius: 30px;
}


/* Handle on hover */

.itemsZoho .contZoho>div.menu-lateral::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.casoAts {
    margin-top: 150px;
}

#title-casos-exito h1 {
    font-size: 36px;
    color: #294859;
    line-height: 1;
    text-align: center;
    font-weight: 300;
}

#title-casos-exito h1 strong {
    font-size: 60px;
    font-weight: 600;
}

#title-casos-exito img {
    margin: 0 auto;
    display: flex;
    max-width: 290px;
}

#info-form>div.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#info-form>div.container>div {
    width: 50%;
}

.imagen-caso::after {
    content: url(/img/after-img-caso-03.svg);
    position: absolute;
    left: -5%;
    right: 0;
    z-index: -1;
    width: 110%;
    bottom: -15%;
}

.imagen-caso {
    position: relative;
    display: inline-block;
}

#info-form .subtitle-caso::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 115%;
    background: rgb(255, 90, 8);
    background: linear-gradient(90deg, rgba(255, 90, 8, 1) 0%, rgba(255, 190, 6, 1) 50%);
    left: 0;
    top: -15px;
}

#info-form h2.subtitle-caso {
    position: relative;
    line-height: 1;
    margin-bottom: 20px;
    color: #294859;
    font-size: 18px;
    font-weight: 300;
}

#info-form h2 strong {
    font-size: 36px;
    font-weight: 600;
}

#info-form .content-caso {
    font-size: 18px;
    color: #333;
}

#info-form .content-caso strong {
    color: #294859;
    margin-top: 20px;
    display: block;
}

.formulario::after {
    content: "";
    position: absolute;
    background: url(/img/bg-circle.svg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    width: 100px;
    height: 104px;
    top: -20px;
    right: -55px;
    background-position: top left;
    background-repeat: no-repeat;
}

.formulario::before {
    content: "";
    position: absolute;
    bottom: -50px;
    left: -100px;
    width: 1013px;
    height: 710px;
    background: url(/img/decor-contact-form.svg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-repeat: no-repeat;
    background-position: top left;
    z-index: -1;
}

.formulario {
    background: #fff;
    -webkit-box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 40px;
    position: relative;
}

.formulario>form>div {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.formulario>form>div>span,
.formulario>form>div>input {
    width: 100%;
}

.formulario>form>div>span {
    color: #294859;
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    font-weight: 700;
    display: inline-block;
    width: 100%;
}

.formulario>form>div>input {
    width: 100%;
    height: 40px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    padding-left: 10px;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

.formulario>form>div.checks {
    margin-bottom: 70px;
}

.formulario>form>div.checks>div.comunicaciones {
    margin-bottom: 15px;
}

.formulario>form>div.checks>div>span {
    font-size: 0.75em;
    margin-bottom: 10px;
    color: #294859;
    font-weight: 700;
    width: 100%;
}

.formulario>form>div.enviar>input {
    background: #b211c3;
    background: -moz-linear-gradient(-45deg, #b211c3 0%, #d1001e 100%);
    background: -webkit-linear-gradient(-45deg, #b211c3 0%, #d1001e 100%);
    background: linear-gradient(135deg, #b211c3 0%, #d1001e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b211c3', endColorstr='#d1001e', GradientType=1);
    width: 100%;
    padding: 18px;
    color: white;
    font-weight: bold;
    font-size: 25px;
    border-radius: 10px;
    border: none;
    height: auto !important;
    margin-top: 20px;
    cursor: pointer;
    transition: .4s all ease;
}

.formulario>form>div.enviar>input:hover {
    transform: translateY(-10px);
    box-shadow: 0px 10px 15px rgba(0, 0, 0, .1);
}

.noEnc .banner {
    margin-top: 250px;
}

.noEnc .banner .container {
    align-items: stretch;
}

.noEnc .colImg>figure {
    position: relative;
    height: 100%;
}

.noEnc .colImg img {
    position: absolute;
    width: 120%;
    top: 10%;
    transform: translateY(-50%);
    z-index: -1;
}

.noEnc .colText a.accion {
    margin-top: 20px !important;
    display: inline-block;
    padding: 15px 70px;
    border-radius: 40px;
}

.tit-slide {
    font-size: 40px;
    line-height: 1.2;
    color: #294859;
    font-weight: lighter;
    margin-bottom: 18px;
    padding-bottom: 12px;
    position: relative;
}

.tit-slide strong {
    font-size: 48px;
    font-weight: 900;
    padding-bottom: 12px;
}


/*=================================================================================================================*/


/*=                                               = 23. Responsive =                                              =*/


/*=================================================================================================================*/

@media(max-width: 1536px) {
    .bannerInt::before {
        transform: translate(-60%, -30%);
    }
}

@media(max-width: 1440px) {}

@media(max-width: 1366px) {
    .bannerInt::before {
        transform: translate(-80%, -30%);
        -webkit-transform: translate(-80%, -30%);
        -moz-transform: translate(-80%, -30%);
        -ms-transform: translate(-80%, -30%);
        -o-transform: translate(-80%, -30%);
    }
    .siteHeader>.top>.contenedor>.r ul.redes>li.redes>a>img {
        height: 14px;
    }
}

@media(max-width: 1280px) {
    .atraccion figure>img {
        width: 100%;
    }
    .itemsZoho .contZoho>div.menu-lateral {
        top: 140px;
        height: 500px;
    }
    .bannerInt::before {
        transform: translate(-80%, -30%);
        -webkit-transform: translate(-80%, -30%);
        -moz-transform: translate(-80%, -30%);
        -ms-transform: translate(-80%, -30%);
        -o-transform: translate(-80%, -30%);
    }
    .bannerInt::after {
        left: 0%;
    }
    .contentExitoInbound .banner::before {
        transform: translate(-80%, -5%);
    }
    .contRedes .banner .colImg>figure img {
        width: 100%;
    }
    section.semAdwords .ficha::after {
        right: 20px;
    }
    .contRedes .banner .colText {
        margin-top: 0px;
    }
}

@media(max-width: 1080px) {
    html.activo,
    body.activo {
        overflow: hidden !important;
    }
    .siteHeader>.bot>.contenedor>.logo>a>img {
        width: 200px;
    }
    .siteHeader>.bot>.contenedor>.menu>li a {
        font-size: 14px;
    }
    .siteHeader {
        display: none;
    }
    header.movil {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99999;
    }
    header.movil>.top {
        height: 38px;
        display: flex;
        align-items: center;
    }
    header.movil>.top>.ayuda,
    header.movil>.top>.tel {
        width: 50%;
        text-align: center;
        height: 100%;
    }
    header.movil>.top>.ayuda {
        background-color: #213d49;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    header.movil>.top>.ayuda::before {
        content: '';
        width: 26px;
        height: 20px;
        background-image: url(/img/calendario.svg);
        background-position: center;
        background-repeat: no-repeat;
        display: inline-block;
        margin-right: 10px;
    }
    header.movil>.top>.ayuda>span {
        color: #fff;
        text-decoration: none;
        font-weight: bold;
    }
    header.movil>.top>.ayuda>.subMenuAyuda {
        position: absolute;
        top: 100%;
        width: 100%;
        text-align: center;
        background-color: #213d49;
        margin: 0;
        padding: 0;
        list-style: none;
        transition: .4s all ease;
        overflow: hidden;
        height: 0;
        z-index: 40;
    }
    header.movil>.top>.ayuda>.subMenuAyuda.activo {
        height: 114px;
    }
    header.movil>.top>.ayuda>.subMenuAyuda>li {
        height: 38px;
    }
    header.movil>.top>.ayuda>.subMenuAyuda>li>a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
    }
    header.movil>.top>.tel {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #294859;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
    }
    header.movil>.top>.tel::before {
        content: '';
        width: 26px;
        height: 20px;
        background-image: url(/img/tel-ico-top.svg);
        background-position: center;
        background-repeat: no-repeat;
        display: inline-block;
        margin-right: 10px;
    }
    header.movil>.bot {
        padding: 10px 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        background: #fff;
        -webkit-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, .32);
        -moz-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, .32);
        box-shadow: 0 2px 2px 0 rgba(50, 50, 50, .32);
        z-index: 30;
        position: relative;
    }
    header.movil>.bot>.logo a img {
        height: 61px !important;
    }
    header.movil>.bot>.burguer {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 30px;
        height: 19px;
    }
    header.movil>.bot>.burguer>span {
        background-color: var(--azulObs);
        width: 100%;
        height: 3px;
        transition: .4s all ease;
    }
    header.movil>.bot>.burguer>span.sp1 {
        transform: translateY(0px) rotate(0deg);
    }
    header.movil>.bot>.burguer.activo>span.sp1 {
        transform: translateY(8px) rotate(45deg);
    }
    header.movil>.bot>.burguer>span.sp2 {
        transform: translateX(0px);
        opacity: 1;
    }
    header.movil>.bot>.burguer.activo>span.sp2 {
        transform: translateX(-10px);
        opacity: 0;
    }
    header.movil>.bot>.burguer>span.sp3 {
        transform: translateY(0px) rotate(0deg);
    }
    header.movil>.bot>.burguer.activo>span.sp3 {
        transform: translateY(-8px) rotate(-45deg);
    }
    header.movil>.bot>.menuGeneral {
        position: fixed;
        height: calc(100% - 87px);
        top: 121px;
        left: 0;
        width: 100%;
        padding: 40px 5%;
        background-color: #fff;
        overflow: scroll !important;
        transition: .4s all ease;
        opacity: 0;
        visibility: hidden;
    }
    header.movil>.bot>.menuGeneral.activo {
        opacity: 1;
        visibility: visible;
    }
    header.movil>.bot>.menuGeneral>div {
        margin-bottom: 20px;
        background: #fff;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -webkit-box-shadow: 0 0 30px 0 rgba(50, 50, 50, .32);
        -moz-box-shadow: 0 0 30px 0 rgba(50, 50, 50, .32);
        box-shadow: 0 0 30px 0 rgba(50, 50, 50, .32);
        padding-top: 15px;
        transition: .4s all ease;
        opacity: 0;
        visibility: hidden;
        transform: translateY(30px);
    }
    header.movil>.bot>.menuGeneral.activo>div {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
    }
    header.movil>.bot>.menuGeneral>div.casoExito {
        padding-bottom: 0;
    }
    header.movil>.bot>.menuGeneral>div ul {
        list-style: none;
    }
    header.movil>.bot>.menuGeneral>div>p {
        color: #294859;
        font-size: 19px;
        text-align: center;
        position: relative;
        font-weight: 300;
        margin-bottom: 1.5em;
    }
    header.movil>.bot>.menuGeneral>div>p>strong {
        font-weight: 900;
    }
    header.movil>.bot>.menuGeneral>div>p::before {
        content: "";
        position: absolute;
        bottom: -12px;
        left: 50%;
        width: 64px;
        height: 3px;
        margin-left: -32px;
        background: #ff5a08;
        background: -moz-linear-gradient(left, #ff5a08 0%, #ffbe06 100%);
        background: -webkit-linear-gradient(left, #ff5a08 0%, #ffbe06 100%);
        background: linear-gradient(to right, #ff5a08 0%, #ffbe06 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff5a08', endColorstr='#ffbe06', GradientType=1);
    }
    header.movil>.bot>.menuGeneral>div ul.subMenu {
        overflow: hidden;
        transition: .4s all ease;
    }
    header.movil>.bot>.menuGeneral>div>ul>li,
    header.movil>.bot>.menuGeneral>div ul.subMenu>li {
        width: 100%;
        display: inline-block;
        color: #294859;
        text-decoration: none;
        font-weight: 400;
        font-family: lato, sans-serif;
        font-size: 15px;
        padding: 12px 0 12px 26%;
        position: relative;
        border-bottom: 1px solid rgba(128, 128, 128, .2);
    }
    header.movil>.bot>.menuGeneral>div>ul>li.contSub {
        padding-left: 0;
    }
    header.movil>.bot>.menuGeneral>div>ul>li.contSub>a {
        padding-left: 26%;
    }
    header.movil>.bot>.menuGeneral>div>ul>li>a,
    header.movil>.bot>.menuGeneral>div ul.subMenu>li>a {
        color: #294859;
        text-decoration: none;
        font-weight: 400;
        font-family: lato, sans-serif;
    }
    header.movil>.bot>.menuGeneral>div>ul>li::before,
    header.movil>.bot>.menuGeneral>div>ul>li.contSub>a.posicionamientoAds::before,
    header.movil>.bot>.menuGeneral>div ul.subMenu>li::before {
        position: absolute;
        content: "";
        width: 38px;
        height: 28px;
        top: 8px;
        left: calc(26% - 54px);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-size: contain;
    }
    header.movil>.bot>.menuGeneral>div>ul>li.agenciaInbound::before {
        background-image: url(/img/imgCardInbound.svg);
    }
    header.movil>.bot>.menuGeneral>div>ul>li.zohoPartner::before {
        background-image: url(/img/zoho-logo-menu-mk.png);
    }
    header.movil>.bot>.menuGeneral>div ul.subMenu>li.crm::before {
        background-image: url(/img/logo-crm-menu.png);
    }
    header.movil>.bot>.menuGeneral>div ul.subMenu>li.bigin::before {
        background-image: url(/img/icon-bigin.png);
    }
    header.movil>.bot>.menuGeneral>div ul.subMenu>li.sales::before {
        background-image: url(/img/icon-salesiq_6.png);
    }
    header.movil>.bot>.menuGeneral>div>ul>li.zohoPartner::before {
        background-image: url(/img/zoho-logo-menu-mk.png);
    }
    header.movil>.bot>.menuGeneral>div>ul>li.disenoWeb::before {
        background-image: url(/img/imgCardDiseno.svg);
    }
    header.movil>.bot>.menuGeneral>div>ul>li.posicionamientoWeb::before {
        background-image: url(/img/imgCardSeo.svg);
    }
    header.movil>.bot>.menuGeneral>div>ul .posicionamientoAds::before {
        background-image: url(/img/imgCardAds.svg);
    }
    header.movil>.bot>.menuGeneral>div ul.subMenu>li.google::before {
        background-image: url(/img/ads-logo.svg);
    }
    header.movil>.bot>.menuGeneral>div ul.subMenu>li.redes::before {
        background-image: url(/img/facebook-manager.svg);
    }
    header.movil>.bot>.menuGeneral>div ul.subMenu>li::before {
        background-image: url(/img/facebook-manager.svg);
    }
    header.movil>.bot>.menuGeneral>div>ul>li.plataformasEducativas::before {
        background-image: url(/img/ico-plataformas-virtuales.svg);
    }
    header.movil>.bot>.menuGeneral>div>ul>li.casoExitoInbound::before,
    header.movil>.bot>.menuGeneral>div>ul>li.casoExitoDiseno::before {
        background-image: url(/img/ico-casos-exito.svg);
    }
    header.movil>.bot>.menuGeneral>div>ul>li.agenciaDigital::before {
        background-image: url(/img/empresas.svg);
    }
    header.movil>.bot>.menuGeneral>div>ul>li.blog::before {
        background-image: url(/img/adwordsOpGr.svg);
    }
    header.movil>.bot>.menuGeneral>div>ul>li.compania::before {
        background-image: url(/img/imgCardRedesSociales.svg);
    }
    header.movil>.bot>.menuGeneral>div.pais {
        padding: 0;
    }
    header.movil>.bot>.menuGeneral>div>ul.menu.pais>li>a {
        padding-top: 10px;
        padding-right: 0;
        padding-bottom: 10px;
        padding-left: calc(26% - 54px);
        color: #294859;
        font-weight: 400;
        font-family: lato, sans-serif;
        font-size: 15px;
        display: block;
        position: relative;
    }
    header.movil>.bot>.menuGeneral>div>ul .subMenu {
        overflow: hidden;
        transition: .4s all ease;
    }
    header.movil>.bot>.menuGeneral>div>ul>li.contSub>.subMenu {
        margin-bottom: 0px;
        border-top: 0px solid rgba(128, 128, 128, .2);
        margin-top: 0px;
        transition: .4s all ease;
    }
    header.movil>.bot>.menuGeneral>div>ul>li.contSub {
        transition: .4s all ease;
        -webkit-transition: .4s all ease;
        -moz-transition: .4s all ease;
        -ms-transition: .4s all ease;
        -o-transition: .4s all ease;
    }
    header.movil>.bot>.menuGeneral>div>ul>li.contSub.activo {
        padding-bottom: 0;
    }
    header.movil>.bot>.menuGeneral>div>ul>li.contSub.activo>.subMenu {
        margin-top: 10px;
        border-top: 1px solid rgba(128, 128, 128, .2);
    }
    header.movil>.bot>.menuGeneral>div.pais>ul .subMenu>li>a::before {
        height: 17px;
        top: 11px;
    }
    header.movil>.bot>.menuGeneral>div>ul .subMenu>li.colombia::before {
        background-image: url(/img/banderaColombia.svg);
    }
    header.movil>.bot>.menuGeneral>div>ul .subMenu>li.espana::before {
        background-image: url(/img/banderaEspana.svg);
    }
    header.movil>.bot>.menuGeneral>div>ul .subMenu>li.mexico::before {
        background-image: url(/img/banderaMexico.svg);
    }
    header.movil>.bot>.menuGeneral>div>ul .subMenu>li.chile::before {
        background-image: url(/img/banderaChile.svg);
    }
    header.movil>.bot>.menuGeneral>div>ul .subMenu>li.ecuador::before {
        background-image: url(/img/banderaEcuador.svg);
    }
    header.movil>.bot>.menuGeneral>div>ul .subMenu>li.peru::before {
        background-image: url(/img/banderaPeru.svg);
    }
    header.movil>.bot>.menuGeneral>div.conocenos>ul>li>a {
        text-align: center;
        padding-left: 0 !important;
    }
    header.movil>.bot>.menuGeneral>div.redes {
        padding: 0;
    }
    header.movil>.bot>.menuGeneral>div.redes>.red {
        display: flex;
        padding: 0 10%;
    }
    header.movil>.bot>.menuGeneral>div.redes>.red>li {
        margin: 0 auto;
    }
    header.movil>.bot>.menuGeneral>div.redes>.red>li a {
        border: 0 !important;
    }
    header.movil>.bot>.menuGeneral>div ul.subMenu>li:last-of-type {
        border: 0;
    }
    header.movil>.bot>.menuGeneral>div>ul>li.contSub::after,
    header.movil>.bot>.menuGeneral>div>ul.menu.pais>li::after {
        content: "";
        position: absolute;
        background-image: url(/img/arrow-menu.svg);
        background-position: top left;
        background-repeat: no-repeat;
        width: 14px;
        height: 14px;
        top: 11px;
        right: calc(26% - 44px);
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }
    header.movil>.bot>.menuGeneral>div>ul.menu.pais>li::after {
        top: 20px;
    }
    header.movil>.bot>.menuGeneral>div>ul>li.contSub.activo::after,
    header.movil>.bot>.menuGeneral>div>ul.menu.pais>li.activo::after {
        transform: rotate(180deg);
    }
    .menuGeneral .casoExito::before {
        display: none;
    }
    .banner>.container {
        align-items: flex-start;
    }
    .contInbound>section>.container>.colText>.contAccion>.contKing {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 30px;
    }
    .contInbound>section>.container>.colText>.contAccion>.contKing>img {
        height: 20px !important;
        width: auto !important;
        margin-right: 5px;
    }
    .contInbound>section>.container>div {
        width: 47% !important;
    }
    .contInbound>section>.container>div img {
        width: 100% !important;
    }
    .contInbound>section.contenido>.container>div {
        width: 100% !important;
    }
    .contInbound>section.contenido>.container>div.botonArticulos {
        text-align: center;
    }
    /*===================================================*/
    /*=            estilos menu zoho partner            =*/
    /*===================================================*/
    .itemsZoho .contZoho>div.menu-lateral {
        position: fixed;
        z-index: 9999;
        top: inherit;
        width: 100%;
        height: 57px;
        padding: 0px;
        border-radius: 0px;
        overflow-y: inherit;
        bottom: 0;
        display: flex;
    }
    .itemsZoho .contZoho>div.menu-lateral>.iconoTitulo {
        width: 25%;
        text-align: center;
        border-right: 1px solid rgba(255, 255, 255, .1);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        background-color: var(--azulObs);
    }
    .itemsZoho .contZoho>div.menu-lateral>.iconoTitulo>h4 {
        color: #fff;
        padding: 0;
        margin: 0;
        order: 2;
        font-weight: 400;
        font-size: 15px;
        position: absolute;
        transition: .4s all ease;
        bottom: 0;
        opacity: 0;
    }
    .itemsZoho .contZoho>div.menu-lateral>.iconoTitulo.activo>h4 {
        bottom: 10px;
        opacity: 1;
    }
    .itemsZoho .contZoho>div.menu-lateral>.iconoTitulo>h4::before {
        display: none;
    }
    .itemsZoho .contZoho>div.menu-lateral>.iconoTitulo>.icono {
        display: flex;
        align-items: center;
        justify-content: center;
        order: 1;
        height: 48px;
        width: 48px;
        border-radius: 50%;
        transition: .4s all ease;
    }
    .itemsZoho .contZoho>div.menu-lateral>.iconoTitulo.activo>.icono {
        background-color: #fff;
        box-shadow: 0px 25px 60px rgba(0, 0, 0, .5);
        margin-top: -60px;
    }
    .itemsZoho .contZoho>div.menu-lateral>.iconoTitulo>.icono img {
        transition: .4s all ease;
    }
    .itemsZoho .contZoho>div.menu-lateral>.iconoTitulo.activo>.icono img {
        filter: invert(1);
    }
    .itemsZoho .contZoho>div.menu-lateral>ul {
        position: fixed;
        bottom: 57px;
        margin: 0;
        background-color: #fff;
        width: 100%;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        box-shadow: 0px -5px 20px rgba(0, 0, 0, .09);
        z-index: -1;
        padding: 20px 50px;
        transition: .4s all ease;
        transform: translateY(20px);
        opacity: 0;
        visibility: hidden;
        padding-bottom: 40px;
    }
    .itemsZoho .contZoho>div.menu-lateral>ul.activo {
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
    }
    .itemsZoho .contZoho>div.itemsZoho {
        width: 100%;
    }
    .itemsZoho .contZoho>div.itemsZoho>.filaItem {
        flex-wrap: wrap;
        padding: 0 50px;
    }
    .itemsZoho .contZoho>div.itemsZoho>.filaItem>div {
        width: 100%;
    }
    .itemsZoho .contZoho>div.itemsZoho>.filaItem>div.colText {
        order: 1;
    }
    .itemsZoho .contZoho>div.itemsZoho>.filaItem>div.colImg {
        text-align: center;
        margin-top: 30px;
        order: 2;
    }
    .itemsZoho .contZoho>div.itemsZoho>.filaItem>div.colImg img {
        width: 70%;
    }
    .informes>.container>.filaInfo>.colImg>figure>img {
        width: 100%;
    }
    .bannerInt::before {
        transform: translate(-90%, -30%);
        -webkit-transform: translate(-90%, -30%);
        -moz-transform: translate(-90%, -30%);
        -ms-transform: translate(-90%, -30%);
        -o-transform: translate(-90%, -30%);
    }
    .bannerInt::after {
        left: -5%;
    }
    .contentCRM .banner>.container {
        flex-direction: column;
        text-align: center;
        padding: 0 5%;
    }
    .contentCRM .banner>.container>.colText {
        order: 2;
    }
    .contentCRM .banner>.container>.colText .titulo br {
        display: none;
    }
    .contentCRM .banner .colText p {
        font-size: 18px;
    }
    .contentCRM .banner>.container>.colimg {
        order: 1;
    }
    .contentCRM .banner>.container>.colimg img {
        width: 100%;
        border-radius: 50%;
    }
    .contentCRM .banner .colText .titulo>strong {
        font-size: 32px;
    }
    .contentCRM .banner .colText .accion {
        display: flex;
        padding: 15px;
        border-radius: 50px;
    }
    .optProcesos .encabezado h1 strong {
        font-size: 32px;
    }
    .optProcesos .filaItems {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .optProcesos .filaItems>.item {
        width: 49%;
        margin-bottom: 30px;
    }
    .optProcesos .filaItems>.item h4 {
        font-size: 18px;
    }
    .gestiona .encabezado.izq>p {
        font-size: 17px;
    }
    .automatismos .filaInfo>div.colImg img {
        width: 100%;
    }
    .automatismos .filaInfo>div.colText>p>strong {
        font-size: 17px;
    }
    .casoExito>.container>div.colVid>button {
        width: 100%;
    }
    .casoExito>.container>div.colVid>button>img {
        width: 100%;
    }
    .atraeBogon>.container>.filaItems {
        flex-wrap: wrap;
        width: 80%;
        margin: 0 auto;
    }
    .atraeBogon>.container>.filaItems>.item {
        width: 20%;
    }
    .agenciaSeo>.container {
        align-items: center;
    }
    .agenciaSeo>.container>.colImg img,
    .seo-tecnico>.container>.colImg img {
        width: 100%;
    }
    .internacional>.container>div.colImg::before {
        left: -130%;
    }
    .contentDiseno .banner .colText h1>strong {
        font-size: 32px;
    }
    .contentDiseno .banner .colImg>figure {
        margin-top: -20px;
        position: relative;
    }
    .contentDiseno .banner .colImg>figure>img {
        position: absolute;
        top: 0;
        right: -50px;
        width: 120%;
        z-index: -1;
    }
    .disDesarrollo>.container,
    .ui>.container {
        padding-left: 5%;
        padding-right: 5%;
    }
    .disDesarrollo .container>.item>h3 {
        font-weight: 300;
        color: #ff5a00;
    }
    .ui>.container {
        align-items: center;
    }
    .contenido>.container {
        padding: 0 10%;
    }
    .casosExito .container>.item>.img {
        height: 150px;
        width: 75%;
    }
    section.semAdwords .ficha::after {
        content: "";
        position: absolute;
        width: 500px;
        height: 300px;
        background-image: url(/img/botonesNaranja.svg);
        background-size: contain;
        background-repeat: no-repeat;
        bottom: -84px;
        right: 0px;
        background-position: center;
        z-index: -1;
    }
    .comoAds .colImg img {
        width: 100%;
    }
    .contRedes .banner .colText {
        margin-top: 50px;
    }
    .contRedes .banner .colImg figure {
        position: relative;
    }
    .contRedes .banner .colImg figure img {
        position: absolute;
        top: -50px;
        right: 0;
        width: 120%;
    }
    .orgPago>div.container>div.colImg img {
        width: 100%;
    }
    .LMWform>.container>.formulario {
        width: 70%;
        margin: 0 auto;
    }
    .LMWtablaContenedor>.container {
        padding: 0 6%;
    }
    .LMWmarcas>.container .filaLogos {
        flex-wrap: wrap;
        padding: 0 20px;
    }
    .LMWmarcas>.container .filaLogos>.item {
        width: 48%;
        margin-bottom: 30px;
    }
    .nuestroCamino .card::before {
        height: 780px;
    }
    .nuestroCamino .card>.item>p.text {
        padding-bottom: 30px;
    }
    .contRedes .banner .colImg figure img {
        position: static;
        width: 100%;
    }
}

@media(max-width: 768px) {
    .banner>.container {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 0 10%;
    }
    .banner>.container>div {
        width: 100%;
    }
    .banner>.container>div.colImg {
        display: none;
    }
    .banner>.container>div.coltext .contAccion {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        height: auto !important;
    }
    .banner>.container>div.coltext .contAccion>a,
    .banner>.container>div.coltext .contAccion>.hubspotLogo {
        width: 100%;
    }
    .banner>.container>div.coltext .contAccion>a {
        margin-bottom: 20px;
    }
    .banner>.container>div.coltext .contAccion>.hubspotLogo>img {
        margin: 0 auto;
        width: 37%;
    }
    .banner>.container>div.coltext>.tit {
        font-size: 21px;
        font-weight: 300;
        line-height: 30px;
    }
    .banner>.container>div.coltext p {
        font-size: 16px;
        line-height: 25px;
    }
    #banner-inicio.banner::before,
    #banner-inicio.banner::after {
        display: none;
    }
    .container {
        padding-right: 30px;
        padding-left: 30px;
    }
    .encabezado p {
        font-size: 22px;
    }
    .filaFichas {
        flex-wrap: wrap;
        padding: 0 30px;
        margin-top: 80px;
    }
    .filaFichas>.ficha {
        flex: 0 0 100%;
        margin-bottom: 30px !important;
    }
    section.equipo::before {
        content: '';
        width: 540px;
        height: 400px;
        background-image: url(/img/manchaAzulCompleta.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        top: 0;
        left: 0;
        transform: translateX(-50%) translateY(-13%);
        position: absolute;
        z-index: -1;
    }
    section.equipo>.container>div {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    section.estrategias .row.encabezado {
        margin-bottom: 60px;
        margin-top: 60px;
    }
    .estrategias {
        padding-left: 20px;
        padding-right: 20px;
    }
    .estrategias h2 {
        font-size: 22px;
    }
    section.estrategias .row {
        flex-wrap: wrap;
    }
    section.estrategias .row>div {
        width: 100%;
        text-align: left
    }
    section.estrategias .row.diseno::after {
        top: 0;
        transform: translateX(100%);
    }
    section.estrategias .row>div.colImg .bloque {
        text-align: left;
        width: 100%;
    }
    section.estrategias .row {
        margin-bottom: 80px;
    }
    section.estrategias .row>.colText {
        order: 1;
    }
    section.estrategias .row>.colImg {
        order: 2;
    }
    section.estrategias .row.leads::before {
        display: none;
    }
    section.aliados {
        padding-left: 20px;
        padding-right: 20px;
    }
    section.aliados .container {
        flex-wrap: wrap;
    }
    section.aliados .container>div {
        width: 100% !important;
    }
    section.aliados .container>div .tit-2 {
        font-size: 20px !important;
        color: #ff5a08 !important;
    }
    section.aliados .container>div .tit-2>strong {
        font-size: 23px;
    }
    section.aliados .container>div.colTexto p {
        color: #404040;
        line-height: 25px;
    }
    .contentHome .aliados {
        margin-top: 50px;
    }
    .contentHome .aliados::before {
        content: '';
        position: absolute;
        left: 30px;
        top: 0;
        width: 120px;
        height: 94px;
        background-image: url(/img/beforeCirTriangulo.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    section.aliados .container>div.colCta>.ficha {
        width: 100%;
        margin: 40px 0;
    }
    section.aliados .container>div.colCta>.ficha>img {
        width: 100%;
    }
    section.contenido {
        padding-left: 10px;
        padding-right: 10px;
    }
    section.contenido>.container>.encabezado>p:last-child {
        text-align: left;
    }
    section.contenido>.container>.entradas {
        flex-wrap: wrap;
    }
    section.contenido>.container>.entradas>.item {
        width: 100%;
        margin-bottom: 50px;
    }
    .siteFooter>.top,
    .siteFooter>.top>div.colPaises {
        flex-wrap: wrap;
    }
    .siteFooter>.top>div {
        width: 100% !important;
        height: auto !important;
    }
    .siteFooter>.top>div.colPaises>ul {
        width: 100% !important;
        text-align: center;
        margin-bottom: 30px;
    }
    .siteFooter>.top>div.colForm {
        padding: 0 10PX;
        background: transparent !important;
        border-radius: 15px;
        box-shadow: none !important;
        text-align: center;
    }
    .siteFooter>.bot>.cont {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        font-size: 16px !important;
    }
    .siteFooter>.bot>.cont>ul {
        width: 100% !important;
        flex-wrap: wrap;
        justify-content: center;
    }
    .siteFooter>.bot>.cont>ul>li {
        width: 100% !important;
        padding: 0 !important;
        border: 0 !important;
        margin-bottom: 10px !important;
    }
    .siteFooter>.bot>.cont>a {
        margin-bottom: 10px !important;
    }
    .contInbound .banner>.container>div.colImg {
        display: block;
        order: 1;
        text-align: center;
        margin-bottom: 30px;
        margin-top: 50px;
    }
    .contInbound .banner>.container>div {
        width: 100% !important;
    }
    .contInbound .banner>.container>div.colImg>img {
        width: 80% !important;
        margin: 0;
    }
    .contInbound .banner>.container>div.colText {
        text-align: center;
    }
    .contInbound .banner>.container>div.colText h1 {
        margin-bottom: 50px;
        text-align: left;
    }
    .contInbound .banner>.container>div.colText h1::before {
        left: 0%;
        transform: translateX(0%);
    }
    .contInbound .banner .tit {
        text-align: left;
    }
    .contInbound p {
        text-align: left;
    }
    .contInbound .banner .contAccion {
        flex-wrap: wrap;
    }
    .contInbound .banner .contAccion>a {
        width: 100%;
        margin-bottom: 10px;
    }
    .contInbound .banner .contAccion>.contKing {
        width: 100%;
    }
    .contInbound .etapas-titulo h2::before {
        z-index: -1;
    }
    .contInbound section {
        padding-left: 5%;
        padding-right: 5%;
    }
    .contInbound .atraccion .container,
    .contInbound .conversion .container {
        flex-wrap: wrap;
    }
    .contInbound .atraccion .container>div,
    .contInbound .conversion .container>div {
        width: 100% !important;
    }
    .contInbound section {
        margin-bottom: 100px;
    }
    .contInbound section .col-55 {
        order: 1;
    }
    .contInbound section .col-45 {
        order: 2;
        text-align: center;
        margin-top: 20px;
    }
    .contInbound section .col-45>figure>img {
        width: 60% !important;
    }
    .cardsConoceMas>.container {
        flex-wrap: wrap;
    }
    .cardsConoceMas>.container>.card {
        width: 48%;
        margin-bottom: 30px;
    }
    .cardsConoceMas>.container>.card:hover:before {
        width: 2200px;
        height: 2200px;
    }
    .contInbound .banner .container {
        padding: 0 5%;
        flex-direction: column;
    }
    .contInbound .banner .container>.colText {
        order: 1;
    }
    .contInbound .banner .container>.colImg {
        order: 2;
    }
    .contentBigin .banner>.container>div.colImg {
        display: block;
        width: 100%;
        order: 1;
        margin-bottom: 30px;
    }
    .contentBigin .banner>.container>div.colText {
        order: 2;
        text-align: center;
    }
    .contentBigin .banner .accion {
        display: flex;
    }
    .atraeBogon .encabezado h1 strong {
        font-size: 32px;
    }
    .atraeBogon>.container>.filaItems {
        justify-content: center
    }
    .atraeBogon>.container>.filaItems>.item {
        width: 42%;
        margin: 0 auto;
        margin-bottom: 50px;
    }
    .atraeBogon>.container>.filaItems>.item>figure>img {
        width: 70%;
    }
    .porQueZoho {
        margin-bottom: 0px;
    }
    .contentSalesIQ .banner>.container>div.colImg {
        display: block;
        width: 100%;
        order: 1;
        text-align: center;
    }
    .contentSalesIQ .banner>.container>div.colImg img {
        width: 80%;
    }
    .contentSalesIQ .banner>.container>div.colText {
        order: 2;
        text-align: center;
        margin-top: 30px;
    }
    .contentSalesIQ>.banner>.container>.colText>p.tit-slide strong {
        font-size: 32px;
        padding-bottom: 0;
    }
    .contentSalesIQ>.banner>.container>.colText>p.tit-slide strong::before {
        height: 35px;
    }
    .contentSalesIQ>.banner>.container>.colText>a.accion {
        display: flex;
    }
    .atrae-bigin>.container>.encabezado>h1 {
        font-size: 32px;
        margin-bottom: 20px;
    }
    .atrae-bigin>.container>.encabezado>h2 {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .atrae-bigin>.container>.filaItems {
        flex-wrap: wrap;
        justify-content: center;
    }
    .atrae-bigin>.container>.filaItems>div {
        width: 45% !important;
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .atrae-bigin>.container>.filaItems>div img {
        width: 50% !important;
    }
    .monitorea>.container {
        align-items: center;
    }
    .monitorea>.container>div.colImg img {
        width: 100%;
    }
    .monitorea>.container>div.colImg>figure::after {
        display: none;
    }
    .porQueZoho>.container>.contTexto .accion {
        margin: 0 auto;
        display: block;
    }
    .contentSeo .banner>.container {
        flex-wrap: wrap;
    }
    .contentSeo .banner>.container>div {
        width: 100% !important;
        text-align: center;
    }
    .contentSeo .banner>.container>div.colImg {
        display: block;
        order: 1;
    }
    .contentSeo .banner>.container>div.colImg img {
        width: 80%;
    }
    .contentSeo .banner>.container>div.colText {
        order: 2;
    }
    .contentSeo>.bannerInt .colText h1>strong {
        font-size: 32px;
    }
    .contentSeo>.bannerInt .colText .accion {
        display: block;
    }
    .agenciaSeo>.container>.colImg,
    .agenciaSeo>.container>.colText {
        width: 100%;
    }
    .agenciaSeo>.container>.colImg {
        text-align: center;
    }
    .agenciaSeo>.container>.colImg img {
        width: 80%;
    }
    .onPage>.container>.colImg img {
        width: 100%;
    }
    .donde>.container>.item>img {
        width: 100%;
    }
    .contPos>div {
        padding-left: 30px;
        padding-right: 30px;
    }
    .contPos>div>.listado-category-post>li {
        width: 100%;
    }
    .contenido>.container .listadoCategory li a:hover:after,
    .contPos>div>.listado-category-post>li a:hover:after {
        transform: translate(-50%, -50%) scale(72);
    }
    .contentSeo .agenciaSeo .encabezado {
        margin-bottom: 100px;
    }
    .agenciaSeo>.container>.colText>h2>strong {
        font-size: 38px;
    }
    .posiciones>.container>.encabezado>h2 {
        line-height: 35px;
    }
    .posiciones>.container>.encabezado>h2 .orange {
        font-size: 22px;
    }
    .seo-tecnico>.container>div,
    .internacional>.container>div {
        width: 100% !important;
    }
    .seo-tecnico>.container>.colText>h2 {
        margin-bottom: 35px;
    }
    .seo-tecnico>.container>.colText>h2 strong {
        font-size: 34px;
    }
    .internacional>.container>div h2 {
        width: 80%;
        line-height: 34px !important;
        margin-bottom: 35px !important;
        ;
    }
    .internacional>.container>div h2 strong {
        font-size: 34px;
    }
    .donde>.container>div {
        width: 100% !important;
        margin-bottom: 50px;
    }
    .reputacion>.container {
        flex-wrap: wrap;
    }
    .reputacion>.container>div {
        width: 100%;
    }
    .reputacion>.container>div.colImg {
        text-align: center;
    }
    .reputacion>.container>div.colImg>img {
        width: 80%;
    }
    .contPos>div>.encabezado {
        width: 100%;
    }
    .contPos>div>.encabezado h2>strong {
        font-size: 38px;
    }
    .contentDiseno .banner>.container {
        flex-wrap: wrap;
    }
    .contentDiseno .banner>.container>div {
        width: 100% !important;
    }
    .contentDiseno .banner .colText h1 {
        margin: 0;
    }
    .contentDiseno .banner .colText {
        order: 2;
        text-align: center;
    }
    .contentDiseno .banner div.colImg {
        display: block;
        order: 1;
    }
    .contentDiseno .banner .colText h1>strong {
        font-size: 28px;
    }
    .contentDiseno .banner .colImg>figure>img {
        position: static;
        width: 100%;
    }
    .diseno>.container>.colCont {
        width: 100%;
    }
    .diseno>.container>.colCont>h2 {
        font-size: 22px;
    }
    .como .contTexto {
        width: 100%;
    }
    .como .contTexto>h2 {
        font-size: 34px;
    }
    .como .filaItems {
        margin-bottom: 0
    }
    .como .filaItems,
    .como .filaItemsLogos {
        flex-wrap: wrap;
        padding: 0;
        justify-content: center;
    }
    .como .filaItems>.item {
        width: 48%;
        margin: 0 auto;
        margin-bottom: 70px;
    }
    .como .filaItems>.item h3 {
        font-size: 13px;
        line-height: 17px;
    }
    .como .filaItemsLogos>.item {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    .como .filaItemsLogos>.item img {
        height: 100px;
        width: auto;
    }
    .disDesarrollo .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .disDesarrollo .container>div,
    .velocidadCarga>.container>div {
        width: 100% !important;
    }
    .disDesarrollo .container>div h2 {
        font-size: 22px !important;
    }
    .disDesarrollo .container>div h2 strong,
    .velocidadCarga>.container>div h2 strong {
        font-size: 34px !important;
    }
    .velocidadCarga>.container>.col>.item {
        margin-bottom: 40px;
    }
    .ui>.container {
        flex-wrap: wrap;
        padding-left: 30px;
        padding-right: 30px;
    }
    .ui>.container>div {
        width: 100%;
    }
    .casosExito .container>.encabezado h2,
    .contenido>.container>.encabezado h2 {
        font-size: 22px;
    }
    .casosExito .container>.encabezado h2>strong,
    .contenido>.container>.encabezado h2>strong {
        font-size: 34px;
    }
    .casosExito .container>.item {
        width: 100%;
        margin-bottom: 80px;
    }
    .modalBox>.modalBody {
        width: 100%;
    }
    .modalBox .cerrar {
        top: 150px;
    }
    section.contenido>.container>.encabezado {
        width: 90%;
    }
    .contenido>.container .listadoCategory li,
    .contPos>div>.listado-category-post>li {
        width: 100%;
    }
    .contenido>.container {
        padding: 0 7%;
    }
    .cardsConoceMas>.container {
        padding: 0 12%;
    }
    .modalBox {
        z-index: 9999999;
    }
    .banner>.container>div.colImg,
    .banner>.container>div.colImg>figure>img {
        display: block !important;
    }
    .contAds .banner .container {
        flex-wrap: wrap;
    }
    .contAds .banner .container>div {
        width: 100% !important;
        text-align: center;
    }
    .contAds .banner .container>div.colImg {
        order: 1;
    }
    .contAds .banner .colText h1 {
        font-size: 40px;
    }
    .contAds .banner .colText h1 strong {
        font-size: 32px;
    }
    .contAds .banner .colText a {
        display: block;
    }
    .frase .encabezado {
        padding: 0 20px;
    }
    .comoAds>.container,
    .tiposCamp>.container {
        padding: 0 40px;
    }
    .frase .encabezado>h2 {
        font-size: 27px;
    }
    .comoAds>.container {
        flex-wrap: wrap;
    }
    .comoAds>.container>div {
        width: 100%;
    }
    .comoAds .colImg {
        text-align: center;
    }
    .comoAds .colImg img {
        width: 90%;
    }
    .tiposCamp>.container>.cont>.item {
        width: 100%;
    }
    section.contenido>.container>.encabezado>.tit {
        font-size: 28px;
    }
    .contRedes .banner>.container>div {
        width: 100% !important;
        text-align: center;
    }
    .contRedes .banner>.container>div.colImg {
        order: 1;
    }
    .contRedes .banner>.container>div.colImg img {
        position: static;
        margin: 0 auto;
        width: 50%;
    }
    .contRedes .banner>.container>div.colText {
        order: 2;
    }
    .contRedes .banner .colText h1 strong {
        font-size: 32px;
    }
    .contRedes .banner .colText .accion {
        display: block;
    }
    .orgPago>div.container {
        flex-wrap: wrap;
    }
    .orgPago>div.container>div {
        width: 100%;
    }
    .semAdwords.correcto .ficha>.col {
        width: 100%;
    }
    .LMWtablaContenedor>.container>.tabla>div>.item {
        flex-wrap: wrap;
        justify-content: center;
    }
    .LMWtablaContenedor>.container>.tabla>div>.item>.imagen {
        order: 1;
        margin-bottom: 30px;
    }
    .LMWtablaContenedor>.container>.tabla>div>.item>.texto {
        order: 2;
    }
    .LMWcta>.container .card>.imagen>img {
        width: 100%;
    }
    .LMWcta>.container .card>.texto {
        padding-right: 10px;
    }
    .LMWcta>.container .card .accion {
        padding: 15px;
        display: block;
        width: 100%;
    }
    .LMWcta>.container .card>.enlace {
        width: 28%;
    }
    .LMWmas>.container>.card {
        height: 300px;
        flex-direction: column;
        justify-content: space-between;
        padding: 30px;
    }
    .LMWmas>.container>.card>.texto p {
        margin-bottom: 20px;
    }
    .LMWmarcas>.container>.encabezado {
        padding: 0 7%;
        padding-bottom: 30px;
    }
    .LMWmarcas>.container .filaLogos>.item {
        width: 100%;
    }
    .contentSoporte {
        margin-top: 250px;
    }
    .contentSoporte>.container {
        flex-wrap: wrap;
    }
    .contentSoporte>.container>div {
        width: 100%;
    }
    .contentSoporte>.container>div.colImg {
        text-align: center;
    }
    .contentSoporte>.container>div.colImg img {
        width: 50%;
        margin-bottom: 20px;
    }
    .contentSoporte>.container>div.colImg>h2 {
        text-align: center;
    }
    .siteFooter>.top>div.colForm>form {
        margin: 0 auto;
    }
    .contentExitoInbound .banner>.container {
        text-align: center;
    }
    .contentExitoInbound .banner>.container>.colImg {
        order: 1;
        width: 100%;
    }
    .contentExitoInbound .banner>.container>.colImg img {
        width: 50%;
    }
    .contentExitoInbound .banner>.container>.colTexto {
        order: 2;
    }
    .casosCont>.container>.fichaCasoExito>.imagen>img {
        height: auto;
        width: 100%;
    }
    #title-casos-exito .enc {
        margin-bottom: 50px;
    }
    #title-casos-exito .enc h1 {
        margin-bottom: 30px;
        font-size: 33px;
    }
    #title-casos-exito .enc h1 strong {
        font-size: 50px;
    }
    #info-form>div.container>div {
        width: 100%;
        text-align: center;
    }
    #info-form>div.container .colImg .imagen-caso {
        margin-bottom: 30px;
    }
    #info-form .subtitle-caso::before {
        width: 100%;
        top: -15px;
    }
    .contentCompania .banner {
        margin-top: 0;
        margin-bottom: 50px;
    }
    .contentCompania .banner>.container {
        flex-wrap: wrap;
    }
    .contentCompania .banner>.container>div {
        width: 100% !important;
    }
    .contentCompania .banner .colImg {
        order: 1;
        text-align: center;
    }
    .contentCompania .banner .colText {
        order: 2;
        text-align: center;
    }
    .contentCompania .banner .colImg img {
        position: static;
        width: 80% !important;
    }
    .contentCompania .banner .colText {
        margin-top: 120px;
    }
    .contentCompania .banner .colText>h1 {
        font-size: 33px;
        padding-bottom: 10px;
    }
    .contentCompania .banner .colText>h1 strong {
        font-size: 44px;
    }
    .contentCompania .banner h1::after {
        left: 50%;
        transform: translateX(-50%);
    }
    .fotoEquipo>.container {
        padding-left: 80px;
        padding-right: 80px;
    }
    .fotoEquipo>.container>.card {
        width: 45%;
        height: 400px;
    }
    .nuestroCamino .card>.item {
        margin: 0 !important;
        width: 100%;
        text-align: left !important;
        padding: 0;
    }
    .nuestroCamino .card>.item p {
        margin: 0 !important;
    }
    .nuestroCamino .card>.item>.year::before {
        bottom: 10px !important;
    }
    .nuestroCamino .card>.item>.year::before {
        font-size: 2em !important;
    }
    .nuestroCamino .card>.item p.year {
        text-align: left;
    }
    .nuestroCamino .card>.item p.year::after {
        display: none;
    }
    .nuestroCamino .card>.item.l>.year::before {
        right: inherit;
        left: 0;
    }
    .nuestroCamino .card::before {
        display: none;
    }
    .banner>.container>div.colText {
        text-align: center;
    }
    .noEnc .colImg {
        width: 100% !important;
    }
    .noEnc .colImg img {
        position: static;
        width: 80%;
        top: 0;
        transform: translateY(0%);
        margin: 0 auto;
    }
    section.banner-ebook>.container {
        flex-wrap: wrap;
    }
    section.banner-ebook>.container>div {
        width: 100% !important;
    }
    section.banner-ebook>.container>div.colFicha {
        margin-bottom: 50px;
    }
    section.banner-ebook .box-img-ebook {
        width: 50%;
        margin: 0 auto;
    }
    .formLandEbook>.container>.formulario {
        width: 90%;
    }

    #banner-inicio .container .colImg {
        display: none !important;
    }
}

@media (max-width: 1080px) and (orientation: landscape) {
    .modalBox>.modalBody {
        width: auto;
        height: 90%;
    }
    .modalBox .cerrar {
        top: 20px;
    }
}

@media(max-width: 450px) {
    .cardsConoceMas>.container>.card {
        width: 100%;
        margin-bottom: 30px;
    }
    .cardsConoceMas>.container>.card:hover:before {
        width: 500px;
        height: 500px;
    }
    .itemsZoho .contZoho>div.itemsZoho>.filaItem {
        padding: 0 20px;
    }
    .optProcesos .filaItems>.item {
        padding: 0 10px;
    }
    .optProcesos .filaItems>.item h4 {
        font-size: 16px;
        line-height: 22px;
    }
    .gestiona {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 80px;
    }
    .gestiona .encabezado.izq {
        width: 100%;
    }
    .gestiona .filaInfo,
    .automatismos .filaInfo,
    .informes>.container>.filaInfo,
    .casoExito>.container {
        flex-wrap: wrap;
    }
    .gestiona .filaInfo>div,
    .automatismos .filaInfo>div,
    .informes>.container>.filaInfo>div,
    .casoExito>.container>div,
    .porQueZoho>.container>div {
        width: 100% !important;
    }
    .gestiona .encabezado.izq>h2 strong {
        font-size: 35px;
        ;
    }
    .gestiona .filaInfo>.colImg>figure {
        padding: 0;
        margin-top: 30px;
    }
    .gestiona .filaInfo>.colImg>figure::before,
    .gestiona .filaInfo>.colImg>figure::after {
        display: none;
    }
    .automatismos .filaInfo>div.colImg {
        margin-bottom: 20px;
    }
    .casoExito {
        padding: 50px 0;
    }
    .porQueZoho {
        margin-bottom: 0px;
    }
    .optProcesos .encabezado h2 {
        font-size: 22px;
    }
    .optProcesos .encabezado h2>strong {
        font-size: 34px;
    }
    .optProcesos .encabezado h2 {
        font-size: 22px;
    }
    .optProcesos .encabezado h2>strong {
        font-size: 34px;
    }
    .contentBigin .banner .tit-slide {
        font-size: 30px;
    }
    .contentBigin .banner p.banner-parrafo-destacado {
        line-height: 35px;
    }
    .atraeBogon>.container>.filaItems {
        width: 100%;
    }
    .atraeBogon>.container>.filaItems>.item>figure>img {
        width: 100%;
        margin-bottom: 10px;
    }
    .gestionaLeads>div>.filaInfo,
    .seguimiento>div.container,
    .informes>.container {
        flex-wrap: wrap;
    }
    .gestionaLeads>div>.filaInfo>div,
    .seguimiento>div.container>div,
    .informes>.container>div {
        width: 100% !important;
    }
    .gestionaLeads>div>.filaInfo>.colImg>figure::before,
    .gestionaLeads>div>.filaInfo>.colImg>figure::after {
        display: none;
    }
    .gestionaLeads>div>.filaInfo>div.colImg {
        margin-top: 20px;
    }
    .seguimiento>div.container>div.colText {
        order: 1;
    }
    .seguimiento>div.container>div.colImg {
        order: 2;
    }
    .seguimiento>div.container>div.colImg img {
        width: 100%;
    }
    .gestionaLeads>div>.encabezado h2,
    .seguimiento>div.container>div.colText>h2,
    .informes>.container>div.colText>h2 {
        font-size: 25px;
    }
    .automatismos {
        padding-top: 100px;
    }
    .automatismos .encabezado h2,
    .informes>.container>div.colText>h2,
    .porQueZoho>.container>.contTexto>h2 {
        font-size: 22px;
    }
    .automatismos .encabezado h2>strong,
    .informes>.container>div.colText>h2>strong {
        font-size: 34px;
    }
    .automatismos>.container>.colImg,
    .automatismos>.container>.colText {
        width: 100%;
    }
    .atrae-bigin>.container>.encabezado>h2 {
        font-size: 22px;
    }
    .atrae-bigin>.container>.filaItems {
        padding: 0;
    }
    .atrae-bigin>.container>.filaItems>div img {
        width: 80% !important;
    }
    .monitorea>.container,
    .personaliza>.container {
        flex-wrap: wrap;
    }
    .monitorea>.container>div,
    .personaliza>.container>div {
        width: 100% !important;
    }
    .personaliza>.container>div.colText {
        order: 1;
    }
    .personaliza>.container>div.colImg {
        order: 2;
    }
    .contentSeo .banner>.container>div.colImg img {
        width: 100%;
    }
    .contentSeo>.bannerInt .colText h1 {
        margin-top: 30px;
    }
    .agenciaSeo>.container>.encabezado {
        order: 1;
    }
    .agenciaSeo>.container>.colImg {
        order: 2;
    }
    .agenciaSeo>.container>.colText {
        order: 3;
    }
    .owl-stage>.owl-item>.item {
        width: 350px !important;
    }
    .comoTrabajamos>.container>div.col {
        width: 100%;
    }
    .cuando>.container>.fila {
        flex-wrap: wrap;
        justify-content: center;
    }
    .cuando>.container>.fila.top>div {
        margin: 0 !important;
        width: 60%;
        margin-bottom: 20px !important;
    }
    .cuando>.container>.fila.mid>div {
        width: 60%;
    }
    .cuando>.container>.fila.mid>div.tit,
    .onPage>.container>div,
    .seo-off-page>.container>div {
        width: 100% !important;
    }
    .cuando>.container>.fila.bot>div {
        width: 70% !important;
        margin: 0 !important;
        margin-bottom: 30px !important;
    }
    .cuando>.container>.fila.mid h2 {
        font-size: 22px;
    }
    .cuando>.container>.fila.mid h2 strong {
        font-size: 34px;
    }
    .seo-off-page>.container>div.colImg {
        margin-bottom: 20px;
    }
    .seo-off-page>.container>div.colImg::after {
        display: none;
    }
    .seo-tecnico>.container>.carTec,
    .onPage>.container>.carTec {
        margin: 0px auto;
        margin-top: 100px;
        width: 100%;
    }
    .contAds .banner .colText h1 {
        font-size: 30px;
    }
    .contAds .banner .colText h1>strong {
        font-size: 28px;
    }
    .frase .encabezado {
        padding: 0;
    }
    .comoAds>.container>.colImg {
        order: 1;
    }
    .comoAds>.container>.colText {
        order: 2;
    }
    .comoAds>.container>.colText>h2,
    section.semAdwords .ficha>h2,
    .tiposCamp>.container>.encabezado h2,
    section.comoTrabajamos .container>.encabezado h2,
    section.contenido>.container>.encabezado>.tit {
        font-size: 22px;
    }
    .comoAds>.container>.colText>h2 strong,
    section.semAdwords .ficha>h2 strong,
    .tiposCamp>.container>.encabezado h2 strong,
    section.comoTrabajamos .container>.encabezado h2 strong,
    section.contenido>.container>.encabezado>.tit strong {
        font-size: 34px;
    }
    .comoAds>.container,
    .tiposCamp>.container {
        padding: 0 30px;
    }
    section.semAdwords .container {
        padding: 0 20px;
    }
    section.semAdwords .ficha {
        padding: 40px 5%;
    }
    .tiposCamp>.container {
        padding: 0 10px;
    }
    .tiposCamp>.container>.encabezado h2 {
        margin-bottom: 50px;
    }
    section.comoTrabajamos .contTrabajamos>div,
    section.comoTrabajamos .contTrabajamos>ul {
        width: 100% !important;
    }
    section.comoTrabajamos .contTrabajamos>div {
        order: 1;
        margin-bottom: 50px;
    }
    section.comoTrabajamos .contTrabajamos>.lista::before {
        display: none;
    }
    section.comoTrabajamos .contTrabajamos>ul {
        order: 2;
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
    }
    section.comoTrabajamos .contTrabajamos>ul>.item {
        width: 48%;
        flex-wrap: wrap;
        text-align: center;
        justify-content: center !important;
        align-content: flex-start;
    }
    section.comoTrabajamos .contTrabajamos>ul>.item .icono {
        margin-bottom: 20px;
    }
    section.comoTrabajamos .contTrabajamos>ul>.item>div.texto {
        width: 100%;
        width: 100% !important;
    }
    section.comoTrabajamos .contTrabajamos>ul>.item>div.texto h3 {
        font-size: 20px !important;
    }
    section.comoTrabajamos .contTrabajamos>ul>.item>div.texto p {
        font-size: 12px;
        line-height: 18px;
    }
    section.comoTrabajamos .contTrabajamos>.lista>.item>.texto>p::before {
        left: 50%;
        transform: translateX(-50%);
    }
    .contAds .banner .colImg img {
        width: 100% !important;
    }
    .contRedes .banner>.container>div.colImg img {
        width: 100%;
    }
    .contRedes .banner .colText h1 {
        font-size: 30px;
    }
    .contRedes .banner .colText h1 strong {
        font-size: 28px;
    }
    .banner>.container {
        padding: 0 30px;
    }
    .orgPago>div.container .colImg {
        order: 1;
    }
    .orgPago>div.container .colText {
        order: 2;
    }
    .orgPago>div.container>div.colText h2,
    .busquedaOrganica .contenido h2,
    .busquedaOrganica .contenido h2 b {
        font-size: 22px;
    }
    .orgPago>div.container>div.colText h2 strong {
        font-size: 34px;
    }
    .busquedaOrganica .contenido h2 {
        margin-bottom: 20px;
    }
    .LMWbannerInicio {
        background-size: contain;
        background-position: center 40px;
        margin-top: 150px;
    }
    .LMWbannerInicio>.container>.encabezado {
        margin: 0;
        margin-top: 30px;
    }
    .LMWtablaContenedor>.container>.tabla,
    .LMWcta>.container .card {
        flex-wrap: wrap;
    }
    .LMWtablaContenedor>.container>.tabla>.col {
        width: 100%;
        margin-bottom: 70px;
    }
    .LMWtablaContenedor>.container>.tabla>.col .titulo {
        border-radius: 5px;
    }
    .LMWtablaContenedor>.container>.tabla>div>.item {
        padding: 30px 20px;
    }
    .LMWcta>.container .card>div {
        width: 100% !important;
        margin: 0;
        text-align: center;
        margin-bottom: 30px;
    }
    .LMWcta>.container .card>div.imagen>img {
        width: 80%;
    }
    .LMWmas>.container>.encabezado>p {
        font-size: 22px;
    }
    .LMWmas>.container>.encabezado h2 {
        font-size: 32px;
    }
    .LMWmas>.container>.card {
        width: 100%;
        margin-bottom: 20px;
        height: auto;
    }
    .LMWmas>.container>.card>div {
        margin-bottom: 20px;
    }
    .LMWform>.container>.formulario {
        width: 100%;
        padding: 30px;
    }
    .contentSoporte>.container>div.colImg>p {
        padding: 0;
    }
    .contentSoporte>.container>div.colImg>p>br {
        display: none;
    }
    .contentSoporte>.container>div.colForm {
        padding: 20px;
    }
    .casosCont>.container>.fichaCasoExito {
        width: 100%;
    }
    .casosCont>.container>.fichaCasoExito>.imagen {
        height: auto;
        margin: 30px 0 !important;
    }
    #info-form>div.container>div>.imagen-caso,
    #info-form>div.container>div>.imagen-caso>img {
        width: 100%;
    }
    .fotoEquipo>.container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .fotoEquipo>.container>.card {
        width: 100%;
    }
    .contGraciasGen::before {
        width: 400px;
        height: 400px;
    }
    .contGraciasGen::after {
        width: 300px;
        height: 300px;
    }
    .contGraciasGen .encabezado h2 {
        line-height: 45px;
        font-size: 40px;
    }
    .banner>.container>div.colText h1 strong {
        font-size: 35px;
    }
    .noEnc .banner {
        margin-top: 170px;
    }
    .banner>.container>div.colImg {
        margin-top: 50px;
    }
    .banner>.container>div.colImg img {
        width: 100%;
    }
    section.banner-ebook .box-img-ebook {
        width: 100%;
        margin: 0 auto;
    }
    section.banner-ebook .col-info-ebook h2,
    .formLandEbook .title-row-form-ebook {
        font-size: 1.4em;
    }
    section.banner-ebook .col-info-ebook h2 strong,
    .formLandEbook .title-row-form-ebook strong {
        font-size: 1.7em;
        line-height: 1em;
        padding: 0;
    }
    .formLandEbook>.container>.formulario {
        width: 100%;
    }
    .formLandEbook>.container>.formulario {
        padding: 30px;
        width: 100%;
    }
    .banner-ebook .col-info-ebook .filaVisita {
        flex-wrap: wrap;
    }
    .banner-ebook .col-info-ebook .filaVisita>div {
        margin-bottom: 30px;
    }
    section.banner-ebook .col-info-ebook p a:visited {
        color: #000;
        text-decoration: none;
    }
    header.movil>.bot>.menuGeneral>div ul.red>li {
        padding-left: 0;
        text-align: center;
    }
    header.movil>.bot>.menuGeneral>div ul.subMenu>li {
        width: 100%;
        display: inline-block;
        color: #294859;
        text-decoration: none;
        font-weight: 400;
        font-family: lato, sans-serif;
        font-size: 15px;
        padding: 12px 0 12px 26%;
        position: relative;
        border-bottom: 1px solid rgba(128, 128, 128, .2);
    }
    .banner>.container>div.colImg {
        width: 100%;
        padding-bottom: 50px;
    }
    .banner>.container>div.colImg>img {
        margin: 0;
    }
    .contentZohoPartner .bannerInt .colImg .video {
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        width: 100%
    }
    .itemsZoho .encabezado.cent h2 {
        font-size: 22px;
    }
    .itemsZoho .encabezado.cent h2 strong {
        font-size: 32px;
    }
    .itemsZoho .contZoho>div.itemsZoho>.filaItem>.colText>.ver-video {
        display: inline-block;
        margin-top: 20px;
    }
    .itemsZoho .contZoho>div.itemsZoho>.filaItem>div.colImg img {
        width: 100%;
    }
    header.movil>.bot>.menuGeneral>div.casoExito {
        display: none;
    }
}


/*******                   Estilos Widget ChatBot Marketeros                *******/

.zsiq_custommain.siq_bR::before {
    content: url(/img/texto-chatbot.svg);
    position: absolute;
    left: -196px;
    width: 170px;
    height: 32px;
    top: -23px;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 10px 15px #00385852;
    padding: 14px;
    cursor: pointer;
    transition: all .3s ease;
}

.zsiq_custommain.siq_bR:hover:before {
    transform: translateY(-10px);
    box-shadow: 0 15px 15px #00385852;
}

.zsiq_custommain.siq_bR:after {
    content: url(/img/chatbot-img-after.svg);
    position: absolute;
    width: 36px;
    height: 36px;
    top: -48px;
    left: -169px;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: 50px !important;
}

.zsiq_custommain.siq_bR:hover:after {
    transform: translateY(-14px);
    box-shadow: 0 11px 11px #0038582b;
}

div#zsiq_float:before {
    content: url(/img/icono-chatbot.svg);
    width: 49px;
    height: 49px;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 999;
    cursor: pointer;
}

div#zsiq_float {
    position: relative;
}

body .zsiq_custommain,
body .zsiq_floatmain {
    z-index: 9999 !important;
}

.siteHeader>.bot>.contenedor>.menu>li>.subMenu>li.disenoWeb>a::after {
    background-image: url(/img/disenoWebIcon.svg);
}

.siteHeader>.bot>.contenedor>.menu>li>.subMenu>li.disenoEcommerce>a::after {
    background-image: url(/img/ecommerceIcon.svg);
}

.siteHeader>.bot>.contenedor>.menu>li>.subMenu>li.disenoPWA>a::after {
    background-image: url(/img/pwa-icon2.svg);
}

.ogimginv {
    display: none !important;
}

.zsiq_custommain.siq_bR::before {
    content: url(https://marketersagency.us/wp-content/uploads/2023/10/zoho-texto-ingles.svg);
    position: absolute;
    left: -196px;
    width: 170px;
    height: 32px;
    top: -23px;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 10px 15px #00385852;
    padding: 14px;
    cursor: pointer;
    transition: all .3s ease;
}