body { overflow-x:hidden; }

.btn { font-family: "Belleza", sans-serif; font-weight: 700; font-style: normal; border-radius:0px; border-top-left-radius:18px;  border-bottom-right-radius:18px; }
.btn-verde { background-color:#535f44; color:#ffffff; border:1px solid #535f44; }
.btn-verde:hover { background-color:#ffffff; color:#535f44; border:1px solid #535f44; }
.btn-bianco { background-color:#ffffff; color:#535f44; border:1px solid #535f44; }
.btn-bianco:hover { background-color:#535f44; color:#ffffff; border:1px solid #535f44; }
.btn-stile { font-family: "Belleza", sans-serif; background-color:#ffffff; color:#535f44; border:1px solid #535f44; font-weight: 700; font-style: normal; border-radius:0px; border-top-left-radius:18px;  border-bottom-right-radius:18px; text-align:center; }

.area-scuola { text-align:center; background-image:url("/img/sfondo.jpg"); background-position:top center; background-repeat:y-repeat; }
.testo-verticale { writing-mode: vertical-rl; transform: rotate(180deg); }
.scuola-testi { text-align:center; width:100%; background-image:url("/img/sfondo.jpg"); background-position:top center; background-repeat:y-repeat; }

.area-corsi { background-color:#f6eadf; }
.corsi-testi { text-align:left; }

.area-lezioni { text-align:left; width:100%; background-image:url("/img/sfondo.jpg"); background-position:top center; background-repeat:y-repeat; }
.lezioni-bottone { text-align:right; }

.percorsi-prezzo { position:absolute; z-index:3; background-color:#ffffff; }
.percorsi-bottone { position:absolute; z-index:3; border-radius:0px; border-top-left-radius:18px;  border-bottom-right-radius:18px; background-color:#535f44; }

.pannello-bottone { border:1px solid #535f44; background-color:#b9c7a9; text-align:center; padding-top:30px; padding-bottom:30px; }

.area-interna { background-color:#f6eadf; }
.interna-titolo { text-align:center; }

.corsi-bottone { text-align:center; }

.lezione-contenitore { background-image:url("/img/sfondo.jpg"); text-align:center; }
.lezione-livelli { position:relative; text-align:left; }
.lezione-durata { text-align:right; }
.lezione-assoluto { position:absolute; z-index:3; }
.lezione-difficolta { width:100%; height:40px; border:1px solid #535f44; border-top-left-radius:18px;  border-bottom-right-radius:18px; }  
.lezione-focus { text-align:left; }
.lezione-bordino { border:1px solid #535f44; text-align:center; position:relative; }
.lezione-bottone { position:absolute; z-index:3; }
.lezione-input { width:100%; height:40px; border:1px solid #535f44; border-top-left-radius:18px;  border-bottom-right-radius:18px; background-color: #f6eadf; } 
.lezione-form {  background-color:transparent; border:0px; width:100%; }

.corso-descrizione { text-align:left; }
.corso-bordino { border:1px solid #535f44; text-align:center; position:relative; }
.corso-bottone { position:absolute; z-index:3; }
.corso-presentazione { text-align:left; }

.corso-contenitore { background-image:url("/img/sfondo.jpg"); text-align:center; }
.corso-interna { text-align:center; background-image:url("/img/sfondo.jpg"); background-position:top center; background-repeat:y-repeat; }
.corso-ricerca { background-color:#f6eadf; text-align:center; }
.corso-titolo { border-bottom:1px solid #535f44; }
.corso-testo { text-align:left; }
 
.libero-contenitore { background-image:url("/img/sfondo.jpg"); }
.libero-introduttivo { background-color:#9dab86; border-radius:36px; text-align:center; }
.libero-materiali { background-image:url("/img/sfondo.jpg"); }
.libero-avanzamento { background-color:#9dab86; border-radius:36px; }
.mattoncino-verde { background-color:#b9c7a9; }
.libero-rosa { background-color:#f6eadf; }

#info-toggle { cursor: pointer; text-decoration: none; font-weight: bold; }
#toggle-info { cursor: pointer; text-decoration: none; font-weight: bold; }
#contenuto-nascosto { cursor: pointer; display: none; margin-top: 10px; margin-bottom: 10px; }
#dettagli-lezione { cursor: pointer; display: none; margin-top: 10px; margin-bottom: 10px; }

.category-filter-item.selected { border: 3px solid #79a38f; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.durata-filter-item { cursor: pointer; transition: transform 0.2s; }
.durata-filter-item:hover { transform: scale(1.05); }
.durata-filter-item.active { border: 3px solid #8bc34a; border-radius: 5px; transform: scale(1.05); }

.ar-sinistra { background-color:#f6eadf; text-align:left; }
.cuore-assoluto { position:absolute; z-index:3; }

.interno-pannello { margin-top:40px; }

.plyr--youtube .plyr__video-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px; /* Altezza della barra superiore di YouTube */
    z-index: 10;
    background: transparent;
    pointer-events: auto;
}

.plyr--ended .plyr__video-wrapper::before {
    content: "Riproduzione completata"; /* Puoi cambiare il testo o lasciarlo vuoto */
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000; /* Sfondo nero totale */
    color: #fff;
    z-index: 100; /* Sopra l'iframe di YouTube */
    font-family: sans-serif;
    font-size: 18px;
    pointer-events: none; /* Permette comunque di cliccare sui controlli di Plyr se necessario */
}

/* Assicura che l'iframe diventi invisibile dietro il velo */
.plyr--ended iframe {
    opacity: 0 !important;
}


@media (max-width:767px) {
	
.btn-verde { font-size:14px; width:120px; height:32px; padding-top:5px; }
.btn-bianco { font-size:14px; width:120px; height:32px; padding-top:5px; }

.area-scuola { padding-top:30px; }
.scuola-titolo2 { margin-top:30px; }
.scuola-immagine { margin-top:30px;  }
.scuola-testi-separa { margin-top:30px }
.scuola-bottone { margin-top:30px; padding-bottom:40px; }

.area-corsi { padding-top:30px; text-align:center; }
.corsi-testi { margin-top:30px; margin-bottom:30px; text-align:center; }
.corsi-corsi { margin-top:30px; padding-bottom:40px; }
.corsi-padding { padding-left:60px; }
.corsi-left {padding-left:45px; }
.corsi-abbassa { margin-top:30px; padding-right:45px; }
.corsi-phone { margin-top:30px; padding-right:45px; }

.area-lezioni { padding-top:30px; padding-bottom:40px; text-align:center; }
.lezioni-bottone { margin-top:25px; text-align:center; }

.area-percorsi { text-align:center; margin-top:30px; }
.percorsi-testi { margin-bottom:30px; margin-top:20px; }
.percorsi-prezzo { width:50px; height:50px; top:65px; left:30px; padding-top:10px; }
.percorsi-bottone { padding:8px; padding-left:22px; padding-right:22px; top:310px; right:30px; }
.percorsi-phone { margin-bottom:40px; }
.img-percorso { max-height:350px; overflow:hidden; }
}


@media(min-width:768px) and (max-width:991px) {
	
.btn-verde { font-size:14px; width:152px; height:48px; padding-top:10px; }
.btn-bianco { font-size:14px; width:152px; height:48px; padding-top:10px; }

.area-scuola { padding-top:60px; }
.scuola-titolo1 { padding-right:90px; }
.scuola-titolo2 { padding-left:90px; margin-top:-30px; }
.scuola-immagine { margin-top:50px; padding-bottom:40px; }
.scuola-testi-separa { margin-top:40px; padding-left:70px; padding-right:70px; }
.scuola-bottone { margin-top:30px; margin-bottom:50px; }

.area-corsi { padding-top:50px; padding-bottom:70px; }
.corsi-testi { margin-top:34px; }
.corsi-corsi { margin-top:40px; padding-left:30px; padding-right:30px; }
.corsi-abbassa { margin-top:50px; }
.corsi-padding { padding-left:15px; }

.area-lezioni { padding-top:60px; padding-bottom:50px; }
.lezioni-bottone { margin-top:25px; }

.area-percorsi { text-align:center; width:100%; height:640px; background-image:url("/img/sfondo-percorsi.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:50px; }
.percorsi-testi { margin-bottom:10px; margin-top:20px; }
.percorsi-prezzo { width:50px; height:50px; top:50px; left:20px; padding-top:10px; }
.percorsi-bottone { padding:8px; padding-left:22px; padding-right:22px; top:310px; right:30px; }
}


@media(min-width:992px) {
	
.btn-verde { font-size:14px; width:172px; height:48px; padding-top:13px; }
.btn-bianco { font-size:14px; width:172px; height:48px; padding-top:13px; }

.area-scuola { padding-top:80px; }
.scuola-titolo1 { padding-right:130px; }
.scuola-titolo2 { padding-left:130px; margin-top:-30px; }
.scuola-immagine { margin-top:80px; padding-bottom:60px; }
.scuola-testi-separa { margin-top:50px; padding-left:110px; padding-right:110px; }
.scuola-bottone { margin-top:30px; margin-bottom:60px; }

.area-corsi { padding-top:70px; padding-bottom:100px; }
.corsi-testi { margin-top:44px; }
.corsi-corsi { margin-top:70px; padding-left:60px; padding-right:60px; }
.corsi-abbassa { margin-top:90px; }
.corsi-padding { padding-left:15px; }

.area-lezioni { padding-top:100px; padding-bottom:80px; }
.lezioni-bottone { margin-top:30px; }

.area-percorsi { text-align:center; width:100%; height:840px; background-image:url("/img/sfondo-percorsi.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:80px; }
.percorsi-testi { margin-bottom:10px; margin-top:20px; }
.percorsi-prezzo { width:70px; height:70px; top:75px; left:30px; padding-top:20px; }
.percorsi-bottone { padding:8px; padding-left:22px; padding-right:22px; top:410px; right:30px; }
}


@media(min-width:1200px) {
	
.container { width:1300px; }	

.btn-verde { font-size:14px; width:172px; height:48px; padding-top:13px; }
.btn-bianco { font-size:14px; width:172px; height:48px; padding-top:13px; }
.btn-stile { font-size:16px; width:104px; height:32px; padding-top:4px; }

.area-scuola { padding-top:140px; }
.testo-scuola { padding-left:80px; }
.scuola-titolo1 { padding-right:130px; }
.scuola-titolo2 { padding-left:130px; margin-top:-30px; }
.scuola-immagine { margin-top:120px; padding-bottom:100px; }
.scuola-testi-separa { margin-top:60px; padding-left:150px; padding-right:150px; }
.scuola-testi { padding-bottom:120px; }

.area-corsi { padding-top:90px; padding-bottom:90px; }
.corsi-testi { margin-top:54px; }
.corsi-corsi { margin-top:70px; padding-left:100px; padding-right:100px; }
.corsi-abbassa { margin-top:120px; }
.corsi-padding { padding-left:15px; }
.corsi-bottone { margin-top:90px; }

.area-lezioni { padding-top:140px; padding-bottom:120px; }
.lezioni-bottone { margin-top:50px; }

.area-percorsi { text-align:center; width:100%; height:1090px; background-image:url("/img/sfondo-percorsi.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:110px; }
.percorsi-testi { margin-bottom:100px; margin-top:20px; }
.percorsi-prezzo { width:70px; height:70px; top:75px; left:30px; padding-top:20px; }
.percorsi-bottone { padding:8px; padding-left:22px; padding-right:22px; top:410px; right:30px; }

.area-interna { padding-top:50px; }
.interna-titolo { padding-bottom:30px; }

.lezione-contenitore { padding:15px; margin-bottom:15px; height:460px; overflow:hidden }
.lezione-titolo { margin-bottom:15px; min-height:60px; }
.lezione-livelli { padding-top:3px; }
.lezione-durata { padding-top:10px; }
.lezione-assoluto { top:12px; left:80px; }
.lezione-difficolta { margin-top:15px; padding-top:7px; margin-bottom:10px; }
.lezione-focus { min-height:40px; }
.lezione-bordino { height:510px; padding:15px; }
.lezione-bottone { top:410px; left:168px; }
.lezione-input { padding-left:10px; }
.lezione-form { margin-top:10px; }

.corso-descrizione { height: 96px; overflow:hidden; margin-bottom:15px; }
.corso-bordino { padding:15px; margin-top:15px; }
.corso-bottone { top:481px; left:168px; }

.corso-contenitore {  padding:15px; margin-bottom:15px; height:500px; overflow:hidden } 
.corso-interna { padding-top:50px; padding-bottom:70px; }
.corso-ricerca { padding:15px; }
.corso-titolo { margin-top:8px; padding-bottom:8px; }
.corso-testo { margin-top:15px; min-height: 90px; }
.limita-descrizione { height:96px; overflow:hidden; }

.libero-contenitore { padding:15px; margin-bottom:15px; }
.icona-cuore { vertical-align: bottom; }
.libero-introduttivo { padding-top:10px; padding-bottom:10px; }
.libero-materiali { padding:15px; padding-left:50px; margin-bottom:50px; }
.libero-avanzamento { padding-top:3px; padding-bottom:3px; }
.mattoncino-verde { padding-top:6px; padding-bottom:6px; padding-left:12px; padding-right:12px; margin-right:10px; }
.libero-rosa { padding:5px; padding-left:15px; }

.ar-sinistra { padding:15px; padding-top:25px; }

.cuore-assoluto { top:18px; left:38px; }
}