#content {
    background-color: white;
}
#testoInfo{
    text-align : left;
    position : absolute;
    top : 0px;/*40px;*/
    bottom : 0px;
    right: 0px;
    left : 5px;
    /*overflow: auto;*/
}
@media screen and (max-height:480px){

    #testoInfo{
        font-size: 10pt;
    }
}
@media screen and (min-height:481px) and (max-height:570px){

    #testoInfo{
        font-size: 10pt;
    }
}
@media screen and (min-height:571px) and (max-height:640px){


    #testoInfo{
        font-size: 12pt;
    }
}
@media screen and (min-height:641px) and (max-height:753px){


    #testoInfo{
        font-size: 14pt;
    }
}

@media screen and (min-height:753px) and (max-height:960px){


    #testoInfo{
        font-size: 14pt;
    }
}
@media screen and (min-height:1025px) and (max-height:1280px){

    #testoInfo{
        font-size: 20pt;
    }
}

@media screen and (max-width: 820px) {
	/* Container principale della tabella */
	#tabCookie {
		display: block !important;
		width: calc(100% - 24px) !important;
		margin: 12px auto !important;
		border-collapse: separate !important;
	}

	/* Nasconde l'intestazione originale */
	#tabCookie thead {
		display: none !important;
	}
	#tabCookie tbody {
		display: block !important;
		width: 100% !important;
	}

	/* Trasforma ogni riga in una "Card" */
	#tabCookie tr {
		display: block !important;
		margin-bottom: 20px !important;
		padding: 12px !important;
		border-radius: 12px !important;
		background: #ffffff !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
		border: 1px solid #ddd !important;
		box-sizing: border-box !important;
	}

	/* Allineamento Flexbox per le celle */
	#tabCookie td {
		display: flex !important;
		justify-content: flex-start !important;
		align-items: flex-start !important;
		/* Allinea in alto se il testo è lungo */
		border: none !important;
		padding: 10px 8px !important;
		font-size: 14px !important;
		line-height: 1.4 !important;
		box-sizing: border-box !important;
		width: 100% !important;
	}

	/* Separatore tra le righe interne alla card */
	#tabCookie td:not(:last-child) {
		border-bottom: 1px solid #f0f0f0 !important;
	}

	/* Gestione della Label (data-label) */
	#tabCookie td::before {
		content: attr(data-label);
		flex: 0 0 110px !important;
		/* Larghezza fissa della colonna sinistra */
		font-weight: 700 !important;
		font-size: 11px !important;
		color: #666 !important;
		text-transform: uppercase !important;
		margin-right: 15px !important;
		padding-top: 2px !important;
		letter-spacing: 0.5px !important;
	}

	/* Assicura che il contenuto occupi lo spazio rimanente a destra */
	#tabCookie td>span, #tabCookie td>div, #tabCookie td {
		word-break: break-word !important;
		/* Evita che testi lunghi rompano il layout */
	}
}

@media screen and (min-width: 821px) {
	 #tabCookie {
      display: table !important;
      width: 100% !important;
      border-collapse: collapse !important;
      margin: 20px 0 !important;
      border: 1px solid #ddd !important;
    }
    #tabCookie thead { display: table-header-group !important; background: #f5f5f5 !important; }
    #tabCookie tr { display: table-row !important; }
    #tabCookie th, #tabCookie td {
      display: table-cell !important;
      padding: 12px !important;
      border: 1px solid #eee !important;
      text-align: left !important;
    }
    #tabCookie td::before { display: none !important; } 
}