/* Bingo para cantar — maqueta independiente. Bootstrap 4.4.1 se carga desde CDN. */

/* =GENERALES
----------------------------------------------- */

@charset "UTF-8";
/* CSS Document */

	

body, html {
	padding: 0;
	margin: 0;
	line-height: 1;
	width:100%;
/*	height: 100%;*/
	background-color: #edece8;
	font-size: 14px;
	color: #3c3c3c;
	font-family: "Raleway", Sans-serif;
	}


body{
	/*overflow: hidden;*/
	}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, h1,h2,h3,h4
{
	border: 0;
	font-style: inherit;
	font-weight: normal;
	margin: 0;
	outline: 0;
	padding: 0;
}

p, a, li, div{ margin:0; padding:0; }

a{ 
	text-decoration:none;
}

a img{ border:none;}

:focus, a:focus{
	outline: 0!important;
	text-decoration: none!important;
}a:hover {
	outline: 0!important;
	text-decoration: none;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background: none;
}

ol, ul {
	list-style: none;
	margin:0;
	padding:0;
}

.clear{ clear:both;}

.clear:after{
	display: block;
	content: '';
	clear:both;
}

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




:root{--line:#d7d7d7;--ink:#171717}
*{box-sizing:border-box}


p {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 23px;
    color: #3c3c3c;
    font-family: "Raleway", Sans-serif;
    font-weight: 400;
}

strong {
    font-weight: 600;
}

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

	HEADER

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


header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 16;
    padding: 0px 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}


header #headerin{
	padding: 20px 15px 15px;
}

header div.logo {
	width: auto;
	text-align: center;
	margin: 0;
	position: relative;
	z-index: 11;
	display: inline-block;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

header .logo a {
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: none;
	width: auto;
	height: auto;
}

header .logo a img {
	height: 100%;
	padding-left: 0;
	margin: 0;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.2s;
}





header.hfixed .icon-menu .line{
	/* not , .page-mercedes, body[class*="page-cantoalamercedes"]*/
	background: #000;
}



body header {
    background-color: #000;
}


body header .icon-menu {
    margin-right: -10px;
    margin-top: 5px;
    padding: 10px;
}




header.hfixed{
    background-color: #000;
    padding: 0;
    -webkit-box-shadow: 10px 11px 14px -13px rgb(0 0 0 / 16%);
    -moz-box-shadow: 10px 11px 14px -13px rgb(0 0 0 / 16%);
    box-shadow: 10px 11px 14px -13px rgb(0 0 0 / 16%);
}



header.hfixed #headerin {
    padding: 8px 15px 7px;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}


header.hfixed .logo {
    width: auto;
    left: 0;
    padding-top: 10px;
}




body header.hfixed{
	background-color: #000;
}


body header.hfixed .logo a{
	width: auto;
	height: 30px;
}


header.hfixed .logo a img{
	height: 26px;
	margin: 0;
	position: relative;
	padding-left: 0;
	opacity: 1;
}

header .logo img, header.hfixed .icon-menu{
       /* filter: invert(1); */
}



header.hfixed .icon-menu {
    margin-right: -10px;
    margin-top: 1px;
    padding: 10px;
}




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

	BACK TO TOP

-------------------------------------------------------------------*/
#gotop {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 20;
    width: 35px;
    height: 35px;
    line-height: 40px;
    background: #fff;
    border: 1px solid #727272;
    color: #727272;
    padding: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

#gotop:after {
	content: '';
    color: #000;
    font-size: 26px;
    background-image: url(images/symbols.svg);
    background-repeat: no-repeat;
    background-position: -68px -423px;
    width: 100%;
    height: 100%;
    display: block;
}

#gotop:hover{
	background-color: #3d3d3d;
}


#gotop:hover:after{
	background-position: -246px -423px;
}







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

	CONTENIDO

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


.hidden {
    display: none !important;
}


.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}


.interna {
    position: relative;
    transition: all 0.5s ease-out;
}







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

BINGO CANCIONERO

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



body:is(.page-bingo, .page-bingointerno)  header.hfixed .logo {
    padding-top: 0;
}

body:is(.page-bingo, .page-bingointerno)  header #headerin {
    padding-top: 15px;
    padding-bottom: 25px;
}


body:is(.page-bingo, .page-bingointerno)  header.hfixed #headerin {
    padding-top: 12px;
    padding-bottom: 20px;
}


body:is(.page-bingo, .page-bingointerno)  header div.logo {
    position: relative;
    top: 6px;
}



body:is(.page-bingo, .page-bingointerno) h2.titulobingo {
    text-align: left;
    -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}



body:is(.page-bingo, .page-bingointerno) header.hfixed div#navbar {
    margin-top: 0;
}

body:is(.page-bingo, .page-bingointerno) header.hfixed h2.titulobingo {
    font-size: 25px;
}



.bingo {
    margin: 90px 0 140px;
    max-width: 900px;
    
    height: auto;
    min-height: calc(100vh - 230px);
}



.bingo .card, .bingo .card-header, .bingo .card-body {
    padding: 0;
    margin: 0;
    background: none;
    border: 0;
}

#ArcanosCollapse > .card + .card {
    margin-top: 30px;
}

.bingo .accordion-header a .fa-angle-down {
    transform-origin: center;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.bingo .accordion-header a[aria-expanded="true"] .fa-angle-down {
    transform: rotate(180deg);
}

.bingo .accordion-header a[aria-expanded="false"] .fa-angle-down {
    transform: rotate(0deg);
}


.bingo .card {
    background-color: transparent;
    border: 0;
    padding: 10px 0;
    -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}


.bingo .accordion-header {
}






.bingo .accordion-header a {
    color: #000;
    font-family: "Abril Fatface", serif;
    font-size: 30px;
/*    font-weight: 700;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.bingo .accordion-body {
    padding: 20px 0;
}


.bingo-item + .bingo-item {
    border-top: 1px solid #d0cfcf;
}


.bingo .card-body {
    padding: 0;
    max-width: 600px;
}

.bingo .card .card-header {
    border: 0;
    padding: 0;
    background-color: transparent;
}

.bingo-item .card-header a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bingo-item h3{
    color: #000;
    font-weight: 600;
    font-size: 22px;
    font-family: 'Poppins';
    -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}




body[class*="page-bingo"] .bingo .card:hover h3 {
    color: #727171;
}

.bingo-item .card-header .top p {
    line-height: 130%;
}

.bingo-item .card-header .mas{
    width: 15px;
    height: 15px;
    position: relative;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}





.bingo-item .card-header .mas:before,
.bingo-item .card-header .mas:after{
    content: '';
    position: absolute;
    background-color: #000;
    display: flex;
}

.bingo-item .card-header .mas:before{
    width: 100%;
    height: 2px;
    align-self: anchor-center;
}


.bingo-item .card-header .mas:after{
    width: 2px;
    height: 100%;
    justify-self: anchor-center;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.bingo-item .card-header a[aria-expanded="true"] .mas:before {
    display: none;
}

.bingo-item .card-header a[aria-expanded="true"] .mas:after {
    transform: rotate(90deg);
}


.card-body h4 {
    font-family: 'Faustina', serif;
    font-weight: 800;
    margin: 10px 0 7px;
    font-size: 20px;
}


.bingo .card-body p.psimbolo {
    font-size: 14px;
    line-height: 23px;
    color: rgb(60, 60, 60);
    font-family: Raleway, sans-serif;
    font-weight: 400;
    margin-bottom: 0px;
}

.bingo .card-body p.psimbolo span.num{
    display: none;
}


.card-body p {
/*     font-size: 20px;
    line-height: 150%; */
	font-family: "Source Sans 3", sans-serif;
	font-size: 20px;
    line-height: 140%;
    margin-bottom: 15px;
}



.card-body p.autor {
    font-size: 15px;
    padding-left: 220px;
    margin-top: 30px;
}


.tags {
    margin: 50px 0 0px;
    font-size: 13px;
    color: #000;
}

.tags a {
    color: #000;
    font-weight: 600;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.tags a:hover {
    color: #858585;
    letter-spacing: 0.5px;
}



body.tax-tematicas .card-header {
    margin-bottom: 8px;
}





.cerrares {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 10px;
}

.cerrares button {
    border: 0;
    margin: 0;
    padding: 0;
    background-color: transparent;
    font-weight: 500;
    font-family: "Source Sans 3", sans-serif;
}


button.close-this-accordion span {
    font-weight: 500;
}

button.close-this-accordion {
    font-weight: 300;
}

.botones-app {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    color: #fff;
    display: flex;
    justify-content: space-evenly;
    z-index: 1;
}

.botones-app a {
    display: block;
    padding: 14px 20px;
    width: 100%;
    color: #ffff;
    font-size: 14px;
    letter-spacing: 2px;
    display: flex;
    justify-content: center;
    font-weight: 800;
    text-transform: uppercase;
    background-color: chocolate;
    -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.botones-app a:hover{
    background-color: #df803b;
}

.botones-app a + a {
    border-left: 1px solid #615d5d;
}

.botones-app a .fa {
    /* display: none; */
    padding-right: 7px;
}


a.volver-bingo {
    color: #000;
    font-weight: 600;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-top: 20px;
    display: inline-block;
}

a.volver-bingo:hover {
    color: #858585;
    letter-spacing: 0.5px;
}




.bingo-item .descargas a {
    color: #000;
    font-weight: 600;
    font-size: 12px;
}



.bingo-item figure.wp-block-audio {
    margin-bottom: 10px;
    margin-left: 0;
}


.bingo-item .bingo-item audio {
    margin: 20px 0 0;
}







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

BINGO REPRODUCTOR (por ahora interno)

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


/*

#global-player {
  position: fixed;
  bottom: -80px;
  left: 0;
  width: 100%;
  transition: bottom 0.3s ease;
  z-index: 9999;
}

#global-player.active {
  bottom: 0;
}

.play-audio.active {
  background: #000;
  color: #fff;
}
*/


#global-player {
    position: fixed;
    bottom: -120px;
    left: 0;
    width: 100%;
    background: #111;
    color: #fff;
    transition: 0.3s;
    z-index: 9999;
    display: flex;
    align-items: center;
    padding: 15px 30px;
    gap: 15px;
}

#global-player.visible {
    bottom: 0;
}

.player-left {
    width: 25%;
}

#player-symbol {
    font-size: 13px;
    opacity: 0.7;
    margin-bottom: 4px;
}

#player-symbol .num {
  font-weight: bold;
  margin-right: 5px;
}

#player-title {
  font-size: 22px;
}

.player-center {
    width: 40%;
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1;
}

#player-toggle {
  background: #1db954;
  border: none;
  color: #000;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
}

.progress {
  flex: 1;
  height: 4px;
  background: #444;
  cursor: pointer;
}

.progress-bar {
  height: 100%;
  width: 0%;
  background: #1db954;
}

.player-right {
    width: 20%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 30px;
}

#volume {
  width: 80px;
}

#download-btn {
    color: #fff;
    text-decoration: none;
    font-size: 19px;
    opacity: 0.7;
    transition: 0.3s;
    
}
#download-btn:hover {
    opacity: 1;
    
}

#close-player {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 34px;
    position: relative;
    top: -2px;
    opacity: 0.7;
}

#close-player:hover {
    opacity: 1;
    
}


/*MINI PLAYER*/

.play-audio {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px 13px;
    border-radius: 5px;
    background: #111;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 8px;
}

.play-audio .icon {
    width: 24px;
    text-align: center;
}

.play-audio .label {
    flex: 1;
    font-size: 14px;
    text-align: left;
}

/* barra mini */
.mini-progress {
    position: absolute;
    left: 0;
    bottom: 4px;
    height: 2px;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
}

.mini-bar {
  height: 100%;
  width: 0%;
  background: #fff;
  transition: width 0.1s linear;
}

/* estado activo */
.play-audio.playing {
    background: #1a1a1a;
}

.play-audio.playing .mini-bar {
    background: #4CAF50;
    display: block;
}













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

QUERO JUGAR / QUIERO CANTAR

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

/* QUIERO CANTAR Oculto por defecto */

#contenedor-vip {
    display: none;
}


/* BOTON A CANTAR! */

.btn-anotarse-bingo {
    display: none;

}
.modo-inscripcion-activo .btn-anotarse-bingo {
    display: block; 
    background: whitesmoke;
    border: 1px solid #bcbcbc;
    padding: 5px;
    cursor: pointer;
    width: 84px;
    height: 35px;
    border-radius: 5px;
    margin-top: -7px;
    margin-bottom: -7px;
    font-weight: 700;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}
	
button.btn-anotarse-bingo.anotado {
    background: #7ae27a;
}


button.btn-anotarse-bingo.anotado span {
    font-size: 26px;
    line-height: 0;
    position: relative;
    top: 5px;
}



/* MODAL ANOTARSE */




/* overlay */
#modal-inscripcion {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);

    display: flex;
    justify-content: center;
    align-items: center;

    opacity: 0;
    visibility: hidden;

    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* cuando está activo */
#modal-inscripcion.activo {
    opacity: 1;
    visibility: visible;
	    z-index: 9;
}

/* caja */
.modal-contenido {
    background: white;
    padding: 30px 25px 23px;
    max-width: 650px;
    width: 80%;
    border-radius: 10px;

    transform: scale(0.9) translateY(10px);
    opacity: 0;

    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* animación al abrir */
#modal-inscripcion.activo .modal-contenido {
    transform: scale(1) translateY(0);
    opacity: 1;
}

h3#modal-cancion {
    font-family: "Source Sans 3", sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 22px;
}

 #modal-inscripcion input {
    width: 100%;
    border: none;
    background: #f0f0f0;
    height: 30px;
    padding: 21px 10px;
    margin-bottom: 20px;
    font-size: 16px;
    border-radius: 3px;
}

button#confirmar-inscripcion {
    border: 0;
    background: #3b3a3a;
    color: #fff;
    padding: 14px 30px;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 0.5px;
    display: block;
    width: 100%;
}

button#cerrar-inscripcion {
    font-size: 26px;
    position: absolute;
    top: -32px;
    right: 0;
    color: #fff;
	  border: none;
    background: transparent;
}






#mensaje-inscripcion {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: chocolate;
    z-index: 3;
    left: 0;
    margin: 0;
    padding: 7px 0;
    color: #fff;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 700;
    font-size: 19px;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 114%;
}

body.modo-inscripcion-activo #mensaje-inscripcion {
	display: block;
}



body #mensaje-inscripcion span {
    font-size: 15px;
}


.modo-inscripcion-activo .bingo-item .card-header .mas {
    display: none;
}

.modo-inscripcion-activo .bingo .card .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modo-inscripcion-activo .bingo-item .card-header a {
    flex: 1;
}









 #modal-inscripcion #mensaje-ok {
    color: green;
    font-weight: 700;
	 font-size: 17px;
}


.cantidad-modal {
    margin-top: 15px;
    font-size: 14px;
    font-family: "Source Sans 3", sans-serif;
}

.cantidad-modal p {
    font-family: "Source Sans 3", sans-serif;
    margin-bottom: 1px;
}

div#modal-entradas-info {
    /* font-family: "Source Sans 3", sans-serif; */
    /* font-size: 14px; */
    line-height: 130%;
	margin-bottom:7px;
}


button#btn-borrar-inscripcion {
    border: 0;
    background: transparent;
    padding: 0;
    margin-left: 0px;
	text-align: left;
	font-family: "Source Sans 3", sans-serif;
	margin-bottom: 5px;
}



button#btn-borrar-inscripcion button {
    border: 0;
    background: 0;
    font-weight: 600;
    padding: 8px;
    background-color: #eceaea;
    border-radius: 5px;
}

button#btn-borrar-inscripcion button + button {
    margin-left: 5px;
}

button.btn-anotarse-bingo.completa {
    font-size: 13px;
    background-color: #c5c5c5;
	cursor: not-allowed;
    opacity: 0.7;
}


#btn-borrar-inscripcion .bingo-agregar-texto{
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 15px;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 500;
    line-height: 130%;
}

#btn-borrar-inscripcion .bingo-agregar-texto strong {
    font-weight: 700;
    text-transform: uppercase;
}



#btn-borrar-inscripcion .bingo-agregar-texto small {
    display: block;
    margin-top: 4px;

}


div#modal-info-grupal {
    font-family: "Source Sans 3", sans-serif;
}


div#modal-entradas-info, div#modal-entradas-info * {
    font-weight: 600;
}




div#modal-estado-inscripcion {
    font-family: "Source Sans 3", sans-serif;
    text-transform: uppercase;
}





@media only screen and (max-width: 390px) {
	.modal-contenido {
		padding: 20px 20px 20px;
		width: 90%;
	}
}







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

LISTA CANTAR

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


.page-listacantar .fechacantar {
    background-color: #000;
    color: #fff;
    padding: 10px 0px;
}

.page-listacantar .fechacantar h2 {
    font-weight: 300;
    color: #fff;
    font-family: "Source Sans 3", sans-serif;
    font-family: Raleway, sans-serif;
    font-size: 25px;
}

.page-listacantar .fechacantar h2 strong {
    font-weight: 700;
    font-family: "Source Sans 3", sans-serif;
    position: relative;
    top: 0px;
    font-size: 28px;
}


.page-listacantar .interna >.container > .bingo {
    margin: 10px 0px 80px;
}


.bingo-cancion {
    padding: 9px 0;
}

.bingo-cancion + .bingo-cancion {
    border-top: 1px solid #d0cfcf;
}

.bingo-cancion h3 {
    position: relative;
    display: flex;
    flex-direction: column;
}


#bingo-resultados .bingo-cancion h3 span {
    display: block;
    font-family: "Source Sans 3", sans-serif;
}

#bingo-resultados .bingo-cancion h3 span.titulo-cancion {
    font-family: "Source Sans 3", sans-serif;
    color: #000;
}



/* ORDEN ALFABETICO */

#bingo-resultados.orden-alfabetico .bingo-cancion h3 span.num {
    font-size: 16px;
    order: 2;
    font-weight: 600;
}


#bingo-resultados.orden-alfabetico .bingo-cancion h3 span.titulo-cancion {
    font-weight: 700;
    font-size: 22px;
    order: 1;
}


/* ORDEN SIMBOLO */


#bingo-resultados.orden-simbolo .bingo-cancion h3 span.num {
    font-size: 22px;
    font-weight: 700;
    order: 1;
    color: #000;
}


#bingo-resultados.orden-simbolo .bingo-cancion h3 span.titulo-cancion {
    font-weight: 600;
    font-size: 16px;
    order: 2;
}


/* ORDEN RECIENTE */

#bingo-resultados.orden-reciente .bingo-cancion h3 span.num {
    font-size: 16px;
    order: 1;
}

#bingo-resultados.orden-reciente .bingo-cancion h3 span.titulo-cancion {
    font-weight: 700;
    font-size: 22px;
    order: 2;
}










.bingo-cancion ul {
    margin: 0;
    display: flex;
    margin-top: 0px;
}

.bingo-cancion li {
    font-family: "Source Sans 3", sans-serif;
    font-size: 20px;
    position: relative;
}

.bingo-cancion li + li:before {
    content: ', ';
}




.page-listacantar .orden-bingo {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #c1c1c1;
    position: sticky;
    top: 0;
    z-index: 2;
}

.page-listacantar .orden-bingo button {
    width: 100%;
    border: 0;
    font-size: 14px;
    padding: 11px;
    background-color: #d6d6d6;
    font-family: "Source Sans 3", sans-serif;
    text-transform: uppercase;
}

.page-listacantar .orden-bingo button + button {
    border-left: 1px solid #8d8d8d;
}

.page-listacantar .orden-bingo button.activo {
    background-color: #ffffff;
}






















/* TAXONOMIA*/



body.tax-simbolos .bingo-item h3 {
    font-size: 29px;
    margin-bottom: 3px;
}

body.tax-simbolos .bingo-item h3 span {
    font-size: 28px;
}

body.tax-simbolos [class*="simbolos_relacionados-"] .card-header {
    display: none;
}
body.tax-simbolos .bingo .card .card-header {
    margin-bottom: 10px;
}






/*BINGO protegido con contraseña */

.post-password-form {
    margin: 200px 0 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
    text-align: center;
}

form.post-password-form p + p {
    margin-top: 17px;
}

form.post-password-form label {
    margin-right: 10px;
}

form.post-password-form input[type=password] {
    width: 230px;
    border: 0;
    padding: 5px;
}

form.post-password-form input[type="submit"] {
    border: 0;
    display: inline-block;
    background-color: #666;
    color: #fff;
    padding: 5px 30px;
    letter-spacing: 1px;
}




.bingo-item audio {
    filter: invert(1);
    width: 100%;
    margin: 20px 0 10px;
}


/*SINGLE CANCIONERO BINGO*/

.single-arcanos_mayores .bingo-item h3,
.single-arcanos_menores.bingo-item h3{
    font-size: 30px;
}

.single-arcanos_mayores .card-body h4,
.single-arcanos_menores .card-body h4{
    margin: 30px 0 11px;
    font-size: 23px;
}

















/************************************************

BINGO REPERTORIO

************************************************/


body.page-bingo h2.titulobingo,
body.page-otro-bingo h2.titulobingo{
    font-weight: 300;
	    color: #d6d6d6;
}
body.page-bingo h2.titulobingo strong, body.page-otro-bingo h2.titulobingo strong {
    font-weight: 800;
}




/* modificaciones POR CANCION */
.bingo-item:has(.card-header .top h3:empty),
.bingo-item:has(.card-header .top h3 .titulo-cancion:empty){
    display: none;
}

.bingo-item .card-header .mas:after {
    justify-self: unset;
    left: calc(50% - 1px);
}

.bingo-item .card-header .mas:before {
    align-self: unset;
    top: calc(50% - 1px);
}

/* body.page-bingo .bingo-item h3 > span.num {
    display: none;
} */





.letra-cancion {
    padding-top: 15px;
}


.bingo .card {
	padding: 12px 0;
}



/* OTRO BINGO */

body[class*="page-otro-bingo"] .vi-wcaio-sidebar-cart-icon-wrap-bottom_left.vi-wcaio-sidebar-cart-icon-wrap-open, body[class*="page-otro-bingo"] .vi-wcaio-sidebar-cart-icon-wrap-top_left.vi-wcaio-sidebar-cart-icon-wrap-open, body.tax-tematicas .vi-wcaio-sidebar-cart-icon-wrap-bottom_left.vi-wcaio-sidebar-cart-icon-wrap-open, body.tax-tematicas .vi-wcaio-sidebar-cart-icon-wrap-top_left.vi-wcaio-sidebar-cart-icon-wrap-open, body.single-bingo .vi-wcaio-sidebar-cart-icon-wrap-bottom_left.vi-wcaio-sidebar-cart-icon-wrap-open, body.single-bingo .vi-wcaio-sidebar-cart-icon-wrap-top_left.vi-wcaio-sidebar-cart-icon-wrap-open {
    display: none;
}






.bingo-item h3 {
    position: relative;
    padding-left: 34px;
	    font-family: "Source Sans 3", sans-serif;
}

.bingo-item h3 span {
position: absolute;
    left: 0;
    font-family: 'Poppins';
    font-size: 18px;
    top: 3px;
}

.bingo-item h3 .titulo-cancion {
    font-family: "Source Sans 3", sans-serif;
    font-weight: 700;
}




.bingo-item .descargas > form {
    display: none !important;
}

body[class*="page-bingo"] .vi-wcaio-sidebar-cart-icon-wrap-bottom_left.vi-wcaio-sidebar-cart-icon-wrap-open, body[class*="page-bingo"] .vi-wcaio-sidebar-cart-icon-wrap-top_left.vi-wcaio-sidebar-cart-icon-wrap-open,
body.tax-tematicas .vi-wcaio-sidebar-cart-icon-wrap-bottom_left.vi-wcaio-sidebar-cart-icon-wrap-open, body.tax-tematicas .vi-wcaio-sidebar-cart-icon-wrap-top_left.vi-wcaio-sidebar-cart-icon-wrap-open,
body.single-bingo .vi-wcaio-sidebar-cart-icon-wrap-bottom_left.vi-wcaio-sidebar-cart-icon-wrap-open, body.single-bingo .vi-wcaio-sidebar-cart-icon-wrap-top_left.vi-wcaio-sidebar-cart-icon-wrap-open{
    display: none;
}










/************************************************

GESTION DE ENTRADAS

************************************************/

.page-gestion-entrada a#gotop {
    right: unset;
    left: 20px;
}


.page-gestion-entrada div#reader {
    position: fixed !important;
}


form#loginform {
    border: 1px solid #cfc8d8;
    padding: 20px;
    margin: 2em 0;
    text-align: left;
    border-radius: 5px;
}

form#loginform p {
    padding: 3px;
    margin: 0 0 15px;
    display: block;
}

form#loginform p label {
    display: inline-flex;
    justify-content: flex-start;
    flex-direction: row-reverse;
    align-content: center;
    gap: 12px;
}

form#loginform p input {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
    position: relative;
    border: 1px solid #ddd;
    color: #555;
    height: 43px;
    line-height: 32px;
    padding: 6px 45px 6px 15px;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    font-size: 13px;
    color: #999;
    border-radius: 0;
}

form#loginform p input#rememberme {
    height: 21px;
    width: 20px;
}







/************************************************

BINGO ADMIN CONTROL

************************************************/



#bingoAdmin{
    margin-top: 70px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
/*     flex-direction: column; */
	}
	
#bingoAdmin button {
    padding: 12px 10px;
    cursor: pointer;
    background: rgb(221 221 221);
    color: white;
    border: none;
    border-radius: 3px;
    font-weight: bold;
    transition: background 0.3s;
    /* display: block; */
    color: #000;
    font-weight: 600;
    font-size: 16px;
    font-family: "Source Sans 3", sans-serif;
}
	
	
#bingoAdmin button span.num {
    display: inline;
    font-weight: 300;
}

#bingoAdmin .titulo-cancion {
    display: inline;
    font-weight: 700;
}



div#bingoAdmin, .bingo-header-inner {
    max-width: 1000px;
    margin: auto;
}







/*BINGO protegido con contraseña */

body.page-bingo .post-password-form, body.page-otro-bingo .post-password-form {
    margin: 200px 0 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
    text-align: center;
}

body.page-bingo form.post-password-form p + p, body.page-otro-bingo form.post-password-form p + p {
    margin-top: 17px;
}

body.page-bingo form.post-password-form label , body.page-otro-bingo form.post-password-form label {
    margin-right: 10px;
}

body.page-bingo form.post-password-form input[type=password], body.page-otro-bingo form.post-password-form input[type=password] {
    width: 230px;
    border: 0;
    padding: 5px;
}

body.page-bingo form.post-password-form input[type="submit"], body.page-otro-bingo form.post-password-form input[type="submit"] {
    border: 0;
    display: inline-block;
    background-color: #666;
    color: #fff;
    padding: 5px 30px;
    letter-spacing: 1px;
}










/************************************************

BINGO LISTA CANTAR

************************************************/



.listacantar-admin {
    max-width: 900px;
}


div#lista-canciones-admin {
    font-family: "Source Sans 3", sans-serif;
}

.listacantar-admin .admin-cancion {
    border: 0!important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0!important;
    padding: 8px 0!important;
}

.listacantar-admin .admin-cancion + .admin-cancion {
    border-top: 1px solid #ccc!important;
}

.listacantar-admin .admin-cancion strong {
    font-size: 20px;
    font-weight: 700;
    flex: 1;
}

.listacantar-admin .admin-cancion button {
    font-size: 16px;
    background: whitesmoke;
    border: 1px solid #bcbcbc;
    padding: 5px;
    cursor: pointer;
    width: 100px;
    height: 40px;
    border-radius: 5px;
}


.listacantar-admin .admin-cancion button[data-estado='bloqueada'] {
    background-color: #c33c3c;
    color: #fff;
}














/************************************************

BINGO JUAN REPERTORIO SOLO

************************************************/


/* 

INICIAR SESION

*/


.login-contenedor {
    width: 100%;
    max-width: 420px;
}

.login-caja {
    padding: 38px 34px;
}

.login-caja h1 {
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 8px;
    color: #1c1a56;
}

.login-descripcion {
    text-align: center;
    font-size: 14px;
    color: #777;
    margin-bottom: 30px;
}

.login-caja label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #333;
}

.login-caja .form-control {
    height: 46px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    padding: 10px 12px;
    font-family: inherit;
    font-size: 14px;
    box-shadow: none;
}

.login-caja .form-control:focus {
    border-color: #1c1a56;
    outline: none;
    box-shadow: 0 0 0 2px rgba(28, 26, 86, 0.1);
}



.form-control:focus::-webkit-input-placeholder{
   color:transparent;
}

.form-control:focus:-moz-placeholder{ /* Firefox 18- */
   color:transparent; 
}

.form-control:focus::-moz-placeholder{  /* Firefox 19+ */
   color:transparent; 
}

.form-control:focus:-ms-input-placeholder{  
   color:transparent;
}


form#loginform input.form-control {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
    position: relative;
    border: 1px solid #ddd;
    color: #555;
    height: 43px;
    line-height: 32px;
    padding: 6px 45px 6px 15px;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    font-size: 13px;
    color: #999;
    border-radius: 0;
    background-color: #fff;
}


.login-recordarme {
    display: flex !important;
    align-items: center;
    gap: 8px;
    font-size: 13px !important;
    font-weight: 400 !important;
    cursor: pointer;
    margin: 4px 0 24px !important;
}

.login-recordarme input {
    margin: 0;
}

.login-boton {
    width: 100%;
    min-height: 46px;
    border: none;
    border-radius: 4px;
    background: #5a5a5a;
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

.login-boton:hover {
    background: #2d2d2d;
}

.login-boton:disabled {
    opacity: 0.65;
    cursor: wait;
}

.login-error {
    display: none;
    color: #a32626;
    background: #fff0f0;
    border: 1px solid #f0cccc;
    border-radius: 4px;
    padding: 10px 12px;
    font-size: 13px;
    margin-bottom: 18px;
}








.container-bingo-admin {
    padding: 20px 60px 40px 40px;
}



.top-content {
    display: flex;
    justify-content: space-between;
    padding-right: 20px;
    padding-left: 40px;
    margin: 0;
    padding-bottom: 15px;
    padding-top: 20px;
    align-items: center;
    position: sticky;
    top: 0;
    background-color: #edece8;
    z-index: 1;
}


.top-content h1 {
    font-family: "Source Sans 3", sans-serif;
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 0px;
}




select#selector-repertorio {
    background-color: transparent;
    border: none;
    padding: 0;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 0px;
    color: #3c3c3c;
    margin: 0;
    height: 40px;
    padding-left: 0px;
    padding-left: 40px;
    -webkit-appearance: none;
    background-repeat: no-repeat;
    background-position: left 0px center;
    background-size: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M3 5h14M3 10h14M3 15h14' stroke='%23000' stroke-width='2' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
}







.top-content .botones {
    display: flex;
    gap: 10px;
}

button#nueva-cancion {
    border: 0;
    background-color: lightskyblue;
    padding: 15px 30px;
    border-radius: 7px;
    font-weight: 600;
}

#nueva-cancion:hover {
    background-color: #4fb5f6;
    -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}



.top-content .buscador-wrap {
    position: relative;
    flex: 1;
}


.top-content #buscador-bingo {
    width: 100%;
    padding: 12px;
    padding-right: 12px;
    border: 2px solid #c5c5c5;
    border-radius: 8px;
    font-size: 16px;
    outline: none;
    box-sizing: border-box;
}




.top-content #clear-buscador {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 23px;
    color: #999;
    display: none;
}



.top-content .vistas {}

.top-content .vistas button {
    padding: 12px 30px;
    border: 1px solid #d3d3d3;
    font-size: 17px;
    -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.top-content .vistas button:hover, 
.top-content .vistas button.activo{
    background-color: #ddd;
}






.tabla-bingo {
    width: 100%;
    border-collapse: collapse;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, "Apple Color Emoji", "Noto Sans Arabic", "Noto Sans Hebrew", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
}

.tabla-bingo th,
.tabla-bingo td{
    border:1px solid #b5b5b5;
    padding:10px 10px;
    text-align:left;
}

td.estado-link a {
    font-size: 15px;
}

td.estado-partituras a {
    font-size: 26px;
}

.tabla-bingo thead {
    position: sticky;
    top: 100px;
    z-index: 1;
}

.tabla-bingo th{
    background:#f5f5f5;
}



.tabla-bingo tr:nth-child(even) {
    background:#f2f2f2;
}





td.editable.titulo {
    font-weight: 800;
}



.editable{
    min-width:150px;
    padding:10px;
    cursor:text;
}

.editable:focus{
    background: rgb(239 250 255);
    outline: 2px solid #939393 !important;
}


.tabla-bingo tr.activa {
    background: #ddf3ff !important;
}



td.numero {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    text-align: center;
    padding: 10px 0;
    font-weight: 800;
}

td.editable.tarot {
    min-width: 175px;
}

td.editable.cualidad {
    max-width: 400px;
}


/* BOTON LETRA */
.estado-letra[data-letra="1"] .ver-letra {
    background-color: #bce7be;
}

.estado-letra[data-letra="1"] button {
    font-weight: bold;
}


.estado-letra[data-letra="1"] button::after {
    content: " ✓";
}


td.boton button {
    height: 100%;
    width: 62px;
    border: 0;
    background: #fff;
    display: block;
    min-height: 34px;
    padding: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

td.boton button:hover {
    filter: invert(1);
}





/* HIJOS */

/* Sangría y flechas en columnas Tarot y Símbolo para las canciones agrupadas */
tr.es-cancion-hijo .tarot, tr.es-cancion-hijo .simbolo, tr.es-cancion-hijo .cualidad {
        padding-left: 29px;
    position: relative;
    color: #b3b3b3;
    font-style: italic;
    font-size: 13px;
}

tr.es-cancion-hijo .tarot::before,
tr.es-cancion-hijo .simbolo::before,
tr.es-cancion-hijo .cualidad::before{
    content: "↳";
    position: absolute;
    left: 10px;
    color: #b0b0b0;
    font-weight: bold;
    font-style: normal;
}

/* Dejamos el campo número limpio/transparente para que no ensucie visualmente */
tr.es-cancion-hijo .numero {
    color: transparent !important;
    user-select: none;
}

tr.modo-hijo{
outline: 3px solid #7db8ff;
}

/* Dejamos el campo número limpio/transparente para que no ensucie visualmente */
/* tr.es-cancion-hijo .numero {
    color: transparent !important;
    user-select: none;
}*/

tr:not(.es-cancion-hijo) .desvincular-cancion, tr:not(.es-cancion-hijo) .crear-tipo + hr {
    display: none;
}








/*  BOTONES DE ACCIONES */



/* BOTON X BORRAR CANCION */
td.acciones, .tabla-bingo th:last-child {
    border: 0;
    background: #edece8!important;
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    text-align: center;
    padding: 0;
}

.borrar-cancion {
    opacity: 0;
    color: #999;
    border: 0;
    background: transparent;
    cursor: pointer;
    transition: opacity .15s ease;
    font-size: 26px;
    padding: 0;
    position: relative;
    left: 5px;
}


.tabla-bingo tr:hover .borrar-cancion {
    opacity: 1;
    pointer-events: auto;
}

.borrar-cancion:hover {
    color: #c00;
}




/* BOTON MENU Y +AGREGAR CANCION */
td.col-insertar, .tabla-bingo th:first-child {
    border: 0;
    background: #edece8 !important;
    width: 42px;
    min-width: 42px;
    max-width: 42px;
    text-align: center;
    padding: 0;
}

td.col-insertar {
    left: -7px;
    position: relative;
}


/* botoncito menu */
button.btn-menu-fila {
    opacity: 0;
    color: #999;
    border: 0;
    background: transparent;
    cursor: pointer;
    transition: opacity .15s ease;
    font-size: 18px;
    padding: 0;
    position: relative;
    top: -1px;
}
button.btn-menu-fila:hover {
    color: #000;
}

/* botoncito + agregar */
button.btn-insertar-debajo {
    opacity: 0;
    color: #999;
    border: 0;
    background: transparent;
    cursor: pointer;
    transition: opacity .15s ease;
    font-size: 22px;
    padding: 0;
    position: relative;
    right: 0;
}

button.btn-insertar-debajo:hover {
    color: forestgreen;
}

.tabla-bingo tr:hover .btn-insertar-debajo,
.tabla-bingo tr:hover .btn-menu-fila{
    opacity: 1;
    pointer-events: auto;
}







/* Resaltado para la canción recién nacida */
tr.cancion-reciente td {
    background-color: rgb(207 240 255);
    transition: background-color 0.5s ease; /* Para que al quitarse cambie de forma suave */
}





/*
*
*  SUBMENU CLICK DERECHO
*/


/* cambiar estado a fila*/
.tabla-bingo tr.estado-ok:nth-child(odd) {
    background: #e9feea;
}
.tabla-bingo tr.estado-ok:nth-child(even) {
    background: #dafaeb;
}
.tabla-bingo tr.estado-ok td.numero{
    color: #07833c;
}


.tabla-bingo tr.estado-proceso:nth-child(odd) {
    background: #fefbe8;
}
.tabla-bingo tr.estado-proceso:nth-child(even) {
    background: #fff9d2;
}
.tabla-bingo tr.estado-proceso td.numero{
    color: #bf9a02;
}



.tabla-bingo tr.estado-pendiente:nth-child(odd) {
    background: #ffece9;
}
.tabla-bingo tr.estado-pendiente:nth-child(even) {
    background: #fbe4e1;
}
.tabla-bingo tr.estado-pendiente td.numero{
    color: #ba3427;
}



.tabla-bingo tr[class*="estado-"]:nth-child(even):hover,
.tabla-bingo tr[class*="estado-"]:nth-child(odd):hover{
    box-shadow: inset 0 0 0 9999px rgb(193 193 193 / 17%);
}

.tabla-bingo tr[class*="estado-"] .editable:hover {
    box-shadow: inset 0 0 0 9999px rgb(255 255 255 / 46%);
}



.menu-fila{
    position:absolute;
    top:100%;
    left:0;
    display:none;
    min-width:200px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:8px;
    box-shadow:0 8px 25px rgba(0,0,0,.15);
    overflow:hidden;
    z-index:9999;
    padding: 15px 0 10px;
    text-align: left;
}

.menu-fila.show{
    display:block;
}


.menu-fila > span {
    margin: 0 15px;
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    color: #8e8b86;
    font-weight: 500;
}

.menu-fila hr + span {
    margin-top: 17px;
}



.menu-fila button{
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 14px;
    opacity: 1;
    font-weight: 500;
}

.menu-fila button:hover{
    background:#f4f4f4;
}

.menu-fila hr{
    margin:6px 0;
    border:none;
    border-top:1px solid #ddd;
}






/*  FILAS DE NOTAS Y TITULOS  */


.tabla-bingo tr.tipo-titulo{
    background:#dfe8ff;
}
.tabla-bingo tr.tipo-titulo{
    background:#fff;
}

.tabla-bingo tr.tipo-nota{
    background:#fff4c8;
}


.tabla-bingo tr.tipo-nota {
    background: #fff;
}

.tabla-bingo tr.tipo-nota td {
    height: 30px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 400;
}

.tabla-bingo tr.tipo-nota td.col-insertar {
    padding: 0;
}





.tabla-bingo tr.tipo-titulo td.estado-letra.boton button, .tabla-bingo tr.tipo-nota td.estado-letra.boton button {
    display: none;
}

.tabla-bingo tr.tipo-titulo td.estado-partituras, .tabla-bingo tr.tipo-titulo td.estado-link, .tabla-bingo tr.tipo-titulo td.estado-audio, 
.tabla-bingo tr.tipo-nota td.estado-partituras, .tabla-bingo tr.tipo-nota td.estado-link, .tabla-bingo tr.tipo-nota td.estado-audio {
    color: transparent;
}


.tabla-bingo tr.tipo-titulo td {
    border-left: 0;
    border-right: 0;
}
.tabla-bingo tr.tipo-titulo td.tarot, .tabla-bingo tr.tipo-titulo td[data-field="cualidad"] {
    border: 1px solid #ddd;
}










/*  VISTA GRILLA  */

.grilla-bingo{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
    padding: 0 20px 0 40px;
    font-family: "Source Sans 3", sans-serif;
}



.columna-grilla{
    min-width: 0;
    border: 1px solid #ddd;
    background: #fff;
    padding: 20px;
    text-align: center;
    height: 300px;
    -webkit-box-shadow: 10px 10px 11px -7px  rgb(159 159 159 / 16%);
    -moz-box-shadow: 10px 10px 11px -7px  rgb(159 159 159 / 16%);
    box-shadow: 10px 10px 11px -7px  rgb(159 159 159 / 16%);
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.cabecera-grilla {
    padding: 0 0 40px;
}
.cabecera-grilla .numero-grilla {
    font-size: 18px;
    opacity: .6;
    margin-bottom: 13px;
}
.cabecera-grilla .simbolo-grilla {
    font-weight: bold;
    font-size: 18px;
}

/*.canciones-grilla [class*="cancion-"]{
    margin: 6px;
    background: #f6f6f6;
    border-radius: 4px;
}*/

.canciones-grilla [class*="cancion-"] + [class*="cancion-"] {
    margin-top: 15px;
}

.canciones-grilla .cancion-principal span{
    color: green;
    font-size: 19px;
    font-weight: 700;
}

.canciones-grilla .cancion-secundaria span{
    color: green;
    font-size: 18px;
    font-weight: 600;
}





/*.columna-grilla.dragging{
    transform:rotate(2deg) scale(1.03);
    box-shadow:0 16px 35px rgba(0,0,0,.18);
    z-index:100;

}

.placeholder-grilla{
    visibility:visible !important;
    border:2px dashed #b9b9b9;
    border-radius:10px;
    background:#f7f7f7;
    min-height:220px;
}

.mover-grilla{
    cursor:grab;
    opacity:.35;
    transition:.2s;
}

.columna-grilla:hover .mover-grilla{
    opacity:1;
}

.mover-grilla:active{
    cursor:grabbing;
}
*/






/*  PANEL LETRA  */


.form-control {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #b0b0b0;
    border-radius: 0;
    padding-left: 0;
    font-size: 13px;
    background-color: transparent;
}

#panel-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.3);
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:9998;
}

#panel-overlay.show{
    opacity:1;
    visibility:visible;
}

#panel-letra{
    position:fixed;
    top:0;
    right:-700px;
    width:700px;
    max-width:90vw;
    height:100vh;
    background:#fff;
    z-index:9999;
    display:flex;
    flex-direction:column;
    transition:.3s ease;
    font-weight: 300;
    font-size: 16px;
    line-height: 130%;
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, "Apple Color Emoji", "Noto Sans Arabic", "Noto Sans Hebrew", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
}

#panel-letra.show{
    right:0;
}

#panel-letra .panel-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    padding:20px 20px 10px;
    border-bottom:1px solid #ddd;
}

#panel-letra .panel-header .titulo {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

#panel-letra .panel-header h3 {
    font-weight: 600;
}



#panel-letra .panel-header .num-cancion {
    display: flex;
    font-size: 26px;
}


#panel-letra .panel-header .num-cancion input {
    border: 0;
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0;
    min-width: unset;
}

#panel-letra .panel-header input#panel-titulo {
    border: 0;
    font-size: 26px;
    font-weight: 700;
    width: 100%;
}


#panel-letra .panel-header input#panel-numero {
    width: 40px;
    max-width: 40px;
}


#panel-letra .panel-header input#panel-bingo-desktop {
    border: 0;
    margin-top: 2px;
    font-size: 17px;
}




#panel-textarea{
    flex:1;
    width:100%;
    border:none;
    resize:none;
    padding:20px;
    font-size:16px;
    overflow: auto;
    margin: 0;
    font-family: inherit;
}



.panel-campos{
    padding: 10px 20px 0;
    border-top: 1px solid #ddd;
    margin-top: 20px;
}


.panel-campos input{
    width:100%;
}

.panel-campos .form-control {
    color: #191919;
    font-size: 14px;
}

.panel-campos .form-control + .form-control {
    margin-top: 15px;
}

.panel-campos .form-control::-webkit-input-placeholder{
   color:#b3b3b3;
}

.panel-campos .form-control:-moz-placeholder{ /* Firefox 18- */
   color:#b3b3b3; 
}

.panel-campos .form-control::-moz-placeholder{  /* Firefox 19+ */
   color:#b3b3b3; 
}

.panel-campos .form-control:-ms-input-placeholder{  
   color:#b3b3b3;
}

.panel-campos .form-control:focus::-webkit-input-placeholder{
   color:transparent;
}

.panel-campos .form-control:focus:-moz-placeholder{ /* Firefox 18- */
   color:transparent; 
}

.panel-campos .form-control:focus::-moz-placeholder{  /* Firefox 19+ */
   color:transparent; 
}

.panel-campos .form-control:focus:-ms-input-placeholder{  
   color:transparent;
}







.panel-campos .form-control:focus::-webkit-input-placeholder{
   color:transparent;
}

.panel-campos .form-control:focus:-moz-placeholder{ /* Firefox 18- */
   color:transparent; 
}

.panel-campos .form-control:focus::-moz-placeholder{  /* Firefox 19+ */
   color:transparent; 
}

.panel-campos .form-control:focus:-ms-input-placeholder{  
   color:transparent;
}







.panel-file {
    position: relative;
}



.panel-file .borrar-file {
    position: absolute;
    right: 4px;
    top: 5px;
    border: 0;
    background-color: transparent;
    display:none;
}



.uploads {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.uploads .panel-file {
    flex: 1;
}




.panel-campos .panel-link-wrapper{
    position:relative;
}

.panel-campos #abrir-link{
    position:absolute;
    right:8px;
    top:50%;
   transform:translateY(-50%);
    width:28px;
    height:28px;
    border:none;
    background:none;
    cursor:pointer;
    font-size:18px;
    opacity:.35;
    transition:.2s;
}

.panel-campos #abrir-link:hover{
    opacity:1;
}

.panel-campos #panel-link{
    padding-right:38px;
}

.panel-campos #abrir-link{
    display:none;
}






#guardar-letra{
    cursor: pointer;
    -webkit-appearance: button;
    margin: 15px 20px 26px;
    border: 0;
    padding: 10px;
    text-transform: uppercase;
    font-family: "Source Sans 3", sans-serif;
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: 600;
    -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

#guardar-letra:hover {
    filter: invert(1);
}



button#cerrar-panel {
    border: 0;
    background: transparent;
    font-size: 22px;
    margin-left: 12px;
}


#panel-letra .panel-nav {
    display: flex;
    align-content: center;
}


button#panel-prev, button#panel-next {
    border: 0;
    background: 0;
    font-size: 26px;
    color: #9e9b9b;
    -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

button#panel-prev:hover, button#panel-next:hover {
    color: #545353;
}

.panel-nav button:disabled{
    opacity:.3;
    cursor:default;
    pointer-events:none;
}





/*
*
*
REPRODUCTOR DE DRIVE
*
*
*/
div#panel-audio-wrap {
    overflow: hidden;
}

.drive-audio-compact.visible {
    display: block;
    top: 114px;
    overflow: visible;
    left: -21px;
}





.descargas {
    display: none;
}





/*
*
*
CAMBIOS A PARTIR DE REPERTORIO SOLO
*
*
*/


.num.subitem {
    opacity: 0;
}

.bingo-item .card-header a[aria-expanded=true] .num.subitem {
    opacity: 0.5;
}




@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}





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

	FOOTER

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


#news, footer{
	position: relative;
	z-index: 2;
}

footer .footerin{
	border-top: 2px solid #000;
	padding: 90px 0 110px;
}

footer .footerin .txt{
	
}

footer img.logofooter{
	margin-bottom: 2px
}


footer h6{
    font-size: 18px;
    color: #231F20;
    font-weight: 800;
    padding-top: 24px;
}


footer ul {
    margin-top: 13px;
	margin-left: 2px;
}

footer a {
    font-size: 17px;
    color: #231F20;
    display: inline-block;
    padding: 6px 0;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}


footer a:hover{
	color: #44d4a4;
}



.copyright {
    background-color: #35383D;
    padding: 20px 0;
}


.copyright p.text-right, .copyright p.text-right a {
    color: hsla(0,0%,100%,.44);
}


.copyright p, .copyright a, .copyright p span {
    font-size: 13px;
    font-weight: 200;
    line-height: 15px;
	color: hsl(0deg 0% 100% / 68%);	
    padding: 0;
}

.copyright p.text-right a:hover {
    color: hsl(0deg 0% 100% / 68%);
}











@media only screen and (min-width: 1200px) {	
	.navbar-toggle {
    display: none;
    }
}


@media only screen and (min-width: 1400px) {	
	.container
	{
    max-width: 1280px;
	}
}


@media only screen and (min-width: 1500px) {	
	.container{
    max-width: 1400px;
	}
}


@media only screen and (min-width: 1600px) {	
	.container{
    max-width: 1500px;
	}
}




@media only screen and (min-width: 1700px) {	
	.container{
    max-width: 1500px;
	}	
}

@media only screen and (min-width: 1800px) {	
	.container{
    max-width: 1500px;
	}
}


@media only screen and (max-width: 1499px) and (min-width: 992px) {
    header div.logo{
    max-width: 220px;
    }
    div#navbar ul li a {
    padding: 10px 10px 10px 10px;
    font-size: 12px;
    }
    
    h2.titulobingo {
    font-size: 25px;
    }
    header.hfixed h2.titulobingo {
    font-size: 22px;
    }
    
}



@media only screen and (max-width: 1440px) {
	header #headerin {
    padding: 20px 15px 15px;
    width: 95%;
	}
}


@media only screen and (max-width: 1399px) and (min-width: 1200px) {
    header #headerin {
    padding-top: 15px;
    padding-bottom: 15px;
    }
    
    h2.titulobingo {
    font-size: 24px;
    }
    
    header div.logo  {
    top: 0;
    }
    
    header div.logo a {
    padding: 0;
    }
    
    header.hfixed #headerin {
    padding-top: 12px;
    padding-bottom: 10px;
    }
    
    
}





@media only screen and (max-width: 1199px) {
	
	header .logo a img {
    height: 40px;
	}
	
	
     /* NAVBAR COLLAPSE PARA IPAD */

    .navbar-header {
    float: none;
    }
    .navbar-toggle {
    display: block;
    }
    /*.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }*/
    /*
    .navbar-collapse.collapse {
    display: none!important;
    }
    */
    .navbar-nav {
    float: none!important;
    margin: 7.5px -15px;
    }
    .navbar-nav>li {
    float: none;
    }
    .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    }
    .navbar-text {
    float: none;
    margin: 15px 0;
    }
    .navbar-collapse.collapse.in { 
    display: block!important;
    }
    .collapsing {
    overflow: hidden!important;
    }





    ul.nav.navbar-nav{
    margin: 0;
    }
    #navbar {
    padding-right: 30px;
    padding-left: 30px;
    float: none;
    padding-top: 0;
    }




    .navbar-toggle .icon-bar {
    background-color: #000;
    }




    header div.logo, header .navbar-toggle {
    z-index: 2;
    }


    .navbar-toggle {
    position: relative;
    float: right;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 9px 10px;
    margin-bottom: 8px;
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: 0;
    }

    .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #fff;
    }

    .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
    }
	

    
    header #headerin {
    padding: 20px 20px 15px;
    margin: 0;
    width: 100%;
    max-width: unset;
    }

    header.hfixed .navbar-toggle {
    margin-top: 0px;		
    }
    /* FIN NAVBAR COLLAPSE PARA IPAD */



    div#navbar {
    float: none;
    background-color: #000;
    width: 100%;
    /* left: 0px; */
    margin: 0;
    /* padding-top: 60px; */
    top: 0;
    position: absolute;
    z-index: 1;
    box-shadow: 0 10px 31px 3px rgba(0, 0, 0, 0.96);
    }

    div#navbar ul {
    padding: 20px 0 30px;
    width: 100%;
    }

    div#navbar ul li.menu-news {
    margin-left: 0;
    margin-right: 0;
    }
    
    
    
    
    
    
    ul#menu-menu {
    flex-direction: column;
    }

    div#navbar ul li a {
    padding: 10px 3px 10px;
    font-size: 11px;
    }
	
    
    header div.logo {
    top: 0;
    }
    
    
    header.hfixed .logo a {
    width: auto;
    height: auto;
    }
    
    
    h2.titulobingo {
    font-size: 24px;
    -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
    }
    
    header.hfixed h2.titulobingo {
    font-size: 20px;
    }
    
    header #headerin {
    padding-top: 15px;
    padding-bottom: 15px;
    }
    header.hfixed #headerin {
    padding-top: 12px;
    padding-bottom: 12px;
    }


    header.hfixed #headerin {
    padding-top: 12px;
    padding-bottom: 6px;
    }
    
    header.hfixed div#navbar {
    top: -2px;
    }

} /* 1199 */




@media only screen and (max-width: 1199px) and (min-width: 768px){
    div#navbar {
	float: right;
    margin-top: 0!important;
    padding-right: 0;
    padding-left: 0;
    top: -1px;
    position: relative;
	}
	
	div#navbar ul li a {
	padding: 10px 3px 10px;
    font-size: 11px;
	}
	div#navbar ul#menu-menu > li.menu-item-has-children > a:after {
    margin-left: 7px;
	}
	div#navbar ul li.menu-news a {
    padding: 10px 10px;
	}
}


/* =IPAD PRO
----------------------------------------------- */
@media only screen and (orientation:landscape)
	and (max-device-width: 1366px) {
    header .logo a img {
    max-height: 30px;
    }
    div#navbar {
    margin-top: 0;
    position: relative;
    top: -4px;
    }
}



@media only screen and (orientation:portrait)
	and (max-device-width: 1024px) {
		
        
    header.hfixed #headerin {
    padding-top: 12px;
    padding-bottom: 12px;
    }  
        
    .navbar-toggle{
    margin-top: 0;
    position: relative;
    top:0;
    -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
    }
        
    header.hfixed .navbar-toggle {
    top: -4px;
    }
	
}


@media only screen and (max-width: 1024px) {
    .container-bingo-admin {
    overflow: scroll;
    }
    
    .top-content {
    flex-direction: column;
    align-items: flex-start;
	}
}




@media only screen and (min-width: 769px) {
    .txt-in h2, .txt-in h3 {
	transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 1000ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition-delay: 300ms;
	}

	
	a.btn {
	transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	}
}



@media only screen and (max-width: 991px) {
    header .logo a img {
    height: 30px;
    }
}


@media only screen and (max-width: 768px) {	
    .interna >.container > .bingo {
    margin: 40px 0 80px;
    }
    
    
    
    html {
    scroll-padding-top: 80px; /* Esto le dice al navegador que siempre deje 80px arriba al scrollear a IDs */
    }
    #bingoAdmin{
    flex-direction: column;
    }

    #bingoAdmin button {
    padding: 12px 5px;
    }
    
    
    /*   AJUSTES TABLA REPERTORIO */
    
    .container-bingo-admin {
    padding: 20px 0px 40px 0px;
    }
    
    .top-content {
    padding-left: 20px;
    }

    .top-content button#nueva-cancion, .top-content #buscador-bingo {
    padding-top: 9px;
    padding-bottom: 9px;
    }
    
    .top-content h1 {
    margin-bottom: 10px;
    }
    
    
    
    
    table.tabla-bingo {
    position: relative;
    line-height: 120%;
    }
    
    thead {
    position: sticky;
    top: 0;
    }

    

    thead tr {
    position: sticky;
    top: 0;
    }


    
    button.btn-menu-fila {
    opacity: 1;
    font-size: 16px;
    }

    
    .tabla-bingo td.col-insertar, .tabla-bingo th:first-child{
    left: 0;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    }
    
    .estado-letra[data-letra="1"] button::after{
    display: none;
    }
    
    .tipo-titulo td.editable.tarot.hidden-xs {
    display: table-cell !important;
    }
    
    
    td.boton button {
    width: 40px;
    }
    
    
    input#panel-titulo {
    border: 0;
    font-size: 26px;
    font-weight: 700;
    }


    td.editable.numero {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    }

    td.editable.titulo {
    font-size: 13px;
    }

    td.editable.simbolo {
    font-size: 14px;
    min-width: 140px;
    }


    #panel-letra .panel-header {
    flex-direction: column-reverse;
    padding: 10px 20px 10px;
    border: 0;
    }
    

    #panel-letra .panel-nav {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 10px;
    }
    
    
    
    
    
    
    #panel-letra .panel-header .titulo {
    width: 100%;
    }
    
    #guardar-letra {
    margin: 15px 20px 15px;
    }
    
    
    .campos-mobile {
    margin-top: 6px;
    }
    .campos-mobile .form-row {
    gap: 15px;
    }
    
    .top-content .vistas button {
    padding: 9px 10px;
    font-size: 16px;
    }
    
    .grilla-bingo {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    padding: 0 20px 0 20px;
    }
    .columna-grilla {
    height: 280px;
    }
    
}




@media only screen and (orientation:portrait)
	and (max-device-width: 1024px) {
    header .logo a img {
    height: 30px;
    }
        
    div#navbar {
    margin-top: 0;
    position: relative;
    top: -5px;
    }
}




@media only screen and (min-width: 768px) {	
	.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
	}
	
	
	.visible-xs {
	display: none!important;
    }

}



@media only screen and (max-width: 767px) {	
    .visible-xs {
	display: block!important;
    }
	.hidden-xs {
	display: none!important;
    }
		
	.container {
    max-width: 100%;
	}
	.txt-in h2 {
    font-size: 36px;
	}
	.txt-in h3 {
    font-size: 44px;
	}
    
    
    footer .text-right {
    text-align: left;
	}
	.copyright p {
    line-height: 21px;
    text-align: center;
	}
	.col {
    padding: 0 15px;
	}
    
    header #headerin {
    padding: 20px 0 15px;
    margin: 0;
    width: 100%;
	}
	
	header.hfixed #headerin {
	padding: 8px 0px 7px;
	}
	

	header div.logo {
	padding-left: 15px;
	z-index: 2;
	}
    
    div#navbar {
    float: none;
	background-color: #000;
	width: 100%;
	/* left: 0px; */
	margin: 0;
	/* padding-top: 60px; */
	top: 0;
	position: absolute;
	z-index: 1;
	box-shadow: 0 10px 31px 3px rgba(0, 0, 0, 0.96);
	}

	
	div#navbar ul {
	padding: 60px 15px 30px;
	}
    
    #navbar ul li.menu-item-has-children .sub-menu{
	position: absolute;
    opacity: 0;
    top: 80%;
	}
	#navbar ul li.menu-item-has-children .sub-menu.active {
    opacity: 1;
    top: 100%;
    position: relative;
	}
	
	
	
	.redes {
    margin-top: 20px;
    margin-bottom: 40px;
	}
	
	
	.navbar-nav {
    margin: 7.5px -5px;
	}
    
    .modal-dialog {
    max-height: calc(100vh - 50px);
    border-radius: 10px;
    padding: 40px 10px 20px 20px;
	}
	
	.modal-content {
	padding: 00px 10px 20px;
	margin-top: 10px;
    }
	
	.modal .close-modal {
    right: 5px;
    top: 6px;
	}
	
    
    .interna >.container > .bingo {
    margin: 50px 0 80px;
    }
    
    .bingo-item .card-header .top {
    max-width: 93%;
    }
    

    #global-player {
    padding: 13px 15px;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 10px;
    }
    
   #global-player .player-left {
    max-width: 100%;
    flex: 1;
    order: 2;
    }
    
    #global-player .player-center {
    width: 36px;
    order: 1;
    }
    
    #global-player .progress {
    flex: unset;
    display: block;
    width: 100%;
    order: 4;
    }
    
    .player-right {
    gap: 5px;
    flex-direction: column-reverse;
    width: 30px;
    order: 3;
    position: relative;
    margin-top: -7px;
    right: -5px;
    }
    
    #download-btn {
    font-size: 17px;
    }
    
    #close-player {
    font-size: 23px;
    }
    
    #player-title {
    font-size: 19px;
    padding-bottom: 3px;
    }
    
    .product-cat-bingo-cat section.producto-in {
    padding-top: 90px;
    }
	

    
    
    .tabla-bingo td[contenteditable="true"]{
    pointer-events:none;
    }

    .tabla-bingo .ver-letra,
    .tabla-bingo .btn-menu-fila{
    pointer-events:auto;
    }
    
    
    td.editable.tarot, td.editable.cualidad, td.editable.consigna, td.estado-audio, td.estado-link, td.estado-partituras, td.acciones, tr.tipo-titulo td.estado-letra.boton, button.btn-insertar-debajo  {
    display: none;
    }
}



@media only screen and (max-width: 543px) {	
    .txt-in h2 {
    font-size: 36px;
	}
	.txt-in h3 {
    font-size: 44px;
	}
    header .logo a img {
    height: 35px;
	}
	.interna >.container > .bingo {
    margin: 45px 0 80px;
    }
    body.single-bingo .interna >.container > .bingo {
    margin: 75px 0 80px;
    }
    
    .card-body p.autor {
    padding-left: 0;
    text-align: right;
    }
    
    
    #panel-letra .panel-header {
    flex-direction: column-reverse;
    padding: 10px 20px 10px;
    }
    .panel-campos .form-control {
    padding: 4px 0;
    height: auto;
    }
    .panel-campos {
    margin-top: 10px;
    }
    .panel-campos .form-control + .form-control {
    margin-top: 9px;
    }
    .uploads {
    margin-top: 10px;
    }
    
   
	#panel-letra {
    max-width: 100vw;
    }
    
    
    td.editable.simbolo {
    min-width: 100px;
    }
    #panel-letra {
    padding-bottom: 40px;
    }
    button.btn-menu-fila {
    font-size: 22px;
    }


    .top-content .botones {
    justify-content: space-between;
    width: 100%;
    align-items: center;
    }
    
   
    .top-content .buscador-wrap {
    position: absolute;
    width: 46px;
    order: 1;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    }
    
    
     .top-content #buscador-bingo {
    padding-top: 7px;
    padding-bottom: 7px;
    }
    .top-content button#nueva-cancion {
    padding-top: 10px;
    padding-bottom: 10px;
    }
    .top-content .buscador-wrap:hover {
    width: 220px;
    }

    .top-content .vistas {
    order: 3;
    }
    
    .grilla-bingo {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 0 20px 0 20px;
    }
    .columna-grilla {
    height: 250px;
    }
    
    .top-content #buscador-bingo {
    padding-top: 7px;
    padding-bottom: 7px;
    }
    
    .top-content button#nueva-cancion {
    margin-left: 53px;
    padding-top: 10px;
    padding-bottom: 10px;
    }

     .login-caja {
    padding: 30px 22px;
    }
}


@media only screen and (max-width: 375px) {	
    .txt-in h2 {
    font-size: 30px;
	}
	.txt-in h3 {
    font-size: 39px;
	}
    
    .bingo-item h3 {
    font-size: 20px;
    }
    
    body.tax-tematicas .interna >.container >  .bingo {
    margin: 80px 0 80px;
    }
	
    #global-player {
    column-gap: 10px;
    }
	#player-title {
    font-size: 18px;
    }
    
    
    /*   AJUSTES TABLA REPERTORIO */

    .tabla-bingo td.col-insertar, .tabla-bingo th:first-child {
    width: 25px;
    min-width: 25px;
    max-width: 25px;
    }
    
    td.editable:not(.numero) {
    padding: 10px 6px;
    }
    td.editable.simbolo {
    min-width: 110px;
    }
}



@media only screen and (max-width: 360px) {	
    .tabla-bingo td.editable.titulo{
    min-width: 140px;
    }
    .tabla-bingo  td.editable.simbolo {
    min-width: 100px;
    }
    
    .tabla-bingo td.estado-letra.boton {
    padding: 10px 5px;
    }
}



@media only screen and (max-width: 320px) {	
    h1 {
    font-size: 26px;
	}
}


@media only screen and (max-height: 670px) and (orientation:portrait){
    header #headerin {
    padding: 13px 0px 8px;
	}
}



@media only screen and (max-height: 570px) and (orientation:portrait){
	header .logo a img {
    height: 30px;
	}


}