/*1.618033988749894848204586834365638117720309179805762862135*/

/*
==========================================================================
  CARACTERÍSTICAS :: PHARMACY SOFT by: KUBIK;
==========================================================================
*/

#caracteristicas-section{padding:0;position:relative;}
.half-container-special{width:100%;}
.half-container-special.left-sm-container{padding-right:30px;}
.half-container-special.right-sm-container{padding-left:30px;}
.half-container.right-sm-container{position: absolute; top: 0; left: 25%;}
/* CONTENT */

#initial{ background: #9CE4DA;}
#initial #info{height: 590px;}

#initial .tile-main{
  font-size:20px;
  font-weight:500;
  color:#000;
  margin-top:165px;
}
#initial .tile-submain{font-size:30px;font-weight:300;color:#fff;}
#initial .tile-sm-txt{font-size:45px;color:#000;}
#initial a.tile-btn{
  position:relative;
  font-weight:300;
  color:#fff;
  font-size:30px;
  padding: 5px 20px 8px 10px;
  border-radius: 3px;
  background: rgba(0,0,0,0);
  margin-left: -10px;
  transition: ease .168s;
  -webkit-transition: ease .168s;
 }
 #initial a.tile-btn:after {
  content:'';
  position:absolute;
  left:50%;
  bottom:0px;
  width:0%;
  height:2px;
  background:#fff;
  font-weight: 600;
  transition:ease .168s;
  -webkit-transition:ease .168s;
  border:0px;
  margin: 0;
}
#initial a.tile-btn:hover:after{width:90%;left:5px;}
#initial #bg{
  height: 590px; 
  display: block; 
  position: relative; 
  background: url(../images/alianzas-comerciales/1_alianzas_comerciales_pharmacysoft.webp) no-repeat; 
  background-position: center left 65%;
}
#initial #bg img#computer-img{
  position:absolute;
  top: 30px;
  right: calc(100% - 580px);
  width:684px;
  height:auto;
}

#ubisoft,#rafico-ecosistema2{
  font-size:22px;
}

#ubisoft .title-Bisoft, #rafico-ecosistema2 .title-Bisoft{ 
  font-size: 48px; 
  font-weight: 300; 
  color: #000; 
  margin: 15px auto 20px;
}

.content h4.title{
  font-weight:600;
  display:block;
  font-size:48px;
}
h5.tag{
  font-weight:300;
  display:block;
  font-size:28px;
}
.title-recursos{ font-weight: 500 !important; font-size: 29px;  padding-bottom: 20px;}

.bloque-shadow .icon{
  max-width:140px;
}
.bloque-shadow p.desc{
  font-size:18px;
  font-weight:300;
  color:#2a2a2a;
  min-height:140px;
}
.bloque-shadow p.tile{
  font-weight:600;
  font-size:21px;
  color:#2a2a2a;
}

#xs-header{display:none;}







#d-soporte-dist-recursos{
    background-color: #f5f5f5;
}

#d-soporte-dist-recursos h2{
    font-size: 35px;
    font-weight: 500;
}

#d-soporte-dist-recursos .row{
    background-color: #DCEEC9;
    color: #000;
}

#d-soporte-dist-recursos .p-6{
    padding: 5em 3em 3em;
    font-size: 24px;
    max-width: 660px;
}



#grafico-ecosistema{
  background: #F9F9F9;
}
#grafico-ecosistema .row > div{
  margin-bottom: 2em;
}
#grafico-ecosistema .row > div > div{
  background: #fff;
  border-radius: 17px;
  color: #000;
  height: 100%;
  margin-left: 10px;
  margin-right: 10px;
}

#conoce > div > .row{
  border: 1px solid #F0F0F0;
  border-radius: 15px;
  padding: 1em;
  margin-bottom: 1em;
  font-size: 20px;
  font-weight: 500;
}


#mosaic-bg { 
    background: url(../images/alianzas-comerciales/39_conoce_pharmacysoft.webp)#004bbb top center no-repeat; 
    font-size: 20px;
}
.aviso-bottom a.btn.ghostBtn{
    width: auto;
}

.w-80{
  max-width: 715px;
  margin: 0 auto;
}


.aviso-bottom .aviso-btm-txt{
  font-size: 35px;
  margin: 0 auto !important;
  max-width: 800px;
}

#d-alianzas-centro{
  border-right: 1px solid #d0d0d0;
  padding-top: 20px;
  padding-bottom: 20px;
}

#d-soporte-dist-recursos img{ height:100%; }

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        QUERIES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/

@media screen and (max-width: 1700px){
  #d-soporte-dist-recursos .p-6{ padding: 2% 5%; }
}

@media screen and (max-width: 991px){

  #initial{display:none;}
  #xs-header{display:block;}

  #ubisoft .title-Bisoft, #rafico-ecosistema2 .title-Bisoft{font-size: 33px;}

  #d-soporte-dist-recursos{ text-align:center; }

  #conoce{

  }
  #conoce > div > .row{
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;
    transition:ease .168s;
    -webkit-transition:ease .168s;
  }

  #conoce > div > .row.selected{
    background: #F2F3F5;
  }

  #conoce > div > .row .col-lg-3{
    padding: 22px 100px 22px 50px;
    font-weight: 500;
    font-size: 24px;
    position: relative;
  }
  #conoce > div > .row .col-lg-3::after{
    content: "-";
    display: block;
    position: absolute;
    top: calc(50% - 25px);
    right: 25px;
    width: 40px;
    height: 40px;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
  }
  #conoce > div > .row.selected .col-lg-3::after{
    content: "+";
  }

  #conoce > div > .row > div > .row{
    display: none;
    background: #fff;
    padding: 1em 2em;
    transition:ease .168s;
    -webkit-transition:ease .168s;
  }
  #conoce > div > .row.selected > div > .row{
    display: flex;
  }

  .aviso-bottom a.btn.ghostBtn{font-size: 20px;}

  #d-soporte-dist-recursos .p-6{ padding: 3em 2em; }

  #d-alianzas-centro{
    border: 1px solid #d0d0d0;
    padding: 10px;
  }

}

.shaking:hover {animation: shaking 0.3s 2;}
@keyframes shaking {
  0% {transform: rotate(0deg);}
  20% {transform: rotate(-2deg);}
  50% {transform: rotate(0deg);}
  70% {transform: rotate(2deg);}
  100% {transform: rotate(0deg);}
}