/* shared */
html { }
#contenido * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none }

#dvTextoCab {padding: 60px 20px 0px; text-align:center; max-width: 960px; margin: 0 auto;}
#h1 {
    font: bold 32px/100% Rubik, Arial;
    color: #272c38;
    margin: 0 0 16px;
}
#p1 {
    font-size: 16px;
    line-height: 140%;
}

.dvLinkIphone { margin-bottom: 16px; }
.dvLinkIphone,
.dvLinkAndroid { width: 407px; height: 122px; border-radius: 24px; background: white; cursor: pointer; }
.dvLinkIphone:hover,
.dvLinkAndroid:hover { box-shadow: 0 0 10px 6px rgba(255,255,255, .5); }
#contenido:not(.appDefault ) #lnkIphone,
#contenido:not(.appDefault ) #lnkAndroid { padding: 16px; display: block; width: 375px; height: 90px; }

#lnkAnadirFacebook { background: url(../img/apps/icoFB.png) no-repeat center top; display: block; width: 34px; height: 22px; margin: 12px 0px 0px 0px; float: left; }
#lnkAnadirFacebook:hover { height: 34px; margin: 1px 0px 0px 0px; }
#lnkAnadirTuenti { background: url(../img/apps/icoTuenti.png) no-repeat center top; display: block; width: 32px; height: 20px; margin: 14px 0px 0px 12px; float: left; }
#lnkAnadirTuenti:hover { height: 32px; margin: 2px 0px 0px 12px;  }
#lnkGooglePlus {  background: url(../img/apps/icoGooglePlus.png) no-repeat center top; display: block; width: 33px; height: 21px; margin: 13px 0px 0px 12px; float: left; }
#lnkGooglePlus:hover { height: 33px;  margin: 2px 0px 0px 12px;  }
#lnkTwitter {  background: url(../img/apps/icoTwiter.png) no-repeat center top; display: block; width: 33px; height: 20px; margin: 14px 0px 0px 12px; float: left; }
#lnkTwitter:hover { height: 33px; margin: 2px 0px 0px 12px; }
#dvMeGustaFB { width: 100px; height: 20px; float: left; margin: 15px 0px 0px 0px; }

#dvContenedor .dvMiniatura { box-shadow: 0 0 8px 5px rgba(0,0,0,.25); background: white; border-radius: 4px; display: inline-block; width: 103px; height: 150px; margin: 0 9px; }
#dvContenedor .dvMiniatura.plain { box-shadow: none; background: none; position: relative; top: 4px; }
#dvContenedor .dvMiniatura a { display: block; width: 95px; height: 142px; padding: 4px; }
#dvContenedor .dvMiniatura a img { border: 0; }


/* index */
#dvCont {  max-width: 100% !important;}
#dvCont.app_index { max-width: 956px !important;}
#dvCont.app_index #dvCabContenido { background: url(../img/apps/index/fndMoviles.jpg) no-repeat scroll center 0; min-height: 341px; overflow: hidden; padding: 0; display: flex; flex-direction: column; justify-content: center; }
#dvCont.app_index #dvContCont {  background: #cdcdcd; /*url(../img/apps/index/fndContApps.png) repeat-x center top;*/ overflow: hidden; }
#dvCont.app_index #dvTextoCab p { font-size: 12px; line-height: 140%; margin: 8px 0px 0px 0px; }
#dvCont.app_index #dvCabContenido img { display: none; }
#dvCont.app_index #dvLinks { width: 100%; max-width: 877px; margin: 0 auto 32px; overflow: hidden; display: flex; justify-content: space-between;}
    #dvCont.app_index #dvLinks .dvLinkPaxinas, #dvCont.app_index #dvLinks .dvLinkFarmacias { border-radius: 32px; cursor: pointer; position: relative; width: calc(50% - 8px); background: #fff; }

#dvCont.app_index #dvLinks .dvLinkPaxinas,
#dvCont.app_index #dvLinks .dvLinkFarmacias { padding-bottom: 10px; }

#dvCont.app_index #dvLinks .dvLinkPaxinas > div:first-child,
#dvCont.app_index #dvLinks .dvLinkFarmacias > div:first-child {
    display: flex;
}

#dvCont.app_index #dvLinks .dvLinkPaxinas > div:last-child,
#dvCont.app_index #dvLinks .dvLinkFarmacias > div:last-child {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#dvCont.app_index #dvLinks .dvLinkPaxinas > div:last-child > a:last-child,
#dvCont.app_index #dvLinks .dvLinkFarmacias > div:last-child > a:last-child {
    margin-top: 12px;
}

    #dvCont.app_index #dvLinks .dvLinkPaxinas > div:last-child img,
    #dvCont.app_index #dvLinks .dvLinkFarmacias > div:last-child img { display: block; margin: 0; object-fit: contain; width: auto; }

#dvCont.app_index #dvLinks .dvLinkPaxinas img,
#dvCont.app_index #dvLinks .dvLinkFarmacias img { display: block; margin: 12px; width: 40%; object-fit: contain;}

    #dvCont.app_index #dvLinks .dvLinkPaxinas .appInfo,
    #dvCont.app_index #dvLinks .dvLinkFarmacias .appInfo { display: flex; flex-direction: column; justify-content: center; line-height: 140%; padding: 12px 12px 12px 0; }
    #dvCont.app_index #dvLinks .dvLinkPaxinas p,
    #dvCont.app_index #dvLinks .dvLinkFarmacias p { }
#dvCont.app_index #dvLinks .dvLinkPaxinas p strong,
#dvCont.app_index #dvLinks .dvLinkFarmacias p strong { font-size: 160%; line-height: 120%; margin: 0 0 4px; display: block; font-weight: 500; color: #424242;}
    #dvCont.app_index #dvLinks .dvLinkPaxinas br,
    #dvCont.app_index #dvLinks .dvLinkFarmacias br { display: none; }
#dvCont.app_index #dvDisponibleEn { height: 98px; background: url(../img/apps/index/fndDispoEn.png) no-repeat scroll center center; background-size: cover;}
#dvCont.app_index #lnkPaxinas,
#dvCont.app_index #lnkFarmacias { display: block; width: 100%; height: 100%; position: absolute; top: 0; left:0; }
#dvCont.app_index #dvRedesSociales { margin: 33px 0 0 57px; overflow: hidden; }
#dvCont.app_index #dvCompRedesSociales { width: 196px; padding-left: 23px; background: url(../img/apps/index/fndSombraRedesSociales.png) no-repeat center bottom; overflow: hidden; height: 34px; float: left; }


/* app paxinas */
#dvCont.app_paxinas { background: url(../img/apps/paxinas/fndCont.jpg) no-repeat scroll center bottom; padding-bottom: 0; }
#dvCont.app_paxinas #dvCabContenido { height: 445px; overflow: hidden; }
#dvCont.app_paxinas #dvContCont { background: url(../img/apps/paxinas/fndContApps.png) repeat-x center top; overflow: hidden; }
#dvCont.app_paxinas #dvTextoCab p { width: 280px; float: right; font-size: 12px; line-height: 140%; height: 67px; margin: 10px 0px 0px 0px; }
#dvCont.app_paxinas #dvLinks { float: left; width: 408px; height: 290px; margin: 36px 41px 0 73px; }
#dvCont.app_paxinas #dvInfo { float: left; width: 374px; height: 311px; font: normal 12px/17px Tahoma, sans-serif; }
#dvCont.app_paxinas #dvInfo p { margin-bottom: 17px; }
#dvCont.app_paxinas #dvRedesSociales { margin-left: 3px; margin-bottom: 9px; overflow: hidden; }
#dvCont.app_paxinas #dvCompRedesSociales { width: 196px; padding-left: 23px; background: url(../img/apps/paxinas/fndSombraRedesSociales.png) no-repeat center bottom; overflow: hidden; height: 45px; float: left; }
#dvCont.app_paxinas #dvCapturaPantalla { background: url(../img/apps/paxinas/fndCapturas.jpg) no-repeat center top; height: 357px; text-align: center; padding-top: 121px;  }

#dvCont.app_paxinas #dvLinks > div > a{ display: block; width: 100%; height: 100%; }
#dvCont.app_paxinas #lnkIphone { background: url(../img/apps/paxinas/lnkIphone.png) no-repeat scroll center center; }
#dvCont.app_paxinas #lnkAndroid { background: url(../img/apps/paxinas/lnkAndroid.png) no-repeat scroll center center; }
#dvCont.app_paxinas #lnkIphone.lnkIphoneGa { background: url(../img/apps/paxinas/lnkIphoneGa.png) no-repeat scroll center center; }
#dvCont.app_paxinas #lnkAndroid.lnkAndroidGa { background: url(../img/apps/paxinas/lnkAndroidGa.png) no-repeat scroll center center; }

#dvCont.app_paxinas #dvListaIconos { background: #E2E2E2 url(../img/apps/paxinas/fndIconosPie.png) no-repeat center 46px; height: 105px; }




/* NUEVO CSS*/
body { position: static; }
#banner_superior { z-index: 90; top: 0; }
#contenido.appDefault * {
    box-sizing: border-box;
}
#contenido.appDefault p { margin: 0 0 15px;  font: normal 14px/20px Tahoma; color: #333;}
#contenido.appDefault .wrapper { max-width: 1240px; margin: 0 auto; padding: 0 20px;}

#contenido.appDefault #dvCabContenido{ background: #70b125 !important; padding: 20px 0;}
#contenido.appDefault.apppax #dvCabContenido { background: #222 !important; }
#contenido.appDefault .titulo { font: bold 30px/30px Tahoma, sans-serif; margin: 0 0 10px; color: #fff; }
#contenido.appDefault .subtitulo {font-size: 1.6rem; line-height: 2rem;  color: #fff; padding-right: 380px; }
#dvRedesSociales { display: none; }
#contenido.appDefault #dvTextoCab { }
#contenido.appDefault .imgcab {background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); }
#contenido.appDefault .imgcab img{ max-width: 1200px; margin: 0 auto; display: block; width: 100%; }
#contenido.appDefault .imgcab img.mvl{ display: none; }
#contenido.appDefault #dvCont { padding: 0 !Important;}
#contenido.appDefault .green { color: #70b125;}
#contenido.appDefault .appdesc { margin: 40px 0;}
#contenido.appDefault #dvCapturaPantalla{ overflow: hidden; clear: both; }
#contenido.appDefault .dvMiniatura { float: left; width: 15.666%; margin: 0.5%; border: 4px solid #eee; text-align: center; padding: 10px; border-radius: 4px; }
#contenido.appDefault .dvMiniatura > * > img{ display: inline-block; vertical-align: middle; max-width: 100%; }
#contenido.appDefault #pTextoCab { font-size: 1.5rem; line-height: 2rem;}
#contenido.appDefault .download { overflow: hidden; margin: 0 0px 20px 40px; float: right; background-color: #eee; margin-top: -80px; border-radius: 16px; padding: 20px; box-shadow: 0 -5px 10px rgba(0,0,0,0.2); width: 360px}
#contenido.appDefault .downloadtitle { margin: 0 0 20px; }
#contenido.appDefault .downloadtitle span { display: block; text-align: center; font-size: 1.4rem; letter-spacing: 4px; line-height: 2rem; margin: 0 4px; }
#contenido.appDefault .download .appbtn{ float: left; max-width: 100%; border-radius: 16px; text-align: center; margin: 0 0 20px; }
#contenido.appDefault .download .appbtn a{ display: inline-block;  }
#contenido.appDefault .download .appbtn:last-child{ float: right;  clear: both; margin: 0;}
#contenido.appDefault .download .appbtn img{ max-width: 100%; display: block; margin: 0 auto; padding: 10px; border-radius: 8px; background: white;}
#contenido.appDefault .download .appbtn img.mvl{ display: none; }

.textos {
    max-width: 800px;
    margin: 54px auto 0;
    line-height: 140%;
    color: #272c38;
    padding: 0 20px;
    opacity: 0.8;
}

.textos > div {
    margin: 16px 0;
}
.textos > div > p:first-child {
    font-weight: bold;
    font-size: 16px;
}

.textos p:not(:last-child) {
    margin-bottom: 8px;
}

.textos > div:not(:first-child){
    margin-top: 32px;
}
/*NEW*/
.introApp {
    text-align: center;
}

.portadaApp, .portadaApp * {
    box-sizing: border-box;
}

.portadaApp {
    position: relative;
    background-color: #fa7b19;
    padding: 40px 20px;
    font-size: 18px;
    line-height: 140%;
}

.portadaApp.portadaApp--farmacias {
    margin-top: 0;
}

.portadaApp:not(.portadaApp--farmacias):before {
    content: "";
    display: block;
    width: 100%;
    height: 296px;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    background-color: #fff;
    background: linear-gradient(to top,#edf2f7,#fff);
}

.portadaApp .portadaApp__image {
    display: block;
    max-width: 100%;
    /*width: 480px;*/
    margin: 0 auto 40px;
    position: relative;
    z-index: 1;
}

.portadaApp .portadaApp__inner {
    max-width: 960px;
    display: flex;
    margin: 0 auto;
    color: #fff;
    flex-direction: column;
}

.portadaApp .portadaApp__info {
    width: 100%;
}

.portadaApp.portadaApp--empresas .portadaApp__info {
    text-align: center;
    margin: 0 auto 20px;
}

.portadaApp .portadaApp__title {
    font: bold 32px/100% Rubik, Arial;
    display: inline-block;
}

.portadaApp.portadaApp--empresas .portadaApp__title {
    color: #272c38;
    background: #FEDA34;
    padding: 8px 16px;
    border-radius: 16px;
}

.portadaApp .portadaApp__text {
    letter-spacing: 2px;
    margin: 8px 0 12px;
}


.portadaApp .portadaApp__list {
    flex-flow: row wrap;
    display: flex;
    justify-content: center;
}

.portadaApp.portadaApp--farmacias .portadaApp__list {
    flex-direction: column;
}

.portadaApp.portadaApp--empresas .portadaApp__list {
    text-align: center;
}

.portadaApp .portadaApp__item {
    list-style: none;
    margin: 0 4px 12px;
    display: inline-flex;
    color: #272c38;
    align-items: center;
}

.portadaApp.portadaApp--empresas .portadaApp__item {
    background: rgba(255,255,255,0.6);
    padding: 4px 12px;
    border-radius: 12px;
}

.portadaApp.portadaApp--farmacias .portadaApp__item {
    margin-left: 0;
}


.portadaApp .portadaApp__item:last-child {
}

.portadaApp .portadaApp__item:before {
    content: "\f00c";
    font-family: "Font Awesome 6 Pro";
    margin-right: 8px;
    font-size: 20px;
    line-height: 100%;
}


.portadaApp .portadaApp__stores {
    display: flex;
    justify-content: center;
}

.portadaApp .portadaApp__link {
    display: block;
    max-width: 220px;
}

.portadaApp.portadaApp--empresas .portadaApp__link {
    box-shadow: 0 4px 8px rgba(239, 105, 24, 1);
    border-radius: 8px;
}

.portadaApp .portadaApp__link:not(:last-child) {
    margin-right: 12px;
}

.portadaApp .portadaApp__link img {
    display: block;
}

.portadaApp.portadaApp--farmacias {
    padding: 40px 20px 0;
    background-color: #D8F3E2;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: flex-end;
}

.portadaApp.portadaApp--farmacias .portadaApp__inner {
    color: #272c38;
    margin: 0 12px 0 auto;
    width: auto;
    padding-bottom: 40px;
}

.portadaApp.portadaApp--farmacias .portadaApp__image {
    margin: 0 auto 0 12px;
    /*width: 220px;*/
}

.portadaApp.portadaApp--farmacias .portadaApp__title {
    color: #2A9444;
}

.portadaApp.portadaApp--farmacias .portadaApp__stores {
    margin-top: 20px;
    flex-direction: row;
    width: 100%;
    max-width: calc(440px + 12px);
    box-shadow: none;
}

.portadaApp.portadaApp--farmacias .portadaApp__link:not(:last-child) {
    margin: 0 12px 0 0;
}



@media (max-width: 767px) {
    #cabecera_movil { box-shadow: 0 0 12px rgba(0,0,0,0.1)}
    #dvCont.app_index { padding: 0;}
    #dvCont.app_index #dvCabContenido { background: none; text-align: left; min-height: 0; }
    #dvCont.app_index #dvCabContenido img { display: block; width: 100%; }
    #dvCont.app_index #dvRedesSociales { margin: 0;}
    #dvCont.app_index #dvLinks {display: block; margin: 20px 0 0;}
        #dvCont.app_index #dvLinks .dvLinkPaxinas,
        #dvCont.app_index #dvLinks .dvLinkFarmacias{ width: calc(100% - 40px); margin:  0 20px 20px; }
            #contenido.appDefault #dvCabContenido { padding: 20px 0 100px; text-align: center; }
    #dvCont.app_index #dvLinks .dvLinkPaxinas > div:first-child img,
    #dvCont.app_index #dvLinks .dvLinkFarmacias > div:first-child img { max-width: 120px;}
    #contenido.appDefault .subtitulo{ padding: 0; margin: 0 0 20px; }
    #contenido.appDefault .download{ float: none; width: 100%; margin: -100px 0 40px;; overflow: hidden; }
    #contenido.appDefault .download .appbtn, .download .appbtn:last-child{ width: 49%; margin: 0.5%; }
    #contenido.appDefault .download .appbtn:last-child{ clear: none; }
    #contenido.appDefault .downloadtitle{ text-align: center; }
    #contenido.appDefault .downloadtitle span {display: inline-block; }
    #contenido.appDefault .dvMiniatura { width: 32.333%; }
    #contenido.appDefault .download .appbtn img.pc { display: none; }
    #contenido.appDefault .download .appbtn img.mvl { display: block; }
    #contenido.appDefault .imgcab img.mvl{ display: block; }
    #contenido.appDefault .imgcab img.pc{ display: none; }
}

@media (max-width: 640px) {
    .portadaApp.portadaApp--farmacias { flex-direction: column-reverse; justify-content: center; align-items: center; }
    .portadaApp.portadaApp--farmacias .portadaApp__inner {
    margin: 0 auto;text-align: center;
    }
    .portadaApp.portadaApp--farmacias .portadaApp__image {
        margin: 0 auto;
    }
    .portadaApp.portadaApp--farmacias .portadaApp__stores{max-width: 100%;}
    .portadaApp.portadaApp--farmacias .portadaApp__list {align-items: center;}
    .portadaApp:not(.portadaApp--farmacias):before {
    height: 180px;
    }
    .portadaApp .portadaApp__title { font-size: 28px; line-height: 100%;}
    .portadaApp.portadaApp--farmacias .portadaApp__item {
        background: rgba(255,255,255,0.6);
        padding: 4px 12px;
        border-radius: 12px;
    }
    .portadaApp .portadaApp__image {
    margin-bottom: 20px;
    }
}
@media (max-width: 460px) {
    #contenido.appDefault .downloadtitle span { display: block; text-align: center; font-size: 1.2rem; letter-spacing: 2px; line-height: 1.2rem; margin: 0 4px;}
    #contenido.appDefault .download .appbtn, .download .appbtn:last-child{ width: 100%;}
    #contenido.appDefault .download .appbtn{ margin: 0 0 20px; }
    #contenido.appDefault .dvMiniatura { width: 49%; }
    #contenido.appDefault .download .appbtn {width: 100%;  }

    .textos {
        flex-wrap: wrap;
    }

    .textos > div:first-child {
        margin-bottom: 24px;
    }
    .portadaApp.portadaApp--farmacias .portadaApp__image {
    max-width: 140px;
    }
}