.master{overflow:hidden;position:relative}
body{font-family:"Sofia-Pro"}
body p{font-size:20px}
#layout-header{position:absolute;width:-webkit-fill-available;height:-webkit-fill-available;padding:2rem 2rem 2rem;overflow:hidden}
#layout-header img{z-index:1;position:relative}
#layout-header .logo{width:250px}
@media (max-width:500px){#layout-header .logo{width:175px}}
@media (max-width:768px){#layout-header{padding:2rem 0rem 2rem}}
.overlay-header{position:relative;height:90vh;display:flex;align-items:center;background-image:url("../themes/disstint/assets/video/Coorporatiu Disstint header web.mp4");background-size:cover;background-position:center center}
.overlay-header .header-body{position:relative;top:0;bottom:0;left:0;right:0}
.overlay-header .header-body h1{color:#fff}
.overlay-header::before{content:"";background-color:rgba(0,0,0,0.5);position:absolute;top:0px;right:0px;bottom:0px;left:0px}
.video-home{position:relative}
.video-home::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:0}
#myVideo{width:-webkit-fill-available !important}
.title-home{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
@media (max-width:1200px){.title-home{width:max-content;top:60%}}
.title-home p b{font-size:4.5rem !important}
@media (max-width:1200px){.title-home p b{font-size:x-large !important}}
.overlay-header-disstint{position:relative;height:45vh;padding-top:5rem;background-image:url("../themes/disstint/assets/images/headers/header nosotros.jpg");background-size:cover;background-position:center 0px}
.overlay-header-disstint .header-body{position:absolute;top:0;bottom:0;left:0;right:0}
.overlay-header-disstint .header-body h1{color:#fff}
.overlay-header-disstint::before{content:"";background-color:rgba(0,0,0,0.5);position:absolute;top:0px;right:0px;bottom:0px;left:0px}
.overlay-header-seccion{position:relative;height:45vh;padding-top:5rem;background-image:url("../themes/disstint/assets/images/headers/header nosotros.jpg");background-size:cover}
.overlay-header-seccion .header-body{position:absolute;top:0;bottom:0;left:0;right:0}
.overlay-header-seccion .header-body h1{color:#fff}
.overlay-header-que-hacemos{position:relative;height:45vh;background-image:url("../themes/disstint/assets/images/headers/qué hacemos.jpg");background-size:cover;mix-blend-mode:multiply}
.overlay-header-que-hacemos .header-body{position:absolute;top:0;bottom:0;left:0;right:0}
.overlay-header-que-hacemos .header-body h1{color:#fff}
.overlay-header-que-hacemos::before{content:"";background-color:rgba(0,0,0,0.5);position:absolute;top:0px;right:0px;bottom:0px;left:0px}
.overlay-header-que-hacemos-apps,
.overlay-header-que-hacemos-redes-sociales,
.overlay-header-que-hacemos-software,
.overlay-header-que-hacemos-seo,
.overlay-header-que-hacemos-ventas{position:relative;height:45vh;background-size:cover;mix-blend-mode:multiply;background-position:center center}
.overlay-header-que-hacemos-apps .header-body,
.overlay-header-que-hacemos-redes-sociales .header-body,
.overlay-header-que-hacemos-software .header-body,
.overlay-header-que-hacemos-seo .header-body,
.overlay-header-que-hacemos-ventas .header-body{position:absolute;top:0;bottom:0;left:0;right:0}
.overlay-header-que-hacemos-apps .header-body h1,
.overlay-header-que-hacemos-redes-sociales .header-body h1,
.overlay-header-que-hacemos-software .header-body h1,
.overlay-header-que-hacemos-seo .header-body h1,
.overlay-header-que-hacemos-ventas .header-body h1{color:#fff}
.overlay-header-que-hacemos-apps::before,
.overlay-header-que-hacemos-redes-sociales::before,
.overlay-header-que-hacemos-software::before,
.overlay-header-que-hacemos-seo::before,
.overlay-header-que-hacemos-ventas::before{content:"";background-color:rgba(0,0,0,0.5);position:absolute;top:0px;right:0px;bottom:0px;left:0px}
.overlay-header-que-hacemos-apps{background-image:url("../themes/disstint/assets/images/headers/que-hacemos/apps.jpg")}
.overlay-header-que-hacemos-software{background-image:url("../themes/disstint/assets/images/headers/que-hacemos/software.jpg")}
.overlay-header-que-hacemos-ventas{background-image:url("../themes/disstint/assets/images/headers/que-hacemos/ventas.jpg")}
.overlay-header-que-hacemos-seo{background-image:url("../themes/disstint/assets/images/headers/como-lo-hacemos/SEO.jpg")}
.overlay-header-que-hacemos-redes-sociales{background-image:url("../themes/disstint/assets/images/headers/que-hacemos/redes sociales.jpg")}
.overlay-header-como-lo-hacemos{position:relative;height:45vh;background-image:url("../themes/disstint/assets/images/headers/cómo lo hacemos.jpg");background-size:cover;mix-blend-mode:multiply;background-position:center center}
.overlay-header-como-lo-hacemos .header-body{position:absolute;top:0;bottom:0;left:0;right:0}
.overlay-header-como-lo-hacemos .header-body h1{color:#fff}
.overlay-header-como-lo-hacemos::before{content:"";background-color:rgba(0,0,0,0.5);position:absolute;top:0px;right:0px;bottom:0px;left:0px}
#como-lo-hacemos{overflow:hidden}
.overlay-header-como-lo-hacemos-app,
.overlay-header-como-lo-hacemos-software,
.overlay-header-como-lo-hacemos-social-media,
.overlay-header-como-lo-hacemos-seo,
.overlay-header-como-lo-hacemos-sem,
.overlay-header-como-lo-hacemos-smm,
.overlay-header-como-lo-hacemos-newsletter,
.overlay-header-como-lo-hacemos-fotografia-video,
.overlay-header-como-lo-hacemos-videomarketing{position:relative;height:45vh;background-size:cover;mix-blend-mode:multiply;background-position:center center}
.overlay-header-como-lo-hacemos-app .header-body,
.overlay-header-como-lo-hacemos-software .header-body,
.overlay-header-como-lo-hacemos-social-media .header-body,
.overlay-header-como-lo-hacemos-seo .header-body,
.overlay-header-como-lo-hacemos-sem .header-body,
.overlay-header-como-lo-hacemos-smm .header-body,
.overlay-header-como-lo-hacemos-newsletter .header-body,
.overlay-header-como-lo-hacemos-fotografia-video .header-body,
.overlay-header-como-lo-hacemos-videomarketing .header-body{position:absolute;top:0;bottom:0;left:0;right:0}
.overlay-header-como-lo-hacemos-app .header-body h1,
.overlay-header-como-lo-hacemos-software .header-body h1,
.overlay-header-como-lo-hacemos-social-media .header-body h1,
.overlay-header-como-lo-hacemos-seo .header-body h1,
.overlay-header-como-lo-hacemos-sem .header-body h1,
.overlay-header-como-lo-hacemos-smm .header-body h1,
.overlay-header-como-lo-hacemos-newsletter .header-body h1,
.overlay-header-como-lo-hacemos-fotografia-video .header-body h1,
.overlay-header-como-lo-hacemos-videomarketing .header-body h1{color:#fff}
.overlay-header-como-lo-hacemos-app::before,
.overlay-header-como-lo-hacemos-software::before,
.overlay-header-como-lo-hacemos-social-media::before,
.overlay-header-como-lo-hacemos-seo::before,
.overlay-header-como-lo-hacemos-sem::before,
.overlay-header-como-lo-hacemos-smm::before,
.overlay-header-como-lo-hacemos-newsletter::before,
.overlay-header-como-lo-hacemos-fotografia-video::before,
.overlay-header-como-lo-hacemos-videomarketing::before{content:"";background-color:rgba(0,0,0,0.5);position:absolute;top:0px;right:0px;bottom:0px;left:0px}
.overlay-header-como-lo-hacemos-app{background-image:url("../themes/disstint/assets/images/headers/como-lo-hacemos/Diseño y desarrollo de app.jpg")}
.overlay-header-como-lo-hacemos-software{background-image:url("../themes/disstint/assets/images/headers/como-lo-hacemos/Diseño de software a medida.jpg")}
.overlay-header-como-lo-hacemos-social-media{background-image:url("../themes/disstint/assets/images/headers/como-lo-hacemos/Social media y comunicación online.jpg")}
.overlay-header-como-lo-hacemos-seo{background-image:url("../themes/disstint/assets/images/headers/como-lo-hacemos/SEO.jpg")}
.overlay-header-como-lo-hacemos-sem{background-image:url("../themes/disstint/assets/images/headers/como-lo-hacemos/SEM.jpg")}
.overlay-header-como-lo-hacemos-smm{background-image:url("../themes/disstint/assets/images/headers/como-lo-hacemos/SMM.jpg")}
.overlay-header-como-lo-hacemos-newsletter{background-image:url("../themes/disstint/assets/images/headers/como-lo-hacemos/Newsletter.jpg")}
.overlay-header-como-lo-hacemos-fotografia-video{background-image:url("../themes/disstint/assets/images/headers/como-lo-hacemos/Fotografía y video marketing.jpg")}
.overlay-header-como-lo-hacemos-videomarketing{background-image:url("../themes/disstint/assets/images/headers/como-lo-hacemos/video.png")}
.overlay-header-hablamos{position:relative;height:45vh;background-image:url("../themes/disstint/assets/images/headers/contacto.jpg");background-size:cover;mix-blend-mode:multiply;background-position:center center}
.overlay-header-hablamos .header-body{position:absolute;top:0;bottom:0;left:0;right:0}
.overlay-header-hablamos .header-body h1{color:#fff}
.overlay-header-hablamos::before{content:"";background-color:rgba(0,0,0,0.5);position:absolute;top:0px;right:0px;bottom:0px;left:0px}
.overlay-header-blog{position:relative;height:45vh;background-image:url("../themes/disstint/assets/images/headers/Blog.jpg");background-size:cover;mix-blend-mode:multiply;background-position:center 65%}
.overlay-header-blog .header-body{position:absolute;top:0;bottom:0;left:0;right:0}
.overlay-header-blog .header-body h1{color:#fff}
.overlay-header-blog::before{content:"";background-color:rgba(0,0,0,0.5);position:absolute;top:0px;right:0px;bottom:0px;left:0px}
.overlay-header-proyectos{position:relative;height:45vh;background-image:url("../themes/disstint/assets/images/headers/proyectos.jpg");background-size:cover;mix-blend-mode:multiply;background-position:center center}
.overlay-header-proyectos .header-body{position:absolute;top:0;bottom:0;left:0;right:0}
.overlay-header-proyectos .header-body h1{color:#fff}
.overlay-header-proyectos::before{content:"";background-color:rgba(0,0,0,0.5);position:absolute;top:0px;right:0px;bottom:0px;left:0px}
.bg-taronja{background-color:#f2b709}
.bg-gris{background-color:#f0f0f0}
.bg-oscur{background-color:#3c3c3b}
.text-taronja{color:#f2b709}
.text-oscur{color:#3c3c3b}
.text-gris{color:#2e2e2e}
h1,
h2,
p{color:#2e2e2e}
.slash-titulo{color:#f2b709 !important}
.master{background-image:url("../themes/disstint/assets/images/recursos/back-flexa.svg");background-size:contain;background-position:top 10% center;background-repeat:no-repeat}
*:hover{transition:all 1s}
.barra{position:relative;width:5rem;overflow:hidden;height:80px;min-width:95px}
.slash{height:0;width:10px;position:relative;right:-55px;top:-10px;margin-top:0;background:#f2b709;transform:rotate(30deg) translateX(50%);transform-origin:top right;animation:drawSlash 1s linear forwards}
@keyframes drawSlash{from{height:0px}to{height:130px}}
footer{background-color:#3c3c3b}
.btn-footer{border:solid 0.5px #f2b709;border-radius:0 30px 30px 30px;background-color:#f2b709}
.btn-footer a{color:#3c3c3b}
.btn-footer:hover{background-color:transparent}
.btn-footer:hover a{color:#f2b709}
.nav-footer{color:white}
.nav-footer ul{list-style:none;display:flex;padding:0px;align-items:center}
@media only screen and (max-width:768px){.nav-footer ul{flex-direction:column}}
.nav-footer ul li{display:flex}
.nav-footer ul a{text-decoration:none;padding:10px;text-align:center}
.social-logo{width:45px}
a{color:white;text-decoration:none}
a:hover{color:#f2b709}
.whatsapp-btn{position:fixed;bottom:30px;right:30px;width:50px;height:50px}
body{font-family:"sofia-pro",sans-serif;font-weight:400;font-style:normal}
.Sofia-Pro-Regular-italic{font-family:"sofia-pro",sans-serif;font-weight:400;font-style:italic}
.Sofia-Pro-Bold{font-family:"sofia-pro",sans-serif;font-weight:700;font-style:normal}
.Sofia-Pro-Bold-italic{font-family:"sofia-pro",sans-serif;font-weight:700;font-style:italic}
.Sofia-Pro-Soft-Regular{font-family:"sofia-pro-soft",sans-serif;font-weight:400;font-style:normal}
.Sofia-Pro-Soft-Regular-Italic{font-family:"sofia-pro-soft",sans-serif;font-weight:400;font-style:italic}
.Sofia-Pro-Soft-Bold{font-family:"sofia-pro-soft",sans-serif;font-weight:700;font-style:normal}
.Sofia-Pro-Soft-Bold-Italic{font-family:"sofia-pro-soft",sans-serif;font-weight:700;font-style:italic}
.Sofia-Pro-Condensed-Regular{font-family:"sofia-pro-condensed",sans-serif;font-weight:400;font-style:normal}
.Sofia-Pro-Condensed-Regular-italic{font-family:"sofia-pro-condensed",sans-serif;font-weight:400;font-style:italic}
.Sofia-Pro-Condensed-Bold{font-family:"sofia-pro-condensed",sans-serif;font-weight:700;font-style:normal}
.Sofia-Pro-Black{font-family:"sofia-pro",sans-serif;font-weight:900;font-style:normal}
.Sofia-Pro-Medium{font-family:"sofia-pro",sans-serif;font-weight:500;font-style:normal}
.Sofia-Pro-Light{font-family:"sofia-pro",sans-serif;font-weight:300;font-style:normal}
.Sofia-Pro-Condensed-Bold-italic{font-family:"sofia-pro-condensed",sans-serif;font-weight:700;font-style:italic}
#gdpr-cookie-message{position:fixed;right:85px;bottom:30px;max-width:375px;background-color:#fff;padding:20px;border-radius:none;box-shadow:0 6px 6px rgba(0,0,0,0.25);margin-left:30px;z-index:99}
#gdpr-cookie-message h4{color:#000;font-size:18px;font-weight:500;margin-bottom:10px}
#gdpr-cookie-message h5{color:#666;font-size:15px;font-weight:500;margin-bottom:10px}
#gdpr-cookie-message p{color:#000;font-size:15px;line-height:1.5em}
#gdpr-cookie-message p:last-child{margin-top:35px;margin-bottom:20px;text-align:right}
#gdpr-cookie-message ul{color:#000;font-size:15px;line-height:1.5em;margin-top:25px;padding:0}
#gdpr-cookie-message ul li{margin:10px;display:inline-block}
#gdpr-cookie-message a{color:#181818;text-decoration:none;font-size:15px;padding-bottom:2px;border-bottom:1px dotted rgba(255,255,255,0.75);transition:all 0.3s ease-in}
#gdpr-cookie-message a:hover{color:#000;border-bottom-color:#666;transition:all 0.3s ease-in}
#gdpr-cookie-message button,
button#ihavecookiesBtn{border:none;background:#f2b709;color:#fff;text-transform:uppercase;font-size:15px;padding:7px;border-radius:none;border:1px solid #fff;cursor:pointer;transition:all 0.3s ease-in}
#gdpr-cookie-message button:hover{background:rgba(242,183,9,0.8);color:#fff;border:1px solid rgba(242,183,9,0.8);transition:all 0.3s ease-in}
button#gdpr-cookie-advanced{background-color:#fff;color:#000}
#gdpr-cookie-message button:disabled{opacity:0.3}
#gdpr-cookie-message input[type="checkbox"]{float:none;margin-top:0;margin-right:5px}
.proyecto{}
.proyecto .fondo{position:relative}
.proyecto .fondo::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(242,183,9,0.85)}
.proyecto .fondo .texto{z-index:1;position:relative}
.proyecto .fondo-brand-img{position:relative}
.proyecto .fondo-brand-img::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.54)}
.proyecto .fondo-brand-img .logo{z-index:1;position:relative}
.proyecto #galeria{margin:1rem auto;width:100%;column-count:2;-webkit-column-span:all;column-span:all;break-inside:avoid;page-break-inside:avoid}
@media (max-width:767px){.proyecto #galeria{columns:2}}
@media (max-width:480px){.proyecto #galeria{columns:1}}
.proyecto .mosaic{display:flex;flex-wrap:wrap}
.slash-titulo{color:#f2b709}
.casilla-queHacemos{margin:0.5rem;position:relative;padding:1rem;color:white}
.casilla-queHacemos a{display:flex;align-items:end;padding:2rem 2rem 1rem 2rem;background-color:#f2b709;border-radius:0 30px 30px 30px;min-height:300px}
.casilla-queHacemos a h3{color:white}
.casilla-queHacemos a:hover{background-color:#3c3c3b;color:white;transition:all 1s}
.casilla-queHacemos a:hover h3{color:#f2b709;color:white}
.casilla-queHacemos img{position:absolute;right:40px;top:50px}
h3,
h2{display:contents}
.banner-separador{background-color:#3c3c3b;color:white}
.anillos{margin-top:-55px;margin-bottom:-55px;width:200px}
@media only screen and (max-width:768px){.anillos{width:150px}}
@media only screen and (max-width:576px){.anillos{width:100px}}
.blog{}
.blog a{color:black;text-decoration:none}
.blog a:hover{color:#f2b709}
.blog a.text-taronja{color:#f2b709}
.blog ul{list-style:none}
.blog .slash-blog{color:#f2b709}
.blog .first-img{position:absolute;z-index:-1}
.blog .btn-entradas{border:none;border-radius:0 30px 30px 30px;background-color:#f2b709;border:solid 0.5px #f2b709}
.blog .btn-entradas a{color:#3c3c3b}
.blog .btn-entradas:hover{background-color:#3c3c3b}
.blog .btn-entradas:hover a{color:#f2b709}
.blog .background-overlay{position:relative;background-size:cover;background-position:center center}
.blog .background-overlay::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.5);pointer-events:none}
.blog .background-overlay .text-white{position:relative;z-index:1;color:#fff}
.casilla-comoLoHacemos{position:relative;background-color:#f0f0f0;background-image:url("../themes/disstint/assets/images/recursos/fletxa-taronja.svg");background-repeat:no-repeat;background-position:right 3% bottom 50%;background-size:15px;border-radius:0 30px 30px 30px}
.casilla-comoLoHacemos:hover{background-image:url("../themes/disstint/assets/images/recursos/fletxa-blanca.svg");cursor:pointer;background-color:#f2b709}
.casilla-comoLoHacemos:hover .slash-comoLoHacemos,
.casilla-comoLoHacemos:hover h3{color:white;transition:all 1s}
.slash-titulo,
.slash-comoLoHacemos{color:#f2b709}
.banner-negre{background-color:#3c3c3b;color:white}
.banner-taronja{background-image:url("../themes/disstint/assets/images/banners/banner gestionamos.jpg");background-position:center center;color:white;position:relative}
.banner-taronja::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(242,183,9,0.65)}
.texto-borde-blanc{-webkit-text-stroke:1px white;color:transparent}
.texto-borde-taronja{-webkit-text-stroke:1px #f2b709;color:transparent}
.formulario-flotante{position:fixed;z-index:5;right:26px;bottom:20px;width:350px}
.formulario-flotante .fila01{border-radius:0 30px 30px 30px;box-shadow:0px 0px 5px oldlace}
.formulario-flotante .abierto{border-radius:0 30px 0 0}
.formulario-flotante .fila02{border-radius:0 0 30px 30px}
.formulario-flotante button:hover{color:white}
.formulario-flotante .btn-form-collapse{cursor:pointer}
.formulario-flotante a{color:black}
.formulario-flotante a:hover{color:#f2b709}
@media only screen and (max-width:768px){.formulario-flotante{left:0;right:0;bottom:0;width:100%}.formulario-flotante .fila01{height:45px}.formulario-flotante .fila01,.formulario-flotante .fila02{border-radius:0}.formulario-flotante span,.formulario-flotante input{font-size:15px}}