.elementor-118 .elementor-element.elementor-element-d4e2c7b:not(.elementor-motion-effects-element-type-background), .elementor-118 .elementor-element.elementor-element-d4e2c7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fictionband.es/wp-content/uploads/2023/10/band-header-prueba-scaled.jpg");background-repeat:no-repeat;}.elementor-118 .elementor-element.elementor-element-d4e2c7b > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-118 .elementor-element.elementor-element-d4e2c7b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-118 .elementor-element.elementor-element-c12d4a7 .heading {color:#000000;}.elementor-118 .elementor-element.elementor-element-c12d4a7 .subheading p{color:var( --e-global-color-text );font-family:"RocknRoll One", Sans-serif;font-size:18px;font-weight:600;}.elementor-118 .elementor-element.elementor-element-c12d4a7 .btn-draw.btn--white:before, .btn-draw.btn--white:after, .btn-draw.btn--white .btn-draw__text:before, .btn-draw.btn--white .btn-draw__text:after, .btn-draw.btn--white .btn-draw__text>span:before, .btn-draw.btn--white .btn-draw__text>span:after{background:#000000;}.elementor-118 .elementor-element.elementor-element-c12d4a7 .cover-v1 .heading{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-118 .elementor-element.elementor-element-c12d4a7 .hero-desc p, .hero-desc em{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-118 .elementor-element.elementor-element-5f89124{padding:100px 0px 100px 0px;}.elementor-118 .elementor-element.elementor-element-4fcb7c4 > .elementor-widget-container{margin:-47px 0px 0px 0px;}.elementor-118 .elementor-element.elementor-element-863fba8 h3.section-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-118 .elementor-element.elementor-element-863fba8 .btn-draw.btn--white span:hover{color:var( --e-global-color-text );}.elementor-118 .elementor-element.elementor-element-863fba8 .btn-draw.btn--white:before, .btn-draw.btn--white:after, .btn-draw.btn--white .btn-draw__text:before, .btn-draw.btn--white .btn-draw__text:after, .btn-draw.btn--white .btn-draw__text>span:before, .btn-draw.btn--white .btn-draw__text>span:after{background:var( --e-global-color-accent );}.elementor-118 .elementor-element.elementor-element-863fba8 p{font-family:"RocknRoll One", Sans-serif;font-size:18px;font-weight:600;}.elementor-118 .elementor-element.elementor-element-9b29f1a{padding:100px 0px 100px 0px;}.elementor-118 .elementor-element.elementor-element-7e05ad9 > .elementor-element-populated{margin:-50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-118 .elementor-element.elementor-element-2c02209 h3.section-title{color:var( --e-global-color-primary );}.elementor-118 .elementor-element.elementor-element-2c02209 .portfolio-content p a{color:#FF6464;}.elementor-118 .elementor-element.elementor-element-2c02209  h3.section-title{font-family:"New Rocker", Sans-serif;font-size:41px;font-weight:400;}.elementor-118 .elementor-element.elementor-element-8b5ce20{padding:100px 0px 100px 0px;}.elementor-118 .elementor-element.elementor-element-9624f34 > .elementor-widget-container{margin:-47px 0px 0px 0px;}.elementor-118 .elementor-element.elementor-element-300c225 h3.section-title{color:var( --e-global-color-primary );font-family:"New Rocker", Sans-serif;font-size:41px;font-weight:400;}.elementor-118 .elementor-element.elementor-element-300c225 .project-title h5{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-118 .elementor-element.elementor-element-300c225 .project p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-118 .elementor-element.elementor-element-300c225 .project-categ{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-118 .elementor-element.elementor-element-24aeea3{padding:100px 0px 100px 0px;}.elementor-118 .elementor-element.elementor-element-f9fd013 > .elementor-widget-container{margin:-47px 0px 0px 0px;}.elementor-118 .elementor-element.elementor-element-423256f .elementor-heading-title{font-family:"New Rocker", Sans-serif;font-size:41px;font-weight:400;}.elementor-118 .elementor-element.elementor-element-423256f > .elementor-widget-container{margin:0px 0px 038px 0px;}.elementor-118 .elementor-element.elementor-element-3aea4bb .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.72 * 100% );}.elementor-118 .elementor-element.elementor-element-3aea4bb:after{content:"0.72";}.elementor-118 .elementor-element.elementor-element-3aea4bb .elementor-post__thumbnail__link{width:88%;}.elementor-118 .elementor-element.elementor-element-3aea4bb .elementor-post__meta-data span + span:before{content:"///";}.elementor-118 .elementor-element.elementor-element-3aea4bb{--grid-column-gap:30px;--grid-row-gap:35px;}.elementor-118 .elementor-element.elementor-element-3aea4bb.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-118 .elementor-element.elementor-element-3aea4bb.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-118 .elementor-element.elementor-element-3aea4bb.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-118 .elementor-element.elementor-element-fc07e25{padding:100px 0px 100px 0px;}.elementor-118 .elementor-element.elementor-element-d1833cc .elementor-heading-title{font-family:"New Rocker", Sans-serif;font-size:41px;font-weight:400;}.elementor-118 .elementor-element.elementor-element-d1833cc > .elementor-widget-container{margin:0px 0px 038px 0px;}.elementor-118 .elementor-element.elementor-element-1981a4d{--image-border-color:var( --e-global-color-accent );--image-border-width:0px;--image-border-radius:0px;--image-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:1171ms;--content-transition-delay:1171ms;}.elementor-118 .elementor-element.elementor-element-c8ae4d5 > .elementor-widget-container{margin:100px 0px 100px 0px;}@media(max-width:1024px){.elementor-118 .elementor-element.elementor-element-d4e2c7b:not(.elementor-motion-effects-element-type-background), .elementor-118 .elementor-element.elementor-element-d4e2c7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}}@media(max-width:767px){.elementor-118 .elementor-element.elementor-element-3aea4bb .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-118 .elementor-element.elementor-element-3aea4bb:after{content:"0.5";}.elementor-118 .elementor-element.elementor-element-3aea4bb .elementor-post__thumbnail__link{width:100%;}}@media(min-width:1025px){.elementor-118 .elementor-element.elementor-element-d4e2c7b:not(.elementor-motion-effects-element-type-background), .elementor-118 .elementor-element.elementor-element-d4e2c7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for grav-intro, class: .elementor-element-c12d4a7 */canvas{
    max-width: 80%;
    margin-left: 60px;
}

/*h1.heading {
    font-family: alatsi!important;
    font-size: 100px!important;
}*/

@media (max-width: 790px){

div#quote {
    font-size: 35px;
}

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d4e2c7b *//*
div#hero-effect {
    font-variant: full-width;
    position: fixed;
    width: -webkit-fill-available;
}


canvas.style {
    width: 100%;
    height: 984px;
}*/

.elementor-element-5f89124:after {
    content: '';
    width: 118%;
    height: 500px;
    position: absolute;
    top: -255px;
    left: -100px;
    -webkit-transform: rotate(-11deg);
    -ms-transform: rotate(-11deg);
    transform: rotate(-11deg);
    background-color: #000;
    z-index: -10000;
}

.distortion-desc {
        z-index: 10000;
        /*position: inherit;*/
}


/* Estilos para tablet */
@media screen and (max-width: 768px) {
    .elementor-element-5f89124:after {
        content: '';
        width: 125%;
        height: 500px;
        position: absolute;
        top: -255px;
        left: -100px;
        -webkit-transform: rotate(-11deg);
        -ms-transform: rotate(-11deg);
        transform: rotate(-11deg);
        background-color: #000;
        z-index: -10000;
    }
    #hero-effect{
        width: 40%;
        margin-top:200px;
                display:none!important;
    }
    canvas{
        max-width: 50%;
        max-height: 40%;
    }
}

/* Estilos para móvil */
@media screen and (max-width: 480px) {
    .elementor-element-5f89124:after {
        /*content: '';
        width: 100%;
        height: 300px; 
        position: absolute;
        top: -150px; 
        left: -50px; 
        -webkit-transform: rotate(-11deg);
        -ms-transform: rotate(-11deg);
        transform: rotate(-11deg);
        background-color: #000;
        z-index: -10000;*/
        display:none;
    }
    canvas{
        display:none!important;
    }
}/* End custom CSS */
/* Start custom CSS for grav-about, class: .elementor-element-863fba8 */.elementor-element-863fba8 h3.section-title{
    font-size: 40px;
}

.elementor-element-863fba8 .btn-draw__text span {
    font-size: 16px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5f89124 *//*.elementor-element-5f89124:before {
    content: '';
    width: 118%;
    height: 500px;
    position: absolute;
    top: -255px;
    left: -100px;
    -webkit-transform: rotate(-11deg);
    -ms-transform: rotate(-11deg);
    transform: rotate(-11deg);
    background-color: #000;
    z-index: 9900;
}*//* End custom CSS */
/* Start custom CSS for grav-portfolio, class: .elementor-element-2c02209 */.gsap-reveal .cover {
        background: #a72525;
}
.elementor-118 .elementor-element.elementor-element-2c02209 h3.section-title{
    text-align: left;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9b29f1a */ul.filter-wrapper.clearfix.cursor-item {
    display: none;
}/* End custom CSS */
/* Start custom CSS for grav-services, class: .elementor-element-300c225 */.project-categ{
        margin-left: -113px!important;
}/* End custom CSS */
/* Start custom CSS for gallery, class: .elementor-element-1981a4d */.elementor-slideshow__footer{
    display: none;
}/* End custom CSS */
/* Start custom CSS for grav-clients, class: .elementor-element-c8ae4d5 *//*
.logo-v1 {
  position: relative;
  display: inline-block;
}

.logo-v1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(255, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}

.logo-v1:hover::before {
  background: none;
  background-blend-mode: screen; 
}*//* End custom CSS */