/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

    /*
     * RESET
     */


    .type-page .page-content a,
    .type-artista .info a,
    .type-espectaculo .info a{
        color: #FF9933;
        text-decoration: none;
        font-weight: 500;
        font-style: oblique;
    }
    .type-page .page-content a:hover,
    .type-artista .info a:hover,
    .type-espectaculo .info a:hover{
        color: #000;
        text-decoration: underline dotted;
    }

    .type-page .page-content {
        padding: 80px 0;
    }

	/*
	 * LISTADO DE ESPECTÁCULOS
	 */

	.lista-espectaculos {
		display: flex;
		gap: 20px;
		flex-direction: column;
		justify-content: flex-start;
	}

        .espectaculo-item {
            position: relative;
            display: flex;
		    justify-content: center;
		    align-content: center;
		    flex-direction: column;
            min-height: 300px;
            overflow: hidden;
        }

        .espectaculo-item .espectaculo-fondo,
        .espectaculo-garabato,
        .espectaculo-enlace{
            position: absolute;
            display: block;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            text-align: center;
        }


        .espectaculo-item .espectaculo-fondo {
            background-size: cover;
            background-position: center;
            background-color: #222;
            box-sizing: border-box;
            border: solid 0px;
            overflow: hidden;
            opacity: 1;
            transition: all 400ms;
            z-index: 0;
        }        

        .espectaculo-item .espectaculo-fondo::before {
            background-color: #000;
            position: absolute;
            display: block;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            text-align: center;
            content: "";
            opacity: 0.6;
        }

        .espectaculo-item:hover .espectaculo-fondo {
            top: 20px;
            right: 20px;
            bottom: 20px;
            left: 20px;
            border-width: 3px;
        }

        .espectaculo-garabato {
            z-index: 700;
        }

		svg .garabato {
  			stroke-dashoffset: 1989.3466796875px;
  			stroke-dasharray: 1989.3466796875px;
  			-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
          			transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
		}

		.espectaculo-item:hover svg .garabato {
		  stroke-dashoffset: 0;
		}



        .espectaculo-enlace {
            z-index: 999;
        }

        .espectaculo-contenido {
            position: relative;
		    padding: 40px;
		    display: flex;
		    z-index: 900;
		    align-content: center;
		    justify-content: center;
		    flex-direction: column;
		    align-items: center;
        }

        .espectaculo-titulo {
            margin: 0 0 10px;
            color: #fff;
            text-align: center;
            text-wrap: balance;
        }

        .espectaculo-equipo {
        	text-align: center;
        	font-style: oblique;
            color: #fff;
        }

	/*
	 * LISTADO DE ARTISTAS
	 */

        .lista-artistas {
		    display: grid;
		    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
		    gap: 10px;
		    align-content: start;
		    grid-auto-flow: row;
        }

        .artista-item {
            min-height: 320px;
            background-size: cover;
            background-position: center;
            background-color: #ddd;
            overflow: hidden;
            display: flex;
    		flex-direction: column;
   			justify-content: flex-end;
   			position: relative;
        }

        .artista-enlace {
            display: block;
            text-decoration: none;
            position: absolute;
            display: block;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: rgba(0,0,0,0);
            transition: all 400ms;
        }

        .artista-enlace:hover {
            background: rgba(0,0,0,0.5);
        }


        .artista-contenido {
            position: relative;
            padding: 30px;
            z-index: 999;
			pointer-events: none;
        }

        .artista-titulo {
            margin: 0 0 8px;
            font-size: 1.2em;
            line-height: .8em;
            color: #fff;
        }

        .artista-categorias {
            font-size: .9em;
            line-height: .8em;
            color: #fff;
        }


        /*
         * LISTADOS DE PASES
         */

        .lista-pases {
            display: flex;
            flex-direction: column;
            gap: 10px;
			color: #222222;
        }

        .lista-pases h3 {
            font-size: 2em;
            font-weight: 700;
            color: #222222;
        }

        .lista-pases .pase {
            display: flex;
            flex-wrap: wrap;
			flex-direction: row;
            align-items: start;
            gap: 10px;
            padding: 10px 0;
            border-bottom: 1px solid #ddd;
        }

        .lista-pases .pase-fecha {
			display: flex;
		    flex: 0 0 auto;
		    flex-wrap: wrap;
		    flex-direction: row;
		    gap: 10px;
		    align-content: flex-start;
		    align-items: flex-start;
		    justify-content: flex-start;
		    width: 160px;
		}

        .lista-pases .pase-info {
        	display: flex;
		    flex: 0 0 auto;
		    flex-wrap: nowrap;
		    flex-direction: row;
		    gap: 10px;
		    align-content: center;
		    align-items: flex-start;
		    justify-content: space-between;
        }


        .lista-pases .pase-dia { 
			font-size: 2.5em;
			line-height: 1em;
			font-weight: 700;
			width: 50px;
    		text-align: right;
        }

        .lista-pases .pase-mesanyo { 
			font-size: 1em;
			line-height: 1.1em;
			font-weight: 700;
        }

        .lista-pases .pase-mesanyo p.hora{ 
			font-size: 0.9em;
			line-height: 1.1em;
			font-weight: 300;
			color: #999;
        }

        .lista-pases .pase-espectaculo {
            flex: 1 1 200px;
        }

        .lista-pases .pase-lugar {
			font-weight: 200;
			font-size: 1em;
        }


        .lista-pases .pase-enlace {
            flex: 0 0 auto;
        }

		.pase-titulo {
   			text-wrap: balance;
   		}

		.pase-titulo a {
			position: relative;
			display: inline-block;
			padding: 0px;
			text-decoration: none !important;
			color: #222222;
			font-weight: 800;
			font-size: 1.5em;
    		line-height: 1em;
		}

		.pase-titulo a:hover {
			color: rgba(255,153,51,1);
		}



.pase-enlace a {
	/*border-radius:30px;
	border:1px solid rgba(255,153,51,1);
	display:inline-block;
	display: block;
	width: 30px;
	height: 30px;*/
	padding: 10px;
	text-align: center;
	cursor:pointer;
	color: rgba(255,153,51,1);
	font-size:1em;
	font-weight: 700;
	text-decoration: none !important;
}
.pase-enlace a:hover {
	color:#111111;
}	







.type-espectaculo {
	max-width: 100% !important;
}

.type-espectaculo .page-header {
    width: 100%;
    height: 500px;
    position: relative;
    background-repeat: no-repeat;
    background-blend-mode: luminosity;
    background-size: cover;
    background-position: center center;
    background-origin: content-box;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    overflow: hidden;
}

.type-espectaculo .patinaColor {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-blend-mode: multiply;
	top:0; left:0; right:0; bottom:0;
    opacity: 0.9;
    content: "";
}

.type-espectaculo .entry-title{
	color: #FFF;
	font-size: 5rem;
	line-height: 1em;
	text-align: center;
	font-weight: 800;
	text-transform: uppercase;
	text-wrap: balance;
	z-index: 999;
}

.type-espectaculo .page-content {
    max-width: 1140px;
    padding: 60px 20px;
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    align-items: flex-start;
    margin: auto;
}

.type-espectaculo .full  {
    flex-direction: column;
}


.type-espectaculo a,
.type-artista a {
	transition: all 400ms;
}


/*SINGLE ESPECTACULO*/

.type-espectaculo .ficha {
	width: 30%;
	padding: 10px;
}

.type-espectaculo .ficha h3{
	font-size: 0.9em;
	font-weight: 800;
	margin: 10px 0 0 0;
	color:#AAA;
}

.type-espectaculo .ficha p{
	font-size: 0.9em;
	font-weight: 400;
	color: #CCC;
}

.type-espectaculo .ficha a{
	color: #CCC;
	text-decoration: none;
}

.type-espectaculo .ficha a:hover{
	color: #AAA;
	text-decoration: underline dotted;
}

.type-espectaculo .info {
		width: 70%;
}



/*Pases pasados*/

.type-espectaculo .lista-pases {
	width: 100%;
    padding: 40px 0 0 0;
}

.lista-pases-pasados .pase {
    padding: 20px 0;
}

.lista-pases-pasados .pase-fecha {
    flex-wrap: wrap;
    width: auto;
    padding-right: 20px;
}

        .type-espectaculo .pase-lugar {
            text-align: right;
            font-weight: 500;
            font-size: 1.5em;
            line-height: 1.1em;
        }


        .lista-pases-pasados .pase-dia,
        .lista-pases-pasados .pase-mesanyo {
            font-size: 1.5em;
            color: #CCC;
            font-weight: 400;
            line-height: 1.1em;
        }
        .lista-pases-pasados .pase-espectaculo {
            color: #CCC;
        }

        .lista-pases-pasados .pase-dia { 
			width: auto;
    		text-align: left;
        }

        .lista-pases-pasados .pase-info { 
            justify-content: flex-end;
        }


        .lista-pases-pasados .pase-mesanyo br { 
			display: none;
        }



        /*SINGLE ARTISTA*/

        .type-artista {
        	padding: 80px 0;
        }

        .type-artista .page-content {
        	width: 100%;
        	padding: 10px 0;
        	display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            gap: 20px;
        }

        .type-artista .page-content .foto{
        	width: 30%;
        }

        .type-artista .page-content .info{
        	width: 70%;
        }

        .type-artista .page-content .info h1.entry-title {
            padding: 0;
            margin: 0;
        }


/*
 * BREAKPOINTS
 */

@media (max-width: 768px) {

        .type-espectaculo .page-content,
        .type-artista .page-content{
            flex-direction: column;
        }

        .type-espectaculo .page-content .ficha,
        .type-artista .page-content .foto,
        .type-artista .page-content .info,
        .type-espectaculo .page-content .info{
            width: 100%;
            padding: 10px 30px;
        }

             .type-espectaculo .entry-title{
                font-size: 2rem;
            }

            .lista-pases .pase {
                display: flex;
                flex-wrap: nowrap;
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
                border-bottom: 1px solid #ddd;
                align-content: flex-start;
                justify-content: flex-start;
            }

                .lista-pases .pase-espectaculo {
                    flex: 0 0 50px;
                    align-content: flex-start;
                    justify-content: flex-start;
                }

                .type-espectaculo .pase-lugar {
                    text-align: left;
                }

        .artista-item {
            min-height: 400px;
            background-position: top center;
        }

    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
        padding-inline-end: 0px !important;
        padding-inline-start: 0px !important;
    }

}