@charset "utf-8";
/* 
=================================================================================================================
DOCK OF THE BAY 2024
-----------------------------------------------------------------------------------------------------------------
Diego Besné / diegobesne.com
=================================================================================================================
*/

/* ===========================================================
RESET
============================================================== */
*{ box-sizing: border-box;}
html, body{ height:100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body { line-height:1;}
ol, ul { list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}

img, a img, embed, iframe{ border:none; vertical-align:bottom;}
a, button{ color: #000000; outline:none; text-decoration:none;
/* Webkit */ -webkit-transition:.2s ease-in-out;
/* Firefox */ -moz-transition:.2s ease-in-out;
/* Opera */ -o-transition:.2s ease-in-out; 
/* Standard */ transition:.2s ease-in-out;}
form, fieldset{ border:none;}
ol, ul{ list-style:none;}
abbr{}
hr{ display:none;}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}

::selection { background:#ffffff; color:#000000; text-shadow:none;}
::-webkit-selection { background:#ffffff; color:#000000; text-shadow:none;}
::-moz-selection { background:#ffffff; color:#000000; text-shadow:none;}

/* ===========================================================
WEB 2021
============================================================== */
body{ background:#ffffff; color:#000000; font:400 1.25em/1.5em 'neue-haas-grotesk-text', sans-serif; letter-spacing: -.0125em; margin: 0; padding: 0; overflow-x: hidden; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale;}

@media only screen and (min-width:0) and (max-width:1599px) {
body{ font-size: 1em;}
}
@media only screen and (min-width:0) and (max-width:767px) {
body{ font-size: .75em;}
}

/* Header ============================================================== */

header{ background: #000; position: fixed; height: 100%; top: 0; left: 0; width:436px; z-index: 10000; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s; margin-left: -348px;}

header.open{ margin-left: 0;}

header .logo{ position: absolute; right: 30px; bottom: 30px; width: 28px;}
header .logo img{ height: 28px; width:auto; transform-origin: 0 0; margin: 0; padding: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; top: 0; left: 0;}

header .navicon { width: 28px; height: 17px; position: absolute; top: 30px; right: 30px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; cursor: pointer;}
header .navicon span { display: block; position: absolute; height:1px; width: 100%; background: #ffffff; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out;}
header .navicon span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
header .navicon span:nth-child(2) { top: 8px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
header .navicon span:nth-child(3) { top:16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
header .navicon.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-3px; left: 3px;}
header .navicon.open span:nth-child(2) { opacity: 0;}
header .navicon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:17px; left:3px;}

header .language{ padding: 1.5em 88px 0 1.5em;}
header .language ul li{ display: inline-block; font-size:.75em; padding: 0 .625em 0 0; text-transform: uppercase;}
header .language ul li a{ color: #fff;}

header .navigation{ padding:1.5em 88px 0 1.5em;}

header .navigation ul.sections{ font-size: 1.25em; font-weight: 500; line-height: 1.5em; padding: 0 0 1em;}
header .navigation ul.sections li a { color: #ffffff; position: relative;}
header .navigation ul.sections li a:before { position: absolute; top:50%; width: 0; content: ""; display: block; height: 1px; background: #000000; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out;}
header .navigation ul.sections li a:hover { color: #ffffff; padding: 0 0 0 25px;}
header .navigation ul.sections li a:hover:before{ background: #ffffff; width: 20px;}

header .navigation ul.subsections{ border-top: thin solid #ffffff; font-size: .875em; padding: 1em 0;}
header .navigation ul.subsections li a{ color: #ffffff;}

header ul.redes{ border-top: thin solid #ffffff; position: absolute; left: 1.5em; bottom: 1.5em; right: 88px; padding: 1em 0 0;}
header ul.redes li{ display: inline-block; margin: 0 1em 0 0;}
header ul.redes li a{ color: #ffffff;}

.bg_header{ background: rgba(0,0,0,0); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; pointer-events: none; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
.bg_header.open{ background: rgba(0,0,0,0); pointer-events: all;}

@media only screen and (min-width:0) and (max-width:768px) {
header{ border-right: none; height: auto; top: 0; left: 0; width:100%; margin-left:0;}
	
header.open{ height:auto;}
	
header .logo{ position: relative; right: auto; bottom: auto; width: auto; margin:0 0 0 30px; padding:27px 0;}
header .logo img{ height: 28px; width:auto; transform-origin: 0 0; margin: 0; padding: 0; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); position: relative; top: auto; left:auto;}
	
header .language{ padding: 1.5em 1.5em 0; text-align: center; display: none;}
header .language ul li{ font-size:1.125em;}
	
header .navigation{ padding: 1.5em; text-align: center; display: none;}
    
header .navigation ul.sections{ font-size: 1.75em; line-height: 1.375em;}
header .navigation ul.sections li a:before{ display: none;}
header .navigation ul.sections li a:hover { padding: 0;}
	
header ul.redes{ font-size: 1.5em; border-top: none; position: relative; left: auto; bottom: auto; right: auto; padding:0 1.5em 3em; text-align: center; display: none;}
header ul.redes li{ display: inline-block; margin: 0 .5em;}
	
header.open .language,
header.open .navigation,
header.open .redes{ display: block;}
}

/* Footer ============================================================== */

footer { margin-top: 5em; padding-bottom:1.5em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
footer ul li{ display: inline-block; font-size: 1.1em; font-weight: 400; line-height: 1.5em; padding: 0 1em 0 0;}
footer ul li a{ color: #000000;}
footer ul li a:hover{ color: rgba(256,256,256,.5);}
footer p{ font-size: .75em; font-weight: 400;}

@media only screen and (min-width:0) and (max-width:1023px) {
footer ul,
footer p{ text-align: center; width: 100%;}
footer ul li{ padding: 0 .375em;}
footer p{ padding: 1.5em 0 0;}
}

/* Content ============================================================== */

.content{ padding: 3em; padding-bottom: 0; padding-left: 7.4em; width: 100%; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}

.content.open{ margin: 0 0 0 348px;}

@media only screen and (min-width:0) and (max-width:768px) {
.content{ padding: 2em; width: 100%; padding-top: calc(3em + 88px);}
	
.content.open{ margin: 0;}
}

/* Portada ============================================================== */

.content.poster{ background:#000; height: 100%; padding-top: 0; position: relative;}

.poster_home{ height: 100%; width: 100%;}

.poster_home .logo{ position: absolute; top: 50%; left: 148px; right: 60px; transform: translate(0, -80%); z-index: 10;}
.poster_home .logo img{ height: auto; width: 100%;}

.poster_home .datos{ color: #ffffff; position: absolute; bottom: 30px; left: 148px; z-index: 10; min-width: 16em;}
.poster_home .datos h1{ font-size: 1.5em; font-weight: 500; line-height: 1.125em; margin: 0 0 .375em;}
.poster_home .datos h1 span{ display: none;}
.poster_home .datos h2{ font-size: 1.5em; font-weight: 500; line-height: 1.125em; margin: 1em 0 0;}
.poster_home .datos p{ display: block;font-size: 1em; line-height: 1.25em; margin: 1em 0 0;}
.poster_home .datos p a{ display: inline-block; border: 2px solid #ffffff; color: #ffffff; font-weight: 500; padding: .5em 1em .625em;}
.poster_home .datos p a:hover{ background-color: #ffffff; color: #000;}

.poster_home .ano{ color: #ffffff; position: absolute; top: 30px; left: 148px; z-index: 10; min-width: auto;}
.poster_home .ano h3{ font-size: 1.75em; font-weight: 500; line-height: 1.125em; margin: 0;}

.poster_home .video_portada { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; overflow: hidden;}
.poster_home .video_portada iframe { width: 100vw; height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 100vh; min-width:177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.poster_home .img_portada { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; overflow: hidden;}
.poster_home .img_portada img { width: 100%; height: 100%; object-fit: cover;}

.poster_home a.flecha{ color: #ffffff; display: block; position: absolute; bottom:30px; left: 50%; transform: translate(-50%, 0); text-align: center; width: 0; width: auto; padding:0 0 .5em; z-index: 2;}
.poster_home a.flecha h3{ font-size: 1em; font-weight: 400; line-height: 1.375em; padding: 0 0 1em;}
.poster_home a.flecha img{ height: auto; width: 40px;}
.poster_home a.flecha:hover{ padding:.5em 0 0;}

@media only screen and (min-width:0) and (max-width:768px) {
.content.poster{ padding-top:82px;}
.poster_home{ height: 100%; width: 100%;}
.poster_home .logo{ left: 30px; right: 30px;}
.poster_home .datos{ position: absolute; bottom: 2.5em; left: 30px;}
.poster_home .ano{ top:7em; left: 30px;}
}
@media only screen and (min-width:0) and (max-width:700px) {
.poster_home .logo{}
}
@media only screen and (min-width:0) and (max-width:600px) {
.poster_home a.flecha{ bottom: 2em; left:auto; right: 2em; transform: translate(0, 0); margin:0;}
.poster_home .datos{ min-width: 33.333%;}
.poster_home .ano{ top: 9em; left: 30px;}
}

/* Section title ============================================================== */

.content .section_title{ border-top: thin solid #000000; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 0 0 5em;}

.ficha .content .section_title,
.content .section_title:first-of-type{ margin: 0;}

.content .section_title .title{ width: 48%; padding: 1em 0 0; -webkit-position:sticky; position: sticky; top: -1px;}
.content .section_title .title h1{ font-size: 3em; font-weight: 500; line-height: 1em; letter-spacing: -0.025em; padding: .125em 0 0;}
.content .section_title .title h2{ font-size: 1.125em; padding: 0 0 .5em; text-transform: uppercase;}

.content .section_title .text{ width: 48%; padding: 1.5em 0 0;}
.content .section_title .text h2{ font-size: 2.25em; line-height: 1.125em; font-weight: 500; letter-spacing: -0.025em; margin: 1.5em auto 0;}
.content .section_title .text h3{ border-bottom: thin solid #000000; font-size: 1.125em; line-height: 1.25em; font-weight: 500; margin: 2em auto 0; padding: 0 0 .375em;}
.content .section_title .text h3:first-of-type{ margin:0;}
.content .section_title .text p{ font-size: 1.125em; line-height: 1.375em; margin: 1.25em auto 0;}
.content .section_title .text p strong{ font-weight: 500;}
.content .section_title .text p:first-child{ margin: 0;}
.content .section_title .text p a{ margin: 0; color: #000000;}
.content .section_title .text p a:hover{ color: #000;}

.content .section_title .text ul{ font-size: 1em; line-height: 1.375em; font-weight: 300; padding: .5em 0 0;}
.content .section_title .text ul li{ margin: .75em 0 0;}
.content .section_title .text ul li a{color: #000000;}
.content .section_title .text ul li a:hover{color: #000000; opacity: .5;}

.content .section_title .text ul.logos{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content:flex-start; align-items: flex-start; padding: 0;}
.content .section_title .text ul.logos li{ width: 33.333%; padding: 0 .5em; margin: .5em 0 0; mix-blend-mode: multiply;}
.content .section_title .text ul.logos li img{ height: auto; width: 100%;}

.content .section_title .text .video{ position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden;}
.content .section_title .text .video iframe,
.content .section_title .text .video object,
.content .section_title .text .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.content .list_img{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 100%;}

.content .list_img .col{ width: 31.333%; padding: 0 0 1em;}
.content .list_img .col a{ display: block;}

.content .list_img a .img{ overflow: hidden; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
.content .list_img a .img img{ border-radius: 4px; mix-blend-mode: normal; height: auto; mix-blend-mode: multiply; width: 100%; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
.content .list_img a .txt h3{ border: none; color: #000000; height: auto; margin: 0; padding: .75em 0 0; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}

.content .list_img a:hover .img{}
.content .list_img a:hover .img img{ transform: scale(1.05, 1.05);}
.content .list_img a:hover .txt h3{}

@media only screen and (min-width:0) and (max-width:700px) {
.content .section_title .text ul.logos li{ width: 50%;}
}

.p_link{ font-size: 1em !important;  margin: 2.5em 0 0 !important;}
.p_link a { border: thin solid #000000; border-radius: 1.2em; color: #000000; padding:.5em 1.25em; position: relative;}
.p_link a:hover { background: #000; color: #fff !important;}

@media only screen and (min-width:0) and (max-width:1023px) {
.content .section_title .title,
.content .section_title .text{ width:100%; -webkit-position:relative; position: relative; top: auto;}
.content .list_img{ width:100%;}
.content .list_img .col{ width:48%;}
}

/* People CV ============================================================== */

.content .back{ margin: 0 0 3em;}
.content .back img{ height: 3em; width: auto;}
.content .back a{ display: block; padding: 0;}
.content .back a:hover{ padding: 0 0 0 3em;}

@media only screen and (min-width:0) and (max-width:768px) {
.content .back{ margin: 0 0 2em;}
}

.content .name_img{ border-top: thin solid #000000; padding: 0 0 5em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; position: relative;}

.content .movie_info .name_img{ align-items:stretch;}
.dialogos .content .movie_info .name_img{ padding: 0 0 5em;}

.content .name_img .name{ padding:2em 0 0; width: 47%; position: relative; -webkit-position:sticky; position: sticky; top: -1px;}
.content .name_img .name h1{ font-size: 3em; line-height: 1em; font-weight: 500;}
.content .name_img .name h2{ font-size: 1.25em; line-height: 1.25em; margin:.5em 0 0;}
.content .name_img .name h3{ font-size: 2em; font-weight: 400; line-height: 1.375em;}
.content .name_img .name h3 strong{ font-weight: 500;}
.content .name_img .name h4{ font-weight: 500; font-size: 1.25em; font-weight: 500; line-height: 1.25em; margin: .125em 0 2em;}
.content .name_img .name h4 span{ font-weight: 400; line-height: 1.25em; text-transform: none; padding: 0 0 0 .125em;}

.content .name_img .name p.p_ticket{ display: inline-block; position: absolute; top: 2.25em; right: 0;}
.content .name_img .name p.p_ticket a{ border: thin solid #000000; border-radius: 1.4em; color: #000000; display: inline-block; padding:.5em 1.25em; font-size:.875em; line-height: 1.5em;}
.content .name_img .name p.p_ticket a img{ height: 1.375em; width: auto; margin: 0 .375em 0 0; vertical-align: top;}
.content .name_img .name p.p_ticket a:hover{ background: #ffffff; color: #000000;}

.content .movie_info .name_img .name{ padding:2em 0;}
.dialogos .content .movie_info .name_img .name{ border: none;}

.content .name_img .img{ padding: 2em 0 0; width: 48.5%;}
.content .name_img .img img{ height: auto; width: 100%; border-radius: 4px;}

.content .name_img .img .video{ position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden;}
.content .name_img .img .video iframe,
.content .name_img .img .video object,
.content .name_img .img .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.content .info{ padding: 0 0 0 51.5%;}
.content .info h3{ font-size: 3em; line-height: 1.375em; font-weight: 300; margin: 1.5em auto 0; text-transform: uppercase}
.content .info p{ font-size: 1.125em; line-height: 1.375em; margin: 1.25em auto 0;}

.content .info .list_img{ margin-top: 1.5em;}
.content .info .list_img .col{ width: 48%;}

@media only screen and (min-width:0) and (max-width:1023px) {
.content .name_img .name,
.content .name_img .img{ width: 100%; -webkit-position:relative; position: relative; top: auto;}
.content .info{ padding: 0 0 3em 0;}
}
@media only screen and (min-width:0) and (max-width:767px) {
.content .info .list_img .col{ width: 100%;}
}

/* Calendar ============================================================== */
.calendar.portada{ padding: 2em 0 0;}

.calendar .calendar_title{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content:flex-start; align-items:flex-start;}
.calendar .calendar_title h2{ font-size: 2.5em; font-weight: 500; line-height: 1.125em; letter-spacing: -0.025em; padding: 0 0 .75em;}

.calendar .day_events{ border-top: thin solid #000000; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}

.calendar .day_events .day{ width: 25%; padding: 1.5em 1.5em 1.5em 0; -webkit-position: sticky; position: sticky; top: 0;}
.calendar .day_events .day h3{ font-size: 3em; font-weight: 500; line-height: 1.125em;}
.calendar .day_events .day h4{ font-size:1em; line-height: 1em; text-transform: uppercase; margin: .25em 0 0;}

.calendar .day_events .events{ width: 75%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:flex-start; align-items: stretch;}
.calendar .day_events .events .event{ border-left: thin solid #000000; width: 33.333%; margin: 1.5em 0; position: relative;}
.calendar .day_events .events .event.none{ border: none !important; margin: 0 !important;}

.calendar .day_events .events .event .txt{ padding: 0 .5em 1.5em 0; min-height: 12em;}

.calendar .day_events .events .event.radio{ padding: 0 1.5em;}

.calendar .day_events .events .event .img{ position: relative;}
.calendar .day_events .events .event .img img{ height: auto; width:90%; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; -ms-transition:all .2s; transition:all .2s; position: relative; z-index: 2; border-radius: 4px;}
.calendar .day_events .events .event .img p{ font-size: .6em; line-height: 1.25em; text-transform: uppercase; letter-spacing: .07em; position: absolute; bottom: 0; left: 0; transform-origin: 0 0; margin: 0 0 -1em 0; padding: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); z-index: 1;}

.calendar .day_events .events .event h3{ font-size: 1em; line-height: 1.25em; margin: .625em 0 0 0;}
.calendar .day_events .events .event h3 strong{ font-weight: 500;}
.calendar .day_events .events .event h4{ font-size: 1.5em; font-weight: 500; letter-spacing: -0.0125em; line-height: 1em; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; -ms-transition:all .2s; transition:all .2s;}
.calendar .day_events .events .event h5{ font-size: .8em; font-weight: 300; line-height: 1.5em;}
.calendar .day_events .events .event h6{ font-size: .8em; font-weight: 500; line-height: 1.25em; margin: .5em 0 0;}

.calendar .day_events .events .event p.p_ticket{ display: inline-block; position: absolute; top:0; left:6.5em;}
.calendar .day_events .events .event p.p_ticket a{ color: #ffffff; display: inline-block; padding: 0; font-size:.75em; line-height: 1.25em; text-transform: none; letter-spacing:0;}
.calendar .day_events .events .event p.p_ticket a img{ height: 1.375em; width: auto; margin: 0 .375em 0 0;}
.calendar .day_events .events .event p.p_ticket a:hover{ color: #000000;}

.calendar .day_events .events .event a{ color: #000000; display: block; padding: 0 1.5em;}
.calendar .day_events .events .event:hover h4{ color: #000;}
.calendar .day_events .events .event:hover .img img{ margin: 0 0 0 10%; width: 90%;}

@media only screen and (min-width:0) and (max-width:768px) {
.calendar{}
.calendar .day_events .day{ width: 33.333%; top: 82px;}
.calendar .day_events .events{ width: 66.666%;}
.calendar .day_events .events .event{ width: 50%;}
.calendar .day_events .events .event.none{ display: none;}
.calendar .day_events .events .event .img img{ margin: 0 0 0 10%; width: 90%;}
}
@media only screen and (min-width:0) and (max-width:500px) {
.calendar.portada{ padding: 7.5em 0 0;}
.calendar .day_events .day{ background: #ffffff; width: 100%; z-index: 10;}
.calendar .day_events .day h4{ font-size:1.5em; line-height: 1.25em;}
.calendar .day_events .events{ width: 100%;}
.calendar .day_events .events .event{ width: 100%;}
.calendar .day_events .events .event .txt{ padding: 0 0 2em 0; min-height: auto;}
.calendar .day_events .events .event h3{ font-size: 1.5em; line-height: 1.25em;}
.calendar .day_events .events .event h4{ font-size: 2.25em; line-height: 1em;}
.calendar .day_events .events .event h5{ font-size: 1.25em;}
.calendar .day_events .events .event h6{ font-size: 1.25em;}
.calendar .day_events .events .event p.p_ticket{ top: .125em; left:9em;}
.calendar .day_events .events .event p.p_ticket a{ color: #000000; font-size:1.25em; line-height: 1.25em;}
.calendar .day_events .events .event p.p_ticket a img{ height: 1.5em;}
.calendar .day_events .events .event .img p{ font-size: .875em;}
}

body.dialogos .content .section_title .text h3:first-of-type{ margin:1.5em auto 0;}

/* Movie info ============================================================== */

.gallery{ margin: 5em 0 0; text-align: center; height: 75vh; position: relative;}
.gallery div,
.gallery ul,
.gallery li{ height: 100%; text-align: center; cursor:grab; position: relative; z-index: 1;}
.gallery img{ height: 100%; width: 100%; object-fit: cover; padding: 0 3em;}

.dock_live .gallery{ margin-bottom:8em;}

.gallery .slick-arrow{ background: transparent; border:none; position:absolute; top: 0; bottom:0; cursor: pointer; overflow:hidden; text-indent:-9999em; width:7.5em; z-index: 10;}
.gallery .slick-prev{ background: url("../img/flecha-volver.svg") no-repeat center; background-size: 100%; left:0;}
.gallery .slick-next{ background: url("../img/flecha-next.svg") no-repeat center; background-size: 100%; right:0;}

.pagingInfo{ position: absolute; height: auto !important; bottom: 0; left: 0; right: 0; display: inline-block; font-size: 3.2em; line-height: 1em; margin: -1.6em 0 0;}

@media only screen and (min-width:0) and (max-width:768px) {
.gallery{ height: 33vh;}
}

.data_sheet{}
.data_sheet ul{ margin: 0 !important;}
.data_sheet ul li{ margin: 0 !important;}
.data_sheet ul li strong{ font-weight: 500;}