@charset "utf-8"; /* CSS Document */
:root {
	 /*--------------- COLORES PALETA -------------------*/
	 --black: #161617;
	 --amarillo_antologia: #f9a600;
	 --yellowish_gray: #e8e8dc;
	 --light: #ccccc2; /* before #979391; */
	 --light_gray: #7c7b7b;
	 --lighter_gray: #acada4;
	 --font-gray:#bdbdba; 
	 --darker_gray: #2f2d2d;
	 --darkest_gray: #191818;
	 --dark_purple:#353542;

	 --bg_color_1:#403d39;
	--button-neutral:#dfd6c3;

	--accent_gray:#54545a;
	--accent_gray_tint:#7c7b7b;
	
	 --accent_1:#82783d;
	 --accent_1_tint:#857f5f;
	 --accent_2: #609e66;
	 --accent_2_tint:#5e7660;
	 --accent_3:#8d8100;
	
    /*-------------------font sizes---------------------*/
	 --fs-nav: 1.6rem;
	 --fs-titles: clamp(1.1rem, 1.557vw + 0.3rem, 2.2rem);
	 --line-height-titles: 2.3rem;
	 --fs-secondary-titles: 1.75rem;
	 --fs-subtitles: 1.5rem;
	 --fs-side-subtitle: 1.25rem;
	 --fs-text: 1.5rem;
	 --fs-buttons-small: 1rem;
	 --fs-small-text: 0.85rem;
	 --fs-prices: ;
    --fs-product-details-h1: 3.6rem;
    --fs-product-details-h2: 2.5rem;
    --fs-product-details-h3: 1.55rem;
    --fs-product-details-copete: 1.5rem;
    --fs-product-details-subtitulo: ;
    --fs-product-details-text: 1.4rem;
    --fs-product-details-button: 1.6rem;

	--fs-text-mobile: 1rem;
	--fs-medium-text-mobile: 1.12rem;
	--fs-botones-mobiles: 1.2rem;

	--fs-talleres-h1: 4rem;
	--fs-talleres-h1-BIG: 9rem;

	/*-------------------font weights---------------------*/
	--font-thin: 25;
	--font-medium: 49;
	--font-bold: 90;
	--font-bolder: ;

	/*------------------- extras ---------------------*/

	--padding-text: 0.5rem 0.7rem;
	--padding-top-main-container: 5rem;
	--redondeado: 3.4rem;

	/*------------------- fotos ---------------------*/

	--taller_preview_1:url(img/Registro_Fotografico/Fotos_talleres_1.png);
	--taller_preview_2:url(img/Registro_Fotografico/Fotos_talleres_2.png);
	--taller_preview_3:url(img/Registro_Fotografico/Fotos_talleres_3.png);
    
	
	/*-------------------hamburger menu---------------------*/
	 --bar-width: 40px;
	 --bar-height:3px;
	 --hamburger-gap:6px;
	 --foreground: white;
	 --background:black;
	 --animation-timing: 200ms ease-in-out;
	 --hamburger-height:calc(var(--bar-height) * 3 + var(--hamburger-gap) * 2);
}

@font-face {
    font-family: 'AlvaradoVar';
   /* src: url(fonts/AlvaradoVar.woff2) format('woff2-variations'); */
	src: url(fonts/AlvaradoVar.ttf) format('truetype');
    font-weight: 1 100;
	font-style: normal italic;
    font-display: swap;
}

 /*---------------MEDIUM screen size---------------------*/

@media (min-width: 780px) {

    :root {
        --line-height-titles:1.8rem;
		 --fs-nav: 0.8rem;

		 --fs-product-details-h1: 3.6rem;
		--fs-product-details-h2: 2.5rem;
		--fs-product-details-h3: 1.55rem;
    }

    .wrapper .wrapper-main-tienda {
		row-gap: 0.5rem;
		margin-top: 7rem;
		grid-template-columns: repeat(2, 1fr);
		padding-top: 3.3rem;
		padding-right: 3vw;
    	padding-left: 3vw;
		width: 85%;
		container-type: inline-size;
		
	}
	
	.wrapper-main-tienda .product{
		width: 80%;		
	}
	


/* PRODUCTO mediano */

.wrapper .wrapper-product-details{
	 margin-top: 8rem;
	 padding: 4rem min(2rem, 3vw);
     min-width: 85%;
     min-height: 22%;
	 display: flex;
	 flex-direction: row;
	 align-items: normal;
	 border-radius: var(--redondeado);
	 gap: min(2rem, 3vw);
}

.wrapper-product-details .image_wrapper{
	display: flex;
	gap:0.5rem;
	justify-content: start;
	width: min(114%, 50rem);
}

.wrapper-product-details .image_wrapper article:not(.big_product_img){
	width: 4.5rem;
	margin:0;
}

.wrapper-product-details .image_wrapper article img{
	height: 100%;
	
}


article .big_product_img{
	width: 100%;
} 


.wrapper-product-details .product_information{
	display:flex;
	flex-direction: column; 
	max-width: fit-content;
}

.image_wrapper .product_information ul{
	column-gap: 2.4rem;
	
}

.image_wrapper .preview_img_col{
display: flex; 

}

	#nav_wrapper_mobile{
		display: flex;
	}
	#navegacion label, #navegacion .menu_icon, .menu_icon{
		display: block;
		display: none;
		/* this is no working */ 
	}
	
	
	img.logo_mobile, .menu_icon{
		display:none;
	}
	
	#navegacion #nav_wrapper_mobile{
		width: 100%;
	}


	#navegacion #nav_wrapper_mobile ul{
		flex-direction: row;
		background: transparent;
		translate:0%; 
		z-index: 100;
	}
	
	#logo-bigger-screen, #navegacion ul li:nth-child(3) img {
		height: 78%;
		padding: 0.58rem;
	}
	
	#navegacion ul li:nth-child(3), .nav_logo{
		display: inherit;
		
	}
	
	#navegacion #nav_wrapper_mobile ul, .sidebar{
		width: 100%;
		height: 4rem;
		padding: 1rem 0 1rem 0;
		position: absolute;
		top: 0;
		right: 0;
		display: flex;
		flex-direction: row;
		justify-content: center;
		font-family: 'AlvaradoVar';
		font-optical-sizing: auto;
		font-size: var(--fs-nav);
		font-weight: 100;
		font-variation-settings: "ital" 57;
		color: #fbfbfb;
		column-gap: 1rem;
		background-color: transparent;
		z-index: 100;
	}
	
	#navegacion ul li {
		list-style: none;
		text-align: center;
		align-content: center;
		font-weight: 43;
		letter-spacing: 0.17rem;
	}
	
	#navegacion ul li:hover :not(#selected_nav) {
		letter-spacing: 0.23rem;
	}

	#navegacion ul li a, .product a {
		text-decoration: none;
	}
	
#navegacion ul li a {
		color: #fbfbfb;
		transition: letter-spacing 1s ease-in-out;
	}

	#navegacion #selected_nav {
		text-decoration: line-through;
		text-decoration-color: #f9a600;
		text-decoration-thickness: 0.2rem;
	}


/*- TALLERES MEDIANO  --*/

.wrapper-main-talleres #mobile_col_wrapper{
	display: none;
}

.wrapper .wrapper-main-talleres{
/*	 background-color: var(--yellowish_gray); */
    margin-top: 2rem;
    border-radius: 3.4rem;
    margin-inline: auto;
    width: 85vw;
    align-self: center;
    padding-top: 5rem;
    padding-right: 1vw;
    padding-left: 1vw;
	display:flex;
	gap:1rem;
	font-family: 'AlvaradoVar';
	color: var(--black);

}

.wrapper .wrapper-main-talleres p{
	font-size: var(--fs-medium-text-mobile);
	font-weight: var(--font-medium);
}

.col_2 .taller_entry h2{
	font-size: var(--fs-secondary-titles);
    letter-spacing: 0.1rem;
    line-height: 2rem;
    font-weight: var(--font-bolder);
    margin-bottom: 0.8rem;
}

.wrapper .wrapper-main-talleres h1{
	font-size: var(--fs-product-details-h1);
	letter-spacing: 0rem;
	font-weight: var(--font-bolder);

	margin-bottom: 1.2rem;
	box-sizing: content-box;
}

.wrapper .wrapper-main-talleres h1 span{
	        font-size: calc(var(--fs-product-details-h1) - 1.05rem);
}

.wrapper .wrapper-main-talleres > *{
	flex-grow: 1;
	border-radius: 0.35rem;
	
}


.detalles_taller .fecha_lugar_taller{
	font-style: italic;
	margin-top: 2rem;
}

.wrapper-main-talleres .col_1{
	display: block;
	position: sticky;
    top: 0;
	flex: 1;
	height: 40rem;
	
	background-image: url(img/Maquina-de-Escribir-ON-FIRE.png);	
	background-position: center;
	background-repeat: no-repeat;
	background-size: 150%;
    background-position-x: -3rem;
    background-position-y: bottom;
	background-color: var(--accent_gray);

}

.col_1 .monograma_talleres{
	width: 100%;
    height: 50%;
    background-image: url(img/Monograma-Talleres-con-textura.png);
    background-size: 10rem;
    background-repeat: no-repeat;
    background-position-x: -2rem;
    background-position-y: 1rem;
}

.wrapper-main-talleres .col_2{
	flex: 3;
	height: 100%;
	background-color: var(--yellowish_gray);
	color: var(--black);
	padding: 0 2.5rem 0 2.5rem;
	
	}

	.wrapper-main-talleres .col_2 img{
		width: 100%;
		border-radius: 0 0 2rem 2rem;
	}
	
	.wrapper-main-talleres.col_2 article:not(:first-of-type) {		
		margin-top: 1rem;

	}

	.wrapper-main-talleres .col_2 article:not(:last-child){
		border-bottom: #161617 solid 0.1rem;
	}

	.col_2 .taller_entry:nth-child(2){
		margin-top: 0;
	}

	.col_2 .taller_entry:nth-child(2) h1{
		font-size: var(--fs-talleres-h1-BIG);
		text-box: auto;
   		text-box-edge: ex alphabetic;
		position: relative;
  		top: -1rem;
		letter-spacing: -0.4rem;
	}

	.col_2 .taller_entry:nth-child(2) h1 span{
		font-size: calc(var(--fs-talleres-h1-BIG) - 3.95rem);
		letter-spacing: 0.05rem;
	}

	.taller_entry .detalles_taller{
		display: flex;
		justify-content: space-between;
		align-items: baseline;
	}

	.taller_entry .detalles_taller .skew h3{ 
		width: max-content;
        font-weight: var(--font-bold);
	}

.wrapper-main-talleres .col_3{
	position: sticky;
	flex-direction: column;
    flex: 1;
    height: 43rem;
    top: 0;
}

.wrapper-main-talleres .col_3 .talleres_instagram{
	display: block;
	opacity: 100;
	border-radius: 1rem;
	padding: 0;
	text-align: center;
	max-height: unset;
} 

.col_3 .talleres_instagram h3{
	padding: .5rem 0;
}

.col_3 .talleres_instagram a img{
	margin-bottom: 2rem;
	max-width: 100%;

}


.col_3 .talleres_instagram .slider_nav a{
	width: .6rem;
	height: .6rem;
	margin: 0.6rem;
}

	
.col_3 .talleres_fotos{
		display: flex;
		flex-direction: column;
        align-items: center;
        margin-top: .5rem;
        border-radius: 1rem;
        background-color: #323030;
        padding: 1rem 0;
        gap: .5rem;
        max-height: 17rem;
}

.col_3 .talleres_fotos a{
width: 100%;
}

.talleres_fotos a div{
    height: 5vw;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 1rem;
    margin: 0 .4rem;
	overflow: hidden;
  position: relative;
}

.talleres_fotos a div::before{
content: '';
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: transform var(--animation-timing);
}

.talleres_fotos  a div:hover::before {
  transform: scale(1.15);
}

	/* GALERIA */

#galeria_toggle:has(img:target){
	display: grid;
	transition: all var(--animation-timing);
}

#galeria_toggle{
    position: absolute;
	background-color: var(--darker_gray);
    grid-template-columns: 2fr 1fr;
    padding: 2rem;
    z-index: 90;
    gap: 1rem;	
	border-radius: var(--redondeado);
}

.galeria .click_to_close{
 position: absolute;
top: -.1rem;
left: -.1rem;
   
}

.close_symbol{
    width: 2.3rem;
    background-color: var(--yellowish_gray);
    border-radius: 50%;
    border: var(--black) solid 0.2rem;
}

.close_symbol:hover{
	transform: scale(1.1);
	transition: all var(--animation-timing);
}

.wrapper .wrapper-main-talleres .galeria .display img{
	border-radius: var(--redondeado);
}

.wrapper-main-talleres .galeria_thumbnails a div{
	    border-radius: .7rem;
}




/* PRENSA MEDIANO */

/*.. 	PRENSA  	..*/

	.wrapper-main-prensa #mobile_col_wrapper{
		display: none;
	}
	.wrapper-main-prensa{
		display: flex;
		gap: 1rem;
		margin-top: 2rem;
		border-radius: 3.4rem;
		margin-inline: auto;
		width: 85vw;
		align-self: center;
		padding-top: 5rem;
		padding-right: 1vw;
		padding-left: 1vw;
		font-family: 'AlvaradoVar';
		color: var(--font-gray);
	}
.wrapper-main-prensa .pr_col_2{
		display: block
}
	.pr_col_1, .pr_col_2 > * {
		border-radius: 2rem;
	}

	.pr_col_1{
		color: var(--black);
		background-color: var(--yellowish_gray);
		flex-grow: 3;
		display: flex;
		order: 1;
	}

	.pr_col_1 .pr_articulos{
		padding: var(--padding-top-main-container) 2.5rem;
	}

	.pr_col_1 .pr_img_wrapper{
		margin: var(--padding-top-main-container) 0;
	}

	.pr_articulos .pr_articulo .skew{
		justify-self: normal;
		margin: 1.35rem 0 2.5rem 0;
		width: fit-content;
	}

	
	.pr_articulo h1{
		font-size: var(--fs-titles);
		margin: 1rem 0 .75rem 0;
	}
		

	.pr_col_2{
		order: 2;
		flex-grow: 1;
		overflow-x: auto;
		width: clamp(600px, 20vw, 400px);
	}
	.pr_col_2 img{
		width: 100%;
		border-radius: 2rem 2rem 0 0;
		margin-bottom: .5rem;
	}
	.pr_entrevista_slide {
    position: relative;
}

	.wrapper-main-prensa .pr_col_2 
	.pr_entrevista_slide .slider_nav{
	display: flex;
    position: absolute;
    top: 20%;
    width: 100%;
	height: fit-content;
    justify-content: space-between;
    z-index: 90;
	}

.pr_col_2 .pr_entrevista 
.slider_nav a{
	width: 1.2rem;
    height: 1.2rem;
	border-radius: 50%;
	margin: .3rem;
	background-color: var(--yellowish_gray);
	transition: opacity ease 250ms;
}


	.wrapper-main-prensa .pr_col_2 .skew{
			margin-bottom: 1rem;
			
	}

	.pr_col_2 .skew h4{
		font-size: .95rem;
        letter-spacing: .05rem;
		padding: .05rem 0;
	}
	
	.pr_img_wrapper img{ 
		width: 100%;
		display: block;
		
		border-radius: 0.5rem;
	}
	.pr_entrevista{
		background-color: var(--lighter_gray);
		margin-bottom: 1rem;
		display: flex;
		overflow-x: hidden;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		width: 100%;
	}

	.pr_entrevista_slide{
		flex: 0 0 100%;
	}

	
	.pr_entrevista, .pr_radio{padding-bottom: 1rem;}

	.pr_col_2 .pr_entrevista h3, .pr_col_2 .pr_radio h3{ 
		justify-self: center; 
		margin-bottom: .6rem;
		margin-top: 1rem;
		font-size: var(--fs-side-subtitle);
		font-weight: var(--font-medium);
		letter-spacing: .05rem;
		width: 100%;
		text-align: center;
	}

	.pr_col_2 .pr_radio h3{ 
		margin: 1.6rem 0;
	}

	.pr_radio{
		background-color: var(--darker_gray);
		color: var(--font-gray);
		letter-spacing: .05rem;
	}

	.pr_radio p{
		font-size: .9rem;
		font-weight: var(--font-medium);
	}

	

	.pr_col_2 .pr_radio a{
		font-size: .85rem;
		display: flex;
		gap: min(5%, 50px);
		padding: .75rem 0 0.75rem 0;
		justify-content: space-between;
		align-items: baseline;
		
}


.pr_col_2 .pr_radio a span{
		font-size: .7rem;
		align-self: anchor-center;
		margin-right: .5rem;
	}
	
	

	.pr_col_2 .pr_radio .radio_play_button{
		width: 1.1rem;
		border-radius: .4rem;
		padding-left: .15rem;	
		margin-top: .1rem;	
		margin-left: .5rem;
	}
	
	.pr_radio a:nth-child(odd){
		background-color: var(--darkest_gray);

	}

	.pr_col_2 .pr_radio .header_radio_img{
		background-image: url(img/Prensa/side-img-prensa-small.png);
		background-color: var(--amarillo_antologia);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		display: block;
		justify-self: center;
		width: 72%;
		height: min(6rem, 9vw);
		align-self: center;
		margin: auto;
		border-radius: 0 0 2rem 2rem;
	}


	 @media (max-width: 898px) {
		.wrapper-main-prensa 
		.pr_col_2 .pr_radio .radio_play_button{
			width: 1.2rem;
			margin: 0 30%;
       		margin-bottom: .4rem;
		}

		.pr_col_2 .pr_radio a{
			gap: min(.6vh, 50px);
			flex-wrap: wrap;
		}

		.pr_col_2 .skew h4 {
        	font-size: .85rem;
		}

		.wrapper-main-prensa .pr_col_2 
		.pr_entrevista_slide .slider_nav {
       	 	top: 13%;
		}
	 }


	/*------------------ EVENTOS MEDIANO  ------------------*/


.wrapper .wrapper-main-eventos{
        margin-top: 2rem;
        border-radius: 3.4rem;
        margin-inline: auto;
        width: 85vw;
        display: flex;
        gap: 1.8rem;
		padding-top: 5rem;
    }

    .eve_col_1, .eve_col_2 > * {
        border-radius: 2rem;
    }

	.wrapper-main-eventos .eve_col_1{
		flex-basis: fit-content;
		width: 65%;
    }
	

   .wrapper .wrapper-main-eventos .eve_col_1 .eve_slide{
    display: flex;
    flex-basis: fit-content;
    padding: 5rem 3rem 5rem 3rem;
    gap: 1.6rem;
    }

    .eve_col_1 .header_eve_img{
        background-image: url(img/Eventos/Evento_actual.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: -3.5rem;
        background-position-y: 6rem;

        width: 16rem;
        height: 16rem;
        border-radius: 0 2rem 2rem 2rem;
        position: relative;
    }

	 .eve_col_1 #eve_slide_1 .header_eve_img{
		background-position-x: 2.5rem;
        background-position-y: 3.6em;
	}

    .eve_col_1 .header_eve_img h1{
		font-size: clamp(3rem, 21vw, 7rem);
        height: min-content;
		justify-self: center;
    }

	.eve_col_1 .header_eve_img .mes{
		justify-self: flex-start;
	}

	
    .header_eve_img .header_fecha{
		overflow:visible;
		display: block;
        position: absolute;
        top: 5.45rem;
        left: 48.7%;
        transform: translate(-50%, -50%);

    }

    .header_eve_img .header_fecha h3{
        font-size: min(1.4rem, 1.85vw);
        padding: .3rem .5rem;
        width: fit-content;
        font-weight: 45;
        font-style: italic;
        letter-spacing: .07rem;
        position: absolute;
        top: 11rem;
    }

    .header_eve_img .header_fecha h3:nth-of-type(2){
        top: 13.2rem;
    }

    .eve_col_1 .eve_info{
    }


    .eve_col_1 .eve_info h2{
        font-size: 1.8rem;
        font-weight: var(--font-bold);
        letter-spacing: .13rem;
        width: fit-content;

    }

    .eve_col_1 .eve_info p{
        font-size: 1rem;
        font-weight: 25;
        margin-bottom: 1.5rem;
        line-height: 1.7rem;
        width: fit-content;
    }

    .eve_col_1 .eve_info p:nth-of-type(2){
        font-variation-settings: 'ital' 1;
        font-style: italic;
        font-size: 1rem;
        margin-bottom: 0;
        letter-spacing: .02rem;
        line-height: 1.3rem;
    }

    .eve_col_1 .eve_info h4{
        margin-bottom: 1rem;
    }

        .eve_col_1 .eve_info .boton_evento{
        width: fit-content;
        display: block;
    }


    .wrapper-main-eventos .eve_col_2{
        flex-grow: 2;
		margin-top: 0;
    }

	 .wrapper-main-eventos .eve_col_2 .eve_col_2_wrapper{
        display: block;
    }
    .wrapper-main-eventos .eve_col_2 h2{
        text-align: left;
        font-size: 1.6rem;
        padding-top: 2rem;
        margin: 3rem 0 2rem 0;
    }

    .wrapper-main-eventos .eve_col_2 .eve_proximo{
        justify-self: auto;
    }


    .eve_proximo h3{
        font-size: 1.5rem;
        font-weight: var(--font-bolder);
        letter-spacing: -0.05rem;
        margin-right: .3rem;
        position: relative;
    }

    .eve_proximo h3::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 0.25rem;
        background-color: var(--light_gray);
        top: 1.3rem;
        left: 0;
    }

    .prox_col h4{
        font-size: 1.05rem;
        font-weight: 60;
    }

    .prox_col p{
        font-size: 1rem;
        font-weight: 1;

    }

	.eve_proximo .eve_link{
		gap: min(.5rem, 1vw);
	}

	.wrapper .wrapper-main-eventos:has(#evento_1 input:checked) 
	#eve_slide_1,
	.wrapper .wrapper-main-eventos:has(#evento_2 input:checked) 
	#eve_slide_2, 
	.wrapper .wrapper-main-eventos:has(#evento_3 input:checked) 
	#eve_slide_3  {
	display:flex;
	flex-basis: fit-content;
	height: 100%;
	}
    


#eventos_pasados{
    display: none;
}

 /* ----- ....  FOOTER MEDIANO ----- ....   */

 .wrapper footer{
	gap: 1rem;
	height: 25rem;
	margin-top: 2rem;
 }

 footer .footer_left_wrapper{
	width: auto;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: min-content;
	align-items: baseline;
    column-gap: min(2rem, 2.8vw);
 }

  /* Syntax: row-start / col-start / row-end / col-end */
  footer .footer_left_wrapper h2:nth-of-type(2){
	grid-row: 1 / 2;
 }

  footer .footer_left_wrapper h2:nth-of-type(1){
	grid-column: 2 / 3;
 }

   footer .footer_left_wrapper h2:nth-of-type(3){
	grid-column: 3 / 4;
	grid-row: 1 / 2;
  }

    footer .footer_left_wrapper p:nth-of-type(2){
	grid-column: 1 /2;
	grid-row: 2 / 3;
 }

 footer .footer_left_wrapper p:nth-of-type(1) a{
	grid-column: 2 / 3;
 }

 footer .footer_logos_wrapper{
	grid-column: 3 /4;
	grid-row: 2 /3;
	width: auto;

 }

 footer .footer_left_wrapper p:nth-of-type(3)
 {
	grid-column: 1 / 2;
	grid-row: 3 /4;
 }

  footer .footer_left_wrapper p:nth-of-type(4){
	grid-row: 4 / 5;
 }





footer .footer_left_wrapper h2{
	margin-bottom: 1.5rem;
}

footer .footer_left_wrapper h2:not(:nth-of-type(1)){
	margin-top: 0;	
}
footer .footer_left_wrapper p{
	font-size: .9rem;
	align-self: baseline;
}

footer .footer_left_wrapper .email{
	font-size: min(1.12rem, 2.1vw);
	margin-bottom: 0;
}

footer .footer_logos_wrapper img{
	width: min(5.5rem, 10vw);
	align-self: auto;
	margin:0;
    
}

footer .footer_logos_wrapper img:nth-child(2){
	width: min(2.3rem, 4.2vw);
	margin-left: .3rem;
}
footer .footer_logos_wrapper img:nth-child(3){
	width: min(3.3rem, 5.6vw);
	margin-left: .3rem;
}


footer .footer_right_wrapper{
	width: 4.5rem;
}

.footer_right_wrapper .instagram_icon{
	width: 2.5rem;
	height: 2.5rem;
}

.footer_right_wrapper .instagram_icon::before{
	background-size: 1.5rem;
}

.footer_right_wrapper .instagram_icon:hover::before{
	background-size: 2rem;
}

.footer_right_wrapper .monograma_icon{
	width: 85%;
}





}
	

 /*---------------BIGGEST screen size-------------------*/
    @media (min-width: 1200px) {
        :root {
            --fs-nav:1.15rem;
            --line-height-titles: 2rem;
			
        }

        .wrapper .wrapper-main-tienda{
            grid-template-columns: repeat(4, 1fr);
            margin-top: 8rem;
            padding-top: 6rem;
        }
		
		#logo-bigger-screen, #navegacion ul li:nth-child(3) img {
		height: 100%;
	}
		
        .product{
            margin-bottom: 0.3rem;
        }
        .skew{
            margin-bottom: 6rem;
        }
		
		#navegacion #nav_wrapper_mobile ul, .sidebar{
			height: 6rem;
			column-gap: 2rem;
		}
		
		
		
		
		.product img{
			margin-bottom: 1.2rem;
		}

		/*- TALLERES GRANDE  --*/

		.wrapper-main-talleres .col_1{
		height: 80vh;
		}
		.wrapper-main-talleres .col_3{
		height: 80vh;
		}

		.wrapper-main-talleres .col_3 .talleres_instagram{
			min-height: 25vw;
		}

		.wrapper-main-talleres .col_3 .talleres_fotos div{
				height:3.6rem;
				margin: 0 .8rem;
			}

		.wrapper-main-talleres .col_3 .talleres_fotos img{
				
			}

			.wrapper-main-talleres .col_3 .talleres_fotos{
				min-height: 15rem;
				padding: 1.5rem 0;
				gap: 1rem;
				

			}


			/* PRENSA GRANDE  */

				

				.wrapper-main-prensa .pr_col_2 .pr_entrevista .slider_nav{
				    top: 22%;
				}

				.wrapper-main-prensa .pr_col_2 .pr_entrevista .slider_nav a{
				width: 1.1rem;
				height: 1.1rem;
				}

			    .pr_col_2 .skew h4 {
					font-size: var(--fs-buttons-small);
				}

				.pr_radio a{
					font-size: var(--fs-botones-mobiles);
					gap: 1rem;
					
				}

				.pr_col_2 .pr_radio .radio_play_button{
				width: 1.3rem;
				}

				.pr_col_2 .pr_radio p{
					font-size: var(--fs-text-mobile);
					font-weight: var(--font-medium);
				}				

				.pr_col_2 .pr_radio article span{
				    font-size: calc(var(--fs-text-mobile) - .1rem);
        			align-self: baseline;
	}

	/*------  PRENSA GRANDE  -------*/

    .pr_col_2 .pr_entrevista h3, .pr_col_2 .pr_radio h3 {
        font-size: var(--fs-side-subtitle);
    }

	.pr_col_2 .pr_radio a{
		font-size: var(--fs-side-subtitle);
	}

	/*------  EVENTOS GRANDE  -------*/

	


	.wrapper-main-eventos .eve_col_1 .header_eve_img{
		background-size: contain;
        background-position-x: 1.5rem;
        background-position-y: 5rem;

		width: 30vw;
	}

	.wrapper-main-eventos .eve_col_1 #eve_slide_1 .header_eve_img{
	    background-position-x: 5.9rem;
        background-position-y: 2rem;
		
	}

	.eve_slide .header_eve_img .mes h3{
		font-size: max(1.1rem, 1.4vw);
        top: 12.7rem;
        left: 48.7%;
        transform: translate(-50%, -50%);
	}

	.header_eve_img .header_fecha h3:nth-of-type(2){
        top: 15rem;
    }


 /* ----- ....  FOOTER GRANDE ----- ....   */

	.wrapper footer .footer_left_wrapper p{
		font-size: var(--fs-medium-text-mobile);

    }

	.wrapper footer .footer_left_wrapper .email{
		font-size: 1.34rem;
	}
	.wrapper footer .footer_logos_wrapper img{
		width: 6rem;
	}

	.wrapper footer .footer_logos_wrapper img:nth-child(2){
		width: 3.3rem;
	}
	.wrapper footer .footer_logos_wrapper img:nth-child(3){
		width: 4.3rem;
	}

	.wrapper footer .instagram_icon{
		width: 3.5rem;
		height: 3.5rem;
	}

	.wrapper footer .instagram_icon::before{
		background-size: 2.5rem;
	}

	.wrapper footer .instagram_icon:hover::before{
		background-size: 2.85rem;
	}

}
/* NOTAS 17/11 MI MAYOR PROBLEMA AHORA ES QUE EL CONTENEDOR DE LA TIENDA, EL WRAPPER MAIN TIENDA NO QUEDA CON MARGEN Y CENTRADO TANTO EN EL TAMANO MAXIMO COMO EN EL MINIMO. 
LA UNICA SOLUCION QUE LE ESTOY ENCONTRANDO POR AHORA ES DECLARAR VALORES DIFERENTES EN MEDIA QUERIE PERO ME RE JODE PORQUE SIENTO QUE LO TENDRIA QUE PODER HACER CON MIN WIDTH
CLAMP O ALGO DE ESO, CAPAZ VEO DE PROBAR CLAMP Y SI NO LE ENCUENTRO LA VUELTA LE ABRIRE LOS BRAZOS AL VIEJO Y QUERIDO MEDIA QUERIE. THATS IT FOR TODAY.*/ 



* {
    margin: 0;
    border: 0;
    padding: 0;
}

html,body {
    height: 100%;
    margin: 0;
    background-color: #161617;
    color: #f9a600;
    font-family: 'AlvaradoVar';
	scroll-behavior: smooth;
}

/* BOTONES */
.boton_evento{
		width: 100%;
		font-family: 'AlvaradoVar';
		font-weight: 75;
		border: .11rem solid var(--black);
		/* box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.095), 0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075), 0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.055); */
		box-shadow: 4px 4px 0 var(--black);
		border-radius: 0 .8rem .8rem .8rem;
		padding: .4rem 1.3rem;
		margin-top: 2.5rem;
		letter-spacing: 0.051rem;
		display: block;
    }


		/* Botones eventos */

		/* boton producto */
		.product_information .skew{
			justify-self: unset;
			width: max-content;
			text-decoration: none;
			margin-left: 0;
			padding-right: 0.5rem;
			padding-left: 0.5rem;
			padding-top: 0.35rem;
			padding-bottom:0.25rem;
			margin-top: 2.5rem;
		}

		.product_information .skew a{
			text-decoration: none;
		}

		/* botones eventos */
		.eve_info .skew{
			justify-self: unset;
			width: max-content;
			text-decoration: none;
			margin-left: 0;
			margin-top: 2rem;
			
			
		}
		.eve_info .skew a{
			text-decoration: none;
		}

		
		#eve_slide_1 .skew{
			background: linear-gradient(to bottom, var(--button-neutral) 50%, var(--black) 50%);
			margin-left: 0;
		}
		#eve_slide_1 .skew h3{
			background: linear-gradient(to bottom, var(--black) 50%, var(--button-neutral) 50%);
	}


		#eve_slide_2 .skew{
			background: linear-gradient(to bottom, var(--accent_2) 50%, var(--black) 50%);
			margin-left: 0;
	}
		#eve_slide_2 .skew h3{
			background: linear-gradient(to bottom, var(--black) 50%, var(--accent_2) 50%);
		}

		#eve_slide_3 .skew{
			background: linear-gradient(to bottom, var(--accent_1) 50%, var(--black) 50%);
			margin-left: 0;
		}
		#eve_slide_3 .skew h3{
			background: linear-gradient(to bottom, var(--black) 50%, var(--accent_1) 50%);
		}



/* .... BOTONES ANIMACION .... */

/*---------------------------------------------- HOVER ANIMATIONS ON TIENDA ---------------------------------------------- */
.wrapper-main-tienda h2 {
background: linear-gradient(to bottom, var(--black) 50%, var(--amarillo_antologia) 50%);
  background-size: 100% 200%; 
  background-position: top; 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: background-position 0.25s ease-in-out;
  cursor: pointer;
}

.wrapper-main-tienda h2:hover {
  background-position: bottom; 
}

.detalles_taller .skew,
.pr_articulo .skew,
.product_information .skew{
background: linear-gradient(to bottom, var(--amarillo_antologia) 50%, var(--black) 50%);

}

.detalles_taller .skew,
.pr_articulo .skew{
margin-left: 2rem;
}

.detalles_taller .skew,
.pr_articulo .skew,
.product_information .skew,
#eve_slide_1 .skew,
#eve_slide_2 .skew,
#eve_slide_3 .skew{
  background-size: 100% 200%; 
  background-position: top; 
  transition: background-position 0.25s ease-in-out;
  cursor: pointer;

}

.wrapper-main-tienda .skew:hover,
.eve_info .skew:hover{
  background-position: bottom; 

  
}

.wrapper-main-tienda .skew h3, 
.detalles_taller h3,
.product_information .skew h3,
.pr_articulo .skew h3{
background: linear-gradient(to bottom, var(--black) 50%, var(--amarillo_antologia) 50%);

}

.wrapper-main-tienda .skew h3, 
.detalles_taller h3,
.pr_articulo .skew h3,
.product_information .skew h3,
#eve_slide_1 .skew h3,
#eve_slide_2 .skew h3,
#eve_slide_3 .skew h3{
  background-size: 100% 200%; 

  background-position: top; 
	
  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;
  transition: background-position 0.25s ease-in-out;
  cursor: pointer;
}

.wrapper-main-tienda .skew:hover h3,
.wrapper-main-tienda .skew:hover,
.detalles_taller .skew:hover h3,
.detalles_taller .skew:hover,
.pr_articulo .skew:hover,
.pr_articulo .skew:hover h3,
.product_information .skew:hover,
.product_information .skew:hover h3,
#eve_slide_1 .skew:hover,
#eve_slide_1 .skew h3:hover,
#eve_slide_2 .skew:hover,
#eve_slide_2 .skew h3:hover,
#eve_slide_3 .skew:hover,
#eve_slide_3 .skew h3:hover
{
  background-position: bottom; 
}



.pr_entrevista_slide .skew {
	background: linear-gradient(to bottom, var(--light) 50%, var(--black) 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.25s ease-in-out;
    cursor: pointer;
}

.pr_entrevista .pr_entrevista_slide .skew h4{
	background: linear-gradient(to bottom, var(--black) 50%, var(--accent_gray) 50%);
    background-size: 100% 200%;
    background-position: top;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background-position 0.25s ease-in-out;
    cursor: pointer;
}



.pr_entrevista .pr_entrevista_slide .skew:hover{
	background-position: bottom; 
} 
.pr_entrevista .pr_entrevista_slide .skew:hover h4{
	background-position: bottom; 
}


/* -------------- ... BOTONES CLICKED ... ------------*/

.detalles_taller:has(label input:checked) .skew,
.detalles_taller:has(label input:checked) .skew h3{
	  background-position: bottom; 
}



/*   	nav original: 	*/

/*   	nav celular: 	*/

#navegacion{
	margin-top:2rem;
}

#navegacion ul{
    
display: none;
    
font-family: 'AlvaradoVar';
    
font-optical-sizing: auto;
    
font-size: var(--fs-side-subtitle);
    
font-weight: var(--font-bold);
    
font-variation-settings: "ital" 57;
    
color: #fbfbfb;
    
display: flex;
    
position: absolute;
    
top: 2.75rem;
    
right:0;
    
flex-direction: column;
    
justify-self: end;
    
list-style: none;
    
background-color: var(--accent_gray);
    
padding: 4rem;
    
min-height: 10rem;
    
gap: 2rem;
    
z-index:95;

border-radius: 2rem 0 0 2rem;
}


.nav_logo{
	display: none;	
	
}

#nav_wrapper_mobile{
	display: flex;
	width:85vw;
    justify-content: space-between;
    align-items: center;
	justify-self: center;

	
}
#navegacion .logo_mobile{
	height:4rem;
}




/*-----------------------------------HAMBURGUER MENU-----------------------------------*/

*, *::before, *::after{
	box-sizing: border-box;
	
} 

.menu_icon{
	--x-width: calc(var(--hamburger-height) * 1.41421356237);
/*	height: 2rem;*/
	display: flex;
	flex-direction: column;
	gap:var(--hamburger-gap);
	width: max-content;
	z-index: 100;
/*	position: relative;*/
	cursor: pointer;
	padding-right:2vw;
	
}

.menu_icon::before,
.menu_icon::after,
.menu_icon input{
	content: "";
	width: var(--bar-width);
	height: var(--bar-height);
	background-color: var(--foreground); 
	border-radius: 9999px;
	transform-origin: left center;
	transition: opacity var(--animation-timing), width var(--animation-timing), rotate var(--animation-timing), translate var(--animation-timing), background-color var(--animation-timing); 
	
}

.menu_icon input{
	appearance:none;
	padding:0;
	margin: 0;
	outline: none;
	pointer-events: none;
	
}


.menu_icon:has(input:checked)::before {
	rotate: 45deg;
  width: var(--x-width);
  translate: 0 calc(var(--bar-height) / -2);
	
}

.menu_icon:has(input:checked)::after {
	rotate: -45deg;
  width: var(--x-width);
  translate: 0 calc(var(--bar-height) / 2);
}

.menu_icon input:checked{
	opacity: 0;
	width: 0;
}

.sidebar{
	transition: translate var(--animation-timing);
	translate:100vw; 
	/* 5rem is 4rem of padding + half the gap of 2*/
}



.menu_icon:has(input:checked) + .sidebar{
	translate:0;	
}

/*-----------------------------------////////////-----------------------------------*/


#navegacion ul li a {
    color: #fbfbfb;
    transition: letter-spacing 1s ease-in-out;
}
#navegacion ul a img{
	height: 5rem;
	padding:0 0 1rem 0;
}

#navegacion li a, .product a {
    text-decoration: none;
}	

#navegacion li :not(.nav_logo), #selected_nav {
/*	border: thick solid red;*/ 
    align-content: center;
    font-weight: 43;
    letter-spacing: 0.17rem;
 
	
}






main {
    flex: 1;
    padding: 1rem;
    background-color: black;
    display: flex;
    flex-direction: column;
}


/*-------------------------------- D E T A L L E  D E  P R O D U C T O  ---------------------------------*/

.wrapper-product-details{	
    background-color: var(--yellowish_gray);
    border-radius: 3.4rem;
    margin-inline: auto;
    font-family: 'AlvaradoVar';
    margin-top: 8rem;
    padding: 3rem 0 3rem 0; 
    width: 85%;
    container-type: inline-size;
    min-height: 22%;

	display: flex;
    flex-direction: column;
    align-items: center;
}

.image_wrapper{
	display: flex;
	flex-direction: column-reverse;
	gap: .5rem;
}

.preview_img_col{
	display: flex;
	gap: 0.5rem;
	margin: auto;
}

.image_wrapper article:not(.big_product_img){
	width: 7.5rem;
	margin-bottom: 2.5rem;
	
}

.image_wrapper article img{
	width: 100%;	
}

article.big_product_img{
} 

.product_information{
	color: var(--black);
	max-width: 26rem;
}

.product_information h1{
ruby-align: center;
font-size: var(--fs-product-details-h1);
font-weight: 67;
}

.product_information ul{
	display: flex;	
	margin-top: 0.8rem;
	column-gap: 2.5rem;
	margin-left: 0.15rem;
}
.product_information ul li, .product_information ul img{
	height:1.7rem;
	list-style: none;
	align-self: baseline;
}

.product_information .pro_pertenencia{	
	margin-top: 3rem;
	font-weight: 37;
	letter-spacing: 0.05rem;
	font-size: var(--fs-buttons-small);
}

.product_information h2{
	font-weight: 41;
	font-variation-settings: "ital" 84;
	font-size: var(--line-height-titles);
	letter-spacing: -0.02rem;
	margin-bottom: 0.3rem;
}	

.product_information p{
	font-size: var(--fs-product-details-text);
	font-weight: 47;
	letter-spacing: -0.035rem;
}

#compra_disclaimer{
	font-size: var(--fs-small-text);
}

.product_information p:first-child{
	font-style: italic;
}


.product_details{
	margin-top: 2rem;
	
}
.product_details p{
	padding-bottom: 0.4rem;
	font-size: var(--fs-side-subtitle);
	font-weight: 41;
	letter-spacing: 0.02rem;
}



.product_information li:first-child img{
	height: 1.5rem;
}

/*-------------------------------------------- T I E N D A  --------------------------------------------*/
.wrapper-main-tienda {
    background-color: var(--yellowish_gray);
    margin-top: 2rem;
    border-radius: 3.4rem;
    margin-inline: auto;
    width: 85vw;
    display: grid;
    align-self: center;
    row-gap: 0.25rem;
    grid-auto-rows: auto auto auto;
/*    container-type: inline-size;*/
    padding-top: 3.5rem;
    padding-right: 1vw;
    padding-left: 1vw;
}

.product {
    font-family: 'AlvaradoVar';
    width: 55%;
    justify-self: center;
    grid-row: span 3;
    display: grid;
    grid-template-rows: subgrid;
}

.product img {
    width: 100%;
	border-radius: var(--redondeado);
    border-bottom: thick solid var(--black);
}

.product a h2 {
    font-size: var(--fs-titles);
    font-weight: 53;
    letter-spacing: -0.05rem;
    line-height: var(--line-height-titles);
    text-align: center;
    color: var(--black);
    margin-top: 0.3rem;
}

.word_break {
    word-break: break-all;
}

.skew {
  	 padding-right: 0.3rem;
    padding-left: 0.3rem;
    padding-top: 0.15rem;
    margin-bottom: 1.4rem;
    width: min-content;
    transform: skew(-10deg);
    /* background: linear-gradient(to bottom, var(--amarillo_antologia) 50%, var(--black) 50%); */
    text-align: center;
    background-size: 100% 200%;
    display: grid;
    justify-self: center;
}

.product h3 {
    font-weight: 53;
    color: black;
    letter-spacing: 0.1rem;
    font-variation-settings: 'ital' 100;
    transform: skew(10deg);
    text-align: center;
}




.wrapper {
    width: auto;
}

/*------------------ SECCION TALLERES  ------------------------------------------*/

.wrapper-main-talleres{
/*	 background-color: var(--yellowish_gray); */
    margin-top: 2rem;
    border-radius: 3.4rem;
    margin-inline: auto;
    width: 85vw;
    align-self: center;
    padding-top: 5rem;
    padding-right: 1vw;
    padding-left: 1vw;
	/* display:flex;
	gap:1rem; */
	font-family: 'AlvaradoVar';
	color: var(--black);

}

.wrapper-main-talleres p{
	font-size: 1.5rem;
	font-weight: 300;
}

.taller_entry h2{
	font-size: 2.3rem;
	letter-spacing: 0.1rem;
	line-height: 2.4rem;
	font-weight: 1000;

	margin-bottom: 0.5rem;
}

.wrapper-main-talleres h1{
	font-size: var(--fs-talleres-h1);
	letter-spacing: 0rem;
	font-weight: 999;

	margin-bottom: 1.2rem;
	box-sizing: content-box;
}

.wrapper-main-talleres h1 span{
	font-size: calc(var(--fs-talleres-h1) - 1.85rem);
}

.wrapper-main-talleres > *{
	flex-grow: 1;
	border-radius: 0.35rem;
	
}


.fecha_lugar_taller{
	font-style: italic;
	margin-top: 2rem;
}
.col_1, .col_3{
	display: none;
}


.monograma_talleres{
	width: 100%;
    height: 50%;
    background-image: url(img/Monograma-Talleres-con-textura.png);
    background-size: 10rem;
    background-repeat: no-repeat;
    background-position-x: -2rem;
    background-position-y: 1rem;
}

.col_2{ 
	flex: 3;
	height: 100%;
	background-color: var(--yellowish_gray);
	color: var(--black);
	padding: 0 2.5rem 0 2.5rem;
	
	}

	.col_2 img{
		width: 100%;
		border-radius: 0 0 2rem 2rem;
	}
	
	.col_2 article:not(:first-of-type) {		
		margin-top: 0.7rem;

	}

	.col_2 article:not(:last-child){
		border-bottom: #161617 solid 0.1rem;
	}

	.taller_entry:nth-child(2){
		margin-top: 0;
	}

	.taller_entry:nth-child(2) h1{
		font-size: var(--fs-talleres-h1-BIG);
		text-box: auto;
   		text-box-edge: ex alphabetic;
		position: relative;
  		top: -1rem;
	}

	.taller_entry:nth-child(2) h1 span{
		font-size: calc(var(--fs-talleres-h1-BIG) - 6.85rem);
	}

	.detalles_taller{
		display: flex;
		justify-content: space-between;
		align-items: baseline;
	}

	.detalles_taller .skew h3{ 
		width:max-content;
		font-weight: var(--font-bold);
	}

.col_3{
	order: 3;
    display: flex;
	flex-direction: column;
	flex: 1;
	margin-bottom: .5rem;
	gap: .5rem;
    height: 50%;
    top: 0;
}

.talleres_instagram{
	border-radius: 1rem;
	padding: 2rem 0;
	overflow: hidden;
	position: relative;
	background-color: var(--background);
} 

.talleres_instagram h3{
	font-size: var(--fs-text-mobile);
    color: var(--font-gray);
    font-weight: var(--font-medium);
    justify-self: center;
    margin: .4rem 0;
    padding: .5rem 0;
}

.talleres_instagram .slider a{
	max-width: 100%;

}
.instagram_carrusel{
	display: flex;
	gap: 0.5rem;
	overflow-x: auto;
	padding-bottom: 0.5rem;

}


.instagram_carrusel .slider{
	display: flex;
	overflow-x: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
}

.instagram_carrusel .slider a{
	flex: 1 0 100%;
	scroll-snap-align: start; 
	object-fit: cover;
	min-width: 100%;
	
	align-items: center;
	justify-content: center;
  
}

.instagram_carrusel .slider a img{
	width: 100%;
}





 .slider_nav{
	display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
    justify-content:center;
    z-index: 90;
}

 .talleres_instagram .slider_nav a{
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	background-color: white;
	margin: .5rem;
}

.talleres_instagram .slider_nav a:hover{
	background-color: var(--light_gray);
	opacity: 0.75;
}


.talleres_fotos{
}

.talleres_fotos a{}


#talleres_foto_1::before{
	background-image:var(--taller_preview_1);
	
}
#talleres_foto_2::before{
	background-image:var(--taller_preview_2);
}
#talleres_foto_3::before{
	background-image:var(--taller_preview_3);
}

.talleres_fotos div:hover{
	cursor: pointer;
	background-size: 140%;
	transition: all var(--animation-timing);

}

.taller_entry label input{
	display: none;
}

.text_expandir{
	min-height: 0;
	display: none;
	
}

.taller_entry:has(#ver_mas_2 input:checked) #text_expandir_2,
.taller_entry:has(#ver_mas_1 input:checked) #text_expandir_1{
	display: block;
	opacity: 100;
	height: fit-content;
    max-height: 90rem;
	transition: opacity var(--animation-timing),
	 max-height var(--animation-timing), display var(--animation-timing) allow-discrete;
	transition: min-height var(--animation-timing);
}

.wrapper-main-talleres #mobile_col_wrapper .radio_mobile{
	margin: 1.6rem 0 1.8rem 0;
}



/* ------------- GALERIA DE FOTOS - TALLERES ------------- */
#galeria_toggle{
	display: none;
}

.wrapper-main-talleres{
	position: relative;
}
#galeria_toggle{
    position: absolute;
	background-color: var(--darker_gray);
    grid-template-columns: 2fr 1fr;
    padding: 2rem;
    z-index: 90;
    gap: 1rem;	
	border-radius: var(--redondeado);
}




.galeria label input{
	display: none;
}
#galeria_toggle:has(input:checked){
	display: none;
}


.galeria .display{
	overflow: hidden;
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
}


.wrapper-main-talleres .galeria .display img,
#mobile_col_wrapper #mobile_galeria_toggle .display img{
    display: none;
    height: 100%;
    object-fit: cover;
    width: 100%;
	border-radius: 2.4rem 2.4rem 0 0;
    
}

#mobile_col_wrapper #mobile_galeria_toggle{
	padding-right: 0;
}


.galeria .display img:target{
	display: block;
}
#g_foto_1{
}

.galeria_thumbnails{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
}

#mobile_col_wrapper .galeria_thumbnails{
	width: 100%;
	margin: 1rem;
}

.galeria_thumbnails a{
	margin: .2rem;;
}

#mobile_col_wrapper .galeria_thumbnails a{
	height: 3rem;
}

.galeria_thumbnails a div{
	 width: 100%;
    height: 100%;
    border-radius: 1.2rem;
	overflow: hidden;
  position: relative;
}


.galeria_thumbnails a div::before {
  content: '';
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: transform var(--animation-timing);
}

.galeria_thumbnails a div:hover::before {
  transform: scale(1.11);
}

#g_thumb_1::before{
	background-image: url(img/Registro_Fotografico/Galeria/thumbnails/thumb_1.png);
}

#g_thumb_2::before{
	background-image: url(img/Registro_Fotografico/Galeria/thumbnails/thumb_2.png);
}

#g_thumb_3::before{
	background-image: url(img/Registro_Fotografico/Galeria/thumbnails/thumb_3.png);
}

#g_thumb_4::before{
	background-image: url(img/Registro_Fotografico/Galeria/thumbnails/thumb_4.png);
}
#g_thumb_5::before{
	background-image: url(img/Registro_Fotografico/Galeria/thumbnails/thumb_5.png);
}
#g_thumb_6::before{
	background-image: url(img/Registro_Fotografico/Galeria/thumbnails/thumb_6.png);
}
#g_thumb_7::before{
	background-image: url(img/Registro_Fotografico/Galeria/thumbnails/thumb_7.png);
}
#g_thumb_8::before{
	background-image: url(img/Registro_Fotografico/Galeria/thumbnails/thumb_8.png);
}
#g_thumb_9::before{
	background-image: url(img/Registro_Fotografico/Galeria/thumbnails/thumb_9.png);
}

/* ------------- GALERIA MOBILE - TALLERES ------------- */

.wrapper-main-talleres #mobile_col_wrapper #mobile_galeria_toggle .display img:first-child{
	display: block;
}

.wrapper-main-talleres #mobile_col_wrapper #mobile_galeria_toggle .display img:target{
	display: block;
}
.wrapper-main-talleres #mobile_col_wrapper #mobile_galeria_toggle .display img:target ~ img:first-child{
	display: none;
}

#m_g_thumb_1::before{
	background-image: url(img/Registro_Fotografico/Galeria/thumbnails/thumb_1.png);
}

#m_g_thumb_2::before{
	background-image: url(img/Registro_Fotografico/Galeria/thumbnails/thumb_2.png);
}

#m_g_thumb_3::before{
	background-image: url(img/Registro_Fotografico/Galeria/thumbnails/thumb_3.png);
}

#m_g_thumb_4::before{
	background-image: url(img/Registro_Fotografico/Galeria/thumbnails/thumb_4.png);
}
#m_g_thumb_5::before{
	background-image: url(img/Registro_Fotografico/Galeria/thumbnails/thumb_5.png);
}
#m_g_thumb_6::before{
	background-image: url(img/Registro_Fotografico/Galeria/thumbnails/thumb_6.png);
}
#m_g_thumb_7::before{
	background-image: url(img/Registro_Fotografico/Galeria/thumbnails/thumb_7.png);
}
#m_g_thumb_8::before{
	background-image: url(img/Registro_Fotografico/Galeria/thumbnails/thumb_8.png);
}
#m_g_thumb_9::before{
	background-image: url(img/Registro_Fotografico/Galeria/thumbnails/thumb_9.png);
}



/* TALLERES MOBILE */
#mobile_col_wrapper #mobile_galeria_toggle{
	width: 100%;
    flex: none;
    max-height: 0rem;
    color: var(--font-gray);
    opacity: 0;
    border-radius: 3rem;
    padding: 0;
}

.col_3 .talleres_instagram{
	width: 100%;
    flex: none;
	max-height: 0rem;
	opacity: 0;
    border-radius: 3rem;
    padding: 0;
}
#mobile_col_wrapper:has(.entrevista_mobile input:checked) #mobile_galeria_toggle{
	opacity: 100;
	height: fit-content;
    max-height: 90rem;
	transition: opacity var(--animation-timing), max-height var(--animation-timing);
	
}

.wrapper-main-talleres:has(#mobile_col_wrapper .radio_mobile input:checked)
 .col_3 .talleres_instagram{
    opacity: 100;
    padding: 2rem 0;
    height: fit-content;
    max-height: 110rem;
    transition: opacity var(--animation-timing), max-height var(--animation-timing);
}





/*
.wrapper-main-tienda .img-tienda-wrapper{
	 width: 100%;
	 border-radius: 0.5rem;
	 overflow: hidden;
	 aspect-ratio: 2 / 2.856;
}

.wrapper-main-tienda .img-tienda-wrapper img{
	transition: transform 0.45s ease-in-out;
}

.wrapper-main-tienda .img-tienda-wrapper:hover img{
	transform: scale(1.05);
}
	
logre que funcionara haciendo esto pero tiene como imperfecciones casi imperceptibles y ademas me parecio que habia demasiados hovers y ya era medio confuso
*/

/*.. 	SECCION PRENSA  	..*/


	.wrapper-main-prensa{
		margin-top: 2rem;
		border-radius: 3.4rem;
		margin-inline: auto;
		width: 85vw;
		align-self: center;
		padding-right: 1vw;
		padding-left: 1vw;
		font-family: 'AlvaradoVar';
		color: var(--font-gray);
	}
	
	
	.pr_col_1, .pr_col_2 > * {
		border-radius: 2rem;
	}

	.pr_col_1{
		color: var(--black);
		background-color: var(--yellowish_gray);
	}

	.pr_articulos{
		padding: 3rem 2.5rem;
	}

	.pr_articulo .skew{
		justify-self: normal;
		margin: .75rem 0 2.5rem 0;
		width: fit-content;
	}

	.pr_articulo .skew a{
		text-decoration: none;
	}

	.pr_articulo h2{
		font-style: italic;
		font-size: calc(var(--fs-subtitles) - .3rem);
		border-bottom: solid var(--black) 0.15rem;
		font-weight: var(--font-medium);
		
	}
	.pr_articulo h1{
		font-size: var(--fs-secondary-titles);
		margin: 1rem 0 .75rem 0;
		font-weight: var(--font-bold);
	}
	.pr_articulo p{
	font-size: var(--fs-medium-text-mobile);
	font-weight: var(--font-thin);
	}

		

	.pr_col_2{
		order: 2;
		flex-grow: 1;
		overflow-x: auto;
		width: clamp(600px, 20vw, 400px);
	}
	.pr_col_2 img{
		width: 100%;
		border-radius: 2rem 2rem 0 0;
		margin-bottom: .5rem;
	}
	.pr_entrevista_slide {
    position: relative;
}

	
	.pr_col_2 .skew{
		    width: auto;
			margin-bottom: 0;
			text-decoration: none;
			
			
	}
	
	 .skew h3,
	 .skew a h3{
		font-family: AlvaradoVar;
		font-size: var(--fs-botones-mobiles);
		padding: .12rem;
		font-weight: var(--font-bold);
	}

	.pr_img_wrapper{
		background-image: url(img/Prensa/side-img-prensa.png);
		background-repeat: no-repeat;
		background-size: cover;
		margin: 3rem 0;
		width: 22%;
		width: max(50%, 35rem);
		border-radius: 0 2rem 2rem 0;
	}
	.pr_img_wrapper img{
		width: 100%;
		display: block;
		
		border-radius: 0.5rem;
	}
	.pr_entrevista{
		background-color: var(--dark_purple);
		margin-bottom: 1rem;
		display: flex;
		overflow-x: hidden;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		width: 100%;
	}

	.pr_entrevista_slide{
		flex: 0 0 100%;
	}

	
	.pr_entrevista, .pr_radio{padding-bottom: 1rem;}

	.pr_entrevista_slide .slider_nav a{
		position: relative;
		background-image: url(img/symbol_play.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}

	.pr_entrevista_slide .slider_nav a:first-child{
		transform: scaleX(-1);

	}

	.pr_radio h3{ 
		justify-self: center; 
		margin-bottom: .5rem;
		margin-top: .5rem;
		font-size: var(--fs-subtitles);
		letter-spacing: .005rem;
	}

	.pr_radio{
		background-color: var(--darker_gray);
		color: var(--font-gray);
	}

	

	.pr_radio a{
		font-size: 1.25rem;
		display: flex;
		gap: 1rem;
		padding: .75rem 0 0.15rem 0;
		justify-content: center;
		text-decoration: none;
		color: var(--font-gray);
		
}

.pr_radio a:hover{
	cursor: pointer;
}

.pr_radio span{
		/*font-size:calc(var(--fs-text) - 1.3rem) ;*/
		font-size: .9rem ;
		align-self: anchor-center;
	}
	
	

	.pr_radio .radio_play_button{
		width: 1.3rem;
		border-radius: .5rem;
		padding-left: .15rem;	
		margin-top: .1rem;	
		background-color: var(--font-gray);
	}
	
	.pr_radio a:nth-child(odd){
		background-color: var(--darkest_gray);

	}

	.pr_col_2 .header_radio_img{
		display: block;
		justify-self: center;
		width: 15vw;
		justify-self: center;
		align-self: center;
		margin: auto;
		border-radius: 0 0 2rem 2rem;
	}

	

.pr_col_2{
		display: none;
	}

#mobile_col_wrapper{
	
	font-family: 'AlvaradoVar';
	font-weight: bolder;
	font-size: var(--fs-secondary-titles);
	display: flex;
	flex-direction: column;
}

#mobile_col_wrapper label{
    background-image: url(img/Prensa/right_arrows_1copy.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform var(--animation-timing);
    position: absolute;
    bottom: -1.3rem;
    z-index: 90;
	
}

#mobile_col_wrapper > *{
	height: fit-content;
    background-color: var(--yellowish_gray);
    border-radius: 3rem;
    position: relative;
    display: flex;
	flex-wrap: wrap;
	/* max-width: max(100%, 640px); */
	justify-content: space-around;
	padding-right: 1.2rem;
}

#mobile_col_wrapper > * h3{
	display: block;
    margin: auto;
    font-synthesis-weight: auto;
    font-weight: bolder;
    FONT-SIZE: 1.4rem;
    letter-spacing: 0.05rem;
}

#mobile_col_wrapper > * img, .pr_mobile_img{
	display: block;
    width: 46%;
    border-radius: 4rem 0 6rem 4rem;
    height: 5rem;
}

.expand_arrow{
    display: block;
    background-color: white;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    align-self: center;
	border: var(--darkest_gray) solid .19rem;
}
#mobile_col_wrapper input{
	display: none;
}


.articulos_mobile{
	border-radius: 2rem;
}

.articulos_mobile img{
	background-color: var(--darkest_gray);

}
.entrevista_mobile img, .entrevista_mobile .pr_mobile_img{
	background-color: var(--darker_gray);
	background-image: url(img/Prensa/side_mobile_dragon.png);

}
.radio_mobile img, .radio_mobile .pr_mobile_img{
	background-color: var(--amarillo_antologia);
			background-image: url(img/Prensa/side-img-prensa-small.png);
}

.pr_mobile_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: 17rem;
	display: block;
    width: 49%;
    border-radius: 4rem 0 6rem 4rem;
    height: 5rem;
}
.entrevista_mobile{
	margin: 1rem 0 0 0;
}


#mobile_col_wrapper label:has(input:checked){
	transform: scaleY(-1);
	transition: transform var(--animation-timing);
}
#mobile_col_wrapper:has(.radio_mobile input:checked) .pr_radio{
	opacity: 100;
	height: fit-content;
    max-height: 90rem;
	transition: opacity var(--animation-timing), max-height var(--animation-timing);
	
}


#mobile_col_wrapper .pr_radio{
	width: 100%;
	flex: none;
	max-height: 0rem;
	background-color: var(--darker_gray) !important;
	color: var(--font-gray);
	opacity: 0;
	border-radius: 3rem;
	padding: 0;
	
} 
#mobile_col_wrapper .pr_radio a{
    width: 100%;
	justify-content: space-between;
	align-items: center;
	padding: 1.5rem;
	cursor: pointer;
}

#mobile_col_wrapper .pr_radio a:first-child{
	border-radius: 3rem 3rem 0 0;
	padding-top: 2rem;
}
#mobile_col_wrapper .pr_radio img{
	width: 9vw;
	height: auto;
	justify-self: center;
	align-self: center;
	margin: 0;
	border-radius: 1rem;
	
}

#mobile_col_wrapper .pr_radio p{
	font-size: var(--fs-medium-text-mobile);
    font-weight: var(--font-medium);
}
#mobile_col_wrapper .pr_radio span{
	font-weight: var(--font-medium);
    font-size: var(--fs-text);
}

#mobile_col_wrapper:has(.entrevista_mobile input:checked) .pr_entrevista{
	opacity: 100;
	height: fit-content;
    max-height: 90rem;
	transition: opacity var(--animation-timing), max-height var(--animation-timing);
	
}
#mobile_col_wrapper .pr_entrevista{
	width: 100%;
	padding:0;
	display: flex;
    flex-wrap: nowrap;
	max-height: 0rem;
	background-color: var(--accent_gray) !important;
	opacity: 0;
	border-radius: 3rem;
	transition: opacity var(--animation-timing), max-height var(--animation-timing);
	
}

#mobile_col_wrapper .pr_entrevista img {
    width: 100%;
    height: auto;
	border-radius: 3rem 3rem 0 0;;
}

#mobile_col_wrapper .pr_entrevista h3{
	font-size: var(--fs-product-details-h3);
	padding: 1rem 0;
	width: auto;
	
} 

.pr_entrevista h3, .pr_radio h3{ 
		justify-self: center; 
		margin-bottom: .5rem;
		margin-top: .5rem;
		font-size: var(--fs-subtitles);
		letter-spacing: .005rem;
	}

	
	.pr_entrevista{ 
		background-color: var(--dark_purple);
		margin-bottom: 1rem;
		display: flex;
		overflow-x: hidden;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		width: 100%;
	}

	.pr_entrevista_slide{
		flex: 0 0 100%;
	}
	#mobile_col_wrapper .slider_nav{
	display: flex;
    position: absolute;
	height: fit-content;
    top: 30%;
	justify-content: space-between;
    z-index: 90;
	}

	#mobile_col_wrapper .skew{
		width: auto;
		margin-bottom: 1.1rem;
		background-color: var(--black);
		text-decoration: none;
			
	}
	.skew h4{
	font-weight: var(--fs-medium-text-mobile);
    letter-spacing: .1rem;
    font-size: 1.4rem;
    padding: .05rem .3rem;
	}

	.pr_img_wrapper{
		background-image: url(img/Prensa/side-img-prensa.png);
		background-repeat: no-repeat;
		background-size: cover;
		margin: 3rem 0;
		width: 22%;
		width: max(50%, 35rem);
		border-radius: 0 2rem 2rem 0;
	}
	.pr_img_wrapper img{
		width: 100%;
		display: block;
		
		border-radius: 0.5rem;
	}
	

	.pr_entrevista_slide{
		flex: 0 0 100%;
	}

	#mobile_col_wrapper .slider_nav a {
    width: 1.5rem;
    height: 1.5rem;
	background-color: var(--yellowish_gray);
    border-radius: 50%;
    transition: opacity ease 250ms;
	margin:.3rem;
}

	
	.pr_entrevista, .pr_radio{padding-bottom: 1rem;}

	.pr_entrevista h3, .pr_radio h3{ 
		justify-self: center; 
		margin-bottom: .5rem;
		margin-top: .5rem;
		font-size: var(--fs-subtitles);
		letter-spacing: .005rem;
	}

	.pr_radio{
		background-color: var(--darker_gray);
	}



/*------------------ SECCION EVENTOS  ------------------*/
/*------------------ EVENTOS  ------------------*/


.wrapper-main-eventos{
        margin-top: 2rem;
        border-radius: 3.4rem;
        margin-inline: auto;
        width: 85vw;
        align-self: center;
        padding-right: 1vw;
        padding-left: 1vw;
        font-family: 'AlvaradoVar';
        color: var(--black);
    
    }

    .eve_col_1, .eve_col_2 > * {
        border-radius: 2rem;
    }

    .eve_col_1{
    color: var(--black);
   /* 
   background-color: var(--amarillo_antologia);
    padding: 0rem min(2.5rem, 8vw) 7rem min(2.5rem, 8vw);
	*/
    }
	

    .header_eve_img{
	  /* background-image: url(img/Eventos/Evento_actual.png); */
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: 71%;
        background-position-y: 53%;
       

        width: 100%;
        height: 6.5rem;
        margin-bottom: 2rem;
        border-radius: 0 0 2rem 2rem;
        position: relative;
    }

	#eve_slide_1 .header_eve_img{
	background-image: url(img/Eventos/ILUSTRACION-libro-ventana-all-black.png);
	background-position-x: 100%;
    background-position-y: 38%;
    background-size: 42vh;
	}

	#eve_slide_2 .header_eve_img{
	background-image: url(img/Eventos/Evento_actual.png);}
	#eve_slide_3 .header_eve_img{
	background-image: url(img/Eventos/Evento_actual.png);}

    .header_eve_img h1{
    font-size: clamp(3rem, 21vw, 7.3rem);
    font-weight: 55;
    letter-spacing: -0.2rem;
    color: var(--darkest_gray);
    align-self: center;
    }
    
    .mes{
        width: min-content;
        overflow: hidden;
		align-self: center;
    }

    .header_fecha{
        color: #e6e7e3;
        display: flex;
        align-content: center;
        height: 100%;
        width: 100%;
        overflow: hidden;

    }

    .header_eve_img h3{

        font-size: clamp(.5rem, 4.5vw, 3rem);
        background-color: var(--darkest_gray);
        margin: 0.1rem 0 0 .4rem;
        padding: .3rem .25rem;
        width: max-content;
        height: fit-content;
        font-weight: 65;
        font-style: italic;
        letter-spacing: .07rem;
        
    }

    .header_eve_img h3:nth-of-type(2){
        /* top: 3.8rem;
        left: 10rem; */
    }

    .eve_info{
    width: fit-content;
    }


    .eve_info h2{
        font-size: min(9vw, 2rem);
        font-weight: var(--font-bold);
        letter-spacing: .13rem;
        width: fit-content;
        margin-bottom: .25rem;

    }

    .eve_info p{
        font-size: min(1rem, 5vw);
        font-weight: 25;
        margin-bottom: .5rem;
        line-height: 1.7rem;
        letter-spacing: .02rem;
        width: fit-content;
    }

    .eve_info p:nth-of-type(2){
        font-variation-settings: 'ital' 1;
        font-style: italic;
        font-size: 1rem;
        margin-bottom: 0;
        letter-spacing: .02rem;
        line-height: 1.3rem;
    }

    .eve_info h4{
        color: var(--black);
        width: fit-content;
        letter-spacing: .07rem;
        font-weight: 85;
        font-style: italic;
        font-size: .76rem;
        border-radius: .28rem;
        margin-bottom: 2.5rem;
    }

        .eve_col_1 .boton_evento{
		width: 100%;
		font-family: 'AlvaradoVar';
		font-weight: 75;
		border: .11rem solid var(--black);
		background-color: #dfd6c3;
		/* box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.095), 0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075), 0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.055); */
		box-shadow: 4px 4px 0 var(--black);
		border-radius: 0 .8rem .8rem .8rem;
		padding: .4rem 1.3rem;
		margin-top: 2.5rem;
		letter-spacing: 0.051rem;
		display: block;
    }


    .eve_col_2{
        background-color: var(--yellowish_gray);
        border-radius: var(--redondeado);
			flex-grow: 2;
        flex-basis: max-content;
		justify-items: center;
        padding: 0 1.4rem .5rem 1.4rem;
		margin-top: 1rem;
    }
	.eve_col_2_wrapper{
		flex-basis: max-content;
		display: flex;
  		flex-direction: column;
	}

    .eve_col_2 h2{
        font-size: min(9vw, 2rem);
        letter-spacing: .13rem;
        font-weight: 100;
        line-height: 1.5rem;
        color: var(--darker_gray);
        margin: 1rem 0 2rem 0;
        padding-top: 2.5rem;
        text-align: center;
    }


    .eve_col_2 .eve_proximo{
        display: flex;
        gap: min(1.5rem, 6vw);
        padding-bottom: .7rem;
        margin-bottom: 1rem;
       border-bottom: solid 2px var(--light_gray);
        border-radius: 0;
        justify-self: center;
		flex: 1;
		flex-wrap: wrap;
		
    }


    .eve_proximo h3{
        font-size: 1.5rem;
        font-weight: var(--font-bolder);
        letter-spacing: -0.05rem;
        margin-right: .3rem;
        position: relative;
    }

    .eve_col_2 article:last-child{
        border: none;

    }
    

    .eve_proximo h3::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 0.25rem;
        background-color: var(--light_gray);
        top: 1.3rem;
        left: 0;
    }

    .prox_col h4{
        font-size: 1.05rem;
        font-weight: 60;
    }

    .prox_col p{
        font-size: 1rem;
        font-weight: 1;

    }
    

	.eve_link{
	color: var(--darker_gray);
	display: flex;
    gap: min(1.5rem, 6vw);
    padding-bottom: 1em;
    border-radius: 0;
    justify-self: center;
	}


	/* .eve_col_2 article:not(:last-child) label{
		
    border-bottom: solid 2px var(--light_gray);
	} 
	
	BORRAR DESPUES PORQUE LO CAMBIE 5/6*/

#eventos_pasados{
    display: none;
}


#eve_slide_1{
    background-color: var(--amarillo_antologia);
}

#eve_slide_2{
	background-color: #e6e7e3;
}

#eve_slide_3{
	background-color: var(--yellowish_gray);
}
#eve_slide_2 .header_eve_img{
	background-color: var(--light);
}
#eve_slide_1 .header_eve_img{
	background-color: #d1d4ca;
	background-color: var(--light);
}
#eve_slide_2 .header_eve_img{
	background-color: var( --accent_2_tint);
}
#eve_slide_3 .header_eve_img{
	background-color: var(--accent_1_tint);
}
#eve_slide_2 .header_eve_img{
background-image:() ;
}
#eve_slide_3 .header_eve_img{
background-image:() ;
}



#eve_slide_2 .header_fecha h1{
	color: var(--black);
}

#eve_slide_3, 
#eve_slide_3 h1{
	color: var(--black);
}


#eve_slide_2 .mes h3, #eve_slide_3 .mes h3{
	background-color: var(--black);
}



.eve_slide{
	color: var(--black);
	width: 100%;
	height: 100%;
    padding: 0rem min(2.5rem, 8vw) 7rem min(2.5rem, 8vw);
	border-radius: var(--redondeado);
}

#eve_slide_2, #eve_slide_3{
max-height: 0rem;
opacity: 0;
display: none;
}


.wrapper-main-eventos:has(#evento_2 input:checked) #eve_slide_1{
	opacity: 0;
	max-height: 0rem;
	transition: opacity var(--animation-timing),
	 max-height var(--animation-timing);
	
}

.wrapper-main-eventos:has(#evento_2 input:checked) #eve_slide_2,
.wrapper-main-eventos:has(#evento_3 input:checked) #eve_slide_3
 {

	display: block;
	opacity: 100;
	height: fit-content;
    max-height: 90rem;
	transition: opacity var(--animation-timing),
	 max-height var(--animation-timing), display var(--animation-timing) allow-discrete;
	
	
}

.wrapper-main-eventos:has(#evento_1 input:checked) #eve_slide_1 {
   
	display: block;
}




.eve_col_2 .eve_proximo:hover{
cursor: pointer;
}

.eve_col_2 article:hover *{
	color: var(--black);
	letter-spacing: .01rem;
	font-weight: 70;
	border-width: .3rem;
	transition: color var(--animation-timing), 
	letter-spacing var(--animation-timing);
	border-color: var(--amarillo_antologia);
	
	}

	.eve_col_1 .eve_slide .eve_info .boton_evento:hover{
		cursor: pointer;
		box-shadow: 6px 6px 0 var(--accent_3);
		animation: box-shadow var(--animation-timing);
			}


				

.eve_proximo input{
	display: none;
}

#eve_slide_1{
	display: none;
}


/* --------- SECCION FOOTER ---------  */

footer{
	width: 100%;
	height: 36.6rem;
	background-color: #303034;
	color: #eeeeee;
	font-family: 'AlvaradoVar';
	display: flex;
	justify-content: space-between;
	padding: 4rem calc(15vw / 2);
	margin-top: 3rem;
	gap: 1.5rem;
}

.footer_left_wrapper{
	display: grid;
	grid-template-rows: repeat(3, 1fr);
	grid-auto-rows: min-content;
	column-gap: 2.5rem;
	align-items: center;
	width: min(70%);
}

.footer_left_wrapper h2{
    font-size: .8rem;
	align-self: self-start;
    letter-spacing: .03rem;
    font-weight: var(--font-bold);
	margin-bottom: 1rem;
}

.footer_left_wrapper h2:not(:nth-of-type(1)){
	margin-top: 3.5rem;	
}


.footer_left_wrapper  p{
	font-size: var(--fs-medium-text-mobile);
    font-weight: 2;
    letter-spacing: .007rem;
	line-height: 1.5rem;
}

footer .footer_left_wrapper p:nth-of-type(2),
footer .footer_left_wrapper p:nth-of-type(3){
	margin-bottom: 1rem;
}

.footer_left_wrapper p a{
	text-decoration: none;
	color: #eeee;
	
	cursor: pointer;
}

.footer_left_wrapper p a:hover, 
.footer_left_wrapper a:hover{
	text-decoration: underline var(--amarillo_antologia) 3px ;
	text-underline-offset: .3rem;
	transition: all var(--animation-timing);
}




.footer_left_wrapper .email{
	font-size: 1.34rem;
	
}

.footer_left_wrapper p:last-child{
	margin-top: 1rem;
}

.footer_logos_wrapper{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
    justify-content: start;
	width: 18rem;
}
.footer_logos_wrapper img{
	width: 6rem;
	max-width: 8rem;
	margin: auto;
}

.footer_logos_wrapper img:nth-child(2){
	width: 2.8rem;
	padding-top: .3rem;
}
.footer_logos_wrapper img:nth-child(3){
	width: 3.5rem;
}
.footer_right_wrapper{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 7rem;
    height: 100%;
    align-items: center;
}

.instagram_icon{
    width: min(3.5rem, 59%);
	aspect-ratio: 1;
	background: linear-gradient(to bottom, #eeee 50%, var(--amarillo_antologia) 50%);
    /* background-color: #eeee; */
	background-size: 100% 200%; 
	background-position: top; 
	transition: background-position 0.25s ease-in-out;
	cursor: pointer;
    border-radius: 50%;
    
}


.instagram_icon::before{
	content: "";
    display: block;
	z-index: 10;
    width: 100%;
    height: 100%;
    background-image: url(img/Footer/icono_instagram_footer.svg);
    background-repeat: no-repeat;
    background-size: min(1.4rem, 100%);
    background-position: center;
}


.instagram_icon:hover::before{
	background-size: 2.85rem;
	transition: background-size var(--animation-timing);
}
.instagram_icon:hover{
	background-position: bottom;
}

.monograma_icon{
	width: 46%;
}



/*.  A CAMBIAR? FLECHITAS
#mobile_col_wrapper label {
    background-image: url(img/Prensa/right_arrows_1copy.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform var(--animation-timing);
    position: absolute;
    bottom: -1.3rem;
    z-index: 100;

    .pr_mobile_img {
    display: block;
    width: 49%;
    border-radius: 4rem 0 6rem 4rem;
    height: 5rem;
}

    REMINDER QUE PR_ENTREVISTA TIENE UN PADDING A LA DERECHA

*/