@charset "UTF-8";

:root  {
  --blue3C: #3C8C9C;
  --unnamed-font-family-futura-pt: "Futura-pt";
  --unnamed-font-style-normal: "normal";
  --unnamed-line-spacing-32: "32px";
  --unnamed-font-weight-medium: 500;
}

body{
  font-family: var(--unnamed-font-family-futura-pt);
}

/*-----------------------------------------------------------------pagePrincipal------------------------------------------------------------------------------*/
.CALine{
  margin: 20px 0px 20px 0px;
}

@media (min-width: 769px){
  .CALine{
    margin: 40px 0px 20px 0px;
  }
}


.content-article{
  margin-bottom:40px !important;
  max-width:100%; 
}

/*-----------------------------------------------------------------pagePrincipal------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------pageHeaderKnowledge------------------------------------------------------------------------------*/
.CAHeader {
  padding: 0.2rem 0rem;
}

.CAImgHeader{
  height: 42px;
}

span.centroayuda{
	color: var(--blue3C);
  margin-left: 26px;
  font-size: 26px;
  font-weight: var(--unnamed-font-weight-medium) !important;
}

.btnTienda{
  color: #212121;
  font-size: 20px; 
  padding-right: 7rem!important;
  padding-left: 7rem!important;
}

.btnTienda2{
  color: #212121;
  font-size: 20px; 
  padding-right: 5rem!important;
  padding-left: 5rem!important;
}

.hero-canda {
  background: url(../../images/help/help-header-desk.jpg) no-repeat top center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  padding-bottom: 1rem !important;
}

@media(max-width: 991.98px) {
  .hero-canda {
    background: url(../../images/help/help-header-mobile.jpg) no-repeat top center;
  }
}

.subTitle{
  font-size: 25px;
  margin-top:60px;
  margin-bottom: 10px;
}

.barSearch { 
  position: relative;
}

.barSearch button {
  background: transparent;
  border: 0;
  position: absolute;
  right: 1px;
  padding: 10px 12px;
  color: #6C7592;
  font-size: 21px;
  bottom: -8px;
}

.barSearch input{
  border: 0px;
  font-size: 16px;
  color: #909090;
}

.divExamples{
  font-size: 10px;
  color: #fff;
  text-align: center;
  margin-top: 10px;
  font-weight:var(--unnamed-font-weight-medium) !important;
}

.tabs-wrapper {
  position: relative;
}
.tabs-wrapper > ul {
  margin-top: -40px;
}


.tabs-wrapper.container-fluid{
	display:none;
}

.CAMenu-link{
  color: #212121 !important;
  font-size: 16px;
}

.CAContainerMenu {
  background-color: #fff;
}

.CAMenu-link:hover{
	background-color:var(--blue3C) !important;
	color:#fff !important;
}

.dropdownCategoria{
	display: flex !important;
    justify-content: center;
    margin-top: 5px;
    width: 100%;
}

.dropdownCategoria>.CAdropdown>.dropdown-toggle::after{
	display:none!important;
}

.CAFlechaR{
  transition: 450ms;
  transform: rotate(90deg);
}

.show2{
  display:block!important;
}

.show3{
  display:none!important;
}

.CAdropdown{
  display: flex;
  align-items: center;
  width: 90%;
}

.CAFlecha{
  margin-left: -24px;
  transition: 450ms;
}


button#dropdownMenu2{
	color: #2E2F30;
  background-color: #FFFFFF;
  font-size: 17px;
  padding: 9px 27px 9px 17px;
  border-radius: 20px;
  border: 1px solid #C6C5C2;
  display: flex;
  width: 100%;
}

@media(max-width: 350px) {
  button#dropdownMenu2{
    font-size:12px;
  }

  .hero-canda{
    padding-top: 5px !important;
    background-size: cover;
  }

  .subTitle{
    font-size: 18px;
  }

  .barSearch input{
    font-size: 10px;
  }

  .barSearch button{
    font-size: 15px;
  }
}

.dropdownMenu2Open{
  border-radius: 20px 20px 0px 0px !important;
}

.CADivHeader{
  width:100%;
  display: flex;
  justify-content: center;
}

@media (min-width: 769px){
  .CADivHeader{
    width: 40%;
    justify-content: right;
  }

  .tabs-wrapper.container-fluid{
    display:block;
  }

	.dropdownCategoria{
	  display:none !important;
  }

  .CAImgHeader{
    height: 48px;
  }

  span.centroayuda{
    font-size: 42px;
  }

  .btnTienda{
    padding-right: 4rem!important;
    padding-left: 4rem!important;
  }

  .btnTienda2{
    padding-right: 4rem!important;
    padding-left: 4rem!important;
  }

  .subTitle{
    font-size: 42px;
    margin-top:130px;
    margin-bottom: 20px;
  }

  .divExamples{
    font-size: 18px;
    margin-top: 20px;
  }
}

@media (min-width: 350px){
  .hero-canda {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 3rem !important;
  }
}

.dropdown-menu{
  position: absolute;
}

.dropdown-menu::after{
  position: absolute;
  transform: translate3d(0px, 38px, 0px);
  top: 0px;
  left: 0px;
  will-change: transform;
}
/*------------------------------------------------------------------pageHeaderKnowledge---------------------------------------------------------------------------*/
/*------------------------------------------------------------------pageFooterCentroAyuda---------------------------------------------------------------------------*/

.colorFooterClaro{
  padding-top: 0rem !important;
  background-color: #F5F5F5!important;
}

.footerTitle{
  text-align: center;
  color: var(--blue3C);
  margin-top: 2rem; 
  font-size:26px;
}

.footerParrafo{
  text-align: center;
  font-size:16px;
}

.footerSubtitle{
  color: var(--blue3C) !important;
  font-size:18px;
  text-decoration: none;
  font-weight:var(--unnamed-font-weight-medium) !important;
}

.footerSubtitle:hover{
  color: var(--blue3C);
}

.tienda{
	text-align:center;
  padding-bottom: 40px;
  flex-wrap: wrap-reverse
}

.labelTiendas{
  text-decoration: none;
  font-size: 14px;
  color: #212121;
}

.labelTiendas:hover{
  color: #212121;
}

@media (min-width: 769px){
  .footerTitle{
    font-size:42px;
  }

  .tienda{
    flex-wrap: wrap;
  }

}
/*------------------------------------------------------------------pageFooterCentroAyuda---------------------------------------------------------------------------*/
/*------------------------------------------------------------------homePageKnowledge---------------------------------------------------------------------------*/
.row.renglones{
  margin-bottom:0px!important;
}

.homeSubtitles{
  margin-top: 5px;
  color: var(--blue3C);
  font-size:18px;
  font-weight:var(--unnamed-font-weight-medium) !important;
}

.article-style {
  color: #000;
  font-size: 14px;
  padding: 0px 0px 5px 0px;
  max-width: 28ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.article-style:hover {
  color: var(--blue3C);
}

@media (min-width: 768px){
  .article-style {
    max-width: initial;
    overflow: revert;
    text-overflow: revert;
    white-space: normal;
  }

  .row.renglones{
    margin-bottom:40px!important;
  }
}

.labelVerMas{
  color: #000;
  font-size:14px;
  text-decoration: underline;
}
/*------------------------------------------------------------------homePageKnowledge---------------------------------------------------------------------------*/
/*------------------------------------------------------------------article---------------------------------------------------------------------------*/
.titleArticle{
  color: var(--blue3C);
  font-size: 26px;
  font-weight: var(--unnamed-font-weight-medium);
}

.divArticle{
  color: #000;
  font-size: 16px;
}

.divArticle img{
    max-width: 95%;
}

.table-responsive table {
  width: 100%!important;
}

.sin-margen{
  margin-left: -15px;
}

.CARelated {
  font-weight: var(--unnamed-font-weight-medium) !important;
  color: #707070;
  font-size: 18px;
}

.relacionArticle{
  font-size:16px;
  padding: 0rem;
}

@media (min-width: 769px){
  .titleArticle{
    font-size: 34px;
  }
}
/*------------------------------------------------------------------article---------------------------------------------------------------------------*/
/*------------------------------------------------------------------contact---------------------------------------------------------------------------*/
.CAContainer{
  margin-top:20px; 
  margin-bottom:50px
}

.CAContactTitle{
  font-weight: var(--unnamed-font-weight-medium) !important;
  font-size: 32px;
  margin-bottom: 20px;
}

.contacto{
  font-size:16px;
  margin-bottom: 50px;
}

.CAContactoSubtitle{
  color: var(--blue3C) !important;
  font-size:18px;
  font-weight: var(--unnamed-font-weight-medium) !important;
  text-decoration: none;
}

.CAContactoSubtitle:hover{
  color: var(--blue3C);
}

@media (min-width: 769px){
  .CAContainer{
    margin-top:50px; 
  }
}
/*------------------------------------------------------------------contact---------------------------------------------------------------------------*/
/*------------------------------------------------------------------articles---------------------------------------------------------------------------*/
.CATitleArticles{
  color: var(--blue3C);
  font-size: 34px;
  font-weight: var(--unnamed-font-weight-medium);
}

.CASubtitleArticles:hover{
  color: var(--blue3C);
}

.CASubtitleArticles{
  font-weight: var(--unnamed-font-weight-medium) !important;
  color: var(--blue3C);
  font-size:26px;
  padding: 30px 0px 0px 0px;
  line-height: 26px;
}

.CAParrafoArticles{
  font-size:14px;
  padding: 0px;
}

.CAVerMasArticles{
  text-decoration: underline;
  font-size:14px;
  padding: 0px 0px 5px 0px;
  
}

@media (min-width: 768px){
  .CAVerMasArticles{
  border-bottom: 1px solid #607d8b42;
  }

  .CASubtitleArticles{
    line-height: normal;
  }
}
/*------------------------------------------------------------------articles---------------------------------------------------------------------------*/
/*------------------------------------------------------------------searchKnow---------------------------------------------------------------------------*/
.CATitleSearchKnow{
  color: var(--blue3C);
  font-size: 26px;
  font-weight: var(--unnamed-font-weight-medium);
}

.CASubtitleSearchKnow:hover{
  color: var(--blue3C);
}

.CASubtitleSearchKnow{
  font-weight: var(--unnamed-font-weight-medium) !important;
  color: var(--blue3C);
  font-size:26px;
  padding: 15px 0px 5px 0px;
}

.CAParrafoSearchKnow{
  font-size:14px;
  padding: 0px 0px 10px 0px;
}

@media (min-width: 768px){
  .CATitleSearchKnow{
    font-size: 42px;
  }

  .CAParrafoSearchKnow{
    border-bottom: 1px solid #607d8b42;
  }
}
/*------------------------------------------------------------------searchKnow---------------------------------------------------------------------------*/
/*------------------------------------------------------------------helpPageKnowledge---------------------------------------------------------------------------*/
.CATitleHelpPageKnowledge{
  color: var(--blue3C);
  font-size: 26px;
  font-weight: var(--unnamed-font-weight-medium) !important;
}

.CAThanksImg{
  width: 100%;
}

.CASubtitleHelpPageKnowledge{
  font-weight: 900 !important;
  font-size:24px;
  padding-top: 50px;
}

.CALabelHelpPageKnowledge{
  font-size: 16px;
}

.CALabelHelpPageKnowledge b{
  font-weight: 900 !important;
}

.CALabel2HelpPageKnowledge{
  font-size: 18px;
  margin: 20px 0px 30px 0px;
  text-decoration: underline;
}

@media (min-width: 769px){
  .CATitleHelpPageKnowledge{
    font-size: 34px;
  }

  .CAThanksImg{
    width: 385px;
  }
}
/*------------------------------------------------------------------helpPageKnowledge---------------------------------------------------------------------------*/
/*------------------------------------------------------------------webtocasePage---------------------------------------------------------------------------*/

.CATitleWebToCasePage{
  color: var(--blue3C);
  font-size: 28px;
  font-weight: var(--unnamed-font-weight-medium);
  margin-bottom: 30px;
}

.CALabelWebToCasePage{
  font-size: 16px;
  margin-bottom: 10px;
}

.borderColorRojo {
  border-style: solid;
  border-color: red;
  border-width: 1px;
}

.CARedondeado {
  width: 100%;
  border-radius: 20px;
  border: 1px solid #C6C5C2;
  height: 40px;
}

.selectCaja {
  border-radius: 20px;
  border: 1px solid #C6C5C2;
  width: 100%;
  padding: 9px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right;
  background-repeat: no-repeat;
  background-position-x: 97%;
  background-position-y: 13px;
}

.CABtnWebToCasePase {
  width: 100%;
  font-size: 20px;
  background: #212121;
  border-radius: 25px;
  border: 2px solid #212121;
  color: white;
}

.CAHelp{
  color: black; 
  font-size: 18px;
  text-align: center;
}

@media (min-width: 769px){
  .CATitleWebToCasePage{
    font-size: 42px;
  }

  .CARedondeado {
    width: 70%;
  }

  .selectCaja {
    width: 70%;
  }

  .CABtnWebToCasePase {
    width: 35%;
  }

  .CAHelp{
    text-align: left;
  }
}

.dropdown-menu{
  top: 43px !important;
    width: 90%;
    left: 5%;
}

.image-articles{
  padding: 0px;
}