/* 
Theme Name: Marcú
Theme URI: https://somosmarcu.es
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://workanda.es
Template: hello-elementor
Version: 1.0.1
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
*/

@import url('https://fonts.googleapis.com/css2?family=Funnel+Display:wght@100;300;400;500;700;800&display=swap');

body, header a{font-family: 'Funnel Display', sans-serif!important;}

#btnPanelCookies{background: none; border: none; color: #000; font-size: 16px!important; font-weight: 300!important; cursor: pointer; padding: 0; text-transform: unset;}
#btnPanelCookies:hover{color: unset;}

/* HEADER STICKY NORMAL */
.elementor-location-header{transition: background-color 0.3s ease; background-color: transparent;}
/* HEADER CUANDO HAY SCROLL */
.elementor-sticky--effects.elementor-sticky--active{background-color: #000000ad !important;}
body.page-id-473 header > div,
body.page-id-498 header > div,
body.page-id-516 header > div{background-color: #000000ad !important; transition: none!important;}

.txtNaranja{color: #E16149;}
.txt18px{font-size: 18px;}

strong{font-weight: 800!important;}



/* Tabla conciertos */
.tabla-conciertos{width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size:25px;}
.tabla-conciertos table{width: 100%; border-collapse: collapse; font-family: inherit;}
.tabla-conciertos td{padding: 54px 40px 40px 40px; background: none!important; border-top: none; border-right:none; border-left: none; border-bottom: 1px solid #E16149;}
.tabla-conciertos tr:last-child td{border-bottom: none;}
.tabla-conciertos td:last-child{text-align: right;}

.tabla-conciertos .btnNaranja{background-color: #E16149; color: #fff; font-size: 18px; padding: 11px 25px 12px 25px; border-radius: 50px; display: none;}
.tabla-conciertos .btnNaranja:hover{background-color: #000; color: #fff!important;}
.tabla-conciertos .gratis{padding: 11px 25px 12px 25px;}
/*******************/

#pagLegal h2{margin-top: 40px; margin-bottom: 15px; color: var( --e-global-color-secondary ); font-size: 24px;}
#pagLegal h3{font-weight: 600; font-size: 20px;}
#pagLegal ol, #pagLegal ul{margin-top: 10px;}
#pagLegal ul{margin: 10px 0;}
#pagLegal li{padding-bottom: 8px;}
#pagLegal a{text-decoration: underline;}

/*==========================================*/
@media only screen and ( max-width: 998px ) {
	.tabla-conciertos td{padding: 54px 10px 40px 10px;}
}

@media only screen and (max-width: 754px) {
	#intensidadSencillez{background-image: linear-gradient(180deg, var(--e-global-color-primary) 90%, #FFF 90%);}
	#cancionesConGuitarras{background-image: linear-gradient(180deg, #FFF 15%, #000 15%);}


  .tabla-conciertos{font-size:20px;}
  
	/* Convertimos cada fila en grid 2x2 */
	.tabla-conciertos tr{display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; padding: 20px 0; border-bottom: 1px solid #E16149;}
	.tabla-conciertos tr:last-child{border-bottom: none;}

  /* Quitamos el padding enorme en móvil */
  .tabla-conciertos td {padding: 5px 10px !important; border: none !important; text-align: left !important;}

  /* Colocación de las celdas en el grid */
  .tabla-conciertos td:nth-child(1) { grid-column: 1 / 2; grid-row: 1; }
  .tabla-conciertos td:nth-child(2) { grid-column: 2 / 3; grid-row: 1; }
  .tabla-conciertos td:nth-child(3) { grid-column: 1 / 2; grid-row: 2; }
  .tabla-conciertos td:nth-child(4) { grid-column: 2 / 3; grid-row: 2; text-align: left!important;}

  /* Botón en móvil */
  .tabla-conciertos .btnNaranja,
  .tabla-conciertos .gratis{ display: inline-block; margin-top: 5px;}
  .tabla-conciertos .gratis{padding: 0;}
  .tabla-conciertos .btnNaranja{font-size: 16px; padding: 9px 18px 9px 18px;}
}

@media only screen and (max-width: 600px) {
	#logoPpal{width: 40px;}
	
	#pagLegal h2{font-size: 22px;}
}