body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,span{
margin:0;
padding:0;
}
body{
font: 62.5% Arial, Helvetica, sans-serif;
}
table{
border-collapse:collapse;
border-spacing:0;
width:100%;
}
fieldset,img{
border:0;
}
ol,ul,dl{
list-style-type:none;
margin: 0;
padding: 0;
}
caption,th{
text-align:left;
}
img{
border:0;
}
a{
outline:none;
}
html, body {
margin:0;
padding:0;
height:100%;
background-color: #fff;
color: #222;
font: 15px/160% 'Inter', sans-serif;
}
body {
-webkit-font-smoothing: subpixel-antialiased;
-webkit-text-size-adjust: none;
color: #222;
background-color: #fff;
font: 15px/160% 'Inter', sans-serif;
}
p {
margin-top: 0;
margin-bottom: 20px;
text-align: left;
color: #222;
font-size: 15px
}
h1,h2,h3,h4,h5 {
color: #222;
line-height: 120%;
font-weight: 300;
font-style: normal;
}
a {
text-decoration: none;
color: #222;
}
input {
-webkit-appearance: none;
} .wrap {
width: 1240px;
margin: auto
}
#menu {
position: fixed;
z-index: 2;
width: 96%;
padding: 22px 2%;
float: left;
min-width: 1240px;
background-color: #F4F2F0
}
#menu_overlay {
width: 96%;
padding: 22px 2%;
float: left;
min-width: 1240px;
background-color: #F4F2F0
}
#logo {
float: left;
}
#logo img {
float: left;
}
#logo .logo15 {
height: 48px;
width: auto;
margin-left: 20px;
}
#comprar_header {
float: left;
margin-left: 54px;
margin-top: 3px
}
#comprar_header h3 {
border-radius: 20px;
font-size: 15px;
font-weight: 700;
border: 1px solid #FFF;
background: #69B647;
padding: 12px 28px 12px 57px;
background-image: url(//www.tmlascondes.cl/wp-content/themes/tlc/images/tickets.svg);
background-repeat: no-repeat;
background-position: 17px center;
box-shadow: 6px 6px 0 #ffffff;
transition: box-shadow 0.3s ease;
}
#comprar_header h3 a {
color: #fff;
}
#comprar_header.sidebar h3 {
margin-left: 34px;
box-shadow: 6px 6px 0 #E2E2E2;
border-radius: 20px;
}
#nav {
float: right;
margin-top: 12px;
}
#nav ul {
display: flex;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
#nav ul li {
margin-left: 26px;
display: flex;
align-items: center;
}
#nav ul li a {
color: #222;
font-size: 15px;
font-weight: 400;
text-decoration: none;
display: flex;
align-items: center;
padding-bottom: 6px;
}
#nav ul li.current-menu-item a, #nav ul li.current-page-ancestor a {
border-bottom: 1px solid #000;
}
#content_menu ul li.page-id-14, #content_menu ul li.page-id-598 {
display: none;
}
#header {
width: 100%;
float: left;
background-color: rgba(0, 0, 0, 0.4);
height: 640px;
background-size: cover;
}
#header_overlay {
width: 100%;
float: left;
background: rgba(0, 0, 0, 0.40);
height: 360px;
padding-top: 280px;
}
#header h1.post_title {
margin-bottom: 20px;
}
#header_overlay h5 {
border-radius: 20px;
font-size: 15px;
font-weight: 700;
border: 1px solid #FFF;
background: #000;
padding: 12px 28px 12px 57px;
background-image: url(//www.tmlascondes.cl/wp-content/themes/tlc/images/tickets.svg);
background-repeat: no-repeat;
background-position: 17px center;
box-shadow: 6px 6px 0 #ffffff;
display: inline;
transition: box-shadow 0.2s ease;
}
#header_overlay h5:hover, #comprar_header h3:hover {
box-shadow: 9px 9px 0 #ffffff;
}
#comprar_header.sidebar h3:hover {
box-shadow: 9px 9px 0 #E2E2E2;
}
#header_overlay h5 a {
color: #fff;
}
#header_overlay .boton-centro {
display: flex;
justify-content: center;
} body#page-10 #menu {
background-color: transparent;
transition: background-color 0.4s ease, color 0.4s ease;
} body#page-10 #menu.scrolled {
background-color: #F4F2F0;
} body#page-10 #menu.transparent {
background-color: transparent;
} body#page-10 #menu.transparent #nav ul li a,
body#page-10 #menu.transparent #comprar_header h3 a {
color: white;
}
body#page-10 #menu.transparent #nav ul li.current_page_item a {
border-bottom: 1px solid #fff;
}
body#page-10 #menu.transparent #logo img, body#page-10 #menu.transparent #nav img {
filter: brightness(0) invert(1);
} #slider_header {
width: 100%;
height: 400px;
background-size: cover;
background-position: center bottom;
padding-top: 240px;
}
#slider_header h2 {
font-size: 24px;
line-height: 30px;
font-weight: 400;
color: #fff;
}
#slider_header h1 {
font-size: 70px;
line-height: 120%;
font-weight: 700;
color: #fff;
width: 780px;
margin-bottom: 20px;
height: 46px;
}
#header_overlay h1 {
font-size: 70px;
line-height: 120%;
font-weight: 700;
color: #fff;
text-align: center;
}
#slider_header h1 span {
color: #fff
}
#galeria {
float: left;
height: 100px;
width: 100%;
}
#cartelera_home, #palco_home, #sorprendete_home, #faq, #beneficios, #condiciones_venta, #directores {
float: left;
width: 100%;
padding: 120px 0;
}
#sorprendete_home {
background-color: #F4F2F0;
}
#palco_home .left {
width: 352px;
float: left;
padding-top: 80px;
}
#palco_home .right {
float: right;
width: 816px;
height: 500px;
border-radius: 10px;
background-position: center;
background-size: cover;
}
.sorprenderte_home {
width: 400px;
float: left;
}
.sorprenderte_home:nth-of-type(2) {
margin: 0 20px;
}
#sorprendete_home h4, .cartelera-item h4, .memorias h4 {
color: #222;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.sorprenderte_image {
width: 100%;
height: 225px;
background-position: center;
background-size: cover;
float: left;
margin-bottom: 22px;
border-radius: 10px;
} #cartelera_posts {
width: 100%;
float: left;
}
#botones_cartelera {
width: 100%;
float: left; margin-bottom: 36px;
} #botones_cartelera h4 {
border: 1px solid #000 !important;
background: #fff !important;
}
#botones_cartelera h4.active {
border: 1px solid #000 !important;
background: #000 !important;
}
#botones_cartelera h4#suspendidos.active {
color: #fff;
}
#botones_cartelera h4#suspendidos {
margin-left: 20px;
}
#botones_cartelera a {
color: #222;
}
.cartelera-item, .memorias {
width: 290px;
float: left;
margin: 0 10px;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 6px 2px rgba(0, 0, 0, 0.10);
border-radius: 10px;
margin-bottom: 40px;
position: relative;
transition: box-shadow 0.4s ease;
}
.cartelera-item:hover, .memorias:hover {
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.30), 0px 2px 6px 2px rgba(0, 0, 0, 0.35);
}
.imagen_cartelera {
width: 100%;
float: left;
height: 340px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-repeat: no-repeat;
position: relative;
background-size: cover;
}
.imagen_cartelera::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.20);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
z-index: 1;
transition: opacity 0.4s ease;
opacity: 1;
}
.imagen_cartelera:hover::before {
opacity: 0;
}
.cartelera-item.Grande {
width: 910px;
}
.cartelera-item.Grande .cartelera-data {
width: 870px;
}
.cartelera-item.Mediano {
width: 600px;
}
.cartelera-item.Mediano .cartelera-data {
width: 560px;
}
.cartelera-data {
width: 250px;
float: left;
padding: 20px;
background-color: #F4F2F0;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
height: 120px;
}
#historias .cartelera-data, #historias .cartelera-data h4 {
height: auto;
}
#historias .cartelera-item, #slider img {
cursor: pointer;
}
.cartelera-data . {
width: 250px;
float: left;
padding: 20px;
background-color: #F4F2F0;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
height: 120px;
}
.cartelera-data p {
font-size: 16px;
font-style: normal;
font-weight: 300;
}
.cartelera-data h4 {
margin-bottom: 11px;
height: 56px;
}
.cartelera-data h5 {
font-size: 13px;
font-weight: 400;
letter-spacing: 0.65px;
text-transform: uppercase;
margin-bottom: 8px;
}
.cartelera-data p.left, .cartelera-data p.right {
margin-bottom: 0;
}
.cartelera-data p.left {
float: left;
}
.cartelera-data p.right {
float: right;
}
body#page-159 .cartelera-item {
filter: grayscale(100%);
}
.overlay-postergado {
position: absolute;
height: 340px;
top: 0;
padding-top: 160px;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.16);
border-radius: 10px;
}
.overlay-postergado h6 {
text-align: center;
font-weight: 700;
color: white;
font-size: 22px;
transform: rotate(-5deg);
text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
}
.icono-mas-info {
transition: transform 0.6s ease-in-out;
display: inline-block;
}
.cartelera-item:hover .icono-mas-info, .memorias:hover .icono-mas-info {
transform: rotate(360deg);
} #contenido_destacado_home {
width: 100%;
float: left
}
#imagen_contenido_home {
width: 100%;
height: 160px;
float: left;
background-position: center;
background-size: cover;
padding-top: 560px
}
#imagen_contenido_mobile {
display: none;
}
.marquesina {
width: 100%;
overflow: hidden;
background: #000;
padding: 8px 0;
position: relative;
font-weight: 700;
}
.marquesina-container {
overflow: hidden;
background: #000;
color: #fff;
white-space: nowrap;
width: 100%;
}
.marquesina-track {
display: flex;
width: max-content;
animation: scroll-right-to-left 90s linear infinite;
}
.marquesina-content {
display: inline-block;
white-space: nowrap;
}
@keyframes scroll-right-to-left {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}
#breadcumb {
float: left;
width: 100%;
padding: 12px 0 0 0;
}
#breadcumb ol {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: .5rem;
}
#breadcumb li + li::before {
content: "/";
margin: 0 .5rem;
opacity: .6;
}
#breadcumb a {
text-decoration: none;
}
#breadcumb a:hover {
text-decoration: underline;
} .overlay {
width: 100%;
position: fixed;
z-index: 300;
top: 0;
left: 0;
overflow-y: hidden;
transition: 0.4s;
background-color: #fff;
height: 0;
}
#content_menu {
float: left;
width: 100%;
margin-top: 40px;
}
#content_menu .columna {
width: 400px;
padding: 0 10px;
box-sizing: border-box;
float: left;
}
#content_menu ul li {
margin-bottom: 26px;
font-weight: 500;
}
#content_menu .boleteria {
margin-bottom: 48px
} #contenido_single {
width: 100%;
float: left;
margin-top: 112px;
}
#contenido_single.expo {
margin-top: 80px
}
#contenido_general {
width: 706px;
float: right;
}
#content_principal h2, #content_principal h3, #content_top h2, #content_top h3 {
color: #222;
font-family: Inter;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 160%; margin-bottom: 36px;
}
#content_principal h3 strong, #content_top h3 strong {
font-weight: 700;
}
#content_principal p, #content_top p {
color: #222;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; }
#content_principal iframe, #contenido_single iframe, #beneficios iframe {
width: 100%;
height: 400px
}
#elenco, #uso_sala {
width: 100%;
float: left;
border-radius: 10px;
background: var(--rgb-244242240, #F4F2F0);
box-shadow: 0px 2px 1.5px 0px rgba(0, 0, 0, 0.16);
margin-top: 62px;
}
#uso_sala {
margin-bottom: 52px;
}
#elenco .titulo, #uso_sala .titulo, #importante_beneficio .titulo, #condiciones_venta .titulo, #opciones_compra .titulo, #beneficios .titulo {
width:100%;
float: left;
border-radius: 10px 10px 0px 0px;
background: #DB1F31;
padding: 20px 0;
}
#beneficios .titulo {
background-color: #000;
}
#clasificacion {
width:66%;
float: left;
border-radius: 10px;
background: #DB1F31;
padding: 20px 2%;
margin-top: 100px
}
#clasificacion h3, #clasificacion  p {
color: #fff;
}
#clasificacion h4 {
color: #FFF;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 16px
}
#importante_beneficio .titulo, #condiciones_venta .titulo, #opciones_compra .titulo, #beneficios .titulo {
margin-bottom: 50px
}
#elenco .texto, #uso_sala .texto {
float: left;
padding: 28px 28px 8px 28px;
}
#elenco .titulo h3, #uso_sala .titulo h4, #importante_beneficio .titulo h4, #condiciones_venta .titulo h4, #opciones_compra .titulo h4, #beneficios .titulo h4  {
color: #FFF;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-left: 28px
}
#elenco p, #uso_sala p {
color: #222;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; }
#sidebar {
width: 436px;
float: left;
}
#plano {
width: 100%;
float: left;
margin-bottom: 80px
}
#valores {
width: 100%;
float: left;
margin-bottom: 80px
}
#valores {
width: 100%;
max-width: 700px;
margin: 0 auto 80px;
font-family: 'Helvetica', sans-serif;
color: #222;
}
#valores .titulo ul,
#valores .precios ul {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
list-style: none;
border-bottom: 1px solid #ccc;
margin: 0;
}
#valores .titulo ul {
border-bottom: none;
font-weight: bold;
}
#valores .titulo ul li:nth-child(1) {
flex: 2;
font-size: 26px;
display: flex;
align-items: center;
}
#valores .titulo ul li:nth-child(2),
#valores .titulo ul li:nth-child(3) {
flex: 1;
text-align: right;
font-size: 13px;
text-transform: uppercase;
color: #444;
line-height: 1.2;
}
#valores .titulo ul li h6 {
font-size: 13px
}
#valores .titulo ul li h3 {
margin-bottom: 8px;
}
#valores h3.circulo::after {
content: '';
display: inline-block;
width: 10px;
height: 10px;
background: #222;
border-radius: 50%;
margin-left: 10px;
}
#valores .precios ul li:nth-child(1) {
flex: 2;
display: flex;
align-items: center;
font-weight: 500;
font-size: 16px;
}
#valores .precios ul li:nth-child(2),
#valores .precios ul li:nth-child(3) {
flex: 1;
text-align: right;
font-size: 16px;
} .azul::before,
.verde::before,
.rojo::before,
.amarillo::before {
content: '';
display: inline-block;
width: 14px;
height: 14px;
border-radius: 50%;
margin-right: 10px;
}
.azul::before {
background-color: #2030AB;
}
.verde::before {
background-color: #509D50;
}
.rojo::before {
background-color: #BF1816;
}
.amarillo::before {
background-color: #F7CC55;
}
.plano-thumbnail {
width: 100%;
}
.plano-thumbnail img {
width: 408px;
}
#contenido_single .wrap.suspendidas {
width: 720px;
margin: auto;
} .modal-plano {
display: none;
position: fixed;
z-index: 9999;
left: 0; top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.85);
text-align: center;
padding-top: 60px;
}
.modal-plano-imagen {
max-width: 90%;
max-height: 80vh;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
.cerrar-modal {
position: absolute;
top: 20px;
right: 30px;
font-size: 40px;
color: white;
cursor: pointer;
font-weight: bold;
z-index: 10000;
transition: 0.2s;
}
.cerrar-modal:hover {
color: #ccc;
}  .slider-wrapper {
max-width: 960px;
margin: 40px auto;
}
.flexslider {
padding: 0;
border: none;
background: none;
position: relative;
}
.flexslider .slides {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: nowrap;
overflow: hidden;
}
.flexslider .slides li {
display: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
position: relative;
}
.flexslider .flex-active-slide {
display: block;
} :root {
--slider-radius: 12px;
--slider-height: 400px; --carousel-thumb-w: 120px;
--carousel-thumb-h: 80px; --carousel-gap: 10px;
--carousel-radius: 8px;
}  #slider {
width: 100%;
background: #000;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
#slider .slides li {
display: flex;
align-items: center; justify-content: center; overflow: hidden;
height: 467px; background: #000; text-align: center;
}
#slider .slides img {
max-height: 100%;
max-width: 100%;
object-fit: contain; border-radius: 20px;
} #carousel {
margin-top: 10px;
}
#carousel .slides {
display: flex;
flex-direction: row;
}
#carousel .slides li {
width: var(--carousel-thumb-w);
height: var(--carousel-thumb-h);
margin-right: var(--carousel-gap);
opacity: 0.5;
transition: opacity 0.3s ease;
cursor: pointer;
overflow: hidden;
border-radius: var(--carousel-radius);
}
#carousel .flex-active-slide {
opacity: 1 !important;
}
#carousel .slides img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
border-radius: var(--carousel-radius);
}
.flex-direction-nav {
list-style: none;
position: absolute;
top: 50%;
width: 100%;
z-index: 2;
margin: 0;
padding: 0;
transform: translateY(-50%);
}
.flex-direction-nav a {
display: block;
width: 40px;
height: 40px;
background-color: rgba(0,0,0,0.5);
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 40px;
font-size: 20px;
position: absolute;
top: 0;
transition: background 0.3s ease;
}
.flex-direction-nav .flex-prev {
left: 0;
}
.flex-direction-nav .flex-next {
right: 0;
}
.flex-direction-nav a:hover {
background-color: rgba(0,0,0,0.8);
}
.fancybox-slide--image .fancybox-content {
background-color: transparent !important;
}
#content_top {
width: 100%;
float: left;
padding: 100px 0;
}
#content_top .wrap, #directores .wrap {
width: 700px;
}
#content_top p:first-of-type::first-letter {
float: left;
font-size: 4.7em; line-height: 1;
padding-right: 8px;
font-weight: bold;
}
#linea_de_tiempo {
width: 100%;
float: left;
background-color: #000;
padding: 100px 0;
} .timeline-flexslider-wrapper {
width: 100%;
min-width: 1200px;
background: black;
}
#linea_de_tiempo ol.flex-control-nav {
float: left;
margin-left: 3%;
display: inline;
color: white;
}
#linea_de_tiempo ol.flex-control-nav li {
display: inline;
}
#linea_de_tiempo .flex-direction-nav {
display: block;
width: 90%;
margin: 0 5%;
position: absolute;
top: -36px;
}
#linea_de_tiempo .flex-nav-next {
float: right;
}
#linea_de_tiempo .flex-nav-prev {
float: left;
}
#linea_de_tiempo .flex-direction-nav a svg {
width: 28px;
height: 28px;
fill: #fff; }
#historias {
width: 100%;
float: left;
background-color: #000;
padding: 0 0 80px 0;
}
#historias .left {
width: 540px;
float: left;
margin-top: 260px;
}
#historias .imagen_central {
width: 100%;
float: left;
height: 840px;
background-position: center bottom;
min-width: 1200px;
margin-bottom: 80px;
}
#historias .left h3 {
color: #FFF; font-family: Inter;
font-size: 72px;
font-style: normal;
font-weight: 700;
line-height: normal;
width: 290px;
margin-bottom: 20px;
}
#historias .left h4 {
color: #FFF;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 30px; }
.flexslider.timeline-slider,
#timeline-slider {
position: relative;
background: none;
border: none;
z-index: 1;
}
#timeline-slider::after {
content: '';
position: absolute;
top: 44px;
left: 0;
width: 100%;
height: 1px;
background-color: white;
z-index: 0;
}
#timeline-slider * {
position: relative;
z-index: 2;
}
.timeline-slide {
width: 300px;
padding: 0 10px;
color: white;
text-align: center;
}
.timeline-year {
color: #FFF;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-align: left;
margin-bottom: 14px;
}
.timeline-circle {
width: 12px;
height: 12px;
background-color: #222;
border-radius: 12px;
border: 3px solid #fff;
margin-bottom: 28px;
}
.timeline-image img {
width: 100%;
display: block;
margin: 0 auto 10px;
}
.timeline-content h4 {
color: #FFF;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-align: left;
margin: 28px 0 5px;
}
.timeline-content p {
font-size: 14px;
color: #ccc;
line-height: 1.4;
}
.timeline-slide,
.timeline-year,
.timeline-image,
.timeline-circle,
.timeline-content {
position: relative;
z-index: 1;
}
.flex-direction-nav {
display: none;
}
#imagen_bottom {
width: 100%;
float: left;
height: 650px;
background-position: center;
background-size: cover
} .preguntas_frecuentes {
width: 90%;
max-width: 800px;
margin: 0 auto;
font-family: Arial, sans-serif;
}
.pregunta {
display: flex;
align-items: flex-start;
gap: 15px;
border-bottom: 1px solid #ccc;
padding: 15px 0;
cursor: pointer;
}
.numero {
min-width: 32px;
height: 32px;
background-color: #222;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 32px;
font-weight: bold;
font-size: 14px;
flex-shrink: 0;
}
.contenido h3 {
margin: 0;
font-size: 18px;
}
.respuesta {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease;
font-size: 16px;
color: #333;
margin-top: 5px;
}
.pregunta.activa .respuesta {
max-height: 500px;
}
.pregunta h3 {
margin: 0;
color: #222;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 162.5%;
} .beneficios-wrap {
width: 100%;
float: left;
}
.beneficio {
width: 100%;
float: left;
margin-bottom: 100px;
}
.beneficio-left {
width: 480px;
float: left;
}
.beneficio-right {
width: 506px;
float: left;
margin-left: 80px
}
.beneficio-right img {
border-radius: 10px;
height: auto;
display: block;
max-width: 100%;
}
.beneficio-right img.landscape {
width: 504px;
max-width: 100%;
height: auto;
}
.beneficio-right img.portrait {
width: auto;
max-width: 296px;
height: auto;
} .condiciones-bullets {
width: 84%;
float: left;
}
.condiciones-wrap {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 40px;
}
.condicion-item {
display: flex;
align-items: flex-start;
gap: 16px;
margin-bottom: 16px
}
.condicion-texto {
font-size: 16px;
line-height: 1.6;
flex: 1;
}
#directores_rept {
float: left;
width: 100%;
margin-top: 40px;
}
.directores {
width: 180px;
float: left;
margin-right: 53px;
}
.directores:first-child .imagenes_dir {
width: 180px
}
.directores:first-child {
width: 100%;
margin-right: 0;
padding-bottom: 52px;
margin-bottom: 40px;
border-bottom: 1px #707070 solid
}
.directores:last-child {
margin-right: 0;
}
.imagenes_dir {
float: left;
width: 100%;
margin-bottom: 18px;
position: relative; height: 120px; }
.imagen_persona {
width: 120px;
height: 120px;
border-radius: 120px;
background-position: center;
background-size: cover;
float: left;
}
.imagen_linkedin {
background-size: cover;
width: 38px;
height: 38px;
position: absolute;
right: 16px;
bottom: 0;
}
.directores-data, .equipos_rept {
float: left;
width: 100%;
}
.equipos-data {
float: left;
width: 200px;
margin: 0 23px 32px 0; } .equipos-data:nth-child(3n) {
margin-right: 0;
} .equipos-data:nth-child(3n + 1) {
clear: left;
}
.directores-data h4, .equipos-data h4 {
color: #222;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
} #forms_g {
width: 100%;
float: left;
margin-top: 160px;
}
#forms_g .wrap {
width: 720px;
}
#forms_g h2 {
color: #222;
font-family: Inter;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 40px;
}
#forms_g .gfield--type-html {
margin-top: 30px;
}
.sep_titulo {
width: 100%;
float: left;
margin-top: 20px
} #footer {
width: 100%;
float: left;
}
#footer #forms {
width: 100%;
float: left;
margin-top: 120px;
position: relative;
}
#footer #dire_footer {
width: 100%;
float: left;
position: relative;
}
#footer #forms::before, #footer #dire_footer::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 1px;
background-color: #707070;
transform: translateX(-50%);
}
#footer #forms .form_1, #footer #forms .form_2 {
width: 504px;
}
#contenido_single .suspendidas p a {
text-decoration: underline
}
#footer #forms h3.circulo, #cartelera_home h3.circulo, #palco_home h3.circulo, #sorprendete_home h3.circulo, #content_menu h3.circulo, #valores h3.circulo, #plano h3.circulo, #beneficios h3.circulo, #directores h3.circulo, #contenido_single .suspendidas h3.circulo, #forms_g h3.circulo, #contenido_single.expo h3 {
color: #222;
font-family: Inter;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
position: relative;
margin-bottom: 28px;
}
#palco_home h3.circulo, #palco_home p {
margin-bottom: 40px;
}
#footer #forms h3.circulo::after, #cartelera_home h3.circulo::after, #palco_home h3.circulo::after, #sorprendete_home h3.circulo::after,  #content_menu h3.circulo::after, #valores h3.circulo::after, #plano h3.circulo::after, #beneficios h3.circulo::after, #directores h3.circulo::after, #contenido_single .suspendidas h3.circulo::after, #forms_g h3.circulo::after, #contenido_single.expo h3::after  {
content: '';
display: inline-block;
width: 10px;
height: 10px;
background-color: #222;
border-radius: 50%;
margin-left: 7px; transform: translateY(4px); }
#footer #forms p {
color: #222;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 162.5%;
}
#footer #forms .form_1 {
float: left
}
#footer #forms .form_2 {
float: right
}
#footer #direcciones {
width: 100%;
float: left;
padding: 60px 0;
margin-top: 80px;
border-top: 1px solid #707070
}
#footer #direcciones .left {
float: left;
width: 600px
}
#footer #tag_footer .right img.teatro {
margin-left: 40px
}
#footer #direcciones .left .direcciones, .direcciones {
background-repeat: no-repeat;
background-position: top left;
padding-left: 42px;
width: 172px;
float: left;
margin-right: 80px;
height: 72px;
margin-bottom: 26px;
}
#content_menu .direcciones {
height: auto;
}
#footer #direcciones .left .direcciones:nth-of-type(3), #footer #direcciones .left .direcciones:nth-of-type(4) {
margin-bottom: 0;
height: auto;
}
#footer #direcciones .left .direcciones h4, #footer #direcciones .right h4, .direcciones h4  {
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 140%;
}
#footer #direcciones .left .direcciones p, #footer #direcciones .right p, .direcciones p {
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 160%;
}
#footer #direcciones .left .direcciones p, .direcciones p {
margin-bottom: 0;
}
#footer #direcciones .right .boleteria h3, #palco_home .left h4, #botones_cartelera  a h4, .boleteria h3, #contenido_single .suspendidas h5, #forms_g h5, .sorprenderte_home h5, #slider_header h5, #imagen_contenido_home h5, #imagen_contenido_mobile h5 {
border-radius: 50px !important;
border: 1px solid #E2E2E2 !important;
background: #000;
color: #fff;
font-weight: bold !important;
font-size: 16px !important;
padding: 16px 40px !important;
cursor: pointer !important;
box-shadow: 6px 6px 0 #E2E2E2;
transition: all 0.3s ease !important;
display: inline-block;
}
#botones_cartelera  a h4 {
color: #000;
}
#botones_cartelera a h4.active {
color: #fff;
}
#palco_home .left h4 a, #contenido_single .suspendidas h5 a, #forms_g h5 a, .sorprenderte_home h5 a, #slider_header h5 a, #imagen_contenido_home h5 a, #imagen_contenido_mobile h5 a {
color: #fff;
}
#contenido_single .suspendidas h5.debido {
margin-bottom: 50px
}
#footer #direcciones .right {
float: right;
}
#footer #direcciones .right .boleteria {
float: left;
background-repeat: no-repeat;
background-position: top left;
padding-left: 42px;
width: 262px;
margin-right: 80px;
height: 72px;
margin-bottom: 26px;
}
#footer #direcciones .right .descarga {
float: right;
background-repeat: no-repeat;
background-position: top left;
padding-left: 42px;
width: 122px;
height: 72px;
margin-bottom: 26px;
}
#footer #direcciones .right .descarga p {
margin-bottom: 3px;
}
#footer #direcciones .right .descarga a {
color: #222;
}
#footer #tag_footer {
background-color: #DB1F31;
float: left;
width: 100%;
padding: 62px 0;
}
#footer #tag_footer .left {
width: 540px;
}
#footer #tag_footer .left p {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 162.5%;
margin-bottom: 0;
}
#footer #tag_footer .right img {
width: auto;
height: 54.18px;
flex-shrink: 0;
}
#footer #tag_footer .right {
margin-top: 20px;
}
#footer #addr_footer {
background-color: #831316;
float: left;
width: 100%;
padding: 52px 0;
}
#footer #addr_footer h3, #footer #addr_footer p, #footer #addr_footer a {
color: #fff;
}
#footer #addr_footer h3 {
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 160%
}
#footer #addr_footer p {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 160%;
}
#footer #addr_footer a {
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
#footer #addr_footer .left, #footer #tag_footer .left {
float: left;
}
#footer #addr_footer .transparencia {
float: left;
margin-right: 70px;
background-position: left top;
background-repeat: no-repeat;
padding-left: 32px
}
#footer #addr_footer p.addr {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 162.5%;
margin-bottom: 11px;
}
#footer #addr_footer .right, #footer #tag_footer .right {
float: right;
}
#footer #addr_footer .right p {
text-align: right;
}
#rrss {
position: fixed;
bottom: 10px; right: 10px; z-index: 301;
}
#rrss ul li {
display: block;
margin: 0;
width: 50px;
height: 48px;
} .gfield_label, .gform-field-label {
display: none !important;
}
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="url"],
form input[type="number"],
form input[type="password"],
form textarea,
form select {
background: var(--rgb-244242240, #F4F2F0) !important;
border: none !important;
outline: none !important; padding: 16px !important;
font-size: 16px !important;
width: 100% !important;
box-sizing: border-box !important;
color: #222;
margin-bottom: 12px;
font-family: 'Inter', sans-serif
}
form input[type="number"] {
width: 160px !important;
float: left;
margin-right: 8px;
}
form input[type="submit"] {
border-radius: 50px !important;
border: 1px solid #E2E2E2 !important;
background: #000 !important;
color: #fff !important;
font-weight: bold !important;
font-size: 16px !important;
padding: 16px 40px !important;
cursor: pointer !important;
box-shadow: 6px 6px 0 #E2E2E2;
transition: all 0.3s ease !important;
margin-top: 20px
}
form input[type="submit"]:hover, #footer #direcciones .right .boleteria h3:hover, #palco_home .left  a h4:hover, #botones_cartelera  a h4:hover, .boleteria h3:hover, #contenido_single .suspendidas h5:hover, .sorprenderte_home h5:hover, #palco_home .left h4:hover, #slider_header h5:hover, #imagen_contenido_home h5:hover, #imagen_contenido_mobile h5:hover {
box-shadow: 9px 9px 0 #E2E2E2;
}
form input::placeholder,
form textarea::placeholder,
form select::placeholder {
font-family: 'Input', sans-serif;
font-size: 16px;
color: #222;
opacity: 1; }
#forms_g form input[type="text"],
#forms_g form input[type="email"],
#forms_g form input[type="tel"],
#forms_g form input[type="url"],
#forms_g form input[type="number"],
#forms_g form input[type="password"],
#forms_g form textarea,
#forms_g form select {
width: 98% !important;
}
#forms_g span.gform_fileupload_rules {
font-size: 12px
}
#forms_g .ginput_container_fileupload {
margin-bottom: 14px;
}
#forms_g .gfield--width-half {
width: 49%;
margin-right: 1%;
float: left
}
#forms_g h5 {
margin-bottom: 22px
} .typewriter-text strong {
border-right: 2px solid #000;
white-space: nowrap;
overflow: hidden;
display: inline-block;
}
.typewriter-cursor {
display: inline-block;
margin-left: 2px;
width: 10px;
animation: blink 1s steps(2, start) infinite;
color: black; }
@keyframes blink {
to {
visibility: hidden;
}
}
.logo_mobile {
display: none;
}
.modal-galeria {
display: none;
position: fixed;
z-index: 9999;
top: 0; left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
align-items: center;
justify-content: center;
}
.modal-content {
position: relative;
max-width: 90%;
margin: auto;
}
.cerrar-modal {
position: absolute;
top: 10px; right: 20px;
font-size: 30px;
color: #fff;
cursor: pointer;
}
@media (max-width: 1200px) {
#rrss {
right: calc(50vw - 610px);
}
} .reveal {
position: relative;
transform: translateY(60px);
opacity: 0;
transition: 1s all ease;
}
.reveal.active{
transform: translateY(0);
opacity: 1;
}
#social.desktop {
display: none;
}
@media only screen and (min-width: 0px) and (max-width: 767px){
.wrap, #content_top .wrap, #directores .wrap, #contenido_single .wrap.suspendidas, #forms_g .wrap {
width: 92%;
}
#social.desktop {
display: block;
}
#menu {
width: 92%;
min-width: 92%;
padding: 14px 4%;
}
.logo_desktop {
display: none;
}
.logo_mobile {
display: block;
}
body#page-10 #menu.transparent {
background-color: #F4F2F0
}
body#page-10 #menu.transparent #logo img, body#page-10 #menu.transparent #nav img {
filter: none
}
#comprar_header {
margin-left: 20px;
margin-top: 0;
}
#comprar_header h3 {
font-size: 15px;
font-weight: 700;
padding: 8px 16px 8px 48px;
background-position: 14px center;
}
#header {
height: 420px;
}
#slider_header, #header_overlay {
display: flex;
justify-content: center; align-items: center; height: 420px; 
padding-top: 0;
}
#slider_header h1 {
font-size: 36px;
width: 100%;
height: 22px;
}
#slider_header h2 {
font-size: 18px;
margin-top: 20px;
}
#cartelera_home, #palco_home, #sorprendete_home {
padding: 20px 0;
}
.cartelera-item.Grande, .cartelera-item, .memorias, .cartelera-item.Chico, .cartelera-item.Mediano {
width: 100%;
margin: 0 0 40px 0;
}
.cartelera-item.Grande .cartelera-data, .cartelera-item.Mediano .cartelera-data,  .cartelera-item.Chico .cartelera-data, .cartelera-data {
width: 90%;
padding: 20px 5%;
}
.sorprenderte_home {
width: 100%;
}
.sorprenderte_home:nth-of-type(2) {
margin: 30px 0;
}
#palco_home .left {
width: 100%;
padding: 30px 0;
}
#palco_home .right {
float: left;
width: 100%;
height: 220px;
}
#footer #forms {
margin-top: 40px;
}
#footer #forms::before, #footer #dire_footer::before {
display: none;
}
#footer #forms .form_1, #footer #forms .form_2 {
width: 100%
}
#footer #forms .form_2 {
padding-top: 30px;
margin-top: 60px;
border-top: 1px solid #707070
}
#footer #direcciones .left, #footer #direcciones .right {
width: 100%;
float: left;
}
#footer #direcciones .left .direcciones, .direcciones {
height: auto;
margin-right: 0;
margin-bottom: 26px;
}
#footer #direcciones .left .direcciones:nth-of-type(3), #footer #direcciones .left .direcciones:nth-of-type(4) {
margin-bottom: 26px;
}
#footer #direcciones .right .boleteria {
float: left;
background-repeat: no-repeat;
background-position: top left;
padding-left: 42px;
width: 262px;
margin-right: 0;
height: auto;
margin-bottom: 26px;
}
#footer #direcciones .right .descarga {
float: left;
}
#carousel .slides img {
width: 80px;
}
.flex-direction-nav a {
width: 30px;
height: 30px;
font-size: 16px;
line-height: 30px;
}
#footer #tag_footer {
padding: 20px 0;
}
#footer #tag_footer .left {
width: 100%;
}
#footer #addr_footer .right, #footer #tag_footer .right {
width: 100%;
float: left;
}
#footer #tag_footer .right {
text-align: left;
margin-top: 40px;
margin-bottom: 20px;
width: 100%;
}
#footer #tag_footer .right img.teatro {
margin-top: 40px;
float: left;
margin-left: 0;
clear: both;
}
#footer #tag_footer .right img.muni {
float: left;
}
#footer #addr_footer .right p {
text-align: left;
}
#botones_cartelera h4#suspendidos {
margin-left: 0;
margin-top: 20px;
}
.icono-mas-info {
display: none;
}
#footer #addr_footer {
padding: 30px 0
}
#contenido_single {
margin-top: 40px;
}
#contenido_general, #sidebar, .beneficio-left, .beneficio-right {
float: left;
width: 100%;
}
#contenido_general iframe, #contenido_single iframe, #beneficios iframe {
width: 100%;
height: 230px;
}
#sidebar {
margin-top: 40px;
}
#valores, #plano {
margin-bottom: 30px;
max-width: 100%;
}
.plano-thumbnail img {
width: 100%;
height: auto;
}
#uso_sala {
margin: 30px 0;
}
#content_top, #linea_de_tiempo {
padding: 40px 0
}
#carousel {
display: none;
}
#historias .left {
width: 100%;
margin-top: 80px;
}
.timeline-flexslider-wrapper {
min-width: 88%;
}
#historias .imagen_central {
width: 100%;
min-width: 100%;
background-position: calc(100% + 320px) bottom;
height: 720px;
}
#cartelera_home, #palco_home, #sorprendete_home, #faq, #beneficios, #condiciones_venta, #directores {
padding: 40px 0;
}
.directores:first-child {
padding-bottom: 12px;
margin-bottom: 30px;
}
.directores {
margin-right: 0;
}
#imagen_bottom {
height: 250px;
}
.cards_historias .cartelera-item {
width: 44%;
margin: 0 3% 20px 3%;
}
.cards_historias .imagen_cartelera {
height: 200px;
}
.cards_historias .cartelera-data {
padding: 14px 5%;
}
.cards_historias .cartelera-data h4 {
margin-bottom: 0;
}
.beneficio-right {
margin-left: 0;
margin-top: 30px;
}
#page-338 #header_overlay h1, #header_overlay h1 {
font-size: 42px;
}
#importante_beneficio .titulo, #condiciones_venta .titulo, #opciones_compra .titulo, #beneficios .titulo {
margin-bottom: 18px;
}
#clasificacion {
width: 90%;
padding: 20px 5%;
margin-top: 30px;
}
#nav ul li.menu-item {
display: none;
}
#content_menu ul li.page-id-14, #content_menu ul li.page-id-598 {
display: inherit;
}
#menu_overlay {
min-width: 92%;
width: 92%;
padding: 14px 4%;
}
#nav {
margin-top: 7px;
}
.overlay {
background-color: #F0F0F0;
}
#content_menu {
margin-top: 20px;
}
#footer #forms h3.circulo, #cartelera_home h3.circulo, #palco_home h3.circulo, #sorprendete_home h3.circulo, #content_menu h3.circulo, #valores h3.circulo, #plano h3.circulo, #beneficios h3.circulo, #directores h3.circulo  {
margin-bottom: 18px;
}
#content_menu ul li {
margin-bottom: 10px
}
#content_menu .columna {
width: 100%;
padding: 0;
margin-bottom: 40px;
}
.overlay {
height: 100vh; overflow-y: auto; }
#cartelera_home {
margin-top: 46px
}
#page-10 #cartelera_home {
margin-top: 0
}
#imagen_contenido_home {
display: none;
}
#imagen_contenido_mobile {
display: block;
width: 100%;
height: 420px;
padding-top: 300px;
float: left;
background-position: center;
background-size: cover;
text-align: center;
}
#imagen_contenido_mobile h2 {
color: #FFF;
text-align: center;
font-family: Inter;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
#imagen_contenido_mobile h5 {
margin-top: 26px;
}
.boleteria h3 a {
color: #fff
}
#rrss {
display: none;
}
#social {
float: left;
width: 100%;
margin-top: 20px;
}
#social ul li {
float: left;
margin-right: 18px;
margin-bottom: 0;
}
#comprar_header.sidebar h3 {
margin-left: 0;
}
#contenido_single .suspendidas h5.debido {
margin-top: 20px;
}
#forms_g .gfield--width-half {
width: 100%;
margin-right: 0;
}
#forms_g span.gform_fileupload_rules {
font-size: 12px;
float: left;
line-height: 100%;
margin-top: 4px;
}
#forms_g .ginput_container_fileupload {
margin-bottom: 38px
}
.equipos-data {
float: left;
width: 100%;
margin: 0 0 12px 0;
}
.equipos-data:nth-child(3n) {
margin-right: 0;
}
#linea_de_tiempo .flex-direction-nav {
display: none;
}
#slider .slides li {
height: auto;
}
}