/* POKAYOKE STYLES | AGOSTO 2021 */ /* GENERALES */ /* DEFAULT FONT & SIZE */ body { margin:0; } body * { font-family: 'Open sans', sans-serif; font-size:14px; } .content-area { width:100%; margin:0; border:0; padding:0; } .content-area .site { margin:0; } /* .vce-row { max-width: 1400px; margin-left: auto !important; margin-right: auto !important; } */ .pokaRow { max-width: 1400px; margin-left: auto !important; margin-right: auto !important; } .pokaBarra { margin:0; padding:0; height:3px; background-color:#000; display: block; width:50px; margin-bottom:15px; } .wrapper.main .row.content-wrap { max-width: 100%; } .borderCRO .vce-single-image-inner { border:8px solid #FF6281; } .borderCROright { border-right:2px solid #FF6281; } .borderUX .vce-single-image-inner { border:8px solid #D88BDD; } .borderUX .vce-single-image-inner img { transform: scale(0.7); } .borderAnalisis .vce-single-image-inner { border:8px solid #42E781; } .borderDiseno .vce-single-image-inner { border:8px solid #F8DE4C; } .borderDis .vce-single-image-inner { border:8px solid #D88BDD; } .borderDev .vce-single-image-inner { border:8px solid #5EECFF; } /* .homeAnimationBox.boxUX:hover { background-color:#D88BDD; } .homeAnimationBox.boxTech:hover { background-color:#F8DE4C; } .homeAnimationBox.boxLab:hover { background-color:#42E781; } .homeAnimationBox.boxCRO:hover { background-color:#FF6281; } .homeAnimationBox.boxEmprender:hover { background-color:#5EECFF; } */ .enProgresoDiv { overflow:hidden; } .enProgresoImg { max-width:100%; width:auto; height:auto; } .enProgreso { position: absolute; top: 0; margin: 0 auto; border: 1px solid #FF6281; background-color: #FF6281; padding: 8px 15px; font-weight: 900; font-size: 18px; width: 100%; left: 0; color:#FFF; letter-spacing:4px; } header { } header #leftMenu { } header #rightMenu { } header #fullMenu { } header p { margin-bottom:0; } main#home { } /* TEXTOS */ h1 { font-size:46px; padding-top:0; margin-top:0; font-family: 'Montserrat', sans-serif; line-height: normal; } h1.pokaAuditoria { font-size:60px; } h2 { font-size:32px; padding-top:0; margin-top:0; font-family: 'Montserrat', sans-serif; line-height: normal; } h2.pokaAyudamos { font-size:45px; } h2.mejoraCRO { font-size: 65px; line-height:55px; margin-bottom:25px; } h2.titleContacto { font-size:32px; } h3 { font-size:24px; padding-top:0; margin-top:0; font-family: 'Montserrat', sans-serif; line-height: normal; } h3.sectionTitle { font-size:40px; } h4 { font-size:18px; padding-top:0; margin-top:0; font-family: 'Montserrat', sans-serif; line-height: normal; } h5 { font-size:12px; font-weight:800; padding-top:0; margin-top:0; font-family: 'Montserrat', sans-serif; line-height: normal; } span, a, i, u { font-size:inherit; font-weight:inherit; line-height:inherit; } div, ul li, p { font-size:16px; font-weight:500; padding-top:0; font-family: 'Open sans', sans-serif; line-height:21px; margin-top:0; } ul li { margin-bottom:10px; } strong, b { font-size: inherit !important; font-family: inherit !important; } /* HEADER */ body { padding-top: 80px; } body > header { position:fixed; top:0; width:100%; z-index:999; background:rgba(255,255,255,0.95); height:80px; } .menu-pokaheaderleft-container ul, .menu-pokaheaderright-container ul { width:100% !important; display:inline-block !important; padding:0 !important; position:relative; top:-7px; } .menu-pokaheaderleft-container li, .menu-pokaheaderright-container li { width:50% !important; display:inline-block !important; float:left; } .menu-pokaheaderright-container > ul > li:first-of-type { width:40% !important;} .menu-pokaheaderright-container > ul > li:last-of-type { width:60% !important;} .menu-pokaheaderleft-container ul ul li { width:100% !important;} .menu-pokaheaderleft-container ul ul li a { text-align:left !important; padding-left:10px !important; padding-right:10px !important; font-size:12px !important; } .menu-pokaheaderleft-container a, .menu-pokaheaderright-container a { font-weight:bold; color:#28143A !important; font-size:14px !important; padding-left:0 !important; padding-right:0 !important; width:100% !important; text-align:center !important; } #pageHeroBanner { } #pageHeroBanner > div { } /* WEB FOOTER */ footer { background-color:#28143A; padding-top:80px; padding-bottom:30px; } footer * { color: #FFF; } footer hr { border: 1px solid #D88BDD; } footer h3 { font-size:16px; } footer .listadoPie { list-style-type:none; padding-left:0; } footer .listadoPie li { padding-left:0; font-size:14px; } /* HOME */ .homeApasionados h3 { } .homeAnimationBox { border:4px solid #000; border-radius:15px; cursor:pointer; box-shadow: 0px 0px 10px rgb(0 0 0 / 20%); padding-top:20px; transition: all .2s ease-in-out; } .homeAnimationBox:after { content:"Saber más"; position:absolute; bottom:0; left:0; width:100%; height:40px; line-height:40px; color:#FFF; text-transform:uppercase; text-align:center; border-radius:0 0 5px 5px; font-size: 18px; letter-spacing: 2px; font-weight: 600; padding-top: 4px; text-shadow: 0 0 10px rgb(0 0 0 / 40%); } .homeAnimationBox:hover { transition: all 0.3s; box-shadow: 0px 0px 10px rgb(0 0 0 / 80%) } .homeAnimationBox:hover h2 { transition: all 0.6s, text-shadow 2s; color:#FFF !important; text-shadow: 0 0 10px rgba(255,255,255,0.5), 0 0 20px rgba(255,255,255,0.5), 0 0 40px rgba(255,255,255,0.5);} .homeAnimationBox.boxUX:hover { background-color:#D88BDD; } .homeAnimationBox.boxTech:hover { background-color:#F8DE4C; } .homeAnimationBox.boxLab:hover { background-color:#42E781; } .homeAnimationBox.boxCRO:hover { background-color:#FF6281; } .homeAnimationBox.boxEmprender:hover { background-color:#5EECFF; } .boxUX, .boxTech, .boxLab, .boxCRO, .boxEmprender { cursor:pointer; } .boxUX .vce-single-image, .boxTech .vce-single-image, .boxLab .vce-single-image, .boxCRO .vce-single-image, .boxEmprender .vce-single-image { z-index:2; } .fondoRotado { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .textoAnalisis { position: absolute; right:15px; z-index:1; } .homeAnimationBox.boxUX { border-color: #D88BDD; } .homeAnimationBox.boxUX h2 { color: #D88BDD; } .homeAnimationBox.boxUX:after { background-color:#D88BDD; } .homeAnimationBox.boxTech { border-color: #F8DE4C; } .homeAnimationBox.boxTech h2 { color: #F8DE4C; } .homeAnimationBox.boxTech:after { background-color:#F8DE4C; } .homeAnimationBox.boxLab { border-color: #42E781; } .homeAnimationBox.boxLab h2 { color: #42E781; } .homeAnimationBox.boxLab:after { background-color:#42E781; } .homeAnimationBox.boxCRO { border-color: #FF6281; } .homeAnimationBox.boxCRO h2 { color: #FF6281; } .homeAnimationBox.boxCRO:after { background-color:#FF6281; } .homeAnimationBox.boxEmprender { border-color:#5EECFF; } .homeAnimationBox.boxEmprender h2 { color: #5EECFF; } .homeAnimationBox.boxEmprender:after { background-color:#5EECFF; } .homeLanguageSteps { height:40px; text-align:center; background-color:#CCC; color:#FFF; border-radius:20px; padding-left:15px; padding-right:15px; } .homeLanguageSteps h3 { font-size:14px; height:40px; line-height:40px; } .ctaPokalab, .ctaPokaauditoria { height:50px; font-weight:bold; color: #28143A; background-color: #F8E761; padding:0px 20px; text-decoration:none; text-transform:uppercase; font-weight:bold; border-radius:25px; display:inline-block; line-height:50px; letter-spacing:0.5px; font-size:16px; transition: 0.2s all;} .ctaPokalab:hover, .ctaPokaauditoria:hover { color: #28143A; background-color: #D88BDD; transition: 0.2s all; } .ctaPokaauditoria { color:#FFF; background-color:#28143A; } .ctaPokaauditoria:hover { color:#FFF; background-color:#F8E761 } .pokaServicios { } .pokaServicios p { font-size:14px; line-height:14px; } .pokaServicios li { list-style-type:none; padding-left:10px; position:relative; } .pokaServicios li:after { position:absolute;left:0; top:0; content:'·'; color:orange; } /* UX */ #UXContentX { position:relative; top:-100px; } /* VERSION 1 #UXContentXinner .vce-row-content .vce-col { z-index:2 } #UXContentXinner .vce-row-content:before { border-radius:30px 0 0 30px; content: " "; position: absolute; display: block; width: 55%; height: 100%; top:0; left: 5%; z-index: -1; border-right: 0px; transform-origin: bottom left; -ms-transform: skew(10deg, 0deg); -webkit-transform: skew(10deg, 0deg); transform: skew(10deg, 0deg); background:#c8d3e9; z-index:1 } #UXContentXinner .vce-row-content:after { border-radius:0px 30px 30px 0; content: " "; position: absolute; display: block; width: 55%; height: 100%; top:0; right: 5%; z-index: -1; border-right: 0px; transform-origin: bottom left; -ms-transform: skew(-10deg, 0deg); -webkit-transform: skew(-10deg, 0deg); transform: skew(-10deg, 0deg); background:#c8d3e9; z-index:1 } */ /* VERSION 2 */ #UXContentXinner .vce-row-content .vce-col { z-index:2 } #UXContentXinner .vce-row-content:before { content: " "; position: absolute; display: block; width: 0px; height: 50px; top: 100%; left: -30px; z-index: -1; background-image:url("/wp-content/uploads/2021/09/bgUXcool.png"); background-repeat:no-repeat; background-size:contain;} .pokaCards { display: flex; padding:0; } .pokaCards li { flex: 1 1 100%; border:0; list-style-type:none; padding: 1em; height:300px; width:10%; flex-grow: 1; flex-shrink: 1; flex-basis: 0; background-color: #F5F8FE } .pokaCards li:nth-child(even) { background-color: #D7DDE8; } .pokaCards li:nth-child(odd) { background-color: #F5F8FE } #pokaCapasUX { } #pokaCapasUX .vce-asset-background-simple-item { right: 5%; height: 90%; top: 10%; background-size: contain; } #pokaCapasUX h4 { font-size:25px; margin-bottom:0; width:100%; } #pokaCapasUX h4.lvl5 { border-bottom:1px solid #db8fe1; width:100%; } #pokaCapasUX h4.lvl4 { border-bottom:1px solid #f4d6f7; width:96%; } #pokaCapasUX h4.lvl3 { border-bottom:1px solid #db8fe1; width:90%; } #pokaCapasUX h4.lvl2 { border-bottom:1px solid #f4d6f7; width:95%; } #pokaCapasUX h4.lvl1 { border-bottom:1px solid #db8fe1; width:98%; } /* 404 */ .error404-content {} /* SERVICIOS */ .serviciosCRO p, .serviciosUX p, .serviciosANA p, .serviciosDEV p, .serviciosDIS p { font-size:12px; } .sliderServicesNav { display:inline-block; margin:0 auto; width:100%; text-align:center; } .sliderServicesNav li { display:inline-block; margin-left:5px; margin-right:5px; } .sliderServicesNav a { text-decoration:none; border:1px solid #CCC; display:inline-block; padding:5px 15px; } .page-id-246 .vce-button--style-basic-container { overflow: hidden; padding-top: 20px; } .page-id-246 .vce-button--style-basic-container > span { box-shadow: 0 0 5px rgb(0 0 0 / 40%);} .page-id-246 .vce-button--style-basic-container a { text-shadow: 0 0 10px rgb(0 0 0 / 40%); } /* ROJA */ .serviciosCRO { border:6px solid #FF6281; border-radius:6px; background-color: #FF6281; } .serviciosCRO .serviciosCROLeft { border-radius:12px; border:6px solid #FF6281; background-color:#FFF; box-shadow: inset 0 0 5px rgba(0,0,0,0.5); } .serviciosCRO .serviciosCRORight { background-color: #FF6281 } /* AMARILLO */ .serviciosUX { border:6px solid #F8DE4C; border-radius:6px; background-color: #F8DE4C; } .serviciosUX .serviciosUXLeft { border-radius:12px; border:6px solid #F8DE4C; background-color:#FFF; } .serviciosUX .serviciosUXRight { background-color: #F8DE4C; } /* VERDE*/ .serviciosANA { border:6px solid #42E781; border-radius:6px; background-color: #42E781; } .serviciosANA .serviciosANALeft { border-radius:12px; border:6px solid #42E781; background-color:#FFF; } .serviciosANA .serviciosANARight { background-color: #42E781; } /* MORADO */ .serviciosDIS { border:6px solid #D88BDD; border-radius:6px; background-color: #D88BDD; } .serviciosDIS .serviciosDISLeft { border-radius:12px; border:6px solid #D88BDD; background-color:#FFF; } .serviciosDIS .serviciosDISRight { background-color: #D88BDD; } /* AZUL */ .serviciosDEV { border:6px solid #5EECFF; border-radius:6px; background-color: #5EECFF; } .serviciosDEV .serviciosDEVLeft { border-radius:12px; border:6px solid #5EECFF; background-color:#FFF; } .serviciosDEV .serviciosDEVRight { background-color: #5EECFF; } .mobileMenu { color:#000; text-decoration:none; width:40px; height: 28px; position:relative; top:-6px; display:inline-block; padding:10px; } .mobileMenu span { height:2px; background:#000; width:100%; display:inline-block; float:left; position:relative; } .mobileMenu span:nth-of-type(1) {top:0;} .mobileMenu span:nth-of-type(2) {top:10px;} .mobileMenu span:nth-of-type(3) {top:20px} #mobileMenuContent {display:inline-block; opacity:0; left:-100%; transition: opacity 0.3s, left 0.3s 0.5s; } body.mobileMenuContentShow { margin: 0; height: 100%; overflow: hidden; position:fixed; } .mobileMenuContentShow #mobileMenuContent {display:inline-block; opacity:1; transition: opacity 0.3s; z-index:999; left:0; } .mobileMenuContentShow #mobileMenuContent .mobileMenuBox { left:0; transition: all 1s; } #mobileMenuContent { position:fixed; top:0; height:100vh; width:100%; z-index:9999; background:rgba(0,0,0,0.5); overflow:hidden; } #mobileMenuContent a { color:#FFF; display:inline-block; width:100%; text-decoration:none; font-size:17px; padding:10px 0 10px 20px; } #mobileMenuContent ul { width:100%; display:inline-block; padding:0; margin:0; padding:0; position:relative } #mobileMenuContent .mobileMenuBox:after { background-image: url("/wp-content/uploads/2021/08/POKAYOKE-LOGO_02.png"); background-position: center; background-repeat:no-repeat; background-size: contain; height:30px; width:100%; position:absolute; bottom: 100px; left:0; content:"";} #mobileMenuContent li { list-style-type:none; padding:0; margin:0; overflow:hidden; } #mobileMenuContent li li { padding-left:15px; } #mobileMenuContent ul ul { margin-top:10px; padding:0; } #mobileMenuContent .mobileMenuBox { left:-320px; transition: all 0.5s; background:#28143a; width:100%; height:100%; position:relative; width:300px; padding-top:60px; position:relative;} #mobileMenuContent a.mobileMenuContentClose { background:#FFF; text-indent:-10000px; border-radius:50%; width:30px; height:30px; position:absolute; right:20px; top:20px; display:inline-block; z-index:99999; padding:0; background-image: url("/wp-content/uploads/2021/10/close.png"); background-position:center; background-repeat:no-repeat; background-size:cover; border: 9px solid #FFF; } /* BLOQUE CONTACTO */ .decoracionContacto { position:absolute; z-index:1; top:-100px; left:15%; } .decoracionContacto.decoracionContactoDev { left:30%; } .decoracionContacto.decoracionContactoAna { left:10%; } .decoracionContacto.decoracionContactoDis { left:30%; } .decoracionContacto.decoracionContactoUX { left:30%; } .decoracionContacto.decoracionContactoCRO { left:30%; } .linksContacto { padding:0 20px; text-transform:uppercase; font-weight:bold; border-radius:25px; height:50px; line-height:50px; text-decoration:none; text-decoration:uppercase; display:inline-block; } .decoracionAuditoria { position: absolute; top: -240px; left: -30px; } .decoracionAuditoria .vce-single-image-inner { padding-bottom: 0 !important; width: 400px !important; max-width: none !important; height: 421px !important; } .decoracionPokalab { position: relative; top:-90px; margin-bottom:-90px; } .decoracionPokalab img { } .tituloPokaauditoria { font-size:44px; color:#28143A; } /* COOKIES */ .cli-bar-container.cli-style-v2 { padding-left:280px !important; position:relative; } .cli-bar-container.cli-style-v2:before { position:absolute; z-index:2; top:auto; left:0; content:""; background-image:url("/wp-content/uploads/2021/10/cookiesDeco.png"); background-size:cover; background-repeat:no-repeat; width: 300px; height: 240px; bottom: -10px; } #wt-cli-accept-all-btn { height:50px; font-weight:bold; line-height:50px; padding:0 10px; text-transform:uppercase; width:50px; text-align:center; } .cli-style-v2 .cli-bar-message { font-size:14px; line-height:16px; } .cli-bar-btn_container .cli_settings_button {display:none !important;} .cli_settings_button { color:rgba(0,0,0,0.4) !important; font-size:14px !important; } .cli-style-v2 .cli-bar-message { width:100%; } /* CONTACTO */ #pokaContacto { position: fixed; top: 0; left: 0; z-index: 999999999999999; background-color: rgba(40,20,58,0.5); width: 100%; height: 100%; display:flex; flex-direction: column; justify-content: center; align-items:center; } #pokaContacto .contenidoContacto { position:relative; top:-100px; opacity:0; border-radius:10px; display:inherit; background-color:#FFF; margin: 0 auto; width: 100%; max-width:850px; text-align:center; position: relative; } #pokaContacto { opacity:0; left:-100%; transition: opacity 0.3s, left 0.3s 0.5s; } body.contactShow #pokaContacto { opacity:1; transition: opacity 0.3s; z-index:999; left:0; } body.contactShow #pokaContacto .contenidoContacto { top:0; opacity:1; transition: all 0.5s; } #pokaContacto .close { background:#FFF; text-indent:-10000px; border-radius:50%; width:30px; height:30px; position:absolute; right:20px; top:20px; display:inline-block; z-index:99999; padding:0; background-image: url("/wp-content/uploads/2021/10/close.png"); background-position:center; background-repeat:no-repeat; background-size:cover; border: 9px solid #FFF; } #pokaContacto .decoracionContactoPop { position:absolute; width:320px; height:calc(100% - 40px); display:inline-block; top:20px; left: 30px; padding:0; background-image: url("/wp-content/uploads/2021/10/Ilustracion_sin_titulo.png"); background-position:center; background-repeat:no-repeat; background-size:contain; } #pokaContacto .contenidoContactoText { text-align:left; display: inline-block; float: left; width: 100%; padding:50px 60px 50px 360px; } #pokaContacto .contenidoContacto h5 { font-size: 30px; margin-bottom:0; text-transform:uppercase; margin-bottom:10px; font-weight:900; } #pokaContacto .contenidoContacto * { font-size: 14px; } #pokaContacto .contenidoContacto ul { margin-bottom:20px; } #pokaContacto .contenidoContacto ul, #pokaContacto .contenidoContacto li { list-style-type: none; padding:0; margin:0; } #pokaContacto .contenidoContacto li { position:relative; display:inline-block; } #pokaContacto .contenidoContacto li > p { float:left; padding-left:200px; text-align:left; padding-top:2px; } #pokaContacto .contenidoContacto li a { letter-spacing:1px; font-size:15px; float:left; position:absolute; left:0; top:0; width:180px; padding:0; text-align:center; text-transform:uppercase; color:#FFF; } .linksContactoMeet, .linksContactoMail, .linksContactoTel { padding:0 20px; text-transform:uppercase; font-weight:bold; border-radius:25px; height:50px; line-height:50px; text-decoration:none; text-decoration:uppercase; display:inline-block; } .linksContactoMeet { background-color: #FF6281; } .linksContactoMail { background-color: #5EECFF; } .linksContactoTel { background-color: #D88BDD; } #pokaLabColHome > .vce-row, #pokaAudColHome > .vce-row { height:480px; } /* ******************************************************* */ /* RESPONSIVE */ @media (max-width: 1440px) { .vce-row { max-width:1440px; width:auto; padding-left: 20px; padding-right: 20px; } .mobileMenuContent {display:inline-block; position:absolute; top:0; left:0; width:300px; height:auto; } .mobileMenuContentShow {display:inline-block; } } @media (max-width: 1300px) { .decoracionContacto { left:5%; } } @media (max-width: 1250px) { .pokaLogo { position: fixed; margin: 0 auto; top: 20px; left: 50%; width: 300px; } .pokaLogo img { margin-left:-50%; } #el-a4306cc2, #el-3dd87cba {flex-basis: calc(100% - 0px) !important; max-width: calc(100% - 0px) !important; margin-right: 0px !important; } #pokaLabColHome > .vce-row, #pokaAudColHome > .vce-row { height:auto; } #el-0682567e { padding: 0 !important; } .decoracionAuditoria { position:relative; top:0; left:0; } #el-342af18b .vce-col-content {padding-top:0 !important; } h1.pokaAuditoria { font-size:50px; } } @media (max-width: 1080px) { .decoracionContacto { left:0; } #pokaLabColHome, #pokaAudColHome { height:auto; } #pokaCapasUX .vce-asset-background-simple-item { right: 0%; } #pokaCapasUX .vce-asset-background-simple-container.vce-visible-lg-only .vce-asset-background-simple-item { background-position: 120% center; } #pokaCapasUX .vce-asset-background-simple-container.vce-visible-md-only .vce-asset-background-simple-item { background-position: 200% center; } #pokaCapasUX .vce-asset-background-simple-container.vce-visible-sm-only .vce-asset-background-simple-item { background-position: 240px center; opacity:0.5 } #pokaCapasUX .vce-asset-background-simple-container.vce-visible-xs-only .vce-asset-background-simple-item { opacity:0.2 } h2.pokaAyudamos { font-size:36px; } } @media (max-width: 1024px) { .pokaCoffee .vce-asset-background-simple-item { opacity:0.1; } .pokaContacto .vce-asset-background-simple-item { opacity:0.1; } h1.pokaAuditoria { font-size:40px; } #homeApasionados h3 { font-size:20px; } .cli-bar-container.cli-style-v2:before { width:250px; height:200px; } } @media (max-width: 880px) { h1.pokaAuditoria { font-size:40px; } #analiticaDigital h4 { font-size: 14px; margin-bottom:0; } #homeApasionados h3 { font-size:16px; } h2.titleContacto { font-size:26px; } .decoracionContacto { left:0 !important; top:0; position: relative } .decoracionContacto img { } #pokaContacto .contenidoContacto { width:calc(100% - 40px); box-sizing: border-box; } #pokaContacto .decoracionContactoPop { width:100%; z-index:1; opacity:0.1; } #pokaContacto .contenidoContactoText { padding-left: 50px; padding-right:50px; width:100%; z-index:1; } } @media (max-width: 768px) { .cli-bar-container.cli-style-v2:before { width:200px; height:160px; } .cli-bar-btn_container { text-align:right; width:100%; } #wt-cli-accept-all-btn { width:100%; } .cli-bar-container.cli-style-v2 { padding-left:230px !important; } .boxHomeResponsive { height:100px; overflow:hidden; } .boxHomeResponsive .vce-text-block { position:absolute; top:27px;} #el-88789f5f, #el-0b8524da { flex-basis: calc(44% - 16.5px) !important; max-width: calc(44% - 16.5px) !important; position: relative; left: 60%; TOP: -20PX; } footer .listadoPie li a { display:inline-block; height:30px; line-height:30px; text-decoration:none; } #mobileMenuContent .mobileMenuBox:after { bottom: 130px; } } @media (max-width: 560px) { /* TEXTOS */ h1 { font-size:28px; } h2 { font-size:24px; } h2.pokaAyudamos { font-size:36px; } h3 { font-size:20px; } h3.sectionTitle { font-size:30px; } #homeApasionados h3 { font-size:20px; } #homeApasionadosResponsive h3 { font-size:30px; } h4 { font-size:14px; } h5 { font-size:12px; } div { font-size:14px; font-weight:500; line-height:18px; } ul li, p { font-size:14px; font-weight:500; line-height:18px; } ul li { margin-bottom:10px; } .borderCROright { border:0; } h2.mejoraCRO { font-size: 50px; line-height:45px; } .boxCRO .vce-asset-background-simple-item { background-size:200px !important; background-position: 20px 0 !important; } .boxTech .vce-asset-background-simple-item { background-size:200px !important; background-position: calc(100% - 20px) 0px !important; } .boxEmprender .vce-asset-background-simple-item { background-size:150px !important; background-position: calc(100% + 20px) 0 !important; } .boxUX .vce-asset-background-simple-item { background-size:200px !important; background-position: calc(100% + 60px) 0 !important; z-index:2; } .boxLab .vce-asset-background-simple-item { background-size:150px !important; background-position: 0 0px !important; } .cli-bar-container.cli-style-v2:before { width:140px; height:110px; } .cli-bar-container.cli-style-v2 { padding-left:150px !important; } .tituloPokaauditoria { font-size:30px; color:#28143A; } #pokaContacto .contenidoContactoText { padding-left: 20px; padding-right:20px; padding-bottom:30px; width:100%; z-index:1; } #pokaContacto .contenidoContacto ul { margin-top:20px; } #pokaContacto .contenidoContacto li { text-align:center; border-bottom: 1px solid rgba(0,0,0,0.2); padding-bottom:15px; margin-bottom:15px; width:100%; } #pokaContacto .contenidoContacto li:last-of-type { border:0; } #pokaContacto .contenidoContacto li a { position: relative; top:0; left:0; margin-bottom:10px; display:inline-block; float:none; } #pokaContacto .contenidoContacto li p { padding:0; width:100%; text-align:center; margin:0; } #pokaContacto .contenidoContactoText > p:last-of-type { text-align:center; } } @media (max-width: 500px) { body > header { height:60px; } body { padding-top:60px; } .pokaLogo { top: 15px; left: 50%; max-width: 100%; width:200px; } .mobileMenu { top:-18px; } #homeApasionados .vce-single-image { width:auto !important;; max-width:70% !important;; height:auto !important; } #homeApasionadosResponsive h3 {font-size:24px;} } @media (max-width: 420px) { h1 { font-size:26px; } h1.pokaAuditoria { font-size:30px; } h2 { font-size:20px; } h3 { font-size:16px; } h3.sectionTitle { font-size:28px; } #homeApasionadosResponsive h3 {font-size:20px;} h4 { font-size:14px; } #pokaCapasUX h4 { font-size:20px; } h5 { font-size:12px; } #cookie-law-info-bar { padding:15px !important; } .cli-bar-container.cli-style-v2:before { width:140px; height:110px; left: -50px; bottom: -30px; } .cli-bar-container.cli-style-v2 { padding-left:0 !important; } .cli-bar-btn_container { display:inline-block; } #wt-cli-accept-all-btn { width:calc(100% - 60px); float: right; } .decoracionPokalab { top: -70px; margin-bottom: -80px; } } @media (max-width: 360px) { .mobileMenu {left: -20px;} 2.titleContacto { font-size:22px; } h3.sectionTitle { font-size:24px; } #pokaContacto .contenidoContactoText { padding-left: 20px; padding-right:10px; padding-bottom:20px; padding-top:30px; } #pokaContacto .contenidoContacto li { border:0; padding-bottom:10px; margin-bottom:10px; } } #pokaLabColHome, #pokaAudColHome { cursor:pointer; } body.scrolled > header { box-shadow: 1px 1px 10px rgb(0 0 0 / 20%); }