.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}
.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}}
.proyectos-parcial{}
.proyectos-parcial .fondo{position:relative}
.proyectos-parcial .fondo::before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";background-color:rgba(0,0,0,0.6)}
@media only screen and (min-width:768px){.proyectos-parcial .fondo:hover{z-index:1}.proyectos-parcial .fondo:hover .capa{display:flex;z-index:2;top:0;opacity:0.9;animation:move-right 1.5s}.proyectos-parcial .fondo:hover .capa a{animation:animate-text 0.1s;animation-fill-mode:forwards}}
@media only screen and (min-width:768px) and only screen and (min-width:501px){.proyectos-parcial .fondo:hover .capa{padding:0px !important}}
.proyectos-parcial .capa{position:absolute;display:none;z-index:-1;width:100%;height:100%;background-color:#f2b709}
.proyectos-parcial .capa a{color:transparent}
@keyframes move-right{from{width:0%}to{width:100%}}
@keyframes animate-text{from{color:transparent;width:0%}to{color:#000;width:100%}}
.proyectos-parcial .logo{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:30%}
.proyectos-parcial .btn-proyectos{border:none;border-radius:0 30px 30px 30px;background-color:#f2b709;border:solid 0.5px #f2b709}
.proyectos-parcial .btn-proyectos a{color:#3c3c3b}
.proyectos-parcial .btn-proyectos:hover{background-color:transparent}
.proyectos-parcial .btn-proyectos:hover a{color:#f2b709}
.proyectos-parcial #circle{position:relative;top:2px;background:white;border-radius:50%;width:20px;height:20px;min-width:20px}
.proyectos-parcial .div-with-line{position:relative;width:100%}
.proyectos-parcial .div-with-line:before{content:"";position:absolute;width:100%;height:3px;left:0;top:50%;background-color:white;visibility:visible}
@media only screen and (min-width:401px){.proyectos-parcial .shop .sy-box .sy-slides-wrap{width:30%;margin-left:auto;margin-right:auto}}
@media only screen and (max-width:768px){.proyectos-parcial .shop .sy-box .sy-slides-wrap{width:70%;margin-left:auto;margin-right:auto}}
.proyectos-parcial .shop .sy-box .sy-slides-crop{overflow:visible}
@media only screen and (max-width:500px){.proyectos-parcial .shop .sy-box .sy-controls li{min-width:2.4em}.proyectos-parcial .shop .sy-box .sy-controls li a:after{display:none}}
.proyectos-parcial .sy-controls{display:inline;width:100%}
.proyectos-parcial .shop .sy-box .sy-controls li.sy-prev{left:-115%;background-image:url("../themes/disstint/assets/images/recursos/paginLeft.svg");background-repeat:no-repeat;background-size:50px;background-position:center left 20%}
@media (max-width:768px){.proyectos-parcial .shop .sy-box .sy-controls li.sy-prev{left:-21%}}
.proyectos-parcial .shop .sy-box .sy-controls li.sy-next{right:-115%;background-image:url("../themes/disstint/assets/images/recursos/paginRight.svg");background-repeat:no-repeat;background-size:50px;background-position:center right 20%}
@media (max-width:768px){.proyectos-parcial .shop .sy-box .sy-controls li.sy-next{right:-21%}}
.proyectos-parcial .shop .sy-box .sy-controls li{width:90%}
@media (max-width:768px){.proyectos-parcial .shop .sy-box .sy-controls li{width:auto}}
@media only screen and (min-width:501px){.proyectos-parcial .shop .sy-box .sy-controls li a:after{background:none}}
.proyectos-parcial .shop .sy-box .sy-slide{-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}
.proyectos-parcial .shop .sy-box .sy-slide .product-info{position:absolute;top:0;left:0;height:100%;width:100%;padding:0;display:flex}
@media only screen and (max-width:500px){.proyectos-parcial .shop .sy-box .sy-slide .product-info{padding:1em 0.4em}}
.proyectos-parcial .shop .sy-box .sy-slide .product-info p{margin-bottom:1em}
.proyectos-parcial .shop .sy-box .sy-slide .product-info p,
.proyectos-parcial .shop .sy-box .sy-slide .product-info .button-link{opacity:0}
.proyectos-parcial .shop .sy-box .sy-slide .product-info .button-link{position:absolute;bottom:1em}
.proyectos-parcial .shop .sy-box .sy-slide .product-info .buy-now{right:1em}
@media only screen and (max-width:500px){.proyectos-parcial .shop .sy-box .sy-slide .product-info .buy-now{right:2.4em}}
.proyectos-parcial .shop .sy-box .sy-slide .product-info .more-info{left:1em}
@media only screen and (max-width:500px){.proyectos-parcial .shop .sy-box .sy-slide .product-info .more-info{left:2.4em}}
.proyectos-parcial .shop .sy-box .sy-slide .image-content{line-height:0}
.proyectos-parcial .shop .sy-box .sy-slide .image-content .product-image{max-width:100%}
.proyectos-parcial .shop .sy-box .sy-slide.sy-active{opacity:1;transform:scale(1.5)}
.proyectos-parcial .shop .sy-box .sy-slide.sy-active .buy-now{opacity:1}
.proyectos-parcial .shop .sy-box .sy-slide.sy-active:hover .product-image{opacity:0.2}
.proyectos-parcial .shop .sy-box .sy-slide.sy-active:hover .product-info p,
.proyectos-parcial .shop .sy-box .sy-slide.sy-active:hover .product-info .button-link{opacity:1}
.proyectos-parcial .shop .sy-box .sy-slide .product-info p,
.proyectos-parcial .shop .sy-box .sy-slide .product-info .button-link,
.proyectos-parcial .shop .sy-box .sy-slide .product-image,
.proyectos-parcial .shop .sy-box .sy-slide.sy-active,
.proyectos-parcial .shop .sy-box .sy-slide.sy-active .buy-now,
.proyectos-parcial .shop .sy-box .sy-slide.sy-active:hover .product-image,
.proyectos-parcial .shop .sy-box .sy-slide.sy-active:hover .product-info p,
.proyectos-parcial .shop .sy-box .sy-slide.sy-active:hover .product-info .button-link,
.proyectos-parcial .shop .sy-box .sy-slide.sy-active.transition{-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}
.proyectos-parcial .shop-slider{height:500px}
@media (max-width:991.98px){.proyectos-parcial .shop-slider{height:250px}}
.proyectos-parcial .product-name,
.proyectos-parcial .shop-slider .slide_box{width:30%;margin-left:auto;margin-right:auto}
@media only screen and (min-width:401px){.proyectos-parcial .product-name,.proyectos-parcial .shop-slider .slide_box{min-width:400px;max-width:590px;width:30%}}
.proyectos-parcial .shop{overflow:hidden}
.proyectos-parcial .sy-list{position:relative;display:flex;align-items:center}
.proyectos-parcial .sy-controls li{z-index:4}
.pagination{position:absolute;top:40%}
.pagination a{z-index:2;color:black}
.pagination a img{width:50px}
.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}