/*
==========================================================================
    ¿POR QUÉ PHARMACY SOFT? :: CARACTERISTICAS :: PHARMACY SOFT by: KUBIK;
==========================================================================
*/

#porque-pharmacy-soft-section{padding:0;position:relative;background:#fff;}

/* CONTENT */

#initial{height: 600px;display:block;}
#initial #info{background:rgba(0,0,0,0);height: 600px;position:relative;z-index:2;}
#initial .tile-main{font-size:24px;font-weight:400;color:#000;margin-top:165px; margin-bottom: 0px;}
#initial .tile-submain{font-size:48px;font-weight: 500;color:#000;}
#initial .tile-sm-txt{font-size:21px;color:#000;}

#initial a.tile-btn{ position: relative;  font-weight: 300; color:#17afcb; 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: #17afcb; 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:100%;  display:block;  position:relative; background-color:#e8e8e8; }
#initial.parallaxParent{ width:100%; padding-top: 30px; position:relative; z-index:1; overflow: hidden; }
#initial .image-parallax {
    height: 95%;
    width: 100%;
    position: absolute;
    top: 0%;
    background-size: cover !important;
    z-index: 1;
    background: url(../images/funciones/banner/Software-para-Farmacias.webp) no-repeat;
    background-position: top left 60%;
}


.sub-title-caracteristicas-seccion{ font-size: 46px;  font-weight: 500; color: #3c6fa8; margin-bottom: 0px; }
.text-caracteristicas{position: relative; line-height: 28px; padding-bottom: 10px; color: #3a3a3a; font-size: 22px; font-weight: 400; }


.title-sub-transforma{font-size: 30px; font-weight: 600; color: #3c6fa8; margin-top: 30px;  margin-bottom: 5px;}
/*Conjunto de Soluciones*/
/*  img#eco-1{width:100px;margin:15px auto;}
  img#eco-2{width:100px;margin:15px auto; margin-top: 57px; }
  img#eco-3{width:100px;margin:15px auto; margin-top: 40px;}
  img#eco-4{width:100px;margin:15px auto; margin-top: 57px; }*/
.border-espacio{margin-top: 10px; margin-bottom: 30px; box-shadow: 0 0 10px rgb(0, 0, 0, 0.3);border-radius: 15px;}

/* Back Office */
#soluciones-aicionales{background: #CBF7D7; background: linear-gradient(90deg,rgba(203, 247, 215, 1) 0%, rgba(171, 241, 252, 1) 100%); padding:30px 0 90px;  display:block; }
#soluciones-aicionales h4.titulo{ text-align:center; font-weight:300; color:#000; font-size:44px; margin:45px auto; width:100%; max-width:720px; }
.bloque-shadow{
    background:#ffffff;
    border-radius:6px;
    box-shadow:0 0 10px rgb(0,0,0,0.3);
    padding:30px 15px 20px;
    text-align:center;
    position:relative;
    min-height:270px;
    margin-top:25px;
    transition: ease .168s;
    -webkit-transition: ease .168s;
    margin-bottom: 20px;
}
.bloque-shadow:hover{ margin-top:0;padding-bottom:45px; }
.bloque-shadow .icon{ max-width: 70px;  margin-bottom: 30px !important; }
.bloque-shadow p.desc{ font-size: 22px; font-weight:300; color: #000000; min-height: 90px; margin-bottom: 0; }
#bloques .bloque-divided .imagen { min-height: 680px; }
.color-background-wms{background: #FAF1CD; background: linear-gradient(90deg,rgba(250, 241, 205, 1) 0%, rgba(235, 218, 226, 1) 100%); min-height: 680px; }

.content .puntos .data{
    list-style:none;
    color:#3a3a3a;
    font-size:24px;
    font-weight:300;
    line-height:25px;
    float:left;
    padding: 0;
    margin:10px 0 10px;
    border-bottom: 1px solid #ececec;
}
.content .puntos .b-0{border-bottom: 0px solid #ececec;}
.content .puntos .data p.tile{ font-size:28px; font-weight:300; color:#3d6faa; }
.content .puntos .data li{ margin-bottom:initial; position:relative; line-height: 28px; padding-top: 10px; padding-bottom: 10px; font-weight: 400; }
.content .puntos .data li strong{ color: #000000; }
.f-weight-400{ font-weight:400; color:#000000; }
.ico-almacen{max-width: 80px;}

.puntos{ background: #f6f7fb; padding: 20px 30px 0px; }
.wsw-content{background: transparent !important; width: 620px;}
.wsw-content .data li{ font-size: 21px; }
.bloque-white{background: #ffffff; border-radius: 20px; padding: 5px 10px;}
.wsw-content .data{border-bottom: 0px solid transparent !important;}

/*AVISO BOTTOM*/
#mosaic-bg { background: url(../images/caracteristicas/20-Fondo-Azul.webp) #ffffff top center no-repeat;}
.aviso-bottom a.btn.ghostBtn { width: auto; margin-top: 30px; white-space: normal;  background: #16afcb; color: #ffffff; border-radius: 10px; border: 3px solid #16afcb; padding: 10px 40px; font-size: 20px;}
.aviso-bottom a.btn.ghostBtn:hover { background: #89c451; color: #fff; border: 3px solid #89c451; }
.text-almacen{ color: #3a3a3a; font-size: 22px; font-weight: 400; line-height: 25px; text-align: left; padding: 0 0 0 25px; margin: 10px 0 10px;}

.content-banner a.btn.ghostBtn { width: auto; margin-top: 30px; white-space: normal;  background: #16afcb; color: #ffffff; border-radius: 15px; border: 3px solid #16afcb; padding: 10px 50px; font-size: 20px;}
.content-banner a.btn.ghostBtn:hover { background: #89c451; color: #fff; border: 3px solid #89c451; }


.wms-text br{display: none;}
.imagen-farmacias{display: none;}
.background-consultorio{background: #E5F1D8;
background: linear-gradient(90deg,rgba(229, 241, 216, 1) 0%, rgba(210, 231, 190, 1) 100%);}


.ventas{max-width: 600px; }

.almacen-content .content .puntos .data{ font-size:24px; }
.almacen-mr{margin-right: 8%;}

.punto-mr{margin-right: 10%;}

.wms-image{ width: 100%; max-width: 600px; margin-left: 20%; }

.padds{ padding: 0% 12%; }
.content-office{width: 100%; max-width: 360px; margin-left: 2%; margin-right: 2%;}
.consultorio{width: 100%; max-width: 360px; margin-left: 2%; margin-right: 2%;}

.aviso-bottom .aviso-btm-txt{font-size: 22px; margin: 0;}
.img-back{height: 100%;}

/*.aviso-bottom .aviso-btm-txt{font-size: 28px}*/

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

/* LG/XL */
@media screen and (max-width: 1600px){
    .almacen-content .content .puntos .data{ font-size:22px; }
    .content-office{ margin-left: 1%; margin-right: 1%;}
    .padds { padding: 0% 5%; }
    .consultorio { margin-left: 1%; margin-right: 1%; }
    .bloque-shadow .icon { max-width: 60px; margin-bottom: 20px !important; }
    .bloque-shadow p.desc { font-size: 20px;}
    .bloque-shadow{min-height: 240px;}
    .ventas { max-width: 550px; }
    .content .puntos .data{ font-size:20px; }
    .almacen-mr { margin-right: 7%; }
    .img-almacen{max-width: 500px; }
    .almacen-content{padding-bottom: 30px !important;}
}
@media screen and (max-width: 1460px){
    .text-caracteristicas{font-size: 22px;}
    .content .puntos .data{font-size: 22px;}
    .bloque-shadow p.desc{font-size: 22px;}
    .text-almacen{font-size: 22px;}
    .content .puntos .data{font-size: 20px;}
    .aviso-bottom .aviso-btm-txt{font-size: 24px;}
    .aviso-bottom a.btn.ghostBtn{font-size: 22px; margin-top: 10px; }
    .sub-title-caracteristicas-seccion{ font-size: 40px; margin-bottom: 0px; }

    .half-container { width: calc(1080px / 2);  }
    #initial { height: 540px;}
    #initial #info{ height: 420px;}
    #initial .tile-main{font-size: 18px;}
    #initial .tile-submain {font-size: 40px;}
    #initial .image-parallax{background-position: top left 70%; height: 80%;}
    #ecosistema{margin-top: -5%;}
    #bloques .bloque-divided .imagen { min-height: 600px; padding-left: 0;}
    .ventas{max-width: 500px; margin-top: -10%;}

    .almacen-content { padding-bottom: 50px !important; }
    .almacen-content .puntos { padding: 0px 30px 0px; }
    .almacen-content .content .puntos .data{ font-size:20px; }
    .puntos{ padding: 0px 10px 0px; }
    .punto-mr { margin-right: 8%; }

    .wsw-content {  width: 570px; margin-left: 3%; }
    .wms-image{max-width: 520px;}
    .color-background-wms{ min-height: 650px;  }
}


@media screen and (max-width: 1360px){
    .mt-text{margin-top: 0px !important;}
/*    #bloques .bloque-divided .imagen { min-height: 500px; }*/
    .almacen-content .content .puntos .data{padding-left: 30px !important;}
/*    .almacen-content .puntos { padding: 0px 10px 0px; }*/
}

@media screen and (max-width: 1280px){
    .content .puntos .data li br{display: none;}
    .wsw-content { width: 520px; }
    .content .puntos .data { font-size: 18px; }
    .almacen-content .puntos { padding: 0px 0px 0px; max-width: 580px; }
    .ventas { max-width: 440px; margin-top: 0%; }
    .content-office{max-width: 280px;}
    .bloque-shadow p.desc { font-size: 17px; }
    .consultorio{max-width: 280px;}
    .bloque-shadow { min-height: 230px; }
}

@media screen and (max-width: 1200px){
    #initial { height: 440px; }
    #initial .tile-main { font-size: 16px; }
    #initial .tile-submain { font-size: 36px; }
    #initial .image-parallax { background-position: top left 85%; }
    #initial .tile-main{ margin-top: 130px; }

    .text-caracteristicas{font-size: 16px;}
    .content .puntos .data{font-size: 16px;}
    .bloque-shadow p.desc{font-size: 16px;}
    .text-almacen{font-size: 16px;}
    .content .puntos .data{font-size: 16px}
    .aviso-bottom a.btn.ghostBtn{font-size: 16px;}
    .content .puntos .data li{ line-height:22px; }
    .aviso-bottom .aviso-btm-txt{font-size: 22px;}

    .sub-title-caracteristicas-seccion{font-size: 36px;}
/*    #bloques .bloque-divided .imagen{min-height:auto;}*/
    .half-container { width: calc(900px / 2);  }

    .bloque-shadow{min-height: 250px;}
    .bloque-shadow p.desc{min-height: auto;}

    .content .puntos .data li br{display: inline-block;}

    .ventas { max-width: 380px;}
    .wms{ max-width: 400px;}
    .almacen-content .content .puntos .data { padding-left: 10px !important; font-size: 16px; }

    
    .bloque-shadow { min-height: 220px; }

    .punto-mr { margin-right: 0%; margin-left: 15%; }

    .img-wms{ max-width: 50px; width: 100%; }
    .wms-image { max-width: 480px; margin-left: 10%; margin-top: -15%; } 
    .content .puntos .data li{font-size: 18px;}

    .almacen-mr { margin-right: 0%; }
}

@media screen and (max-width: 1120px){
    .wsw-content { width: 100%; max-width: 440px; }
}
@media screen and (max-width: 1080px){
    #initial .tile-submain { font-size: 32px; }
    .sub-title-caracteristicas-seccion{padding-top: 0px !important; margin-top: 5px !important;}
    #initial { height: 380px; }
    #initial .tile-main{ margin-top: 80px; }
    .punto-mr{margin-left: 5%;}
}

@media screen and (max-width: 1000px){
    .text-almacen br{ display:none; }
}
@media screen and (max-width: 991px){
    .center-tablet{display: flex !important ; justify-content: center !important; align-items: center; padding-top: 30px;}
    .imagen-farmacias{display: inline-block;}
/*    .imagen-farmacias img{ max-width: 400px; }*/
    .img-farmacias-lg{display: none;}
    .wms-content-md{width: 100%; text-align: center; position: relative;}
    .mt-text { margin-top: 0px !important; width: 100%; display: flex ; justify-content: center; }
    #bloques .bloque-divided .imagen{margin-bottom: 20px; justify-content: center;}
    .bloque-shadow p.desc br{display: none;}
    .bloque-shadow p.desc { min-height: auto; font-size: 18px; }

    #bloques .bloque-divided .imagen{min-height: auto; margin-bottom: 0px; padding-top: 30px;}
    .punto-mr{margin-right: 0;margin-left: 0;}
    .text-caracteristicas{padding-bottom: 0;}



    .ventas{ margin-top: -2%; }
    .text-caracteristicas { font-size: 20px; }
    .content .puntos .data { font-size: 22px; }
    .content .puntos .data li { line-height: 28px; text-align: left; font-size: 20px; }
    .img-wms { max-width: 70px; }
    .punto-content-text .text-caracteristicas { padding: 0; margin-bottom: 0!important; }
    .wsw-content { max-width: 540px; margin-left: 0; padding-bottom: 20px; }
    .section-wms{padding-bottom: 30px !important;}
    .wms-image { max-width: 480px; margin-left: 0%; margin-top: 0%; }

    .img-punto-lg img { max-width: 440px; }
}

@media screen and (max-width: 980px){
    .title-sub-transforma{margin-top: 10px;}
    .img-back { height: auto; }
    .half-container-special{display: flex; justify-content: center;}
    .ico-almacen { max-width: 60px; }
    .text-almacen{padding: 0px;}

    .sub-title-caracteristicas-seccion{margin-top: 0px !important;}
    .half-container-special{padding: 30px 0px;}
    .half-container { width: calc(720px / 2); }

    #initial .tile-main{ font-size: 14px; }
    #initial .tile-submain{ font-size: 28px; }
    .img-punto-lg{padding: 10px;}
    .img-punto-lg img{max-width: 500px;}
    .imagen-farmacias{padding: 10px;}
    .imagen-farmacias img{max-width: 500px;}
    .img-wms2{padding: 10px;}
    .img-wms2 img{max-width: 420px;}
}


@media screen and (max-width: 767px){
    #initial { height: 650px; margin-bottom: 7%; }
    #initial #info { height: auto; }
    #initial .tile-main { margin-top: 20px; font-size: 18px; }
    #initial .image-parallax {background: url(../images/funciones/banner/Sistema-para-Farmacias-movil.webp) no-repeat; height: 100%; background-position: 100%;}
    .half-container { width: 100%; text-align: center; }

    
    .bloque-shadow p.desc { min-height: auto; }
    .bloque-shadow .icon { max-width: 60px; margin-bottom: 20px !important; }
    .ventas{width: 100%; max-width: 500px;}
    .wms{width: 100%; max-width: 500px;}
    .text-caracteristicas { padding: 10px 20px;line-height: 22px; }
    .wms-text br{display: inline-block;}
    .padd-res{padding: 0px;}
    .text-almacen{font-size: 14px; line-height: 18px;}
    .sub-title-caracteristicas-seccion { margin-top: 0px !important;margin-bottom: 5px; }
    .title-almacen{margin-top: 20px !important;}
    #initial .tile-submain{line-height: 28px;}
    .aviso-bottom { padding-top: 30px !important; padding-bottom: 30px !important; }
    .text-caracteristicas{font-size: 18px; margin-bottom: 0%;}
    .img-punto-lg img{max-width: 400px;}
    .img-punto-lg img{max-width: 400px;}
    .img-wms2 img{max-width: 400px;}

    .title-sub-transforma { font-size: 20px;}
    #grafico-ecosistema .text-caracteristicas { padding: 0; font-size:16px; line-height: normal; }
    .text-caracteristicas br{display: none;}
    .sub-title-caracteristicas-seccion { font-size: 24px; }
    .content .puntos .data { font-size: 18px; }

    .content-office { max-width: 250px; }
    .bloque-shadow p.desc{font-size: 16px;}
    .color-background-wms { min-height: auto; }
    .almacen-content { padding-bottom: 0px !important; }
    .half-container-special { padding: 30px 0px 0px; }
    .section-wms { padding: 30px 0px 0px !important; }
    .border-espacio{justify-content: space-between !important;}    
}

@media screen and (max-width: 575px){
    .bloque-shadow{margin-bottom: 10px; margin-top: 0px; box-shadow: none; max-width: 240px; width: 100%;  min-height: 200px; transition: none !important; padding: 30px 10px 20px;}
    .bloque-shadow p.desc br{display: block !important;}
    .bloque-soluciones{background: transparent; margin: 0px;display: flex; justify-content: center; border-radius: 6px;/* box-shadow: 0 0 10px rgb(0, 0, 0, 0.3);*/ }
    .bloque-shadow .icon { max-width: 60px; height: 60px; }
/*    .bloque-shadow { min-height: auto; padding: 20px 10px 10px; }*/
    .bloque-shadow p.desc { min-height: auto; font-size: 16px; /*width: 80%;*/ text-align: left; padding-left: 20px; padding-top: 5px; }
    .border-none-resp{border-bottom: 0px solid #ffff;}
    .text-almacen{font-size: 15px;}
    .content .puntos .data{font-size: 18px;}
    .text-almacen br { display: inline-block; }
    .bloque-shadow:hover{padding:10px 10px 10px; margin-top:0;}
    #initial { height: 700px; }
    #initial .image-parallax {background: url(../images/funciones/banner/Sistema-para-Farmacias-movil.webp) no-repeat; background-position: bottom center; height: 100%;}
    #initial .tile-submain { font-size: 30px;line-height: 30px;  margin-bottom: 0px;}
    #initial .tile-main{ margin-bottom: 5px; }
    #initial .tile-main { margin-top: 20px; }
    #ecosistema { margin-top: 5%; }
    .text-caracteristicas br{display: inline-block;}
/*    #soluciones-aicionales{background: transparent !important;}*/
    .bloque-shadow p.desc{font-size: 20px; padding-left: 0; text-align: center; }
    .text-almacen{font-size: 16px; padding-right: 30px; }
    .bloque-shadow .icon { max-width: 50px; height: 50px; margin-top: 20px !important; margin-bottom: 10px !important;}
    .wms{ max-width: 100%;}

    .content-office { max-width: 100%; margin-left: 0; margin-right: 0;}
    .back-office-bloque{ padding: 0px 50px; display: flex; justify-content: center;}

    .img-responsive{display: flex; align-items: center; justify-content:center; }
    .content .puntos .data li br{display: none;}
    .wsw-content { max-width: 100%; padding-left: 20px; padding-right: 20px; }
    .consultorio { max-width: 100%; }
    .consultorio .bloque-shadow .icon {  margin-top: 0 !important; margin-bottom: 0 !important; }
    /*.consultorio .bloque-shadow p.desc{ width: 70%; }*/
    .aviso-bottom .aviso-btm-txt { font-size: 20px; padding: 10px 7%; }
    .border-espacio{margin-bottom: 10px;border-radius: 10px; justify-content: space-between !important; }
    .section-wms .content{padding: 0px 30px 30px;}
    #soluciones-aicionales .clearfix.divider-bloques{height: 0px;}
    .title-sub-transforma { margin-top: 40px; }
    .img-back{ border-bottom-left-radius: 10px; border-top-left-radius: 10px; }

}
@media screen and (max-width: 500px){
    #initial { height: 580px; }
    .img-punto-lg img{max-width: 300px;}
    .img-punto-lg img{max-width: 300px;}
    .img-wms2 img{max-width: 300px;}
    .imagen-farmacias img{max-width: 100%;padding: 20px;}
    .img-punto-lg img {padding: 20px; max-width: 100%;  }

    #grafico-ecosistema .text-caracteristicas { font-size: 14px; line-height: normal; margin-bottom: 5px; }
    .title-sub-transforma { font-size: 16px; margin-bottom: 0px; }
    .img-back { height: auto; width: 100%; }
    .img-wms { max-width: 50px; }
    .bloque-white{border-radius: 10px; padding: 0px 10px;}
}
@media screen and (max-width: 425px){
    #initial { height: 500px; }
    .img-wms2 {display: none !important;}
}
@media screen and (max-width: 480px){
    .text-caracteristicas   { font-size: 18px; padding: 10px 15px; }
    .ico-almacen { max-width: 50px; }
    .aviso-bottom .sub-title-caracteristicas-seccion { font-size: 20px; padding: 0 40px;}
    #ecosistema .sub-title-caracteristicas-seccion { font-size: 24px; padding: 10px 30px; }
    .padd-res-icon{padding-bottom: 0px;}
    .bloque-shadow p.desc br{display: none;}
    .aviso-bottom .aviso-btm-txt { font-size: 16px; }
    .aviso-bottom a.btn.ghostBtn { font-size: 16px; padding: 10px 30px; }
    .wms-text br{display: none;}
    .content .puntos .data li br{display: none;}
    .text-almacen br{display: none;}
    .back-office-bloque{width: 100%;padding: 0;}
    #initial { height: 570px; }
    .content .puntos .data li{font-size: 16px; line-height: normal;padding-left: 5px; padding-top: 5px; padding-bottom: 5px;}
    .bloque-shadow p.desc { font-size: 16px; }
    #bloques .bloque-divided .imagen{padding-top: 0px !important;}
    .img-punto-lg img{padding-top: 0!important;}
    .half-container-special { padding: 0!important; }
    .wsw-content { padding-left: 10px; padding-right: 10px; }
    .owl-prev{right: 90%;}
     .owl-next{left: 90%;}
     .pr-sec-resp{ padding-right: 5px; padding-left: 10px; }
     .aviso-bottom .aviso-btm-txt{ padding: 10px 4%; }
}
@media screen and (max-width: 400px){
    #initial { height: 500px; }
    .title-sub-transforma{margin-top: 35px;}
    .pr-sec-resp{padding-left: 20px;}
    /*.gestion-content{ display: inline-block !important; }
    .border-espacio{ display: inline-block !important; }
    .content-img-gestion{width: 100%; max-width: 100%;}
    .img-resp-gestion{width: 100%; max-width: 100%;}
    .pr-sec-resp{width: 100%; max-width: 100%; padding-bottom: 20px;}
    #grafico-ecosistema .text-caracteristicas { font-size: 14px; line-height: normal; }
    .title-sub-transforma { margin-top: 15px; }*/
}
@media screen and (max-width: 380px){
  .text-caracteristicas{padding: 10px 10px;}
  #initial { height: 480px; }
  .title-sub-transforma { margin-top: 25px; }
}

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

    .bloque-shadow p.desc { font-size: 14px; padding: 10px 0px; margin-bottom: 0px; width: 100% !important; }
    .bloque-shadow p.desc{font-size: 16px;padding: 10px 0px; margin-bottom: 0px; /*width: 80% !important;*/}
    .text-caracteristicas{font-size: 14px; padding: 10px 20px;margin-bottom: 0px; line-height: normal; }
    .section-wms { padding: 0px !important; }
    .content .puntos .data{padding-left: 0px;font-size: 14px;}
    .img-punto-lg img{max-width: 100%;}
    .img-punto-lg img{max-width: 260px;}
    .wms{max-width: 100%;}
    .img-wms2 img{max-width: 100%;}
    #grafico-ecosistema .text-caracteristicas{ font-size: 12px; }
}