/* ==========================================================================
   home4.css — stili della home (content/home4.php)

   Raccoglie i blocchi di stile che stavano dentro home4.php, nello stesso
   ordine in cui comparivano: l'ordine conta, alcune regole si sovrascrivono
   fra loro.

   IMPORTANTE: va caricato DOPO css/flickity.min.css — la parte "Le parole
   delle allieve" sovrascrive .flickity-prev-next-button e .flickity-page-dots.
   Il <link> sta in home4.php subito sotto quello di flickity.

   Restano inline in home4.php i soli attributi style="..." sui singoli
   elementi, che dipendono dal PHP o valgono per un elemento solo.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Hero e stili generali della pagina (erano il blocco "CSS dell'hero,
      copiato da content/home.php")
   -------------------------------------------------------------------------- */
.btn_s{
    padding-right: 20px;
    padding-left: 20px;
    background-color: #23a3ab !important;
    color: #fff !important;
    font-size: 14px !important;
    text-transform: none;
}
@media only screen and (max-width: 580px){
  .home-content-p {
    display:none;
  }
  .local-scroll{
    display:none;
  }
}
  .home-menu{
    color: #2e2e2e !important;
  }
  .home-section {
    border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #e7e7e7;
  }
  .img-copertina{
    background-image: url("https://superyogi.it/images/slide_verci6.jpg");
  }
  .home-content{
    text-align: left;
    color:#7A2E2E;
    margin-bottom: 60px;
    margin-top: 40px;
  }
  .home-content-p {
    font-size: 20px;    margin-top: 40px;   margin-bottom: 20px;
  }
  @media only screen and (max-width: 580px){
    .home-content{
      text-align: center;
      color:#7A2E2E;
      margin-bottom: 60px;
      margin-top: 40px;
    }
  }

/* ═══ Sezione 3 (calendario): le uniche classi nuove della pagina ═══ */
/* sezione 2: collage di tre foto sovrapposte a sinistra, elenco dei tre segnali a destra */
.sy-seg-row{display:flex;flex-wrap:wrap;align-items:center;}
.sy-seg-row > [class*="col-"]{float:none;min-width:0;}
.sy-collage{position:relative;height:0;padding-top:96%;}
.sy-collage-foto{position:absolute;margin:0;overflow:hidden;border-radius:20px;box-shadow:0 18px 40px rgba(122,46,46,.18);background:#f5f5f5;transition:transform .3s ease,box-shadow .3s ease,z-index 0s;}
.sy-collage-foto img{position:absolute;max-width:none !important;width:150% !important;height:150% !important;left:-25%;top:-6%;object-fit:cover;}
.sy-collage-foto--1{left:0;top:0;width:66%;height:60%;z-index:1;}
.sy-collage-foto--2{right:0;top:30%;width:52%;height:50%;z-index:2;}
.sy-collage-foto--3{left:8%;bottom:0;width:44%;height:38%;z-index:3;}
.sy-collage-foto.in-primo-piano{z-index:4;transform:scale(1.05);box-shadow:0 26px 50px rgba(122,46,46,.28);}
.sy-collage-num{position:absolute;top:12px;left:12px;width:36px;height:36px;border-radius:50%;background:#7A2E2E;color:#fff;font-family:Dosis,arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.2);}
.sy-seg-lista{display:flex;flex-direction:column;gap:14px;padding-left:24px;}
.sy-seg-voce{display:flex;gap:18px;align-items:flex-start;background:#fff;border-radius:16px;padding:20px 22px;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .25s,transform .25s;}
.sy-seg-voce:hover{box-shadow:0 14px 36px rgba(122,46,46,.14);transform:translateX(6px);}
.sy-seg-num{flex:none;width:40px;height:40px;border-radius:50%;background:#f5f5f5;color:#7A2E2E;font-family:Dosis,arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;display:flex;align-items:center;justify-content:center;transition:background .25s,color .25s;}
.sy-seg-voce:hover .sy-seg-num{background:#7A2E2E;color:#fff;}
.sy-seg-corpo{min-width:0;}
.sy-seg-titolo{font-size:20px;font-weight:600;line-height:1.3;color:#7A2E2E;margin:0 0 6px;}
.sy-seg-testo{font-size:16px;line-height:1.6;color:#4d4b4b;margin:0;}
@media (max-width:991px){.sy-seg-row{display:block;} .sy-collage{max-width:460px;margin:0 auto 28px;padding-top:92%;} .sy-seg-lista{padding-left:0;} .sy-seg-voce:hover{transform:none;}}
@media (max-width:480px){.sy-collage-foto{border-radius:14px;} .sy-collage-num{width:30px;height:30px;font-size:12px;top:8px;left:8px;} .sy-seg-titolo{font-size:18px;} .sy-seg-voce{padding:16px;gap:14px;}}
/* riquadri bianchi delle card (sezioni 2, 5, 10): non uso .listing-item perche sotto i 1366px il tema
   gli impone con !important angoli 3px, margine sinistro 15px e larghezza 90% */
.sy-box{display:block;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.1);border-radius:10px;overflow:hidden;margin-bottom:30px;}
/* sezione 8 (chi ti guida): stile piu moderno, testo con citazione a sinistra e ritratto con badge sovrapposti a destra */
.sy-guida{display:flex;flex-wrap:wrap;align-items:center;}
.sy-guida > [class*="col-"]{float:none;min-width:0;}
.sy-guida-eyebrow{font-family:Dosis,arial,sans-serif;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:#1A797F;margin:0 0 8px;}
.sy-guida-quote{font-size:26px;line-height:1.3;color:#7A2E2E;font-style:italic;margin:0 0 22px;padding-left:18px;border-left:3px solid #1A797F;}
.sy-chip{display:inline-block;background:#f5f5f5;border-radius:999px;padding:8px 16px;font-family:Dosis,arial,sans-serif;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:#4d4b4b;margin:0 8px 8px 0;white-space:nowrap;}
a.btn-mod.sy-btn-pill{border-radius:999px;padding:12px 30px;}
.sy-guida-foto{position:relative;margin:0 auto;max-width:440px;padding:0 0 30px 24px;}
.sy-guida-foto > img{width:100%;height:auto;display:block;border-radius:24px;box-shadow:0 24px 40px -22px rgba(122,46,46,.45);}
.sy-guida-badge{position:absolute;left:0;bottom:0;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.14);padding:10px 16px 10px 12px;display:flex;align-items:center;gap:10px;}
.sy-guida-badge img{height:54px;width:auto;}
.sy-guida-badge span{font-family:Dosis,arial,sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#555;line-height:1.3;}
@media (max-width:991px){.sy-guida{display:block;} .sy-guida > .col-md-7{padding-right:15px !important;} .sy-guida-foto{margin-top:36px;}}
/* tre stili in elenco: copertina a sinistra, nome e riga a destra, freccia; riquadri della stessa altezza del corso del mese */
.sy-stili{display:flex;flex-direction:column;gap:18px;}
.sy-stile{display:flex;align-items:center;gap:20px;padding:14px 20px 14px 14px;margin:0;text-decoration:none;color:#4d4b4b;transition:transform .25s,box-shadow .25s;}
.sy-stile:hover{transform:translateX(6px);box-shadow:0 14px 36px rgba(122,46,46,.14);text-decoration:none;color:#4d4b4b;}
.sy-stile-cover{flex:none;width:140px;height:92px;border-radius:10px;overflow:hidden;background:#f5f5f5;}
.sy-stile-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.sy-stile-testo{flex:1;min-width:0;display:block;}
.sy-stile-nome{display:block;font-size:16px;letter-spacing:2px;color:#7A2E2E;margin-bottom:4px;}
.sy-stile-desc{display:block;font-size:15px;line-height:1.5;color:#555;}
.sy-stile-freccia{flex:none;color:#1A797F;font-size:22px;}
.sy-stile--tutti{background:transparent;box-shadow:none;border:2px dashed rgba(26,121,127,.45);padding:14px 20px;}
.sy-stile--tutti .sy-stile-nome{color:#1A797F;}
.sy-stile--tutti:hover{background:#fff;border-color:#1A797F;box-shadow:0 14px 36px rgba(26,121,127,.14);}
@media (max-width:767px){.sy-stile{gap:14px;padding:12px;} .sy-stile-cover{width:100px;height:70px;} .sy-stile-nome{font-size:15px;} .sy-stile-desc{font-size:14px;} .sy-stile:hover{transform:none;}}
/* sezione 9 (corso del mese): copertina e testo alla stessa altezza su desktop */
.sy-corso{display:flex;flex-wrap:wrap;align-items:stretch;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.1);border-radius:10px;overflow:hidden;margin-bottom:0;}
.sy-corso > [class*="col-"]{float:none;min-width:0;}
/* la colonna testo prende lo spazio che resta: cosi le due larghezze percentuali non sforano per arrotondamento */
.sy-corso > .col-md-5{flex:0 0 41.66667%;max-width:41.66667%;}
.sy-corso > .col-md-7{flex:1 1 0%;width:auto;}
.sy-corso-voce{display:inline-block;margin:0 18px 6px 0;}
@media (max-width:991px){.sy-corso{display:block;} .sy-corso > .col-md-5{max-width:none;} .sy-corso > .col-md-5 > a{min-height:0 !important;}}
.sy-oggi{position:relative;display:block;border-radius:10px;overflow:hidden;box-shadow:0 0 10px 0 rgba(0,0,0,.1);aspect-ratio:16/9;background:#f5f5f5;}
.sy-oggi img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;}
.sy-oggi:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.18);}
.sy-oggi .sy-play{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:#1A797F;}
.sy-oggi .sy-play:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);border-style:solid;border-width:13px 0 13px 22px;border-color:transparent transparent transparent #fff;}
.sy-oggi .sy-play-label{position:absolute;z-index:2;left:20px;bottom:16px;color:#fff;font-family:Dosis,arial,sans-serif;font-size:13px;letter-spacing:2px;text-transform:uppercase;}
@supports not (aspect-ratio:1/1){.sy-oggi{padding-top:56.25%;}}
.sy-giorni{list-style:none;margin:0;padding:0;}
.sy-giorno{background:#fff;border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);padding:14px 18px;margin-bottom:12px;}
.sy-giorno--oggi{background:#1A797F;color:#fff;box-shadow:0 0 15px 0 rgba(0,0,0,.2);}
.sy-giorno-data{font-family:Dosis,arial,sans-serif;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#555;margin:0 0 4px;}
.sy-giorno--oggi .sy-giorno-data,.sy-giorno--oggi .sy-giorno-meta{color:#fff;}
.sy-giorno-titolo{font-size:17px;font-weight:600;color:#7A2E2E;margin:0 0 2px;line-height:1.35;}
.sy-giorno--oggi .sy-giorno-titolo{color:#fff;font-size:19px;}
.sy-giorno-link{color:inherit;text-decoration:none;}
.sy-giorno-link:hover,.sy-giorno-link:focus{color:inherit;text-decoration:underline;}
.sy-giorno-meta{font-size:14px;color:#555;margin:0;}
/* sezione 3b: piano in tre passi su banda bordeaux, card traslucide con numero grande, icona in cerchio e linea tratteggiata */
.sy-passi-sez{background:#eef5f5;color:#4d4b4b;padding:72px 0 64px;position:relative;overflow:hidden;}
.sy-passi-sez:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(26,121,127,.06);top:-260px;right:-160px;}
.sy-passi-sez:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(122,46,46,.05);bottom:-220px;left:-120px;}
.sy-passi-sez .container{position:relative;z-index:1;}
.sy-passi-testa{text-align:center;max-width:680px;margin:0 auto 44px;}
.sy-passi-testa h2{font-size:34px;margin:0 0 14px;}
.sy-passi-sub{font-size:20px;line-height:1.5;color:#4d4b4b;margin:0 0 6px;}
.sy-passi-sub b{color:#7A2E2E;}
.sy-passi-nota{font-size:15px;color:#555;margin:0;}
.sy-passi{position:relative;display:flex;align-items:stretch;gap:28px;max-width:1000px;margin:0 auto;}
.sy-passo + .sy-passo:before{content:"";position:absolute;left:-28px;width:28px;top:48px;border-top:2px dashed rgba(26,121,127,.45);}
.sy-passo{position:relative;flex:1;background:#fff;border-radius:22px;padding:26px 26px 26px;box-shadow:0 12px 30px rgba(26,121,127,.12);transition:transform .25s ease,box-shadow .25s ease;}
.sy-passo:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(26,121,127,.18);}
.sy-passo-num{display:block;font-family:Dosis,arial,sans-serif;font-size:46px;font-weight:700;line-height:1;color:rgba(122,46,46,.22);letter-spacing:2px;margin:0 0 18px;}
.sy-passo-ico{position:absolute;top:22px;right:22px;width:52px;height:52px;border-radius:50%;background:#1A797F;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(26,121,127,.3);}
.sy-passo-ico i{font-size:24px;line-height:1;}
.sy-passo-nome{font-family:Dosis,arial,sans-serif;font-size:19px;letter-spacing:2px;text-transform:uppercase;color:#7A2E2E;margin:0 0 6px;}
.sy-passo-nota{font-size:15px;line-height:1.5;color:#555;margin:0;}
.sy-passi-cta{text-align:center;margin:40px 0 0;}
.sy-passi-cta span{display:block;font-size:13px;color:#555;margin-top:12px;}
a.btn-mod.sy-passi-btn{background:#1A797F;color:#fff;font-weight:600;border-radius:999px;padding:12px 32px;}
a.btn-mod.sy-passi-btn:hover{background:#7A2E2E;color:#fff;}
@media (max-width:991px){.sy-passo-num{font-size:40px;} .sy-passo{padding:22px 20px;} .sy-passo-ico{width:44px;height:44px;top:18px;right:18px;} .sy-passo-ico i{font-size:20px;}}
@media (max-width:767px){
  .sy-passi-sez{padding:52px 0 46px;}
  .sy-passi{flex-direction:column;gap:16px;max-width:440px;}
  .sy-passo + .sy-passo:before{display:none;}
  .sy-passo{padding:20px 20px 20px;}
  .sy-passo-num{font-size:34px;margin-bottom:10px;}
  .sy-giorni{margin-top:24px;}
}

/* ═══ Mobile: margini uniformi su tutta la pagina. Il contenuto di ogni sezione sta a 20px dal bordo
   dello schermo; i blocchi del tema con margini negativi o larghezze proprie vengono riallineati. ═══ */
@media (max-width:767px){
  .container{padding-left:20px !important;padding-right:20px !important;}
  /* hero: niente altezza fissa (il tema centra il testo in 700px e lascia un vuoto enorme sopra), titolo piu contenuto */
  .home-section.fixed-height-medium{min-height:0 !important;}
  .js-height{height:auto !important;}
  .home-content{margin-top:10px;margin-bottom:20px;}
  .home-text{display:block !important;}
  .home-content h1.font-alt{font-size:30px !important;letter-spacing:.15em !important;margin-top:0 !important;padding-top:0 !important;}
  .home-content .font-alt.mb-20{margin-bottom:12px !important;}
  .home-content a.btn{margin-top:16px !important;}
  /* titoli di sezione piu piccoli su mobile (34px e troppo per 375px) */
  h2.font-alt[style*="font-size:34px"]{font-size:27px !important;}
  .sy-rec-sx h2{font-size:27px !important;}
  .small-section h2.font-alt{font-size:26px !important;}
  .fullwidth-slider .col-md-12{padding-left:0;padding-right:0;}
  /* "Come funziona": il tema usa margini negativi sul video e un .row dentro la colonna */
  .video_mobile{margin:20px 0 0 !important;padding:0 !important;width:100%;float:none;}
  .categorie_link{margin:24px 0 0 !important;padding:0 !important;width:100%;float:none;}
  /* recensioni e Veronika: niente rientri laterali propri */
  .sy-rec-sx{padding-left:15px !important;padding-right:15px !important;}
  .sy-guida > .col-md-7{padding-left:15px !important;padding-right:15px !important;}
  .sy-guida-foto{padding-left:0;max-width:none;}
  .sy-guida-badge{left:12px;}
  /* collage dei segnali: stessa larghezza del testo sotto */
  .sy-collage{max-width:none;}
  /* spazio verticale uguale tra le sezioni */
  .page-section.pt-sm-50{padding-top:48px !important;}
  .page-section.pb-sm-50{padding-bottom:48px !important;}
  .small-section{padding-top:44px !important;padding-bottom:40px !important;}
  .sy-rec{padding:48px 0 !important;}
}

/* --------------------------------------------------------------------------
   2. Sezione 4 — Come funziona
   -------------------------------------------------------------------------- */
  .categorie_link a { text-decoration: none; color: #7A2E2E ; }
  .video_mobile { margin-top: 0px; } /* desktop: il video parte allineato ai tre punti */
  @media (max-width: 767px) {
  .video_mobile { margin-top: 30px; } /* mobile: aria sopra il video */
  }
  @media (max-width: 502px) {
  .categorie_link { margin-top: 70px; padding-right: 0px; padding-left: 0px; }
  .categorie_link .mb-20 { margin-bottom: 40px; }
  .video_mobile { margin-right: -15px !important; }
  }
  .video_mobile { padding-left: 0px; padding-right: 0px; margin-left: -20px; margin-right: 30px; }

/* --------------------------------------------------------------------------
   3. Carosello gallery-cell — usato dalle recensioni
   -------------------------------------------------------------------------- */
  .flickity-viewport { height: 600px ; }
.cover_video { height: 100%; width: 100%; background-color: #fff; color: #27b0b8; opacity: 0; }
.countdown_play{ position: absolute; z-index: 1000; color:#333; font-size: 48px; top:70px; }
.classroom_item_8 { text-align: left; }
@media (max-width: 992px){
  .classroom_item_8 { width: 90%; }
  .gallery-cell { width: 50% !important; }
}
@media (max-width: 502px){
  .gallery-cell { width: 80% !important; }
  .play_class_8 { left: 110px !important; }
}
.gallery-cell { width: 30%; height: 400px; margin-right: 10px; }
.gallery-cell:before { display: block; text-align: center; color: white; }
.play_class_8 { position: relative; z-index: 1; width: 70px !important; height: 70px !important; left: 140px; }
.flickity-page-dots { display: none; }

/* --------------------------------------------------------------------------
   4. Sezione 7 — Le parole delle allieve (carosello Flickity)
   -------------------------------------------------------------------------- */
/* recensioni: sopra titolo e voto a sinistra, frase + risposta di Veronika + CTA a destra; sotto uno slider manuale con frecce */
.sy-rec{padding:72px 0;background:#fff;overflow:hidden;}
.sy-rec-row{display:flex;flex-wrap:wrap;align-items:center;}
.sy-rec-row > .sy-rec-sx{padding-top:6px;}
.sy-rec-row > [class*="col-"]{float:none;min-width:0;}
.sy-rec-sx{padding-right:44px;}
.sy-rec-sx img{width:60px;max-width:60px;margin-bottom:12px;}
.sy-rec-sx h2{font-size:40px;line-height:1.15;margin:0 0 18px;}
.sy-rec-sx-riga{font-size:16px;color:#555;margin:16px 0 0;}
.sy-rec-voto{display:inline-flex;align-items:center;gap:12px;background:#7A2E2E;color:#fff;border-radius:999px;padding:10px 22px;margin:0;}
.sy-rec-stelle{color:#fff;font-size:15px;letter-spacing:3px;line-height:1;}
.sy-rec-num{font-family:Dosis,arial,sans-serif;font-size:22px;font-weight:700;line-height:1;}
.sy-rec-su{font-family:Dosis,arial,sans-serif;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.85);line-height:1.2;}
.sy-rec-dx{padding-left:40px;align-self:flex-end;} /* il riquadro di destra si allinea in basso, alla frase sotto il voto */
.sy-rec-testo-sx{font-size:17px;line-height:1.6;color:#4d4b4b;margin:14px 0 0;}
.sy-rec-nota{font-size:14px;color:#555;margin:12px 0 0;}
.sy-rec-risposta{display:flex;gap:12px;align-items:flex-start;margin:0 0 6px;padding:14px 16px;background:#fbf1f1;border-radius:14px;max-width:560px;}
.sy-rec-risposta img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:62% 18%;flex:none;}
.sy-rec-risposta-testo{font-size:13px;line-height:1.5;color:#4d4b4b;font-style:italic;margin:0 0 4px;}
.sy-rec-risposta-firma{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:17px;color:#7A2E2E;margin:0;}
/* slider */
.sy-rec-slider-wrap{margin-top:40px;padding:0;} /* le card partono allo stesso bordo del titolo; le frecce si sovrappongono al bordo esterno */
.sy-rec-slider{margin:0 -10px;}
.sy-rec-cell{width:33.333%;padding:10px 10px;box-sizing:border-box;}
.sy-rec-card{height:100%;background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(122,46,46,.10);padding:22px 24px 18px;position:relative;display:flex;flex-direction:column;min-height:270px;}
.sy-rec-card:before{content:"\201C";position:absolute;top:0;right:16px;font-family:Georgia,serif;font-size:66px;line-height:1;color:rgba(122,46,46,.12);}
.sy-rec-stelle-card{color:#1A797F;font-size:12px;letter-spacing:2px;margin-bottom:8px;line-height:1;}
.sy-rec-titolo{font-weight:700;font-size:15px;line-height:1.35;margin:0 0 6px;color:#7A2E2E;}
.sy-rec-testo{font-size:14px;line-height:1.55;color:#4d4b4b;margin:0 0 14px;}
.sy-rec-firma{display:flex;align-items:center;gap:10px;margin-top:auto;}
.sy-rec-avatar{width:32px;height:32px;border-radius:50%;background:#7A2E2E;color:#fff;font-family:Dosis,arial,sans-serif;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none;}
.sy-rec-nome{font-family:Dosis,arial,sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#4d4b4b;margin:0;line-height:1.3;}
.sy-rec-nome small{display:block;font-size:11px;letter-spacing:1px;color:#888;text-transform:none;}
.sy-rec-card--soft{background:#fbf1f1;box-shadow:none;}
.sy-rec-card--soft:before{color:rgba(122,46,46,.18);}
.sy-rec-cit{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:19px;line-height:1.35;color:#7A2E2E;margin:0 0 8px;}
.sy-rec-slider .flickity-prev-next-button{width:44px;height:44px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.18);}
.sy-rec-slider .flickity-prev-next-button .arrow{fill:#7A2E2E;}
.sy-rec-slider .flickity-prev-next-button.previous{left:-12px;}
.sy-rec-slider .flickity-prev-next-button.next{right:-12px;}
.sy-rec-slider .flickity-page-dots{display:none;}
@media (max-width:991px){.sy-rec{padding:52px 0;} .sy-rec-row{display:block;} .sy-rec-sx{padding-right:15px;margin-bottom:24px;text-align:center;} .sy-rec-dx{padding-left:15px;text-align:center;} .sy-rec-risposta{margin:0 auto 22px;text-align:left;} .sy-rec-cell{width:50%;}}
@media (max-width:767px){.sy-rec-slider-wrap{margin-top:28px;} .sy-rec-cell{width:85%;padding:8px 6px;} .sy-rec-slider .flickity-prev-next-button{width:34px;height:34px;} .sy-rec-slider .flickity-prev-next-button.previous{left:-4px;} .sy-rec-slider .flickity-prev-next-button.next{right:-4px;} .sy-rec-testo{font-size:13px;} .sy-rec-cit{font-size:17px;}}

/* --------------------------------------------------------------------------
   5. Sezione 13 — Scrivimi (form di contatto)
   -------------------------------------------------------------------------- */
/* form di contatto: testo a sinistra sul fondo della sezione, riquadro bianco
   con i campi a destra. Stessa ricetta dei riquadri del resto del sito
   (angoli 10px, ombra leggera 0 0 10px), titoli Dosis, pulsante pillola verde
   acqua: niente elementi grafici che non esistano gia nelle altre sezioni. */
.sy-contatto{padding:72px 0 80px;background:#fff;}
.sy-contatto-row{display:flex;flex-wrap:wrap;align-items:center;}
.sy-contatto-row > [class*="col-"]{float:none;min-width:0;}
.sy-contatto-sx{padding-right:40px;}
/* ritratto: piccolo e sopra al titolo, come l'om sopra "Cosa dicono le allieve" */
.sy-contatto-foto{width:64px;height:64px;border-radius:50%;object-fit:cover;display:block;margin:0 0 16px;}
.sy-contatto-sx h2{font-size:34px;margin:0 0 12px;}
.sy-contatto-sub{font-family:Dosis,arial,sans-serif;font-size:15px;letter-spacing:2px;text-transform:uppercase;color:#555;margin:0 0 20px;}
.sy-contatto-testo{font-size:17px;line-height:1.6;color:#4d4b4b;margin:0 0 24px;}
.sy-contatto-punti{list-style:none;margin:0;padding:0;}
.sy-contatto-punti li{display:flex;align-items:center;gap:12px;font-size:15px;color:#4d4b4b;margin-bottom:12px;}
.sy-contatto-punti i{width:36px;height:36px;border-radius:50%;background:#eef5f5;color:#1A797F;display:flex;align-items:center;justify-content:center;font-size:14px;flex:none;}
.sy-contatto-box{background:#fff;border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);padding:34px 36px 30px;}
.sy-contatto-box .sy-campo{margin-bottom:16px;}
.sy-contatto-box label{display:block;font-family:Dosis,arial,sans-serif;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#555;margin:0 0 6px;font-weight:400 !important;}
.sy-contatto-box .form-control{border:1px solid #e3d9d4;border-radius:10px !important;height:auto;padding:13px 16px;font-size:16px;color:#4d4b4b;box-shadow:none;background:#fff;}
.sy-contatto-box .form-control:focus{border-color:#1A797F;box-shadow:0 0 0 3px rgba(26,121,127,.15);outline:0;}
.sy-contatto-box textarea.form-control{min-height:130px;resize:vertical;}
.sy-contatto-due{display:flex;gap:16px;}
.sy-contatto-due > .sy-campo{flex:1;}
.sy-contatto-nota{font-size:13px;color:#777;margin:10px 0 0;line-height:1.5;}
a.btn-mod.sy-contatto-btn,button.btn-mod.sy-contatto-btn{display:inline-flex;align-items:center;gap:10px;background:#1A797F;color:#fff;border:0;border-radius:999px;padding:13px 30px;font-family:Dosis,arial,sans-serif;font-size:14px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;}
button.btn-mod.sy-contatto-btn:hover{background:#7A2E2E;color:#fff;}
.sy-contatto-ok{background:#eef5f5;border-radius:10px;padding:24px 26px;color:#4d4b4b;font-size:16px;line-height:1.6;}
.sy-contatto-ok b{color:#1A797F;display:block;font-family:Dosis,arial,sans-serif;font-size:18px;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;}
.sy-contatto-err{display:none;font-size:13px;color:#7A2E2E;margin:6px 0 0;}
.sy-campo.errore .form-control{border-color:#7A2E2E;}
.sy-campo.errore .sy-contatto-err{display:block;}
/* consenso privacy: la label del box e Dosis maiuscola, qui serve testo normale
   altrimenti la frase e illeggibile */
.sy-contatto-box .sy-privacy{margin:20px 0 18px;}
.sy-contatto-box .sy-privacy label{display:flex;align-items:flex-start;gap:10px;font-family:inherit;font-size:13.5px;font-weight:400 !important;letter-spacing:normal;text-transform:none;color:#666;line-height:1.5;margin:0;cursor:pointer;}
.sy-contatto-box .sy-privacy input[type=checkbox]{flex:none;width:17px;height:17px;margin:1px 0 0;accent-color:#1A797F;cursor:pointer;}
.sy-contatto-box .sy-privacy a{color:#1A797F;text-decoration:underline;}
.sy-campo.errore.sy-privacy label{color:#7A2E2E;}
@media (max-width:991px){.sy-contatto{padding:52px 0 56px;} .sy-contatto-row{display:block;} .sy-contatto-sx{padding-right:15px;margin-bottom:28px;text-align:center;} .sy-contatto-foto{margin:0 auto 16px;} .sy-contatto-punti li{justify-content:center;text-align:left;}}
@media (max-width:480px){.sy-contatto-box{padding:24px 20px;} .sy-contatto-due{display:block;} button.btn-mod.sy-contatto-btn{width:100%;justify-content:center;}}