#principal{ visibility:visible; min-width:unset; } #enlace_inicio_link{background-size:contain !important;} #app_caja{} .cg_titulo a:before{ display:inline-block; vertical-align:middle; content:""; margin-left:-45px; margin-right:20px; width:50px; height:50px; background:url(images/logo_admon.png) center center no-repeat; background-size:contain; filter:none; border-radius:50%; } .cg_titulo a{ color:var(--txt_negativoInt); text-decoration:none;} #app_caja > div:not(.cg_titulo,div[id*="aux"]){ position:relative; margin:20px auto; width:100%; padding:20px; border-radius:8px; box-sizing:border-box; } #app_caja > #app_bloque1:before{ position:absolute; top:-60px; left:5%; display:block; content:""; width:300px; height:480px; background:url(images/app/img_app1.png) center center no-repeat,url(images/app/movil.png) center center no-repeat; z-index:100; } #app_caja > #app_bloque1{ padding:60px 20px 20px 365px; height:350px; background-color:var(--fnd_dest2); background-image:url(images/mascotas/mascota7.svg); background-position:right 10% center; background-repeat:no-repeat; background-size:300px auto; } #appweb_bloque1_txt1{ position:relative; width:280px; font-size:24px; line-height:28px; font-weight:500; text-transform:uppercase; color:var(--txt_colorCorp); } #appweb_bloque1_txt2{ position:relative; margin-top:90px; font-size:18px; line-height:20px; font-weight:500; text-transform:uppercase; color:var(--txt_destacado); } #appweb_bloque1_btn1,#appweb_bloque1_btn2{ position:relative; display:inline-block; vertical-align:top; margin-right:10px; width:200px; height:60px; line-height:60px; } .prox a{ background:var(--gris) !important; } .prox:after { content: "PROXIMAMENTE"; position: absolute; display: block; left: 50%; top: 50%; width: 200px; height: 36px; line-height: 34px; color: #F00; font-weight: bold; text-align: center; text-shadow: 2px 2px 2px #000; text-transform: uppercase; font-size: 26px; transform: translate(-50%, -50%) rotate(-15deg); border-top: 3px solid #F00; border-bottom: 3px solid #F00; text-indent:0; z-index: 100; } #appweb_bloque1_btn1 a:before,#appweb_bloque1_btn2 a:before{ display:block; content:""; float:left; margin:5px 10px 0 -40px; width:30px; height:30px; background-image:url(images/app/ico_app_ios.svg); background-position:center center; background-repeat:no-repeat; background-size:contain; } #appweb_bloque1_btn2 a:before{background-image:url(images/app/ico_app_android.svg); } #appweb_bloque1_btn1 a,#appweb_bloque1_btn2 a{ display:block; width:100%; padding:8px 10px 10px 60px; height:100%; color:var(--blanco); background:var(--btn_ppal); border-radius:8px; font-size:12px; line-height:24px; text-decoration:none; box-sizing:border-box; } #appweb_bloque1_btn1 a b,#appweb_bloque1_btn2 a b{ margin:-8px auto 0 !important; display:block; font-size:20px; } #appweb_bloque1_btn1 a:hover,#appweb_bloque1_btn2 a:hover{ background-color:var(--btn_hover); } #app_caja > #app_ventajas:before{ position:absolute; bottom:-90px; left:50%; transform:translateX(-50%); display:block; content:""; width:300px; height:480px; background:url(images/app/img_app2.png) center center no-repeat,url(images/app/movil.png) center center no-repeat; z-index:100; } #app_caja > #app_ventajas{ height:400px; padding:75px 10% 0; column-count:2; column-gap:320px; background-color:var(--fnd_normal); } #app_caja > #app_ventajas > div { position:relative; break-inside:avoid; margin-bottom:50px; padding-left:90px; box-sizing:border-box; } #app_caja > #app_ventajas > div > b{ text-transform:uppercase; font-size:24px; line-height:28px; color:var(--txt_colorCorp); } #app_caja > #app_ventajas > div > b:before{ display:block; float:left; content:""; margin:0 10px 0 -90px; width:75px; height:75px; background-position:center center; background-repeat:no-repeat; background-size:contain; filter:var(--iconos_aux_fill); filter:var(--iconos_aux_fill); } #app_caja > #app_ventajas > #appweb_ventaja1 > b:before{ background-image:url(images/app/ico_app_segura.svg); } #app_caja > #app_ventajas > #appweb_ventaja2 > b:before{ background-image:url(images/app/ico_app_escanea.svg); } #app_caja > #app_ventajas > #appweb_ventaja3 > b:before{ background-image:url(images/app/ico_app_comparte.svg); } #app_caja > #app_ventajas > #appweb_ventaja4 > b:before{ background-image:url(images/app/ico_app_abonos.svg); } #app_caja > #app_bloque2{ display:flex; flex-wrap:wrap; justify-content:space-around; align-items:center; padding-top:80px; height:380px; background-color:var(--fnd_dest1); } #appweb_bloque2_tit{ margin-bottom:20px; text-align:center; flex-basis:100%; flex-wrap:wrap; text-transform:uppercase; font-weight:500; font-size:24px; line-height:28px; color:var(--txt_colorCorp); } #app_caja > #app_bloque2 > div:not(#appweb_bloque2_tit){ flex-basis:350px; text-align:center; } #app_caja > #app_bloque2 > div:not(#appweb_bloque2_tit) > b:before{ display:block; content:""; margin:0 auto 10px; width:100%; height:65px; background-position:center center; background-repeat:no-repeat; background-size:contain; filter:var(--iconos_aux_fill); } #app_caja > #app_bloque2 > #appweb_bloque2_txt1 > b:before{ background-image:url(images/app/ico_app_empresas.svg); } #app_caja > #app_bloque2 > #appweb_bloque2_txt2 > b:before{ background-image:url(images/app/ico_app_disp.svg); } #app_caja > #app_bloque2 > #appweb_bloque2_txt3 > b:before{ background-image:url(images/app/ico_app_penas.svg); } #app_caja > #app_bloque2 > div:not(#appweb_bloque2_tit) > b{ font-weight:500; font-size:24px; line-height:28px; color:var(--txt_colorCorp); text-transform:uppercase; } #app_caja > #app_bloque2 > div:not(#appweb_bloque2_tit) > p{ font-weight:300; font-size:16px; line-height:18px; color:var(--txt_negro); } #app_caja > #app_bloque3{ margin-top:-40px; height:350px; background:url(images/app/img_app3.png) left 10% center no-repeat; padding:80px 80px 80px 50%; margin-bottom:-20px; } #appweb_bloque3_tit{ margin-bottom:20px; width:65%; text-transform:uppercase; font-weight:500; font-size:24px; line-height:28px; color:var(--txt_colorCorp); } #appweb_bloque3_txt1{ font-weight:300; font-size:16px; line-height:18px; color:var(--txt_negro); } #app_caja > #app_bloque4:before{ display:block; content:""; position:absolute; top:20px; left:10%; width:75px; height:75px; background:url(images/app/ico_app_descAnd.svg) center center no-repeat; background-size:contain; filter:var(--iconos_aux_fill) } #app_caja > #app_bloque4{ display:flex; flex-wrap:wrap; justify-content:space-around; align-items:flex-start; padding-top:80px; height:360px; background:var(--fnd_dest2); } #appweb_bloque4_tit{ margin-top:-50px; margin-bottom:20px; text-align:center; flex-basis:100%; flex-wrap:wrap; text-transform:uppercase; font-weight:500; font-size:24px; line-height:28px; color:var(--txt_colorCorp); } #appweb_bloque4_info:before{ display:block; content:""; margin:0 auto; width:30px; height:30px; background:url(images/ico_info.svg) center center no-repeat; filter:var(--iconos_aux_fill); } #appweb_bloque4_info{ margin-bottom:20px; text-align:center; flex-basis:100%; flex-wrap:wrap; font-weight:500; font-size:18px; line-height:22px; color:var(--txt_destacado); text-transform:uppercase; } #app_caja > #app_bloque4 > div:not(#appweb_bloque4_tit,#appweb_bloque4_info){ flex-basis:360px; text-align:center; } #app_caja > #app_bloque4 > div:not(#appweb_bloque4_tit,#appweb_bloque4_info) > b:before{ display:block; margin:0 auto 10px; width:70px; height:70px; background:var(--fnd_numPagApp); text-align:center; line-height:70px; font-weight:500; font-size:40px; color:var(--blanco); border-radius:50%; } #app_caja > #app_bloque4 > #appweb_bloque4_txt1 > b:before{ content:"1"; } #app_caja > #app_bloque4 > #appweb_bloque4_txt2 > b:before{ content:"2"; } #app_caja > #app_bloque4 > #appweb_bloque4_txt3 > b:before{ content:"3"; } #app_caja > #app_bloque4 > div:not(#appweb_bloque4_tit) > b{ font-weight:500; font-size:18px; line-height:22px; color:var(--txt_destacado); text-transform:uppercase; } #app_caja > #app_bloque4 > div:not(#appweb_bloque4_tit) > p{ font-weight:300; font-size:16px; line-height:18px; color:var(--txt_negro); } #app_caja > #app_bloque4 > div:not(#appweb_bloque4_tit) > p a{ display:block; } #app_caja > #app_bloque5{ } #app_caja > #app_bloque5 > #appweb_bloque5_txt1{ font-size:18px; font-weight:500; color:var(--txt_destacado); text-align:center; } #app_caja > #app_bloque5 > #appweb_bloque5_btn{ position:relative; margin:20px auto; width:320px; text-indent:40px; height:60px; line-height:60px; } #app_caja > #app_bloque5 > #appweb_bloque5_btn a:before{ background-image:url(images/app/ico_app_descarga.svg); } /*************************************************************/ /* RESPONSIVE GADMIN MOBILE 2024 */ /*************************************************************/ @media all and (min-width:1205px) and (max-width:1500px){ } @media all and (min-width:677px) and (max-width:1204px){ #principal > *:not(div[id*="aux"],#usu_nl_caja), #menu2, #cuerpo{ min-width:initial; } #app_caja > #app_bloque1{ min-height:300px; height:auto; } #app_caja > #app_bloque1:before { top:-30px; width:250px; height:450px; background-size:contain; background-position:bottom center; } #appweb_bloque1_btn1{ margin-bottom:10px; } #app_caja > #app_bloque1{ padding:60px 20px 20px 285px; background-position:bottom 20px right 5px; background-size:150px auto; } #app_caja > #app_ventajas{ padding:60px 20px 20px; height:auto; min-height:400px; column-gap:250px; } #app_caja > #app_ventajas:before{ width:250px; background-size:contain; } #app_caja > #app_ventajas > div { padding-left:50px; } #app_caja > #app_ventajas > div > b:before{ width:45px; height:45px; margin-left:-55px; } #app_caja > #app_ventajas > div > b { font-size:18px; line-height:normal; } #app_caja > #app_bloque2{ height:auto; min-height:380px; } #app_caja > #app_bloque2 > div:not(#appweb_bloque2_tit){ flex-basis:31%; } #app_caja > #app_bloque2 > div:not(#appweb_bloque2_tit) > b { font-size:20px; font-weight:normal; } #app_caja > #app_bloque2 > div:not(#appweb_bloque2_tit) > b:before{ height:45px; } #app_caja > #app_bloque3 { height:auto; background-size:40%; } #app_caja > #app_bloque4{ height:auto; } #app_caja > #app_bloque4 > div:not(#appweb_bloque4_tit,#appweb_bloque4_info){ flex-basis:33%; } } @media all and (max-width:676px) { #principal > *:not(div[id*="aux"],#usu_nl_caja), #menu2, #cuerpo{ min-width:initial; } #app_caja > #app_bloque1{ min-height:300px; height:auto; } #app_caja > #app_bloque1:before { top:-30px; width:250px; height:450px; background:contain; background-position:bottom center; } #appweb_bloque1_btn1{ margin-bottom:10px; } #app_caja > #app_bloque1{ padding:60px 20px 20px 285px; background-image:none; } #app_caja > #app_ventajas{ column-count:1; height:auto; box-sizing:border-box; } #app_caja > #app_ventajas:before{ display:none; } #app_caja > #app_bloque2 { height:auto; } #app_caja > #app_bloque2 > div:not(#appweb_bloque2_tit){ flex-basis:32%; } #app_caja > #app_bloque3 { padding:40px; height:auto; background-image:none; } #app_caja > #app_bloque4 { height:auto; } #app_caja > #app_bloque4 > div{ flex-basis:100%; } } @media all and (max-width:600px) { #app_caja > #app_bloque1{ padding:20px; } #app_caja > #app_bloque1:before { background-position:right top; left:auto; bottom:0; right:0; width:150px; background-size:contain; } #appweb_bloque1_txt1 { width:calc(100% - 120px); } } @media all and (max-width:420px) { #app_caja > #app_bloque2 > div:not(#appweb_bloque2_tit){ flex-basis:100%; } } /*************************************************************/ /* FIN RESPONSIVE GADMIN MOBILE 2024 */ /*************************************************************/