* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Roboto'; text-decoration: none; transition: all .2s;}

::-webkit-scrollbar-track{background-color:#f1f1f1;}::-webkit-scrollbar{width:1rem;}::-webkit-scrollbar-thumb{background:#a7a7a7; border-radius: 2rem;}

@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialiconsoutlined/v108/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2) format('woff2');
}

.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal; 
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

#full {position: relative; width: 100%; height: 100%; left: 0; right: 0; margin: 0 auto; overflow-x: hidden; background: #f1f1f1;} a,p{font-size: .8rem; color: #3f3f3f;} .titPADR {font-size: 1.2rem; color: #5e5e5e; font-weight: 500; padding: .6rem 0;} .subtitPADR {font-size: 1rem; color: #5e5e5e;} .botPADR {position: relative; padding: .5rem; border: .1rem solid #e0e0e0; background: #fff; border-radius: 2rem;}  .material-icons-outlined {color: #5e5e5e; font-size: 1rem !important; margin: .2rem;} .iconPADR {position: absolute; margin-top: -.56rem; border-left: .1rem solid #e0e0e0; border-right: .1rem solid #e0e0e0; width: 4rem; height: 3.7rem; display: grid; place-items: center; left: 0; background: #fff; text-align: center; z-index: 2;} #topo label {display: none;} input[type=checkbox] {display: none;} .fullFULL {position: absolute; width: 0; height: 0; visibility: hidden; overflow: hidden;} .hide {margin-top: -7rem !important; opacity: 0;} .anime {visibility: hidden; opacity: 0; margin-top: 3rem; transition: all 1.5s !important;} .anime-start {visibility: visible; opacity: 1; margin-top: initial;}

.gifHALL {width: 70%; height: 70%;}

#topo {position: fixed; width: 3rem; height: 100%; top: 0; left:0; margin: 0; background: #3f3f3f; z-index: 10;} #topo:hover {width: 8rem; opacity: 1;background: #f7f7f7; border-right: .1rem solid #c9c9c9;} #topo:hover #idtTOP {background-image: url(../imgs/marca-cda-fulldynamic.webp); filter: brightness(2); width: 5rem; background-size: 100%;} #topo:hover #menu a {visibility: visible; left: 0; } #topo:hover #menu a span {transform: translateX(0); color: #7c7c7c;}
#idtTOP {position: relative; width: 2rem; height: 3rem; margin: 2rem auto; background-repeat: no-repeat; background-size: 80%; background-image: url(../imgs/cursos-cda-fulldynamic.webp); display: block; background-position: center; filter: brightness(7);}
#menu {position: relative; width: 100%; height: auto; display: grid;} #menu a {height: 2.3rem; position: relative; left: -10rem; visibility: hidden; transition: all .2s; padding: .5rem .5rem .5rem .7rem; margin: .3rem 0; background: #fff; border-bottom: .1rem solid #e7e7e7; display: flex; align-items: center;} #menu a:nth-child(2) {transition: .3s;} #menu a:nth-child(3) {transition: .6s;} #menu a:nth-child(4) {transition: .9s;} #menu a:nth-child(5) {transition: 1.2s;} #menu a:nth-child(6) {transition: 1.5s;}  #menu a:hover {background: transparent;} #menu a:hover::after {width: 100%; z-index: -1; transition: all .3s; border-radius: 0 !important; left: 0; transform: none;} #menu a::after {content: ''; position: absolute; transition: all .3s; width: 2rem; height: 2.3rem; left: -1.7rem;}   #menu a:nth-child(2)::after {background: #0DA65B; border-radius: 50%;} #menu a:nth-child(3)::after {background: #F25944;} #menu a:nth-child(4)::after {background: #0DA65B; border-radius: 50%;} #menu a:nth-child(5)::after {background: #F2D61F;} #menu a:nth-child(6)::after {background: #2C7BF2; border-radius: 50%;}  #menu a span {color: #c9c9c9; visibility: visible; transform: translateX(10rem); font-size: 1.2rem !important;}

#slid {position: relative; width:calc(100% + 3rem); height: 50rem; background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url(../imgs/capas/cursos-cda-fulldynamic.webp);} .exttSLID {position: relative; width: 35%; top: 5rem; left: 7rem;} .exttSLID .titPADR {font-size: 1.6rem;} .exttSLID .titPADR span {padding: .3rem; color: #4d6f99; font-size: 1.9rem;} .exttSLID .subtitPADR {font-size: 1.1rem; width: 80%;} .exttSLID1 {margin-top: 5rem;} 
#slid a {padding: .7rem; width: 40%; font-size: .9rem; position: relative; margin-top: 1rem; border-radius: 2rem;  background: #fff; grid-area: botSLID; display: flex; place-items: center; place-content: center} #slid a:hover {box-shadow: 0 0 .3rem #c9c9c9;}

#exttPADR {position: relative; width: 90%; padding-left: 3rem; margin: 0 auto;} #exttPADR .titPADR {padding-left: 5rem; border: .1rem solid #e0e0e0; height: 4rem; line-height: 3rem; background: #fff;} 

#cat {position: relative; width: 100%; margin: 0 auto; padding: 0;} #exttCAT {position: relative; width: 100%; padding: 1rem 0; display: grid; grid-template-areas: "blocCAT blocCAT blocCAT blocCAT blocCAT blocCAT blocCAT";} #cat a {background: #fff; position: relative; width: auto; padding: .5rem .5rem 1rem .5rem; border-radius: .2rem; border-right: .1rem solid #e0e0e0; border-bottom: .1rem solid #e0e0e0; text-align: center; display: grid; grid-template-areas: "spanCAT" "txtCAT"; font-size: .9rem;} #cat a:hover {background: #2C7BF2; color: #fff; border-radius: 0;} #cat a:hover span {color: #fff;} #cat a:hover p {color: #fff;} #cat::-webkit-scrollbar-track{}::-webkit-scrollbar{height: .5rem;} #cat a span { margin: .5rem auto; grid-area: spanCAT; font-size: 1.6rem !important; color: #2C7BF2;}

#hall {position: relative; width: 100%; height: 100%; top: 0; left: 0; right: 0; margin: 0 auto; padding: 4rem 0;} 

#exttHALL {position: relative; width: 100%; display: grid; grid-template-areas: "exttHALL exttHALL exttHALL exttHALL"; margin: 1rem auto; grid-gap: 1rem;}

.categHALL {position: relative; width: auto; margin: 0; padding: 1rem 0 1.5rem 0; border: .1rem solid #e0e0e0; display: grid; grid-template-areas: "titHALL titHALL titHALL"; background: #fff; transition: all .2s; place-content: center; grid-gap: 0 1rem;} .categHALL:hover {box-shadow: 0 0 .3rem #c9c9c9;}

.titHALL {font-size: 1rem; grid-area: titHALL; color: #5e5e5e; margin-bottom: 1rem; display: flex; place-items: center;} .titHALL span {color: #fff; color: #e6cd41; font-size: 1.3rem !important; border-radius: .3rem; padding: .3rem;}

.blocHALL { width: 100%; height: 4.5rem; transition: all .1s !important; position: relative; display: grid; place-content: center;}
.blocHALL:hover {background: #f1f1f1; box-shadow: 0 0 .6em #b1b1b1;} .blocHALL:nth-child(4) .iconSET {right: 0; left: inherit !important;}
.blocHALL:nth-child(4):hover .infCURS {right: 0;}

.blocHALL:hover .imgHALL {}
.imgHALL {position: relative; width: 4rem; height: 4.5rem; margin: 0 auto; border-radius: .5rem; border: .1em solid #c9c9c9; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; cursor: pointer;}

/*Designer Gráfico*/
.imgHALL1 {background-image: url(../imgs/cursos/dsg/curso-design-grafico-cda-01.webp);}
.imgHALL2 {background-image: url(../imgs/cursos/dsg/curso-design-grafico-cda-04.webp);}
.imgHALL3 {background-image: url(../imgs/cursos/dsg/curso-design-grafico-cda-02.webp);}

/*Emagrecimento*/
.imgHALL4 {background-image: url(../imgs/cursos/emg/curso-emagrecimento-cda-04.webp);}
.imgHALL5 {background-image: url(../imgs/cursos/rde/renda-extra-ganhar-dinheiro-cda-cursos-fulldynamic-01.webp);}
.imgHALL6 {background-image: url(../imgs/cursos/emg/curso-emagrecimento-cda-05.webp);}
.imgHALL26 {background-image: url(../imgs/cursos/emg/curso-emagrecimento-cda-02.webp);}

/*Estética*/
.imgHALL7 {background-image: url(../imgs/cursos/est/curso-estetica-cda-03.webp);}
.imgHALL8 {background-image: url(../imgs/cursos/est/curso-estetica-cda-04.webp);}
.imgHALL9 {background-image: url(../imgs/cursos/est/curso-estetica-cda-05.webp);}

/*Finanças*/
.imgHALL10 {background-image: url(../imgs/cursos/fin/curso-financas-cda-02.webp);}
.imgHALL11 {background-image: url(../imgs/cursos/fin/curso-financas-cda-03.webp);}
.imgHALL12 {background-image: url(../imgs/cursos/fin/curso-financas-cda-01.webp);}

/*Idiomas*/
.imgHALL13 {background-image: url(../imgs/cursos/idm/curso-ingles-cda-01.webp);}
.imgHALL14 {background-image: url(../imgs/cursos/idm/curso-ingles-cda-02.webp);}
.imgHALL15 {background-image: url(../imgs/cursos/idm/curso-espanhol-cda-04.webp);}

/*Marketing Digital*/
.imgHALL16 {background-image: url(../imgs/cursos/mkt/curso-marketing-digital-cda-01.webp);}
.imgHALL17 {background-image: url(../imgs/cursos/mkt/curso-marketing-digital-cda-06.webp);}
.imgHALL18 {background-image: url(../imgs/cursos/mkt/curso-marketing-digital-cda-03.webp);}

/*Programação*/
.imgHALL19 {background-image: url(../imgs/cursos/pgm/curso-programacao-cda-01.webp);}
.imgHALL20 {background-image: url(../imgs/cursos/pgm/curso-programacao-cda-03.webp);}
.imgHALL21 {background-image: url(../imgs/cursos/pgm/curso-programacao-cda-04.webp);}
.imgHALL25 {background-image: url(../imgs/cursos/pgm/curso-programacao-cda-02.webp);}

/*Psicologia*/
.imgHALL22 {background-image: url(../imgs/cursos/psc/curso-psicologia-cda-01.webp);}
.imgHALL23 {background-image: url(../imgs/cursos/psc/curso-psicologia-cda-03.webp);}
.imgHALL24 {background-image: url(../imgs/cursos/psc/curso-psicologia-cda-02.webp);}

.blocHALL a {color: #010101; place-content: center;} .iconSET {position: absolute; width: auto; height: auto; top: -1.3rem; left: 0; font-size: 2rem !important; z-index: 20; color: #3f3f3f;}

#hall .infCURS {padding: .3em; place-content: center; opacity: 0; visibility: hidden; transform: scale(0); display: grid; place-items: center; top: 5rem; position: absolute; background: #3f3f3f; width: auto; height: auto; padding: .7rem; border-radius: .3rem; z-index: 10;} .infCURS .titCURS {font-size: .9rem; color: #c9c9c9; margin: .3rem auto 0 auto; text-align: center; font-weight: 500;} .notCURS {margin: .2rem auto;} .notCURS p {color: #c9c9c9;} .infCURS .iconST {color: #F2D61F; font-size: .8rem; padding: 0; transform: translateY(.2rem);} .avalCURS {color: #a7a7a7; font-size: .8rem;} .exttBOT { margin: 1rem auto 0 auto; position: relative; height: auto; display: flex; place-content: center;} .exttBOT a {width: 100%; line-height: 1.8rem; padding: .3rem; background: #c9c9c9; text-align: center; padding: 0 .3rem; margin: 0 .3rem; transition: all .2s; transform: scale(0); border-radius: .2rem; visibility: hidden;} .exttBOT a:hover {transform: scale(1.05) !important; opacity: .9;} .exttBOT a:nth-child(2) {background: #2C7BF2; color: #fff; transition: all .4s;}
.blocHALL:hover .infCURS {visibility: visible !important; opacity: 1 !important; transform: scale(1) !important;}
#hall a {visibility: visible !important; transform: scale(1) !important; width: 5rem;}

.va-carrousel-section {
    position: relative; width: 100%;
    margin: 0 auto; padding-bottom: 4rem;
  } 
  .va-carrousel-section:hover {opacity: 1;} .va-carrousel-section .titPADR {color: #5e5e5e; width: auto; left: 0; position: relative; text-align: left;} 
  .va-carrousel-flexbox { overflow-y: hidden;}
  .va-carrousel-flexbox .va-card { width: 15rem; cursor: pointer; height: 23rem; display: grid; background: #fff;
  flex: 0 0 auto; margin: 0 .5rem; border: .1em solid #e0e0e0; padding: .3rem; border-radius: .3rem;}
  .va-carrousel-flexbox .va-card:hover {height: auto;}
  .va-carrousel-flexbox .va-card:hover .exttBOT a {visibility: visible; transform: scale(1);}
  .va-card .infCURS {width: 95%; padding-bottom: 1rem; margin: 0 auto;} .va-card .titCURS {text-align: left; color: #3f3f3f; margin: .5rem auto .3rem auto; font-size: .9rem;} .va-card .descCURS {font-size: .8rem; color: #a7a7a7; padding: .3rem 0; position: relative; height: 5rem; overflow: hidden;} .va-card .descCURS::before {content: ''; position: absolute; width: 100%; height: 80%; bottom: 0; background: linear-gradient(transparent,#fff);}
  .va-card .notCURS {display: flex; place-items: center;} .va-card .notCURS p {color: #3f3f3f;}
  .va-card .imgCURS {position: relative; width: 100%; height: 10rem; border: .1rem solid #e7e7e7; background-position: top; background-repeat: no-repeat; background-size: cover;}

  .imgPLATCURS {position: relative; width: 3.5rem; height: 3.5rem; background-position: center; background-repeat: no-repeat; background-size: 80%; border: .1rem solid #e7e7e7; border-radius: .2rem; display: block; margin-right: .5rem;} .imgPLATCURSH {background-image: url(../imgs/parceiras/hotmart.webp);} .imgPLATCURSM {background-image: url(../imgs/parceiras/monetizze.webp);} .imgPLATCURSE {background-image: url(../imgs/parceiras/eduzz.webp);}    

  .va-card .exttBOT a:nth-child(1) {background: #fff; border: .1rem solid #e0e0e0;} 
  
  .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%;
    text-align: center;
  }
 
  .exttVACONT {
      position: relative;
      width: 100%; 
      margin: 1rem auto;
  }
  
  .va-carrousel-flexbox {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none; 
  }
  
  .va-carrousel-flexbox .va-card:last-child::after {
    content: ' ';
    display: inline-block;
  }
  
  .va-card { 
    user-select: none;
    outline: none;  
  }
  
  .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: 1rem;
    width: 1rem; 
    margin: auto;
    position: absolute; 
    border: none; margin-left: -2rem; margin-right: -2rem;
    display: flex; place-items: center; 
  cursor:pointer;
  }
  
  .deals-paddle:focus {
    outline: none;
  }
  
  .deals-paddle:active {
    border-style: none;
    outline: none;
    user-select: none;
  }
  
  .deals-paddle svg {color:#3f3f3f;
  }

  .deals-paddle svg:hover {opacity: .7;}
  
  .deals-scroll-left {
    top: 0;
    left: 0; opacity: 0;
    bottom: 0;
  }
  
  .deals-scroll-right {
    top: 0;
    bottom: 0;
    right: 0;
  }

  .va-carrousel-section:hover .deals-scroll-left {opacity: 1;}

  #catALT {position: relative; width: 100%; left: 0; right: 0; margin: 0 auto;}
  #exttCATALT {position: relative; width: 100%;left: 0; right: 0; margin: 1rem auto; display: flex; grid-gap: 1rem;}
  .blocCATALTP {position: relative; width: 50%; height: auto; border: .1rem solid #e0e0e0; background: #fff; display: grid; place-content: center; padding: 1rem;} .blocCATALTP div {display: flex; margin-bottom: .5rem;}
  #exttCATALTP a {visibility: visible !important; transform: scale(1) !important; width: 5rem;}

  #catALT .infCURS {padding: .3em; place-content: center; opacity: 0; visibility: hidden; transform: scale(0); display: grid; place-items: center; top: 5rem; position: absolute; background: #3f3f3f; width: auto; height: auto; padding: .7rem; border-radius: .3rem; z-index: 10;}
  
  #exttCATALTP {display: grid; grid-template-areas: "blocCATALT blocCATALT blocCATALT blocCATALT"; grid-gap: 1rem;} .titCATALTPD {position: relative; font-size: 1.1rem !important; color: #5e5e5e !important; top: .6rem; margin-bottom: 1rem;} .iconPADR2ALTD {font-size: 3rem !important; color: #5e5e5e; margin-top: -.2rem;}
  
  #exttCATALT2 {position: relative; width: 100%; left: 0; right: 0; margin: 0 auto; display: grid; grid-template-areas: "catALT catALT catALT catALT"; grid-gap: 1rem;} .blocCATALT {position: relative; width: 100%; height: auto; background: #fff; border: .1rem solid #e0e0e0; border-radius: .3rem; display: grid; place-content: center; place-items: center;} .blocCATALT:hover {box-shadow: 0 0 .3rem #c9c9c9;} .blocCATALT .iconPADR2 {font-size: 2rem !important; color: #5e5e5e;} .titCATALTP {position: relative; font-size: 1rem; color: #5e5e5e;} 
  
  #roda {position: relative; width: 100%; left: -.5rem; margin: 5rem auto 0 auto; background: #fff; border-bottom: 0 !important; border: .1rem solid #e0e0e0; z-index: 1;} #roda::before {content: ''; position: absolute; width: 100vw; height: 100%; top: 0; left: -10%; margin-left: 3rem; background: #fff;}  #exttRODA {position: relative; width: 100%; display: flex;padding: 2rem 0 1rem 0; margin: 0 auto;} .blocFT {position: relative; width: 100%; left: 0; right: 0; margin: 0 auto; display: grid; place-items: center;} .blocFT span {position: relative; font-size: 2rem; color: #5e5e5e; text-align: center; padding: .7rem;} .blocFT:nth-child(2) {border-left: .1rem solid #e0e0e0; border-right: .1rem solid #e0e0e0;} .blocFT .iconPADR2 {font-size: 1.5rem !important; margin-top: 0;} .titFT {position: relative; width: 90%; font-size: 1.2rem; text-align: center; color: #5e5e5e; display: flex; place-content: center; place-items: center;} .descFT {position: relative; width: 90%; text-align: center; color: #7c7c7c; padding: .5rem;} 
  #platFT {position: relative; width: 91%; margin: 1rem auto 0 auto; border-top: .1rem solid #e7e7e7; display: flex; place-content: center; grid-gap: 1rem; padding: 2rem 1rem;} #platFT section {display: flex; grid-gap: 1rem;} #platFT .titFT {width: auto; margin-right: 1rem; color: #474747;} .imgPLAT {position: relative; width: 4rem; height: 4rem; border-radius: .7rem; background-position: center; filter: saturate(.7); background-repeat: no-repeat; border: .1rem solid #e0e0e0; background-size: 100%; background-color: #fff; display: block; cursor: pointer;} .imgPLAT:hover {filter: saturate(1); border-radius: 50%; box-shadow: 0 0 .2rem #c9c9c9;}  .imgPLAT:nth-child(1) {background-image: url(../imgs/parceiras/hotmart.webp);} .imgPLAT:nth-child(2) {background-image: url(../imgs/parceiras/monetizze.webp);} .imgPLAT:nth-child(3) {background-image: url(../imgs/parceiras/eduzz.webp);} .imgPLAT:nth-child(4) {background-image: url(../imgs/parceiras/udemy.webp);} .imgPLAT:nth-child(5) {background-image: url(../imgs/parceiras/kiwify.webp);} .imgPLAT:nth-child(6) {background-image: url(../imgs/parceiras/braip.webp);} .upFT {font-size: 1.7rem; margin-left: 7rem;}
  .menFT {background: #3f3f3f; position: relative; width: 100%; margin: 0 auto; display: flex; padding: 1rem 6.5%; z-index: 1;} .menFT::before {content: ''; position: absolute; width: 100vw; height: 100%; top: 0; left: -10%; margin-left: 3rem; background: #3f3f3f; z-index: -1;} #idtFT {position: relative; width: 3.5rem; margin-right: 3.5rem; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../imgs/marca-cda-fulldynamic.webp); filter: brightness(7);} .menFT a {padding: .3rem; margin-right: .5rem; color: #c9c9c9;} #rdsFT {margin-left: 3.5rem;} .menFT a:hover {opacity: .7;} #rdsFT a {padding: .3rem; color: #c9c9c9; font-size: .9rem;} #rdsFT a:hover {background: #fff; border-radius: 50%; color: #010101;}

  #dirFT {position: absolute; height: auto; margin-top: -.3rem; color: #c9c9c9; right: 6.5%; display: flex; place-items: center; font-size: .7rem;} #FULLRDP {position: relative;  margin-right: 0; margin-left: 3.5rem; display: block; width: 2rem; height: 2rem; background-image: url(../imgs/fulldynamic-digital.webp); background-repeat: no-repeat; background-size: 100%; background-position: center;} 


  @media screen and (min-width:990px) and (max-width:1100px) {*{font-size: .7rem;}}

  @media screen and (min-width:1900px) {*{font-size: 1.3rem;}}
  
  @media screen and (min-width:300px) and (max-width:990px) {  
    #topo {width: 100%; height: 3rem; box-shadow: none;} #idtTOP {position: relative; margin: 0; width: 3rem;  height: 3rem; background-repeat: no-repeat; background-size: 45%; background-image: url(../imgs/cursos-cda-fulldynamic.webp); display: block; background-position: center; filter: brightness(7);} #menu {background: #f7f7f7; visibility: hidden; opacity: 0; top: -.1rem; transition: all .2s;}  #topo:hover #menu a {visibility: hidden; height: 3.5rem; margin: .5rem 0;} #topo:hover {width: 100%;} #topo:hover #idtTOP {background-size: 100%; width: 4rem; left: 1rem;} #topo #menu a span {visibility: hidden;} #topo:hover .line {stroke: #7c7c7c;}
    #topo label {display: block; width: 3rem; height: 3rem; margin-top: .2rem; position: relative; float: right;} #menCELL:checked ~ #menu {visibility: visible !important; opacity: 1; height: 100vh; display: block; padding: 1rem 0;}  #menCELL:checked ~ #menu a{visibility: visible !important;} #menCELL:checked ~ #menu a span {visibility: visible !important;}
  
    .ham {
      cursor: pointer;
      -webkit-tap-highlight-color: transparent; 
      transition: transform 400ms;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;width: 2.7rem; position: relative;
      user-select: none;
    }
    .hamRotate.active {
      transform: rotate(45deg);
    }
    .hamRotate180.active {
      transform: rotate(180deg);
    }
    .line { 
      fill:none;
      transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
      stroke:#e0e0e0;
      stroke-width:5;
      stroke-linecap:round;
    }
    .ham1 .top {
      stroke-dasharray: 40 139;
    }
    .ham1 .bottom {
      stroke-dasharray: 40 180;
    }
    .ham1.active .top {
      stroke-dashoffset: -98px; 
    }
    .ham1.active .bottom {
      stroke-dashoffset: -138px;
    }
  
    #slid {width: 100%; height: 43rem; left: 0; background-size: 150%;} .exttSLID {width: 70%; top: 5rem; left: 1rem;} #slid a {width: 70%; margin-top: 1rem; border-radius: 1rem;}

#exttPADR {width: 100%; left: 0; padding: 0;} #exttPADR .titPADR {padding-left: 5rem; place-items: center; padding-right: 2rem; font-size: 1.1rem;} 

#cat {width: 100%; margin-top: -12rem; padding: 0;} #exttCAT {position: relative; width: 100%; padding: 1rem 0; display: grid; grid-template-areas: "blocCAT blocCAT blocCAT";} #cat a {background: #fff; position: relative; width: 33.3vw; font-size: .75rem;} #cat a:hover {background: #2C7BF2; color: #fff; border-radius: 0;} #cat a:hover span {color: #fff;} #cat a:hover p {color: #fff;} #cat::-webkit-scrollbar-track{}::-webkit-scrollbar{height: .5rem;} #cat a span { margin: .5rem auto; grid-area: spanCAT; font-size: 1.6rem !important; color: #2C7BF2;}

#hall {position: relative; width: 100%; padding: 3rem 0;} 

#exttHALL {position: relative; width: 100%; display: grid; grid-template-areas: "exttHALL"; margin: 1rem auto; grid-gap: .5rem;}

.categHALL {width: 100%; margin: 0; padding: .5rem 0 1.3rem 0; border: .1rem solid #e0e0e0; display: grid; grid-template-areas: "titHALL titHALL titHALL" "blocHALL blocHALL blocHALL"; background: #fff; transition: all .2s; place-content: center; grid-gap: 0 1rem;} .categHALL:hover {box-shadow: 0 0 .3rem #c9c9c9;}

.titHALL {font-size: 1rem; grid-area: titHALL; color: #5e5e5e; margin-bottom: 1rem; display: flex; place-items: center;} .titHALL span {color: #fff; color: #e6cd41; font-size: 1.2rem !important; border-radius: .3rem; padding: .3rem;}

.blocHALL { width: 100%; height: 100%; transition: all .1s !important; position: relative; display: grid; place-content: center;}

.blocHALL:hover {background: #f1f1f1; box-shadow: 0 0 .6em #b1b1b1;}

.blocHALL:hover .imgHALL {background-size: 120%;}
.imgHALL {position: relative; width: 5.7rem; height: 5.7rem; margin: 0 auto; border-radius: .5rem; border: .1em solid #c9c9c9; display: block; background-size: cover; background-position: center; background-repeat: no-repeat;}

#hall .infCURS {top: 6.4rem;}

.va-carrousel-section {padding-bottom: 3rem;}

#catALT {position: relative; width: 100%; left: 0; right: 0; margin: 0 auto;} #catALT .infCURS {top: 6.4rem;}
#exttCATALT {position: relative; width: 100%;left: 0; right: 0; margin: 1rem auto; display: grid; grid-gap: 1rem;}
.blocCATALTP {position: relative; width: 100%; height: auto; padding: 1rem .5rem 1.5rem .5rem; border: .1rem solid #e0e0e0;} .blocCATALTP div {display: flex; place-content: center; margin-bottom: 0;} 

#exttCATALTP {display: flex; grid-gap: 1rem;} #exttCATALTP .blocHALL:nth-child(3):hover .infCURS {right: 0;}  #exttCATALTP .blocHALL:nth-child(3):hover .iconSET{right: 0; left: inherit;} #exttCATALTP .blocHALL:nth-child(4) {display: none;} .titCATALTPD {position: relative; font-size: 1.1rem !important; top: 0; margin-bottom: 1rem;} .iconPADR2ALTD {font-size: 1.7rem !important; color: #5e5e5e; margin-top: -.2rem;}

#exttCATALT2 {position: relative; width: 100%; left: 0; right: 0; margin: 0 auto; grid-gap: 1rem; display: grid; grid-template-areas: "catALT catALT"; place-content: center;}
#exttCATALT2 .blocCATALT {padding: 1.5rem .5rem;}

#roda {position: relative; width: 100%; left: 0; right: 0; margin: 4rem auto 0 auto; background: #fff; border: none; border-top: .1rem solid #e0e0e0;} #exttRODA {position: relative;  width: 100%; display: grid; padding: 1rem 0 .5rem 0; margin: 0 auto;}
.blocFT {position: relative; width: 100%; left: 0; right: 0; margin: 0 auto; display: grid; padding: 1rem 0 1.5rem 0; border-bottom: .1rem solid #e0e0e0;}.blocFT:nth-child(2) {border-left: 0; border-right: 0;} .blocFT .iconPADR2 {font-size: 1.5rem !important; margin-top: 0;} .titFT {position: relative; width: 90%; font-size: 1.2rem; text-align: center; color: #3f3f3f; display: flex;} .descFT {position: relative; width: 90%; text-align: center; color: #474747; padding: .5rem;} 
#platFT {position: relative; width: 100%; margin: 1rem auto 0 auto; border-top: .1rem solid #e7e7e7; display: grid; grid-gap: .5rem; padding: 1rem .5rem;} #platFT .titFT {width: auto; margin-right: 0; margin-bottom: .5rem;} #platFT section {grid-gap: .5rem;} .imgPLAT {position: relative; width: 3rem; height: 3rem; border-radius: .7rem; background-position: center; filter: saturate(.7); background-repeat: no-repeat; border: .1rem solid #e0e0e0; background-size: 100%; background-color: #fff; display: block; cursor: pointer;} .imgPLAT:hover {filter: saturate(1); border-radius: 50%; box-shadow: 0 0 .2rem #c9c9c9;} 
.menFT { position: relative; width: 100%; margin: .5rem auto; display: grid; grid-template-areas: "idtFT dirFT" "linkFT linkFT" "rdsFT rdsFT"; padding: .5rem;} #idtFT {position: relative; width: 3.5rem; height: 3.5rem; left: .5rem; margin: 0; background-position: center; background-repeat: no-repeat; background-size: 100%; grid-area: idtFT; background-image: url(../imgs/marca-cda-fulldynamic.webp);} .linkFT {grid-area: linkFT; display: flex; justify-content: space-between;} .linkFT a { position: relative;  width: auto;  padding: .3rem;  margin: 0 .3rem 0 0;} #rdsFT {margin: 1rem 0; left: 0; right: 0; display: flex; grid-area: rdsFT;} #rdsFT a {padding: .3rem;}

#dirFT {position: relative; height: auto; margin: 0; right: .5rem; display: flex; justify-content: right; grid-area: dirFT;} #FULLRDP {position: absolute; top: 5.7rem; display: block; width: 2rem; height: 2rem; right: .5rem; background-image: url(../imgs/fulldynamic-digital.webp); background-repeat: no-repeat; background-size: 100%; background-position: center;} 
}


@media screen and (min-width:400px) and (max-width:990px) {*{font-size: 1.1rem;}}

@media screen and (min-width:600px) and (max-width:990px) {*{font-size: 1.2rem;} #exttCATALT2 {display: flex; text-align: center;}}

@media screen and (min-width:700px) and (max-width:990px) {*{font-size: 1.6rem;}}