* {box-sizing: border-box; margin: 0; padding: 0; text-decoration: none; letter-spacing: 0.03rem; transition: all .3s;}

body {background: #f7f8ff; font-family: Helvetica, sans-serif;} .fullFULL {position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden; opacity: 0;} ::-webkit-scrollbar-track{background-color:#E5E5E5}::-webkit-scrollbar{width:1.2rem}::-webkit-scrollbar-thumb{background:#a7a7a7;border-radius: .2rem;}

.blocPADR {position: relative; width: 100%; padding: 1.5rem; background: linear-gradient(45deg, #4e5de7, #202fb2, #4e5de7, #202fb2); border-top-right-radius: .5rem; border-top-left-radius: .5rem;} .titPADR {font-size: 2.5rem; font-weight: 700; text-transform: uppercase; color: #3f3f3f;}  .titPADR2 {font-size: 3rem; background: linear-gradient(45deg, #FBB64F, #e49a2b); -webkit-background-clip: text; background-clip: text; color: transparent !important;} .titPADR3 {font-size: 1.7rem; font-weight: 700; color: #f2f3ff;} .subtitPADR {font-size: 1.2rem; color: #3f3f3f;} a {font-size: 1rem; color: #202fb2} .subtitPADR2 {position: relative; width: 70%; font-size: 1.1rem; background: linear-gradient(45deg, #4e5de7, #202fb2, #4e5de7, #202fb2); -webkit-background-clip: text; background-clip: text; color: transparent !important; font-weight: 700;} .botPADR {position: relative; font-size: 1rem; padding: 1rem; border-radius: 1rem; background: linear-gradient(45deg, #FBB64F, #e49a2b); color: #202fb2; font-weight: 700; border: .3rem double #e49a2b;} .botPADR:hover {transform: scale(1.1); background: #202fb2; border: .3rem double #fff; color: #fff;} .anime {transform: scale(0); opacity: 0;} .anime-start {transform: scale(1); opacity: 1;}

#topo {position: absolute; width: 100%; top: 3rem; left: 0; display: grid; grid-template-areas: "idtTOP navTOP"; padding: .5rem 0; z-index: 11; overflow-x: hidden;} #idtTOP {position: relative; width: 5rem; height: 5rem; left: 5rem; background-image: url(../imgs/idt/apm-impressoras-fulldynamic-01.webp); background-position: center; background-repeat: no-repeat; background-size: 100%; grid-area: idtTOP;} #topo nav {position: relative; width: 100%; height: 100%;left: 7rem; place-content: center; place-items: center; display: grid; grid-gap: 1rem; grid-area: navTOP; grid-template-areas: "navTOP1 navTOP1 navTOP1 navTOP1";} #topo nav a { width: auto; text-align: center; color: #f2f3ff; font-size: 1rem; padding: .5rem;} #topo nav a span {color: #3d3d3d} #topo nav a:hover {background: #202fb2; border-radius: 1rem; color: #fff;} #topo [type="checkbox"] {display: none;}

#slid {position: relative; width: 100%; height: 57rem; background-position: top; background-size: 100%; background-repeat: no-repeat; background-image: url(../imgs/capas/apm-impressoras-capa-slid-fulldynamic-01.webp);} #exttSLID {position: relative; width: 30%; top: 12rem; left: 5rem;} #exttSLID .titPADR {color: #f2f3ff;} #exttSLID .subtitPADR {margin: 1rem 0; color: #f2f3ff;} #exttSLID .botPADR {top: 2rem;}

#sol {position: relative; width: 90%; margin: 0 auto; display: grid; grid-template-areas: "txtSOL exttblocSOL" "contSOL exttblocSOL" "contSOL exttblocSOL"; grid-gap: 1.5rem;} #extttxtSOL {position: relative; width: 100%; height: 14rem; background: #fff; border: .1rem solid #e0e0e0; box-shadow: 0 0 .1rem #e0e0e0; border-radius: .5rem; grid-area: txtSOL;}  #extttxtSOL .subtitPADR {padding: 1.5rem;} #extttxtSOL .titPADR2 {background: linear-gradient(45deg, #4e5de7, #202fb2, #4e5de7, #202fb2); -webkit-background-clip: text; background-clip: text; color: transparent;} #botSOL {position: relative; width: 100%; right: 0; display: grid; grid-template-areas: "blocSOL blocSOL"; place-content: end; grid-gap: 1.5rem; grid-area: exttblocSOL;} .blocSOL {position: relative; width: 14rem; height: 14rem; padding: 1rem 1rem 2rem 1rem; background: #fff; border: .1rem solid #e0e0e0; box-shadow: 0 0 .1rem #e0e0e0; display: grid; place-content: center; border-radius: .5rem;} .iconSOL {position: relative; width: 100%; font-size: 2.5rem; margin: .1rem 0; color: #4e5de7;} #botSOL section:nth-child(2) {transition: .7s;} #botSOL section:nth-child(4) {transition: .7s;} .titSOL {font-size: 1.1rem; margin: .5rem 0; color: #202fb2;} .subtitSOL {font-size: 1rem; color: #3f3f3f;} #numSOL {position: relative; width: 100%; height: 14rem; padding: 1.5rem; border-radius: .5rem; background: #fff; border: .1rem solid #e0e0e0; margin: 0 auto; grid-area: contSOL;} #numSOL::after {content: ''; position: absolute; width: 30%; height: 100%; top: 0; right: 0; background-image: url(../imgs/capas/apm-impressoras-capa-slid-fulldynamic-04.webp); background-position: center; background-repeat: no-repeat; background-size: cover; border-top-right-radius: .5rem; border-bottom-right-radius: .5rem;} #contador {position: relative; width: 65%; margin: 1rem 0 0 0; display: grid; grid-gap: .5rem;} #apmContador {font-size: 2rem;} #contador p {font-size: .9rem; color: #3f3f3f; width: 100%; padding: .5rem; border-radius: .5rem;} #contador p:nth-child(2) {border-top: .1rem solid #e0e0e0; border-bottom: .1rem solid #e0e0e0;} #contador p span {color: #4e5de7; font-size: 1.3rem;} 

#marc {position: relative; width: 90%; margin: 5rem auto; display: grid; background: #fff;} #txtMARC {display: flex; place-content: space-between;} #marc .titPADR3 {display: flex; place-items: end; color: #fff !important;} #marc .titPADR3 span {font-size: 1rem; margin-left: .3rem; margin-bottom: .2rem;} #blocMARC {position: relative; width: 100%; border: .1rem solid #e0e0e0; box-shadow: 0 0 .1rem #e0e0e0; border-bottom-left-radius: .5rem; border-bottom-left-radius: .5rem; padding: 1.5rem 0 1.5rem 0;} #imgMARC {position: relative; width: 100%; height: 7rem; background-image: url(../imgs/capas/marcas-apm-impressoras-fulldynamic.webp); background-size: 100%; background-position: center; display: block; margin: 1rem auto; border-bottom: .1rem solid #e0e0e0;}  #marc p {left: 1.5rem; color: #575757 !important;}
#marc .botPADR {background: linear-gradient(45deg, #4e5de7, #202fb2, #4e5de7, #202fb2); float: right; top: .27rem; right: 1.5rem; color: #f2f3ff; border-color: #202fb2;}

.va-carrousel-section {
    position: relative; width: 90%; top: 0; left: 0; right: 0; margin: 0 auto; overflow-x: hidden;}  .va-carrousel-section .titPADR3 {color: #3f3f3f;}
  
  .link-plain,
  .link-plain:hover,
  .link-plain:active,
  .link-plain:visited {
    text-decoration: none;
  }
  
  .link-plain-f,
  .link-plain-f:hover,
  .link-plain-f:active,
  .link-plain-f:focus,
  .link-plain-f:visited {
    color: initial;
    text-decoration: none !important;
  }
  
  .div-center {
    display: inline-block;
    width: 100%;
  }
  #va_container,#va_container2 {
    position: relative;
    margin: 1.5rem auto 0 auto; 
  }
  
  .va-carrousel-flexbox {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto; 
    scrollbar-width: none; 
  }
  
  .va-carrousel-flexbox .va-card {width: 15rem; height: 20rem; place-items: center; display: grid; user-select: none; outline: none;  
    flex: 0 0 auto; margin: 0 1rem 0 0; background-color: #fff; border: .1em solid #e0e0e0; padding: .5rem; border-radius: .5rem; background-position: center; background-repeat: no-repeat; background-size: 100%;}
  
  .va-carrousel-flexbox .va-card:last-child::after {
    content: ' ';
    display: inline-block;
  }
  
  .imgIMP01 {background-image: url(../imgs/impressoras/apm-impressoras-fulldynamic-01.webp);}
  .imgIMP02 {background-image: url(../imgs/impressoras/apm-impressoras-fulldynamic-02.webp);}
  .imgIMP03 {background-image: url(../imgs/impressoras/apm-impressoras-fulldynamic-03.webp);}
  .imgIMP04 {background-image: url(../imgs/impressoras/apm-impressoras-fulldynamic-04.webp);}
  .imgIMP05 {background-image: url(../imgs/impressoras/apm-impressoras-fulldynamic-05.webp);}
  .imgIMP06 {background-image: url(../imgs/impressoras/apm-impressoras-fulldynamic-06.webp);}
  .imgIMP07 {background-image: url(../imgs/impressoras/apm-impressoras-fulldynamic-07.webp);}
  .imgIMP08 {background-image: url(../imgs/impressoras/apm-impressoras-fulldynamic-08.webp);}
  .imgIMP09 {background-image: url(../imgs/impressoras/apm-impressoras-fulldynamic-09.webp);}

  .imgIMP10 {background-image: url(../imgs/impressoras/apm-impressoras-fulldynamic-010.webp);}
  .imgIMP11 {background-image: url(../imgs/impressoras/apm-impressoras-fulldynamic-011.webp);}
  .imgIMP12 {background-image: url(../imgs/impressoras/apm-impressoras-fulldynamic-012.webp);}
  .imgIMP13 {background-image: url(../imgs/impressoras/apm-impressoras-fulldynamic-013.webp);}
  .imgIMP14 {background-image: url(../imgs/impressoras/apm-impressoras-fulldynamic-014.webp);}
  .imgIMP15 {background-image: url(../imgs/impressoras/apm-impressoras-fulldynamic-015.webp);}
  .imgIMP16 {background-image: url(../imgs/impressoras/apm-impressoras-fulldynamic-016.webp);}
  .imgIMP17 {background-image: url(../imgs/impressoras/apm-impressoras-fulldynamic-017.webp);}
  
  .va-carrousel,
  .va-carrousel-flexbox {
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  
  .va-carrousel::-webkit-scrollbar,
  .va-carrousel-flexbox::-webkit-scrollbar {
    display: none;
  }
  
  .deals-paddle {
    height: 2rem;
    width: 2rem; 
    margin: 0;
    position: absolute; top: -3.5rem; right: 0;
    background: none;
    border: none; border-radius: 50%;
    display: flex; place-items: center;
  cursor:pointer; background: #fff; border: .1rem solid #e0e0e0;
  }
  
  .deals-paddle:focus {
    outline: none;
  }
  
  .deals-paddle:active {
    border-style: solid;
    outline: none;
    user-select: none;
  }
  
  .deals-paddle svg {
    width: .7rem; color:#144A7F; left: 0; right: 0; margin: 0 auto; font-weight: bold;
  }
  
  .deals-scroll-left {
    right: 2.5rem;
  }
  
  .deals-scroll-right {
  }
  
  .va-whitewrap {z-index: 3; position: relative;  }

  #contRAP {position: relative; width: 90%; margin: 5rem auto; height: 10rem; background-position: right; background-image: url(../imgs/capas/apm-impressoras-capa-slid-fulldynamic-02.webp); display: flex; place-items: center; border-radius: .5rem;} #contRAP p {font-size: 1.2rem; color: #e0e0e0; font-weight: 600; margin: 0 1rem 0 1.5rem;} #contRAP a {position: relative; height: 40%; font-size: 1.1rem; padding: 1rem; background: #fff; color: #202fb2; border: .3rem double #202fb2; font-weight: 700; border-radius: 1rem; display: grid; place-content: center; place-items: center; display: flex;} #contRAP a:hover {background: linear-gradient(45deg, #4e5de7, #202fb2, #4e5de7, #202fb2); color: #fff;} #contRAP a span {font-size: 1.3rem;}

  #feed {position: relative; width: 90%; margin: 5rem auto 0 auto; background: #fff; border-radius: .5rem; border: .1rem solid #e0e0e0; background-image: url(../imgs/capas/apm-impressoras-capa-slid-fulldynamic-03.webp); background-position: center; background-size: 100%; background-repeat: no-repeat; display: flex; place-content: end; padding: 1.5rem;} #feed .titPADR3 {color: #3f3f3f;}
  .va-carrousel-section2 {position: relative; width: calc(50% - 5rem);} .va-carrousel-section .icon-gplus {font-size: 1rem; color: #144A7F;} .va-carrousel-section .icon-star {color: #FFC400; font-size: .9rem;}
  .nomFEED {width:100%; font-size: 1.4rem; padding: .3rem; background: #202fb2; border-radius: 1rem; text-align: center; font-weight: bold; color: #fff; display: flex; justify-content: space-around; place-items: center; grid-gap: .5rem;} .imgsFEED {position: relative; width: 4rem; height: 4rem; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: 100%;} 
  .imgsFEED01 {background-image: url(../imgs/feed/apm-impressoras-fulldynamic-01.webp);}
  .imgsFEED02 {background-image: url(../imgs/feed/apm-impressoras-fulldynamic-02.webp);}
  .imgsFEED03 {background-image: url(../imgs/feed/apm-impressoras-fulldynamic-03.webp);}
  .imgsFEED04 {background-image: url(../imgs/feed/apm-impressoras-fulldynamic-04.webp);}
  .imgsFEED05 {background-image: url(../imgs/feed/apm-impressoras-fulldynamic-05.webp);}

  .descFEED {width:100%; height: 12rem; padding: .3rem; text-align: center; font-size: 1.2rem;}

  #form {position: relative; width: 90%; margin: 5rem auto; background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url(../imgs/capas/apm-impressoras-capa-slid-fulldynamic-05.webp); border-radius: .5rem; border: .1rem solid #e0e0e0; padding: 1.5rem;} #form .titPADR3 {color: #3f3f3f; font-weight: 700;} #exttFORM1 {position: relative; width: calc(50% - 5rem);} #exttFORM1 fieldset {border: none; margin: .5rem auto;} #exttFORM1 fieldset legend {font-size: 1.1rem; color: #fff; margin: .5rem 0 1rem 0;}
  #exttFORM1 form {position: relative;display: grid; grid-gap: .7rem;} #exttFORM1 form input,select {position: relative; padding: .5rem; border-radius: .5rem; border: .1rem solid #e0e0e0; outline: none; background: #fff; font-size: 1.2rem;} #exttFORM1 input[type="submit"] {background: linear-gradient(45deg, #FBB64F, #e49a2b); padding: .5rem;}
  
  .noselect {
    width: 100%;
    height: 3rem; font-size: 1.2rem;
    left: 0;
    right: 0;
    margin: .5rem auto 0 auto;
    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      -webkit-tap-highlight-color: transparent;
      background: none;
      background: linear-gradient(45deg, #FBB64F, #e49a2b);      border-radius: 4rem;
    cursor: pointer;
    color: #144A7F; font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
    transition: 500ms;
    border: transparent .3rem solid;
  }

  .noselect:hover {border: .3rem double #202fb2; background: #fff;}
  
  footer span, svg {
      position: absolute;
      fill: transparent;
  }
  
  .noselect:focus {
      outline: none;
      border: 2px solid transparent;
    width: 3em !important;
    height: 3em !important;
      border-left: 2px solid #FFC400;
      border-bottom: 2px solid #FFC400;
      animation: spin 2s 500ms forwards;
  }
  
  .noselect:focus span {
      color: transparent;
  }
  
  .noselect:focus svg {
      animation: check 500ms 2300ms forwards;
  }
  
  @keyframes spin {
      80%{border: 2px solid transparent;
              border-left: 2px solid #FFC400;}
      100%{transform: rotate(1080deg);
          border: 2px solid #89db84;}
  }
  
  @keyframes check {
      to{fill: #03172b}
  }
  
  @keyframes circle {
      to{border: 2px solid #FFC400;}
  }
  
  #msgENVIADA {
    position: absolute;
    width: 70%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #144A7F;
    color: #fff;
    text-align: center;
    border-radius: 2em;
    }
    
    #msgSugestoes {
    position: absolute;
    width: 100%;
    bottom: -3em;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #144A7F;
    color: #fff;
    text-align: center;
    border-radius: 2em; 
    }
  
  #exttFORM2 {position: relative; width: 35%; height: 25rem; border-radius: 1rem; border: .5rem solid #f2f3ff;}

  #roda {position: relative; width: 100%; padding: 1.5rem 4rem 0 4rem; border-top: .1rem solid #e0e0e0;} #exttFT {display: flex; place-content: space-between;} #roda a {border-radius: .5rem; border: .1rem solid #e0e0e0; background: #fff; padding: .5rem 1.5rem; margin-right: .5rem;} #roda a:hover {border: .1rem solid #202fb2;}

  #dirFT {position: absolute; width: 100%; top: 4rem; left: 0; right: 0; margin: 0 auto; border-top: .1rem solid #e0e0e0; background: #fff;} 
   #dirFULL {font-size: .7rem; color: #575757; padding: 1.5rem 4rem;} #FULLRDP {position: absolute; width: 2rem; height: 2rem; right: 4rem; bottom: .7rem; background-image: url(../imgs/fulldynamic-digital.webp) !important; background-repeat: no-repeat !important; background-size: 90% !important; background-position: center !important; border: none !important;} 


   @media screen and (min-width:300px) and (max-width:990px) { .titPADR {font-size: 2.3rem;}
    #topo {grid-template-areas: "idtTOP navTOP";  align-items: center; height: 4rem; overflow-x: inherit; top: 1rem;} #idtTOP {background-size: 85%; top: -1rem; left: 1rem;} 
   #topo label {background: linear-gradient(45deg, #4e5de7, #202fb2, #4e5de7, #202fb2); border-radius: 50%; right: 0; position: absolute; top: .5rem; display: grid; place-items: center; width: 2.7rem; height: 2.7rem; right: 1rem; } #topo label::after {content: ''; position: absolute; transition: all .3s; width: 60%; height: .2rem; border-radius: 1rem; margin-top: -.5rem; background: #fff;} #topo label::before {content: ''; transition: all .3s; position: absolute; width: 60%; height: .2rem; border-radius: 1rem; margin-top: .5rem; background: #fff;} 
   
   #topo input:checked ~ label::after {transform: rotate(45deg); margin:0;} #topo input:checked ~ label::before {margin:0; transform: rotate(-45deg);}
   
   #topo input:checked ~ nav {visibility: visible; transform: translateX(0);}
   
   #topo nav {position: absolute; visibility: hidden; transform: translateX(-100%); display: grid; width: 100vw; height: auto; top: 5rem; background: #fff; border-bottom: .1rem solid #e0e0e0; border-top: .1rem solid #e0e0e0; padding: 1rem 0; left: -15.3rem; place-content: center; place-items: center; grid-gap: .5rem; grid-template-areas: "navTOP1 navTOP2";} #topo nav a {width: 45vw; text-align: center; font-size: .9rem; color: #fff; border-radius: 1.5rem; background: #3a49d6; padding: .5rem 1rem; margin: .3rem 0;} 

#slid {height: 50rem; background-position: top; background-size: cover; background-repeat: no-repeat; background-image: url(../imgs/capas/apm-impressoras-capa-slid-fulldynamic-01-cel.webp);} #exttSLID {position: relative; width: 80%; left: 3rem; top: 23rem;}

#sol {width: 95%; margin: 2rem auto; display: grid; grid-template-areas: "txtSOL" "exttblocSOL" "contSOL";} #extttxtSOL {position: relative; width: 100%; height: auto;} #botSOL {width: 100%;place-content: center; grid-gap: 1rem;} .blocSOL {width: 100%; height: auto;} #numSOL {height: auto;} 

#marc {width: 95%; margin: 2rem auto; display: grid;} #imgMARC {background-repeat: no-repeat; background-size: cover; background-position: left; transition: background-position 1s; animation: anmImgMarc 11s ease-in infinite alternate;} 

@keyframes anmImgMarc {
    0% {background-position: left;}
    100% {background-position: right;}
}

.va-carrousel-section {width: 95%;} 

  #contRAP {position: relative; width: 95%; height: auto; margin: 2rem auto; display: grid; padding: 1rem 0;} #contRAP p {width: 60%; padding: .3rem; border-radius: .3rem; color: #e0e0e0; background: #202fb2; text-align: center;} #contRAP a {font-size: 1.1rem; padding: 1rem; background: #fff; color: #202fb2;}

  #feed {position: relative; width: 95%; margin: 2rem auto; background-position: left; background-size: cover; background-repeat: no-repeat; display: flex; place-content: center; padding: 1.5rem;} #feed .titPADR3 {color: #fff;} .va-carrousel-section2 {position: relative; width: 100%;} 

  #form {width: 95%; margin: 2rem auto; background-position: right; background-size: cover;} #form .titPADR3 {color: #fff;} #exttFORM1 {width: 100%;}
  
  #roda {position: relative; width: 100%; height: 100%; padding: 1rem; border-top: .1rem solid #e0e0e0;} #exttFT {display: grid; place-content: center;} #menFT {position: relative; width: 95%; height: auto; display: grid; grid-template-areas: "botFT botFT"; grid-gap: .5rem;} #menFT a {position: relative; width: 95%; padding: .5rem; height: 100%; margin: .5rem auto; display: grid; place-content: center;} #roda a:hover {border: .1rem solid #202fb2;} #rds {position: relative; top: 2rem;}

  #dirFT {position: relative; width: 100%; top: 4rem; padding-bottom: 3rem; left: 0; right: 0; margin: 0 auto; border-top: .1rem solid #e0e0e0; background: #fff;} 
   #dirFULL {font-size: .7rem; color: #575757; padding: 1.5rem; text-align: center; position: relative; display: grid; place-items: center;} #FULLRDP {position: absolute; top: 4rem; width: 2rem; height: 2rem; left: 0 !important; right: 0 !important; margin: 0 auto !important; background-color: gold; bottom: .7rem; background-image: url(../imgs/fulldynamic-digital.webp) !important; background-repeat: no-repeat !important; background-size: 90% !important; background-position: center !important; border: none !important;} 
   }