:root {
    --font-primary: "Poppins", sans-serif;
}
* {
    vertical-align:baseline;
    font-weight:inherit;
    font-family:inherit;
    font-style:inherit;
    font-size:100%;
    border:0;
    outline:0;
    padding:0;
    margin:0;
    box-sizing:border-box;
}
input[type=text],input[type=email],input[type=tel],input[type=url],input[type=search] {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}
[hidden] {
    display:none;
}
input,textarea {
    background-color:rgba(0,0,0,0);
    border:0;
}
input[type=button],input[type=checkbox],input[type=color],input[type=date],input[type=datetime],input[type=email],input[type=file],input[type=hidden],input[type=image],input[type=month],input[type=number],input[type=password],input[type=radio],input[type=range],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week] {
    -moz-appearance:none;
    appearance:none;
}
abbr [title] {
    border-bottom:1px dotted;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display:block;
}
a {
    text-decoration:none;
}
address,caption,cite,code,dfn,em,th,var,optgroup {
    font-style:inherit;
    font-weight:inherit;
}
a:focus,input[type=text] {
    outline:0px;
}
audio,canvas,video {
    display:inline-block;
}
audio:not([controls]) {
    display:none;
    height:0;
}
abbr,acronym {
    border:0 none;
    font-variant:normal;
}
b,strong {
    font-weight:700;
}
button,input,select,textarea {
    font-family:inherit;
    font-size:100%;
}
button,input {
    line-height:normal;
}
button,select {
    text-transform:none;
}
button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance:button;
    cursor:pointer;
}
button[disabled],html input[disabled] {
    cursor:default;
}
 caption,th {
    text-align:left;
}
code,kbd,pre,samp {
    font-family:monospace,serif;
    font-size:1em;
}
del,ins {
    text-decoration:none;
}
em {
    font-style:italic;
}
fieldset,img,button {
    border:0 none;
}
.call {
    margin-right:56px;
    margin-bottom:124px;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
hr {
    border:0 none;
    border-top:1px solid #000;
    height:1px;
    margin:0;
    text-align:left;
    width:100%;
}
input,button,textarea,select,optgroup,option {
    font-family:inherit;
    font-size:inherit;
    font-style:inherit;
    font-weight:inherit;
}
input[type=button],input[type=submit] {
    cursor:hand;
    cursor:pointer;
}
input[type=search] {
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
}
legend {
    border:0;
}
mark {
    background:#ff0;
    color:#000;
}
ol {
    list-style:decimal;
}
ol li {
    list-style:decimal outside;
}
pre {
    white-space:pre-wrap;
}
q {
    quotes:"“" "”" "‘" "’";
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
ul {
    list-style:none;
}
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}
sup {
    font-size:65%;
    vertical-align:text-top;
    top:-0.5em;
}
sub {
    vertical-align:text-bottom;
    bottom:-0.25em;
}
svg:not(:root) {
    overflow:hidden;
}
textarea {
    overflow:auto;
    resize:none;
    vertical-align:top;
}
textarea {
    box-shadow:0;
}
button {
    border:0;
    background:rgba(0,0,0,0);
    cursor:pointer;
}
a {
    cursor:pointer;
}
.fancybox__backdrop {
    background:var(--fancybox-bg, rgba(0, 0, 0, 0.92));
}
button,a {
    outline:none !important;
}
.container {
    margin:0 auto;
    max-width:1200px;
    width:100%;
    padding:0 20px;
    position:relative;
}
main {
    z-index:2;
}
.non-white {
    filter:saturate(0%) invert(100%);
}
html {
    scroll-behavior:smooth;
}
body {
    counter-reset:linkCounter;
    font-family:"Lexend",serif;
    background-image:url(../img/fondo.jpg);
    background-repeat:no-repeat;
    background-size:cover;
}
.marquee {
    margin-top:68px;
    font-family:"Imbue 24pt";
    font-style:normal;
    color:#665343;
    font-size:40px;
    text-align:center;
    margin:0 auto;
}
@media only screen and (max-width: 1023px) {
    .marquee {
        font-size:24px;
        display:none;
    }
}
a {
    color:inherit;
}
.splide__track {
    /* padding:20px 0px 0 10px !important; */
}
.splide a {
    width: calc(100%);
    /* display:block; */
}
.splide a .image {
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
    border:4px solid rgba(0,0,0,0);
    transform-origin:bottom;
}
.splide a:hover .image {
    border:4px solid #5b3ad6;
    transform:scale(1.05);
}
.movieroll {
    position:relative;
}
.movieroll::after {
    content:"";
    background:linear-gradient(277deg, rgb(0, 0, 0) 0%, rgba(255, 69, 51, 0) 90%);
    position:absolute;
    height:100%;
    width:25%;
    right:0;
    top:0;
    pointer-events:none;
}
@media only screen and (max-width: 768px) {
    .movieroll::after {
        content:none;
    }
}
.movieroll.bgcolor:after {
    background:linear-gradient(277deg, rgb(91, 58, 214) 0%, rgba(255, 69, 51, 0) 90%);
}
.bgcolor {
    background-color:#5b3ad6;
}
.bgcolor a {
    display:block;
}
.bgcolor a .image {
    border:4px solid rgba(0,0,0,0);
}
.bgcolor a:hover .image {
    border:4px solid #fff;
}
.movieroll.bgcolor .splide__arrow {
    top:calc(50% - 26px);
}
.movieroll.festivales .splide__arrow {
    top:calc(50% - 50px);
}
.actoresroll.bgcolor .splide__arrow {
    top:calc(50% - 49px);
}
.movieroll.top .splide__arrow {
    top:calc(50% - 28px);
}
.movieroll.top h2 {
    max-width:1528px;
}
.movieroll.top .movieroll-content {
    padding:30px 20px 5px;
    /* padding:0px 20px 5px; */
}
.movieroll.top .movieroll-content .splideMovies {
    padding:0;
}
.movieroll.top .movieroll-content .splideMovies .splide__track {
    padding:20px 10px !important;
}
.merriweather-light {
    font-family:"Merriweather",serif;
    font-weight:300;
    font-style:normal;
}
.merriweather-regular {
    font-family:"Merriweather",serif;
    font-weight:400;
    font-style:normal;
}
.merriweather-bold {
    font-family:"Merriweather",serif;
    font-weight:700;
    font-style:normal;
}
.merriweather-black {
    font-family:"Merriweather",serif;
    font-weight:900;
    font-style:normal;
}
.merriweather-light-italic {
    font-family:"Merriweather",serif;
    font-weight:300;
    font-style:italic;
}
.merriweather-regular-italic {
    font-family:"Merriweather",serif;
    font-weight:400;
    font-style:italic;
}
.merriweather-bold-italic {
    font-family:"Merriweather",serif;
    font-weight:700;
    font-style:italic;
}
.merriweather-black-italic {
    font-family:"Merriweather",serif;
    font-weight:900;
    font-style:italic;
}
.thin {
    font-weight:100;
}
.light {
    font-weight:300;
}
.medium {
    font-weight:500;
}
.semibold {
    font-weight:600;
}
.bold {
    font-weight:700;
}
.black {
    font-weight:900;
}
.uppercase {
    text-transform:uppercase;
}
.filters {
    background-color:rgba(0,0,0,.5);
    padding:20px;
    position:absolute;
    top:80px;
    left:0;
    z-index:10;
    width:100%;
}
@media only screen and (max-width: 768px) {
    .filters {
        top:50px;
        padding:5px;
        position:static;
    }
}
.filters form {
    padding:0 20px;
    display:flex;
    gap:80px;
}
@media only screen and (max-width: 768px) {
    .filters form {
        flex-direction:column;
        gap:20px;
    }
}
.filters span {
    flex:1;
    position:relative;
}
.filters span label {
    color:#f8e921;
    letter-spacing:4px;
    font-size:16px;
    display:block;
    margin-bottom:5px;
    font-weight:bold;
}
@media only screen and (max-width: 768px) {
    .filters span label {
        font-size:12px;
    }
}
.filters span input {
    color:#5b3ad6;
    border:1px solid #5b3ad6;
    font-size:16px;
    letter-spacing:4px;
    background-color:#fff;
    padding:8px;
    width:100%;
}
@media only screen and (max-width: 768px) {
    .filters span input {
        padding:2px;
        font-size:12px;
    }
}
.filters span input::placeholder {
    color:#5b3ad6;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:4px;
}
@media only screen and (max-width: 768px) {
    .filters span input::placeholder {
        font-size:12px;
    }
}
.filters span button {
    width:47px;
    height:42px;
    object-fit:contain;
    position:absolute;
    z-index:2;
    right:-26px;
    bottom:0;
}
.filters span button svg {
    color:#5b3ad6;
    width:100%;
    height:100%;
}
.filters input[type=search] {
    width:100%;
    padding:10px;
    font-size:16px;
    border:1px solid #ccc;
    border-radius:4px;
    outline:none;
}
.filters .autocomplete-suggestions {
    border-top:none;
    border-radius:0 0 4px 4px;
    background:#fff;
    max-height:150px;
    overflow-y:auto;
    position:absolute;
    z-index:10;
    width:calc(100% - 22px);
}
.filters .autocomplete-suggestions div {
    padding:10px;
    cursor:pointer;
}
.filters .autocomplete-suggestions div:hover {
    background:#f0f0f0;
}
.custom-select {
    position:relative;
    width:200px;
    text-transform:uppercase;
    border:1px solid #fff;
}
@media only screen and (max-width: 768px) {
    .custom-select {
        width:100%;
    }
}
.custom-select select {
    display:none;
}
.select-selected {
    background-color:rgba(0,0,0,.7);
}
.select-selected:after {
    position:absolute;
    content:"";
    top:14px;
    right:10px;
    width:0;
    height:0;
    border:6px solid rgba(0,0,0,0);
    border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
}
.select-selected.select-arrow-active:after {
    border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0);
    top:7px;
}
.select-items div {
    padding:8px 16px;
    border:1px solid rgba(0,0,0,0);
    border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,.1) rgba(0,0,0,0);
    cursor:pointer;
    user-select:none;
    color:#fff;
}
.select-items div:hover {
    color:#f8e921;
}
.select-selected {
    color:#f8e921;
    padding:8px 16px;
    border:1px solid rgba(0,0,0,0);
    border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,.1) rgba(0,0,0,0);
    cursor:pointer;
    user-select:none;
}
.select-items {
    position:absolute;
    background-color:rgba(0,0,0,.9);
    top:104%;
    left:0;
    right:0;
    z-index:99;
}
.select-hide {
    display:none;
}
.select-items div:hover,.same-as-selected {
    background-color:rgba(0,0,0,.1);
    color:#f8e921;
}
.movieroll.top {
    padding-left:0;
}
.movieroll-content {
    padding:20px 20px 5px;
    background-color:rgba(0,0,0,.5);
}.movieroll,.actoresroll {
    padding:30px 20px 0;
}
.movieroll .splide__arrow,.actoresroll .splide__arrow {
    opacity:1;
    background:#f8e821;
    /*right:17vw*/
}
.movieroll .splide__arrow:disabled,.actoresroll .splide__arrow:disabled {
    opacity:0;
    top:44%;
}
.movieroll h2,.actoresroll h2 {
    display:block;
    font-size:18px;
    line-height:18px;
    letter-spacing:4px;
    color:#f8e921;
    /* max-width:1545px; */
    margin:0 0 0 auto;
}
.movieroll.festivales h2,.movieroll.platforms h2,.actoresroll.festivales h2,.actoresroll.platforms h2 {
    color:#fff;
}
.movieroll .movieroll-header,.actoresroll .movieroll-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    /* max-width:1545px; */
    margin:0 0 0 auto;
}
.movieroll .movieroll-header a.all,.actoresroll .movieroll-header a.all {
    max-width:1290px;
    display:block;
    font-size:15px;
    line-height:15px;
    letter-spacing:4px;
    color:#f8e921;
    margin:0 auto;
    width:100%;
    position:absolute;
    display:flex;
    z-index:2;
    justify-content:flex-end;
}
@media only screen and (max-width: 768px) {
  /*
    .movieroll .movieroll-header a.all,.actoresroll .movieroll-header a.all {
        display:none;
    }
  */
}
.movieroll .movieroll-header a.all:hover,.actoresroll .movieroll-header a.all:hover {
    text-decoration:underline;
    opacity:.8;
}
.movieroll .movieroll-header h2,.actoresroll .movieroll-header h2 {
    display:block;
    font-size:15px;
    line-height:15px;
    letter-spacing:4px;
    margin:0;
    font-weight:bold;
    color:#f8e921;
    width:1545px;
    position:relative;
    z-index:2;
}
@media only screen and (max-width: 768px) {
    .movieroll .movieroll-header h2,.actoresroll .movieroll-header h2 {
        font-size:12px;
    }
}
.movieroll .splideMovies,.actoresroll .splideMovies {
    /* max-width:1545px; */
    margin:0 0 0 auto;
    padding:10px 0 30px 0;
}
.movieroll .splideMovies img,.actoresroll .splideMovies img {
    height:320px;
}
.movieroll .splideMovies span.date,.actoresroll .splideMovies span.date {
    display:block;
    font-size:14px;
    color:#f8e921;
    margin-top:20px;
    border:4px solid rgba(0,0,0,0);
}
@media only screen and (max-width: 768px) {
    .movieroll .splideMovies span.date,.actoresroll .splideMovies span.date {
        display:none
    }
}
.movieroll .splideMovies.top a,.actoresroll .splideMovies.top a {
    position:relative;
}
.movieroll .splideMovies.top a .info .number,.actoresroll .splideMovies.top a .info .number {
    display:block;
    font-size:22px;
    margin-top:15px;
    font-weight:bold;
    color:#f8e921;
}
.movieroll .splideMovies.top a .info h3,.actoresroll .splideMovies.top a .info h3 {
    color:#f8e921;
    font-size:18px;
    font-weight:500;
}
.movieroll .splideMovies.top a .info p,.actoresroll .splideMovies.top a .info p {
    color:#fff;
    font-size:14px;
    margin-bottom:30px;
}
.movieroll .splideActores,.actoresroll .splideActores {
    /* max-width:1545px; */
    margin:0 0 0 auto;
}
.movieroll .splideActores .image,.actoresroll .splideActores .image {
    width:280px;
    height:200px;
}
.movieroll .splideActores .image img,.actoresroll .splideActores .image img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.movieroll .splideActores .info .number,.actoresroll .splideActores .info .number {
    display:block;
    font-size:22px;
    margin-top:15px;
    font-weight:bold;
    color:#f8e921;
}
.movieroll .splideActores .info h3,.actoresroll .splideActores .info h3 {
    color:#f8e921;
    font-size:18px;
    font-weight:500;
}
.movieroll .splideActores .info p,.actoresroll .splideActores .info p {
    color:#fff;
    font-size:14px;
    margin-bottom:30px;
}
.movieroll.festivales .splideMovies a .image,.movieroll.platforms .splideMovies a .image,.actoresroll.festivales .splideMovies a .image,.actoresroll.platforms .splideMovies a .image {
    background-color:#000;
    display:flex;
    align-items:center;
    justify-content:center;
    width:180px;
    height:180px;
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
}
@media only screen and (max-width: 768px) {
    .movieroll.festivales .splideMovies a .image,.movieroll.platforms .splideMovies a .image,.actoresroll.festivales .splideMovies a .image,.actoresroll.platforms .splideMovies a .image {
    width:150px;
    height:150px;
    }
}
.movieroll.festivales .splideMovies a .image img,.movieroll.platforms .splideMovies a .image img,.actoresroll.festivales .splideMovies a .image img,.actoresroll.platforms .splideMovies a .image img {
    filter:brightness(0) invert(1);
    width:60%;
    object-fit:contain;
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
}

.movieroll.festivales .splideMovies a .info,.movieroll.platforms .splideMovies a .info,.actoresroll.festivales .splideMovies a .info,.actoresroll.platforms .splideMovies a .info {
    max-width:280px;
    width:100%;
}
.movieroll.festivales .splideMovies a:hover .image,.movieroll.platforms .splideMovies a:hover .image,.actoresroll.festivales .splideMovies a:hover .image,.actoresroll.platforms .splideMovies a:hover .image {
    background-color:#fff;
    border:0;
}
.movieroll.festivales .splideMovies a:hover .image img,.movieroll.platforms .splideMovies a:hover .image img,.actoresroll.festivales .splideMovies a:hover .image img,.actoresroll.platforms .splideMovies a:hover .image img {
    filter:none;
}
.movieroll.festivales .splideMovies a .image,.actoresroll.festivales .splideMovies a .image {
    margin-bottom:10px;
}
.movieroll.festivales,.actoresroll.festivales {
    color:#f8e921;
    margin-bottom:80px;
}
.movieroll.festivales h3,.actoresroll.festivales h3 {
    margin-bottom:10px;
}
.movieroll.festivales h3:nth-of-type(1),.actoresroll.festivales h3:nth-of-type(1) {
    display:block;
}
.movieroll.festivales h3:nth-of-type(2),.actoresroll.festivales h3:nth-of-type(2) {
    display:none;
}
@media only screen and (max-width: 768px) {
    .movieroll.festivales h3:nth-of-type(1),.actoresroll.festivales h3:nth-of-type(1) {
        display:none;
    }
    .movieroll.festivales h3:nth-of-type(2),.actoresroll.festivales h3:nth-of-type(2) {
        display:block;
    }
}
.movieroll.festivales .date,.movieroll.festivales .city,.actoresroll.festivales .date,.actoresroll.festivales .city {
    font-size:12px;
    color:#fff;
}
.actoresroll {
    background-color:rgba(91,58,214,.5);
}
form#filters {
    display:flex;
    gap:15px;
    align-items:center;
    margin:15px 0 50px;
}
@media only screen and (max-width: 768px) {
    form#filters {
        margin:15px 0 15px;
        flex-direction:column;
    }
}
form#filters h2 {
    font-size:14px;
    color:#fff;
    letter-spacing:3px;
}
form#filters button, .volver_button {
    background-color:#f8e921;
    color:#000;
    padding:5px 40px;
    letter-spacing:3px;
    text-transform:uppercase;
}
form#filters button:hover, .volver_button:hover {
    color:#f8e921;
    background-color:#000;
}
.volver_button {
    width: fit-content;
    margin-bottom: 3rem;
}
.menucontainer {
    display:none;
}
@media only screen and (max-width: 966px) {
    .menucontainer {
        display:block;position:relative;z-index:3;
    }
}
.label-check {
    display:none;
}
.hamburger-label {
    width:30px;
    height:20px;
    display:block;
    cursor:pointer;
}
.hamburger-label div {
    width:30px;
    height:4px;
    background-color:#f8e921;
    position:absolute;
}
.line1 {
    transition:all .3s;
}
.line2 {
    margin:10px 0 0 0;
    transition:.3s;
}
.line3 {
    margin:20px 0 0 0;
    transition:.3s;
}
#label-check:checked+.hamburger-label .line1 {
    transform:rotate(35deg) scaleX(0.55) translate(27px, -3px);
    border-radius:50px 50px 50px 0;
}
#label-check:checked+.hamburger-label .line3 {
    transform:rotate(-35deg) scaleX(0.55) translate(27px, 3px);
    border-radius:0 50px 50px 50px;
}
#label-check:checked+.hamburger-label .line2 {
    border-top-right-radius:50px;
    border-bottom-right-radius:50px;
    width:35px;
}
.exhibidor,.sala {
    position:relative;
}
.exhibidor .tooltip,.sala .tooltip {
    position:absolute;
    background-color:#5b3ad6;
    border-radius:5px;
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
    padding:30px 20px 20px;
    color:#f8e921;
    font-weight:normal;
    font-size:12px;
    top:calc(100% + 20px);
    left:0;
    z-index:2;
    opacity:0;
}
.exhibidor .tooltip.active,.sala .tooltip.active {
    opacity:1;
}
.exhibidor .tooltip::before,.sala .tooltip::before {
    border-radius:5px;
    background-color:#5b3ad6;
    content:"";
    width:30px;
    height:30px;
    position:absolute;
    top:-10px;
    transform:rotate(45deg);
    left:10px;
    z-index:0;
}
.container-checkbox input {
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0;
}
.container-checkbox {
    display:flex;
    gap:10px;
    color:#fff;
}
.checkmark {
    position:relative;
    background-color:#f8e921;
    height:20px;
    width:20px;
    margin-right:10px;
    flex-shrink:0;
    margin-top:-1px;
    transition:all .2s ease 0s;
    cursor:pointer;
    transform-origin:0px 10px;
    border-radius:4px;
    margin:-1px 10px 0px 0px;
    padding:0px;
    box-sizing:border-box;
}
.container-checkbox input:checked~.checkmark {
    background-color:#f8e921;
    height:20px;
    width:20px;
    margin-right:10px;
    flex-shrink:0;
    margin-top:-1px;
    transition:all .2s ease 0s;
    cursor:pointer;
    transform-origin:0px 10px;
    border-radius:4px;
    margin:-1px 10px 0px 0px;
    padding:0px;
    box-sizing:border-box;
}
.checkmark:after {
    content:"";
    position:absolute;
    display:none;
}
.container-checkbox input:checked~.checkmark:after {
    display:block;
}
.container-checkbox .checkmark:after {
    left:.45em;
    top:.25em;
    width:.25em;
    height:.5em;
    border:solid #000;
    border-width:0 .15em .15em 0;
    transform:rotate(45deg);
    transition:all 500ms ease-in-out;
}
header {
    background:linear-gradient(180deg, rgb(91, 58, 214) 0%, rgba(255, 69, 51, 0) 200%);
    height:80px;
}
@media only screen and (max-width: 768px){header{height:auto;padding:15px}}
header .container {
    display:flex;
    height:100%;
    align-items:center;
    justify-content:space-between;
}
@media only screen and (max-width: 768px) {
    header .container{
        justify-content:flex-end;
    }
}
header .container .logo {
    font-size:23px;
    line-height:23px;
    color:#f8e921;
    letter-spacing:4px;
}
@media only screen and (max-width: 768px) {
    header .container .logo {
        font-size:13px;
        line-height:13px;
        color:#f8e921;
        letter-spacing:4px;
        width:100%;
        text-align:center;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
    }
}
header .container nav {
    display:flex;
    align-items:center;
    gap:30px;
}
@media only screen and (max-width: 996px) {
    header .container nav {
        position:fixed;
        top:0;
        width:100vw;
        height:100vh;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:80px;
        background:#5b3ad6;
        z-index:3;
        left:100vw;
    }
    header .container nav.active {
        left:0;
    }
}
header .container nav a {
    font-size:11px;
    line-height:11px;
    letter-spacing:4px;
    color:#f8e921;
}
header .container nav a:hover {
    color:#fff;
}
header .container form {
    display:flex;
    align-items:flex-start;
}
@media only screen and (max-width: 768px) {
    header .container form {
        display:none;
    }
}
header .container form input {
    width:100px;
    height:30px;
    border:1px solid #f8e921;
    color:#f8e921;
    padding:0 5px;
    background-color:rgba(0,0,0,0);
    font-size:12px;
}
header .container form input::placeholder {
    color:#f8e921;
    letter-spacing:3px;
    text-transform:uppercase;
    font-size:12px;
}
header .container form button svg {
    color:#f8e921;
    width:32.5px;
    height:32.5px;
    object-fit:contain;
}
footer .footerContent {
    background-color:#5b3ad6;
}
footer .top-footer {
    display:flex;
    color:#fff;
    align-items:center;
    padding:20px;
    justify-content:center;
    gap:30px;
    background-color:rgba(0,0,0,.3);
}
footer .top-footer .txt {
    max-width:320px;
    text-align:right;
}
@media only screen and (max-width: 768px) {
    footer .top-footer .txt{max-width:220px;font-size:12px;
    }
}
footer .top-footer .txt a {
    color:#f8e921;
}
footer .top-footer .social {
    display:flex;
    align-items:center;
    gap:10px;
}
footer .top-footer .social a {
    border-radius:50%;
    background-color:#f8e921;
    display:flex;
    align-items:center;
    justify-content:center;
    width:35px;
    height:35px;
    color:#000;
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
}
footer .top-footer .social a svg {
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
    width:20px;
}
footer .top-footer .social a:hover {
    color:#f8e921;
    background-color:#000;
}
footer .container {
    padding:20px;
}
footer .footer-header {
    display:flex;
    height:100%;
    align-items:center;
    justify-content:space-between;
}
@media only screen and (max-width: 768px) {
    footer .footer-header {
        display:none;
    }
}
footer .footer-header .logo {
    font-size:23px;
    line-height:23px;
    color:#f8e921;
    letter-spacing:4px;
}

@media only screen and (max-width: 768px) {
    footer .footer-header .logo {
        display:none;
    }
}
footer .footer-header nav{display:flex;align-items:center;gap:30px}
@media only screen and (max-width: 768px) {
    footer .footer-header nav {
        display:none;
    }
}
footer .footer-header nav a {
    font-size:10px;
    line-height:10px;
    letter-spacing:4px;
    color:#f8e921;
}
footer .footer-header form {
    display:flex;
    align-items:flex-start;
}
@media only screen and (max-width: 768px) {
    footer .footer-header form {
        display:none;
    }
}
footer .footer-header form input {
    width:150px;
    height:30px;
    border:1px solid #f8e921;
    color:#f8e921;
    padding:0 5px;
    font-size:10px;
    background-color:rgba(0,0,0,0);
}
footer .footer-header form input::placeholder {
    letter-spacing:3px;
    color:#f8e921;
    font-size:10px;
    text-transform:uppercase;
}
footer .footer-header form button svg {
    color:#f8e921;
    width:32.5px;
    height:32.5px;
    object-fit:contain;
}
footer .logos {
    padding:20px;
    display:flex;
    align-items:center;
    width:100%;
    justify-content:center;
    gap:90px;
}
@media only screen and (max-width: 768px) {
    footer .logos {
        gap:30px;
    }
}
footer .logos svg {
    width:120px;
}
@media only screen and (max-width: 768px) {
    footer .logos svg {
        width:50px;
        height:50px;
    }
}
footer .links {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    padding:20px;
}
@media only screen and (max-width: 768px) {
    footer .links {
        flex-direction:column;
        gap:5px;
    }
}
footer .links span {
    color:#f8e921;
}
@media only screen and (max-width: 768px) {
    footer .links span.separator {
        display:none;
    }
}
footer .links a {
    font-size:14px;
    color:#f8e921;
}
footer .links a:hover {
    text-decoration:underline;
}
footer .links p {
    font-size:14px;
    color:#f8e921;
}
@media only screen and (max-width: 768px) {
    footer .links p{text-align:center;
    }
}
.home .banner {
    position:relative;
    /* height:100dvh; */
    min-height:768px;
}
@media only screen and (max-width: 768px) {
    .home .banner {
        height:50vh;
        min-height:100dvw;
    }
}
.home .banner .splide__track {
    padding:0 !important;
}
.home .banner .splideHome,.home .banner .splide__track {
    height:100%;
}
.home .banner .splideHome .splide__slide,.home .banner .splide__track .splide__slide {
    width:180px;
}
.home .banner .splide__slide {
    position:relative;
}
.home .banner .splide__slide::after {
    content:"";
    background:linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(255, 69, 51, 0) 100%);
    width:100%;
    height:50%;
    bottom:0;
    left:0;
    position:absolute;
    overflow:hidden;
}
.home .banner .splide__pagination__page {
    opacity:1;
}
.home .banner .splide__pagination {
    gap:15px;
    bottom:30px;
}
.home .banner .new {
    background-color:#f8e921;
    color:#000;
    font-size:15px;
    font-weight:bold;
    text-transform:uppercase;
    padding:5px;
    letter-spacing:4px;
}
@media only screen and (max-width: 768px) {
    .home .banner .new {
        font-size:11px;
    }
}
.home .banner .new-container {
    max-width:1200px;
    width:100%;
    margin:0 auto;
    position:absolute;
    z-index:2;
    left:50%;
    transform:translateX(-50%);
    bottom:30px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
}
@media only screen and (max-width: 768px) {
    .home .banner .new-container {
        top:30px;
        bottom:initial;
    }
}
.home .banner .splide__arrows {
    max-width:1250px;
    width:100%;
    /* margin:0 auto; */
    margin:30% auto;
    position:absolute;
    z-index:2;
    /* height:100%; */
    height:45px;
    left:50%;
    transform:translateX(-50%);
    /* background-color: #f8e821; */
}
.home .banner .splide__arrow svg {
    fill:#fff;
    height:40px;
    width:40px;
}
@media only screen and (max-width: 768px) {
    .home .banner .splide__arrow svg {
        height:20px;
        width:20px;
    }
}
.home .banner .splide__arrow {
    opacity:1;
    width:40px;
    height:40px;
    background:rgba(0,0,0,0);
}
.home .banner img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.home .banner .splide__pagination__page {
    background-color:#f8e921;
}
.home .news.container {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:30px;
    padding:50px 0;
}
@media only screen and (max-width: 768px) {
    .home .news.container {
        grid-template-columns:repeat(1, 1fr);
        padding:20px;
    }
}
.home .news.container a {
    display:flex;
    width:100%;
    flex-direction:column;
}
.home .news.container a .image {
    position:relative;
    overflow:hidden;
}
.home .news.container a .image img {
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
}
.home .news.container a .image::before {
    content:"";
    position:absolute;
    display:flex;
    align-items:center;
    border:1px solid rgba(0,0,0,0);
    width:150px;
    height:40px;
    z-index:2;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
}
.home .news.container a .image::after {
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
    content:"Ver más";
    text-transform:uppercase;
    color:#f8e921;
    font-size:15px;
    font-weight:bold;
    position:absolute;
    display:flex;
    align-items:center;
    width:100%;
    height:100%;
    justify-content:center;
    background-color:rgba(0,0,0,.5);
    top:100%;
    left:0;
}
.home .news.container a img {
    width:100%;
    height:250px;
    object-fit:cover;
}
.home .news.container a .content {
    background-color:#fff;
    padding:20px;
    font-size:14px;
    line-height:22px;
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.home .news.container a .content h3 {
    color:#5b3ad6;
    font-size:18px;
    font-weight:500;
    margin-bottom:10px;
}
.home .news.container a .content .date {
    color:#666;
    margin-bottom:5px;
    font-size:14px;
    line-height:22px;
}
.home .news.container a .content p {
    color:#666;
    font-size:14px;
    line-height:22px;
}
.home .news.container a:hover .image img {
    transform:scale(1.1);
}
.home .news.container a:hover .image::before {
    border-color:#f8e921;
}
.home .news.container a:hover .image::after {
    top:0;
}
.home section.logos {
    height:50dvh;
    display:flex;
    align-items:center;
    justify-content:center;
}
@media only screen and (max-width: 768px) {
    .home section.logos {
        height:28.125vw;
    }
    .home section.logos svg {
        width:50%;
        height:auto;
    }
}
.news main .container {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:30px;
    padding:50px 20px;
}
@media only screen and (max-width: 768px) {
    .news main .container {
        grid-template-columns:repeat(1, 1fr);
    }
}
.news main .container .title {
    grid-column:1/-1;
}
.news main .container .title h1 {
    color:#f8e921;
    text-transform:uppercase;
    font-size:25px;
    line-height:25px;
    margin-bottom:10px;
}
.news main .container .title p {
    font-size:14px;
    color:#fff;
}
.news main .container a {
    display:flex;
    width:100%;
    flex-direction:column;
}
.news main .container a .image {
    position:relative;
    overflow:hidden;
}
.news main .container a .image img {
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
}
.news main .container a .image::before {
    content:"";
    position:absolute;
    display:flex;
    align-items:center;
    border:1px solid rgba(0,0,0,0);
    width:150px;
    height:40px;
    z-index:2;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
}
.news main .container a .image::after {
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
    content:"Ver más";
    text-transform:uppercase;
    color:#f8e921;
    font-size:15px;
    font-weight:bold;
    position:absolute;
    display:flex;
    align-items:center;
    width:100%;
    height:100%;
    justify-content:center;
    background-color:rgba(0,0,0,.5);
    top:100%;
    left:0;
}
.news main .container a img {
    width:100%;
    height:250px;
    object-fit:cover;
}
.news main .container a .content {
    background-color:#fff;
    padding:20px;
    font-size:14px;
    line-height:22px;
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.news main .container a .content h3 {
    color:#5b3ad6;
    font-size:18px;
    font-weight:500;
    margin-bottom:10px;
}
.news main .container a .content .date {
    color:#666;
    margin-bottom:5px;
    font-size:14px;
    line-height:22px;
}
.news main .container a .content p {
    color:#666;
    font-size:14px;
    line-height:22px;
}
.news main .container a:hover .image img {
    transform:scale(1.1);
}
.news main .container a:hover .image::before {
    border-color:#f8e921;
}
.news main .container a:hover .image::after {
    top:0;
}
.intern main {
    padding:50px 0;
}
.intern main h1 {
    color:#f8e921;
    font-size:28px;
    margin-bottom:5px;
}
.intern main h2 {
    font-size:18px;
    color:#fff;
}
.intern main h3 {
    font-size:18px;
    color:#fff;
    margin-bottom:80px;
}
@media only screen and (max-width: 966px) {
    .intern main h3 {
        font-size:14px;
        margin-bottom: 20px;
    }
}
.intern main .container.flex {
    display:flex;
    gap:30px;
}
@media only screen and (max-width: 768px) {
    .intern main .container.flex {
        flex-direction:column;
    }
}
.intern main .left {
    width:35%;
}
@media only screen and (max-width: 768px) {
    .intern main .left {
        width:100%;
    }
}
.intern main .left .info {
    margin-bottom:45px;
    width: 180px;
}
.intern main .left span {
    display:block;
}
.intern main .left .name {
    color:#f8e921;
    font-size:28px;
}
.intern main .left .cine {
    font-size:18px;
    color:#f8e921;
}
.intern main .left .city {
    font-size:18px;
    color:#f8e921;
}
.intern main .left .address {
    font-size:14px;
    color:#fff;
    line-height:14px;
    margin-bottom:5px;
}
.intern main .left .horario {
    font-size:14px;
    margin-bottom:5px;
    color:#fff;
    line-height:14px;
}
.intern main .left .web {
    font-size:14px;
    color:#fff;
    line-height:14px;
}
.intern main .left .poster{
    margin-bottom:30px;
    width:100%;
}
@media only screen and (max-width: 768px) {
    .intern main .left .poster { 
        margin:0 auto 30px;
        display:block;
    }
}
.intern main .left .plattforms span,.intern main .left .festivales span {
    display:block;
    margin-bottom:10px;
    color:#f8e921;
}
.intern main .left .plattforms .grid,.intern main .left .festivales .grid {
    display:grid;
    grid-template-columns:repeat(2, 200px);
}
@media only screen and (max-width: 768px) {
    .intern main .left .plattforms .grid,.intern main .left .festivales .grid {
    grid-template-columns:repeat(2, 1fr);
    }
}
.intern main .left .plattforms .grid a .image,.intern main .left .festivales .grid a .image {
    background-color:rgba(0,0,0,0);
    display:flex;
    align-items:center;
    justify-content:center;
    width:169px;
    height:169px;
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
}
@media only screen and (max-width: 768px) {
    .intern main .left .plattforms .grid a .image,.intern main .left .festivales .grid a .image {
    width:100%;
    }
}
.intern main .left .plattforms .grid a .image img,.intern main .left .festivales .grid a .image img {
    filter:brightness(0) invert(1);
    width:80%;
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
}
.intern main .left .plattforms .grid a .info,.intern main .left .festivales .grid a .info {
    max-width:280px;
    width:100%;
}
.intern main .left .plattforms .grid a:hover .image,.intern main .left .festivales .grid a:hover .image {
    background-color:#fff;
}
.intern main .left .plattforms .grid a:hover .image img,.intern main .left .festivales .grid a:hover .image img {
    filter:none;
}
.intern main .right {
    width:75%;
}
@media only screen and (max-width: 768px) {
    .intern main .right{
        width:100%;
    }
}
.intern main .right .emojis {
    margin-bottom:30px;
}
.intern main .right .emojis h4 {
    color:#f8e921;
    font-size:18px;
    font-weight:500;
    width:100%;
    max-width:400px;
    margin:0 0 15px auto;
}
.intern main .right .emojis .grid {
    display:grid;
    gap:30px;
    grid-template-columns:repeat(5, 1fr);
    width:100%;
    max-width:400px;
    margin:0 0 15px auto;
}
.intern main .right .emojis .grid .emoji-button {
    display:flex;
    flex-direction:column;
    align-items:center;
    border:none;
    background:none;
    position:relative;
    cursor:pointer;
}
.intern main .right .emojis .grid .emoji-button img:hover {
    transform:scale(1.1);
}
.intern main .right .emojis .grid .counter {
    font-size:10px;
    color:#fff;
    padding:5px 10px;
    border-radius:25px;
    font-weight:bold;
    position:absolute;
    top:calc(100% - 15px);
    pointer-events:none;
    right:0;
    background-color:red;
}
.intern main .right .emojis .grid button { 
    display:flex;
    align-items:center;
    justify-content:center;
}
.intern main .right .emojis .grid img {
    width:40px;
    height:40px;
    transition:all .6s cubic-bezier(0.34, 1.56, 0.64, 1);
    object-fit:contain;
}
@media only screen and (max-width: 768px) {
    .intern main .right .emojis .grid img {
        width:30px;
        height:30px;
    }
}
.intern main .right .sinopsis {
    font-size:14px;
    color:#fff;
    line-height:32px;
    margin:40px 0;
    font-family:"Merriweather",serif;
    font-weight:400;
    font-style:normal;
}
.intern main .right .reparto {
    display:flex;
    gap:15px;
    color:#fff;
    margin:15px 0 45px;
}
.intern main .right .reparto span {
    color:#f8e921;
    font-size:14px;
}
.intern main .right .reparto ul li {
    margin-bottom:5px;
}
.intern main .right .noticias_rel span {
    color:#f8e921;
    font-size:14px;
    margin-bottom:15px;
    display:block;
}
.intern main .right .noticias_rel .noticia {
    display:flex;
    gap:10px;
    align-items:center;
    color:#fff;
    margin-bottom:15px;
}
@media only screen and (max-width: 768px) {
    .intern main .right .noticias_rel .noticia {
        flex-direction:column;
    }
}
.intern main .right .noticias_rel .noticia .image {
    position:relative;
    overflow:hidden;
    width:100%;
}
.intern main .right .noticias_rel .noticia .image img {
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
}
@media only screen and (max-width: 768px) {
    .intern main .right .noticias_rel .noticia .image img {
        width:100%;
    }
}
.intern main .right .noticias_rel .noticia .image::before {
    content:"";
    position:absolute;
    display:flex;
    align-items:center;
    border:1px solid rgba(0,0,0,0);
    width:150px;
    height:40px;
    z-index:2;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
}
.intern main .right .noticias_rel .noticia .image::after {
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
    content:"Ver más";
    text-transform:uppercase;
    color:#f8e921;
    font-size:15px;
    font-weight:bold;
    position:absolute;
    display:flex;
    align-items:center;
    width:100%;
    height:100%;
    justify-content:center;
    background-color:rgba(0,0,0,.5);
    top:100%;
    left:0;
}
.intern main .right .noticias_rel .noticia span {
    color:#fff;
    font-size:20px;
    margin-bottom:5px;
    font-weight:bold;
    display:block;
}
.intern main .right .noticias_rel .noticia .date {
    margin-bottom:15px;
}
.intern main .right .noticias_rel .noticia p {
    font-family:"Merriweather",serif;
    font-weight:400;
    font-size:14px;
    line-height:22px;
    font-style:normal;
}
.intern main .right .noticias_rel .noticia:hover .image::before {
    border-color:#f8e921;
}
.intern main .right .noticias_rel .noticia:hover .image::after {
    top:0;
}
.list main {
    padding:50px 0;
}
.list .movieroll.festivales .splideMovies a .image img,.list .movieroll.platforms .splideMovies a .image img,.list .actoresroll.festivales .splideMovies a .image img,.list .actoresroll.platforms .splideMovies a .image img {
    width:80%;
}
.list h1 {
    color:#f8e921;
    font-size:28px;
    margin-bottom:5px;
    letter-spacing:3px;
    font-weight:bold;
}
.list p {
    font-size:14px;
    color:#fff
}
.list .selected {
    margin:5px auto;
    display:flex;
    align-items:center;
    justify-content:center;
}
.list .selected img {
    width:220px;
    height:220px;
    object-fit:contain;
    filter:brightness(0) invert(1);
}
.list .grid {
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:10px;
    margin-bottom:50px;
}
@media only screen and (max-width: 768px){
    .list .grid {
        grid-template-columns:repeat(2, 1fr);
    }
}
.list .grid a {
    overflow:hidden;
}
.list .grid a .image {
    overflow:hidden;
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
    border:4px solid rgba(0,0,0,0);
    margin:0;
    width:100%;
    height:100%;
}
.list .grid a .image img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.list .grid a:hover .image {
    border:4px solid #5b3ad6;
}
.contact main {
    padding:50px 20px;
}
.contact h1 {
    color:#f8e921;
    max-width:900px;
    font-size:28px;
    margin:0 auto 5px auto;
    font-weight:bold;
    text-transform:uppercase;
}
.contact p {
    color:#fff;
    max-width:900px;
    margin:0 auto 30px;
    font-size:14px;
}
.contact .contactform {
    width:100%;
    max-width:768px;
    padding:20px;
    margin:0 auto;
}
.contact .contactform span {
    display:flex;
    width:100%;
    margin-bottom:10px;
}
@media only screen and (max-width: 768px) {
    .contact .contactform span {
        flex-direction:column
    }
}
.contact .contactform span label {
    color:#f8e921;
    text-transform:uppercase;
    font-size:14px;
    width:150px;
}
.contact .contactform span textarea,.contact .contactform span input { 
    color:#fff;
    font-size:14px;
    padding:5px;
    flex:1;
    border:1px solid #f8e921;
}
.contact .contactform span textarea {
    height:200px;
}
@media only screen and (max-width: 768px) {
    .contact .contactform span textarea { 
        height:400px;
    }
}
.contact .contactform .container-checkbox {
    max-width:580px;
    margin:0 0 0 auto;
}
.contact .contactform button {
    display:block;
    margin-left:150px;
    background-color:#f8e921;
    color:#000;
    padding:5px 30px;
    margin-top:15px;
}
.contact_intern main {
    padding:50px 20px;
}
.contact_intern .blue {
    background-color:#5b3ad6;
    padding:50px 20px;
}
.contact_intern .intro {
    padding:30px 20px;
    border-top:1px solid #fff;
    max-width:943px;
    margin:0 auto 30px;
    border-bottom:1px solid #fff;
}
.contact_intern .intro p {
    margin:0;
}
.contact_intern .intro a {
    color:#f8e921;
}
.contact_intern .intro a:hover {
    opacity:.5;
}
.contact_intern h1 {
    color:#f8e921;
    font-size:30px;
    max-width:943px;
    margin:0 auto 30px;
}
.contact_intern h3 {
    color:#f8e921;
    font-size:22px;
    max-width:943px;
    margin:0 auto 30px;
}
.contact_intern p {
    margin-bottom:30px;
    max-width:943px;
    color:#fff;
    line-height:30px;
    margin:0 auto 30px;
}
.contact_intern p strong {
    color:#f8e921;
}
.contact_intern .logos {
    display:flex;
    align-items:center;
    width:100%;
    justify-content:center;
    gap:90px;
}
.contact_intern .logos svg {
    width:120px;
}
@media only screen and (max-width: 768px) {
    .contact_intern .logos svg {
        width:50px;
        height:50px;
    }
}
.search main {
    padding:50px 20px;
}
.search h1 {
    color:#f8e921;
    max-width:900px;
    font-size:28px;
    margin:0 auto 5px auto;
    font-weight:bold;
    text-transform:uppercase;
}
.search p {
    color:#fff;
    max-width:900px;
    margin:0 auto 30px;
    font-size:14px;
}
.search ul {
    max-width:900px;
    width:100%;
    margin:0 auto;
}
.search a {
    padding:20px 20px 20px 0;
}
.search .noticia {
    display:flex;
    gap:10px;
    align-items:center;
    color:#fff;
    margin-bottom:15px;
    max-width:710px;
}
@media only screen and (max-width: 768px) {
    .search .noticia {
        flex-direction:column;
    }
}
.search .noticia .image {
    position:relative;
    overflow:hidden;
    width:100%;
}
.search .noticia .image img {
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
    width:100%;
}
@media only screen and (max-width: 768px) {
    .search .noticia .image img {
        width:100%;
    }
}
.search .noticia .image::before {
    content:"";
    position:absolute;
    display:flex;
    align-items:center;
    border:1px solid rgba(0,0,0,0);
    width:150px;
    height:40px;
    z-index:2;top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
}
.search .noticia .image::after {
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
    content:"Ver más";
    text-transform:uppercase;
    color:#f8e921;
    font-size:15px;
    font-weight:bold;
    position:absolute;
    display:flex;
    align-items:center;
    width:100%;
    height:100%;
    justify-content:center;
    background-color:rgba(0,0,0,.5);
    top:100%;
    left:0;
}
.search .noticia span {
    color:#fff;
    font-size:20px;
    margin-bottom:5px;
    font-weight:bold;
    display:block;
}
.search .noticia .date {
    margin-bottom:15px;
}
.search .noticia p { 
    font-family:"Merriweather",serif;
    font-weight:400;
    font-size:14px;
    line-height:22px;
    font-style:normal;
}
.search .noticia:hover .image::before {
    border-color:#f8e921;
}
.search .noticia:hover .image::after {
    top:0;
}
.search .movie {
    display:flex;
    gap:10px;
    align-items:center;
    color:#fff;
    margin-bottom:15px;
}
@media only screen and (max-width: 768px) {
    .search .movie {
        flex-direction:column;
    }
}
.search .movie .emojis {
    margin-bottom:30px;
}
.search .movie .emojis h4 {
    color:#f8e921;
    font-size:12px;
    font-weight:500;
    width:100%;
    max-width:400px;
    margin:0 0 15px auto;
}
.search .movie .emojis .grid {
    display:grid;
    gap:30px;
    grid-template-columns:repeat(5, 1fr);
    width:100%;
    max-width:400px;
    margin:0 0 15px auto;
}
.search .movie .emojis .grid .emoji-button {
    display:flex;
    flex-direction:column;
    align-items:center;
    border:none;
    background:none;
    position:relative;
    cursor:pointer;
}
.search .movie .emojis .grid .emoji-button img:hover {
    transform:scale(1.1);
}
.search .movie .emojis .grid .counter {
    font-size:10px;
    color:#fff;
    padding:5px 10px;
    border-radius:25px;
    font-weight:bold;
    position:absolute;
    top:calc(100% - 15px);
    pointer-events:none;
    right:0;
    background-color:red;
}
.search .movie .emojis .grid button {
    display:flex;
    align-items:center;
    justify-content:center;
}
.search .movie .emojis .grid img { 
    width:40px;
    height:40px;
    transition:all .6s cubic-bezier(0.34, 1.56, 0.64, 1);
    object-fit:contain;
}
@media only screen and (max-width: 768px) {
    .search .movie .emojis .grid img {
        width:30px;
        height:30px;
    }
}
.search .movie span {
    display:block;
    margin-bottom:5px;
}
.search .movie span.name {
    color:#f8e921
}
.search .movie span.director {
    color:#fff
}
.search .movie span.extra {
    color:#fff;
    margin-bottom:15px;
}
.search .movie img {
    position:relative;
    overflow:hidden;
    height:250px
}
.splide__slide {
    width: min-content;
}
.teatros {
    background-color: #f8e921;
    display: flex;
    /* max-width: 100%;
    width: fit-content; */
    flex-wrap: wrap;
    flex-direction: row;
    padding: 5rem 0;
    margin-bottom: 4rem;
}
.teatros .info {
    width: 31.9%;
    /* background-color: yellowgreen; */
    padding: 2rem 3rem;
    border: solid 0.10rem #000;
    margin: 0 0.5rem 1rem;
}
@media only screen and (max-width: 1156px) {
    .teatros .info {
        width: 31%;
    }
}
@media only screen and (max-width: 768px) {
    .teatros .info {
        width: 47%;
    }
}
@media only screen and (max-width: 573px) {
    .teatros .info {
        width: 100%;
    }
}
.teatros .info .name {
    display: block;
    font-size: 1.7rem;
    font-weight: 600;
    letter-spacing: 0.25rem;
    line-height: 1.6rem;
}
.teatros .info .cine {
    display: block;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.25rem;
    line-height: 1.5rem;
}
.teatros .info .address, .teatros .info .horario, .teatros .info .web {
    display: block;
    font-size: 0.9rem;
    line-height: 1.25rem;
}
.teatros .info .web a {
    font-weight: 500;
    text-decoration: underline;
}
.container_teatros {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.tit_salas {
    width: 100%;
    margin-top: -3rem;
    margin-left: 2rem;
    margin-bottom: 2rem;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0.25rem;
}
.image_cab {
    display: block;
    width: fit-content;
    float: left;
    position: absolute;
    /* z-index: 500; */
    top: 9rem;
    right: 2rem;
}
@media only screen and (max-width: 1022px) {
    .image_cab {
        display: block;
        width: fit-content;
        float: left;
        top: 9rem;
        right: 2rem;
    }
}
@media only screen and (max-width: 996px) {
    .image_cab {
        display: contents;
        position: unset;
        top: 9rem;
        right: 2rem;
    }
}
@media only screen and (max-width: 996px) {
    footer .footer-header nav {
        display: none;
    }
}
.splide__arrow--next {
    right: 2rem;
}
/*# sourceMappingURL=styles.css.map */