/*
 Theme Name:     La Fuente 42 Estudio
 Theme URI:      https://www.hadoq.com
 Description:    Tema para LAFUENTE42 estudio de grabación
 Author:         Hadoqmedia
 Author URI:     https://www.hadoq.com
 Template:       hello-elementor
 Version:        1.0.0
*/
/*RULES*/
:root {
    --principal: #19B8CF;
    --secundario: #EEE8A9;
    --texto: #040D1C;
    --enfasis: #E6F4F1;
    --blanco: #FFFFFF;
    --azul-secundario: #005B88;
    --body-font: "Roboto Condensed", sans-serif;
}

/*GENERAL*/

/*HOME*/
.marquee marquee {
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: 300;
    font-size: 200px;
    text-transform: uppercase;
    letter-spacing: -16px;
    color: #040D1C;
}

.marquee marquee span {
    background-color: var(--blanco) !important;
    font-weight: 400;
    font-size: 70px;
    line-height: 80px;
    border-radius: 50px;
    padding: 10px 50px;
    letter-spacing: -7px;
    margin: 0px 32px;
    position: relative;
    top: -40px;
}

.marquee marquee em {
    font-weight: 700;
    font-style: normal;
}

.marquee:hover .fondo {
    background-color: rgba(255, 255, 255, 0) !important;
}

.marquee:hover marquee {
    color: var(--blanco) !important;
}

.marquee:hover marquee span {
    color: var(--texto) !important;
}

.marquee marquee span {
    transform: translateY(-45px);
}

@media screen and (max-width: 992px) {
    .marquee marquee {
        font-weight: 300;
        font-size: 80px;
        line-height: 80px;
        letter-spacing: -6px;
    }

    .marquee marquee span {
        font-size: 25px;
        line-height: 25px;
        letter-spacing: -1px;
        margin: 0px 24px;
        top: -15px;
    }

    .marquee .fondo.azul {
        background: rgb(25, 184, 207) !important;
        background: linear-gradient(180deg, rgba(25, 184, 207, 1) 0%, rgba(255, 255, 255, 0) 40%) !important;
    }

    .marquee .fondo.amarillo {
        background: rgb(238, 232, 169) !important;
        background: linear-gradient(180deg, rgba(238, 232, 169, 1) 0%, rgba(255, 255, 255, 0) 40%) !important;
    }
}

/*HOME SLIDER*/
@keyframes vaiven {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(30px);
    }

    100% {
        transform: translateX(0);
    }
}

.home-slider .slick-slide {
    height: 100vh;
    --align-self: center;
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}

.arrow-slider {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 15%;
    transform: translateY(-50%);
    animation: vaiven 2s ease-in-out infinite;
}

.home-slider .uno .content,
.home-slider .tres .content {
    max-width: 1200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}

.home-slider .uno a .content h2,
.home-slider .dos a .content h2 {
    color: black;
}

.home-slider .uno .content .subtitulo {
    font-weight: 400;
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase;
}

.home-slider .uno .content .titulo {
    font-weight: 700;
    font-size: 190px;
    line-height: 180px;
    letter-spacing: -10px;
    text-transform: uppercase;
    text-wrap: balance;
}

.home-slider .dos .content {
    display: flex;
    height: 100%;
}

.home-slider .dos .content .izq,
.home-slider .dos .content .drch {
    width: 50%;
}

.home-slider .dos .content .izq {
    background-color: var(--secundario);
    position: relative;
}

.home-slider .dos .content .izq div {
    width: 600px;
    justify-self: end;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}

.home-slider .dos .content .subtitulo {
    font-weight: 400;
    font-size: 30px;
    line-height: 50px;
    text-transform: uppercase;
}

.home-slider .dos .content .titulo {
    font-weight: 700;
    font-size: 120px;
    line-height: 190px;
    letter-spacing: -12px;
    text-transform: uppercase;
}

.home-slider .dos .content .drch {
    background-image: url('/wp-content/themes/lafuente42/assets/full-hd.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-slider .dos .content .entretitulo {
    font-weight: 700;
    font-size: 70px;
}

.home-slider .tres {
    background-image: url('/wp-content/themes/lafuente42/assets/background-slider-home-tres.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-slider .tres .content .titulo {
    font-weight: 700;
    font-size: 190px;
    line-height: 180px;
    letter-spacing: -12px;
    text-transform: uppercase;
    text-align: right;
    color: var(--blanco);
}

.home-slider .tres .content .subtitulo {
    width: 45%;
    font-weight: 400;
    font-size: 30px;
    line-height: 50px;
    text-transform: uppercase;
    color: var(--blanco);
    text-wrap: balance;
    margin-top: -100px;
}

.home-slider .tres .content .entretitulo {
    font-weight: 700;
    font-size: 100px;
    line-height: 80px;
    color: var(--blanco);
    text-wrap: balance;
}

.home-slider .cuatro .content {
    background-color: var(--principal);
    height: 100%;
}

.home-slider .cuatro .content .up {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    color: var(--blanco);
    height: 55%;
}

.home-slider .cuatro a .content .up h2 {
    color: var(--blanco);
}

.home-slider .cuatro .content .up .titulo {
    font-weight: 700;
    font-size: 100px;
    line-height: 100px;
    letter-spacing: -5px;
    text-transform: initial;
}

.home-slider .cuatro .content .up .subtitulo {
    font-weight: 400;
    font-size: 30px;
    line-height: 50px;
    text-transform: uppercase;
    width: 60%;
}

.home-slider .cuatro .content .down {
    height: 100%;
    background-color: var(--blanco);
}

.home-sub-slider .slick-slide img {
    aspect-ratio: 1 / 1;
    padding: 16px 8px;
}

@media screen and (max-width: 768px) {

    .home-slider .uno .content,
    .home-slider .tres .content {
        padding: 16px;
    }

    .arrow-slider {
        top: 75%;
        right: 0%;
    }

    .arrow-slider img {
        width: 65%;
    }

    .home-slider .uno .content .subtitulo,
    .home-slider .dos .content .subtitulo,
    .home-slider .tres .content .subtitulo,
    .home-slider .cuatro .content .up .subtitulo {
        font-size: 16px;
        line-height: 20px;
    }

    .home-slider .uno .content .titulo,
    .home-slider .dos .content .titulo,
    .home-slider .cuatro .content .up .titulo {
        font-size: 72px;
        line-height: 80px;
        letter-spacing: -4px;
    }

    .home-slider .dos .content {
        display: block;
    }

    .home-slider .dos .content .izq {
        width: 100%;
        height: 100%;
    }

    .home-slider .dos .content .izq div {
        max-width: 100%;
        justify-self: unset;
        padding: 16px;
    }

    .home-slider .dos .content .drch {
        display: none;
    }

    .home-slider .dos .content .entretitulo,
    .home-slider .tres .content .entretitulo {
        font-size: 24px;
        line-height: 32px;
    }

    .home-slider .tres .content .titulo {
        font-size: 60px;
        line-height: 60px;
        letter-spacing: -4px;
        text-align: left;
        margin-bottom: 64px;
    }

    .home-slider .tres .content .subtitulo {
        width: 100%;
        margin-top: 0px;
    }

    .home-slider .cuatro .content .up {
        height: 50%;
        padding: 16px;
    }
}
/*SLIDERS GENERAL*/
.slide *,
.triggers-alquiler *,
.triggers-servicios *,
.trigger-category {
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}
/*SERVICIOS AUDIOVISUALES*/
/*ALQUILER DE PLATÓ*/
.marquee.paginas marquee {
    font-weight: 700;
    color: var(--blanco) !important;
}

.trigger-slider,
.trigger-category {
    font-size: 48px;
    font-weight: 400;
    line-height: 48px;
    cursor: pointer;
    padding: 8px 24px;
    margin-right: 8px;
    margin-bottom: 16px;
    transition: all .3s ease;
    border-radius: 50px;
    border: 2px solid var(--blanco);
    color: var(--blanco);
    display: inline-block;
    text-transform: uppercase;
}

.trigger-slider:hover,
.trigger-category:hover {
    background-color: var(--blanco);
    color: var(--texto);
}

.film-wrapper {
    background-color: white;
    margin: 40px 0px;
    padding: 16px 0px;
}

.film-container {
    position: relative;
}

.film-container::before,
.film-container::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 16px;
    background: radial-gradient(circle, black 40%, transparent 50%);
    background-size: 40px 16px;
    left: 0;
    z-index: 2;
}

.film-container::before {
    top: 0;
}

.film-container::after {
    bottom: 0;
}

.servicios-slider,
.alquiler-slider {
    padding: 32px 0px;
}

.servicios-slider .slide>div,
.alquiler-slider .slide>div {
    display: flex;
    padding: 0px 8px;
}

.servicios-slider .slide .izq,
.alquiler-slider .slide .izq {
    width: 50%;
    padding: 32px;
}

.servicios-slider .slide .drch,
.alquiler-slider .slide .drch {
    width: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.servicios-slider .slide .izq .title,
.alquiler-slider .slide .izq .title {
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 16px;
}

.servicios-slider .slide .izq p,
.alquiler-slider .slide .izq p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.servicios-slider .slide:nth-child(even) .izq,
.alquiler-slider .slide:nth-child(even) .izq {
    background-color: var(--texto);
    color: var(--blanco);
}

.servicios-slider .slide:nth-child(odd) .izq,
.alquiler-slider .slide:nth-child(odd) .izq {
    background-color: var(--secundario);
    color: var(--texto);
}

@media screen and (max-width: 768px) {
    .marquee.paginas marquee {
        font-size: 80px;
        line-height: 80px;
        letter-spacing: -6px;
    }

    .trigger-slider,
    .trigger-category {
        font-size: 24px;
        font-weight: 400;
        line-height: 28px;
        cursor: pointer;
        padding: 4px 16px;
        margin-right: 8px;
        margin-bottom: 16px;
    }

    .film-wrapper {
        margin: 24px 0px;
    }

    .servicios-slider .slide>div,
    .alquiler-slider .slide>div {
        display: block;
    }

    .servicios-slider .slide .izq,
    .alquiler-slider .slide .izq {
        width: 100%;
        height: calc(100% - 300px);
        padding: 16px;
    }

    .servicios-slider .slide .drch,
    .alquiler-slider .slide .drch {
        width: 100%;
        height: 300px;
    }

    .servicios-slider .slide .izq p,
    .alquiler-slider .slide .izq p {
        font-size: 14px;
    }
}

/*CABECERA SERVICIOS*/
@media (min-width: 500px) {
    .first-wrapper {
        display: block;
        font-size: 256px;
        color: transparent;
    }

    .second-wrapper {
        font-size: 256px;
    }

    .first-wrapper::before, .first-wrapper::after,
    .second-wrapper::before, .second-wrapper::after {
        position: relative;
        display: block;
        top: 50%;
        width: 2em;
        height: 2em;
        content: ".";
        mix-blend-mode: screen;
        animation: 44s -27s move infinite ease-in-out alternate;
        pointer-events: none;
    }

    .second-wrapper::before {
        text-shadow: 1.5865054511em 0.2303628917em 7px var(--enfasis), 1.3176898089em 1.4564486794em 7px var(--enfasis), 1.2267870959em 0.4435984118em 7px var(--enfasis), 1.0980727535em 1.5508786922em 7px var(--enfasis), 0.9957068018em 0.5400185102em 7px var(--enfasis), 2.2550877799em 1.2467772309em 7px var(--enfasis), 1.9782494345em 2.0925855422em 7px var(--enfasis), 2.0562370406em 0.3438241395em 7px var(--enfasis), 0.3884630864em 2.0861297392em 7px var(--enfasis), 0.5628767504em 0.300370011em 7px var(--enfasis), 0.2919741982em 1.1521787203em 7px var(--enfasis);
        animation-duration: 88s;
        animation-delay: -27s;
    }

    .second-wrapper::after {
        text-shadow: 1.5638708599em 2.4479099585em 7px var(--principal), 1.8754900114em 1.0983865466em 7px var(--principal), 0.0669901781em 0.2207194048em 7px var(--principal), 1.2668185017em 1.4990947272em 7px var(--principal), 2.1838440355em 1.6636167642em 7px var(--principal), 0.2684321798em 1.3843724793em 7px var(--principal), -0.0763208492em 0.0900519062em 7px var(--principal), 1.6298916243em 0.6246627016em 7px var(--principal), 2.4703737822em 1.8019688375em 7px var(--principal), 1.654131612em -0.12714347em 7px var(--principal), -0.464542746em 0.5018791989em 7px var(--principal), 1.1730088713em 2.2979250888em 7px var(--principal), -0.4410727997em 0.0407604359em 7px var(--principal), 1.4494043181em -0.4472818803em 7px var(--principal), 0.2588054727em 0.514984037em 7px var(--principal), 1.4048067473em -0.1100590825em 7px var(--principal), 0.0601910371em 2.2326395171em 7px var(--principal), -0.1347239551em 0.5021582742em 7px var(--principal), 1.9327169134em 1.6774870658em 7px var(--principal), 1.0203443652em 0.3928392366em 7px var(--principal), 2.4482870858em 0.5522616856em 7px var(--principal), 0.9754559543em 1.7177232258em 7px var(--principal), 0.1310872878em 2.4949962377em 7px var(--principal), 1.2561782742em -0.425996987em 7px var(--principal), -0.0990044972em 0.53623336em 7px var(--principal), -0.0419057496em 0.7469153699em 7px var(--principal), 0.9044118747em 0.2962968474em 7px var(--principal), 2.1909086058em 1.5357744859em 7px var(--principal), 0.8452573646em 1.3881680347em 7px var(--principal), 2.3821183976em -0.1768051468em 7px var(--principal), 1.3844203856em 1.5808098468em 7px var(--principal), -0.238433828em 1.1177043363em 7px var(--principal), 1.6319141971em 1.8070512943em 7px var(--principal), 1.2839858211em 0.0841369963em 7px var(--principal), 0.8630617378em 0.8254547854em 7px var(--principal), -0.4809677533em -0.0066790507em 7px var(--principal), 2.3486132071em 1.1305857852em 7px var(--principal), 2.4523802454em 1.6117359767em 7px var(--principal), 0.5071541437em -0.1327623149em 7px var(--principal), 1.2405315164em 1.9465870938em 7px var(--principal), 0.0113089455em -0.2255950253em 7px var(--principal);
        animation-duration: 85s;
        animation-delay: -19s;
    }

    .first-wrapper::before {
        text-shadow: 0.3850074763em -0.0519017375em 7px var(--principal), -0.254625209em -0.3957504503em 7px var(--principal), 1.3393886698em -0.0609732772em 7px var(--principal), 0.5323321395em 2.148411612em 7px var(--principal), 1.7318700658em 0.7516525536em 7px var(--principal), 2.3256764938em 0.0624838008em 7px var(--principal), 1.7746506142em -0.0139805908em 7px var(--principal), 1.4063279468em 0.5749034217em 7px var(--principal), 1.869100523em 0.8820503566em 7px var(--principal), 1.0775109139em 2.0030303545em 7px var(--principal), 2.0753710989em 0.1484530768em 7px var(--principal), 0.3367096203em 0.4211522024em 7px var(--principal), 1.2277608885em 0.0846235474em 7px var(--principal), 0.8767492212em -0.2677624198em 7px var(--principal), 2.4317569535em -0.4632838068em 7px var(--principal), 0.9863867273em 1.724901587em 7px var(--principal), 1.0251291709em 1.5846466619em 7px var(--principal), 1.8456904831em 1.9319044514em 7px var(--principal), -0.1783598258em -0.0211055332em 7px var(--principal), 1.9281705571em 0.3634766391em 7px var(--principal), 0.6530462126em -0.3131583423em 7px var(--principal), 1.6813865337em 0.6603571793em 7px var(--principal), 1.7909981381em -0.2699599138em 7px var(--principal), 1.5106784636em 1.5585682722em 7px var(--principal), 0.3271161057em 1.2493279527em 7px var(--principal), -0.4191489818em 1.4092193338em 7px var(--principal), 0.9297986749em -0.1567813974em 7px var(--principal), 1.6595583693em 1.8593974435em 7px var(--principal), 1.7535128686em 2.3620107134em 7px var(--principal), 1.1012708202em 2.015609383em 7px var(--principal), -0.058764285em 0.3035006704em 7px var(--principal), -0.065350795em 1.8984522855em 7px var(--principal), 1.5045060851em 2.4084753835em 7px var(--principal), 0.7505184542em 0.2746370868em 7px var(--principal), 0.2482748359em 0.2971618983em 7px var(--principal), 1.8362701188em 2.1256073909em 7px var(--principal), 1.9393664479em 2.3405411573em 7px var(--principal), 0.2354445856em 0.8626600702em 7px var(--principal), 0.9723801191em 1.0963358309em 7px var(--principal), 1.2544648799em 1.0448546238em 7px var(--principal), 1.9314925127em 2.4447195715em 7px var(--principal);
        animation-duration: 86s;
        animation-delay: -23s;
    }

    .first-wrapper::after {
        text-shadow: 1.8057029709em 1.0513280827em 7px var(--enfasis), 2.2599174983em -0.0004313217em 7px var(--enfasis), 0.113187656em 2.2001443998em 7px var(--enfasis), 2.0069370379em 0.88850353em 7px var(--enfasis), 1.9017985231em 1.0211945408em 7px var(--enfasis), 1.2926700717em 0.3330645684em 7px var(--enfasis), 1.0663422415em 0.0858183921em 7px var(--enfasis), 1.604710113em 0.2505013083em 7px var(--enfasis), 1.0873851025em 0.7612847121em 7px var(--enfasis), 0.9087829286em 1.3240171189em 7px var(--enfasis), 2.2277597347em -0.1814957592em 7px var(--enfasis);
        animation-duration: 87s;
        animation-delay: -32s;
    }

    @keyframes move {
        from {
            transform: rotate(0deg) scale(12) translateX(-20px);
        }

        to {
            transform: rotate(360deg) scale(18) translateX(20px);
        }
    }
}

/*404*/
.image-container {
    width: 100%;
    height: 75vh;
    overflow: hidden;
    position: relative;
}

.zoomed-image {
    width: 310%;
    height: 100%;
    background-image: url('/wp-content/themes/lafuente42/assets/404.jpg');
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
}

.slider-container {
    width: 100%;
    height: 25vh;
    position: relative;
    overflow: hidden;
}

.slider {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
    background: url('/wp-content/themes/lafuente42/assets/404.jpg') center/cover no-repeat;
    filter: grayscale(100%);
}

.slider-thumb {
    width: 30%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 0;
    cursor: grab;
}

/*ARCHIVE*/
.category-form-wrapper {
    display: flex;
    flex-flow: row wrap;
}

/*ARCHIVE & RELACIONADOS*/
.related-image-wrapper {
    position: relative;
}

.related-image-wrapper::before,
.related-image-wrapper::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 100%;
    background: radial-gradient(circle, black 40%, transparent 50%);
    background-size: 16px 40px;
    top: 0;
    z-index: 2;
}

.related-image-wrapper::before {
    left: 0;
}

.related-image-wrapper::after {
    right: 4px;
}