*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
:root{
  --black:#0d0d0d;
  --white:#eeeae3;
  --accent:#64c8e8;
  --accent2:#3ab0d0;
  --mid:#181818;
  --card:#1e1e1e;
  --border:rgba(255,255,255,0.08);
}
body{
  background:var(--black);
  color:var(--white);
  font-family:'Barlow',sans-serif;
  overflow-x:hidden;
}

.nav-bar a.cta-donazioni {
  display: inline-flex; 
  align-items: center; 
  justify-content: center; 
  text-align: center; 
  font-weight: bold;
  border: 2px solid #00aaff !important;
  border-radius: 20px; 
  padding: 4px 12px; 
  margin-left: 10px;
}



/* ─── NAV ─── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  background:rgba(13,13,13,0.97);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border);
}
.nav-top{
  display:flex;align-items:center;justify-content:space-between;
  padding:0 48px;height:76px;
}
.nav-logo{display:flex;align-items:center;gap:14px;text-decoration:none}
.nav-logo img{
  height:54px;width:auto;
  opacity:0.92;
}
.nav-logo-text{
  font-family:'Anton',sans-serif;
  font-size:22px;letter-spacing:0.05em;
  text-transform:uppercase;color:var(--white);
  line-height:1.05;
}
.nav-logo-sub{
  display:none;
}

/* second row – link strip */
.nav-bar{
  border-top:1px solid var(--border);
  background:#0b0b0b;
  display:flex;justify-content:center;
  overflow-x:auto;scrollbar-width:none;
}
.nav-bar::-webkit-scrollbar{display:none}
.nav-bar a{
  font-family:'Barlow Condensed',sans-serif;
  font-size:13px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;
  color:rgba(255,255,255,0.4);
  text-decoration:none;
  padding:16px 26px;display:block;
  border-right:1px solid var(--border);
  white-space:nowrap;
  transition:color 0.2s;
  position:relative;
}
.nav-bar a::after{
  content:'';position:absolute;bottom:0;left:0;right:0;
  height:2px;background:var(--accent);
  transform:scaleX(0);transition:transform 0.25s;
}
.nav-bar a:first-child{border-left:1px solid var(--border)}
.nav-bar a:hover,.nav-bar a.active{color:var(--white)}
.nav-bar a.active::after,.nav-bar a:hover::after{transform:scaleX(1)}
.nav-bar a.cta{color:var(--accent);background:rgba(100,200,232,0.05)}
.nav-bar a.cta:hover{background:var(--accent);color:#000}
.nav-bar a.cta::after{display:none}

/* mobile */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}
.hamburger span{display:block;width:24px;height:2px;background:var(--white)}
.mobile-menu {
  display: none;
  flex-direction: column;
  background: #0b0b0b;
  border-top: 1px solid var(--border);
}

.mobile-menu a{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.55);text-decoration:none;padding:15px 28px;border-bottom:1px solid rgba(255,255,255,0.04);transition:color 0.2s;display:block}
.mobile-menu a:hover{color:var(--white)}
.mobile-menu a.cta{color:var(--accent)}
.mobile-menu.open {
  display: flex;
}

/* ─── HERO ─── */
#home{
  position:relative;
  height:80vh; 
  min-height:500px; 
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  margin-top:125px;
}


.hero-bg{
  position:absolute;
  inset:0;
  z-index:1;
}
.hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}
.hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(13,13,13,0.5),rgba(13,13,13,0.7)), radial-gradient(ellipse at center,rgba(100,200,232,0.02),rgba(13,13,13,0.5));
  z-index:2;
}

.hero-title{
  font-size:clamp(140px,22vw,320px);
  letter-spacing:-0.03em;
  color:var(--white);
  line-height:1.20;
  margin-bottom:24px;
  font-weight:900;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:0 20px;
}


.hero-content{
  position:relative;
  z-index:10;
  text-align:center;
  max-width:100%;
  padding:90px 20px;
}
.hero-est{
  font-size:11px;
  font-weight:700;
  letter-spacing:0.3em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.35);
  margin-bottom:32px;

}
.hero-sub{
  font-size:clamp(14px,2vw,18px);
  font-weight:700;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:var(--accent);
  margin-bottom:32px;
}

.surf-logo {
    width: 65%;       /* Su Mobile: l'immagine si adatta e occupa lo schermo disponibile */
    max-width: 600px;  /* Su PC: l'immagine si blocca a questa larghezza e non diventa gigante */
    height: auto;      /* Mantiene le proporzioni corrette su ogni dispositivo */
}


/* ─── SECTIONS ─── */
.container{max-width:1140px;margin:0 auto;padding:80px 60px}

hr.sep{height:1px;background:var(--border);border:none;margin:0}
.label{
  display:inline-block;
  font-family:'Barlow Condensed',sans-serif;
  font-size:10px;font-weight:700;letter-spacing:0.3em;
  text-transform:uppercase;color:var(--accent);
  margin-bottom:12px;
}
.big-title{
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(48px,8vw,80px);letter-spacing:0.06em;
  color:var(--white);line-height:1.05;
  margin-bottom:56px;
}
.section-intro{
  font-size:16px;font-weight:300;line-height:1.8;
  color:rgba(255,255,255,0.65);margin-bottom:40px;
  max-width:820px;
}

/* ─── CHI SIAMO ─── */
.chi-layout{
  display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:start;
}
.chi-text p{
  font-size:16px;font-weight:300;line-height:1.9;
  color:rgba(255,255,255,0.7);margin-bottom:22px;
}
.chi-text p strong{color:var(--white);font-weight:500}
.chi-text a{color:var(--accent);text-decoration:none;font-weight:500;transition:color 0.2s}
.chi-text a:hover{color:var(--white)}
.subsection{margin-bottom:60px}
.subsection h3{
  font-family:'Barlow Condensed',sans-serif;
  font-size:18px;font-weight:700;letter-spacing:0.08em;
  text-transform:uppercase;color:var(--accent);
  margin-bottom:16px;
}
.subsection p{
  font-size:15px;font-weight:300;line-height:1.85;
  color:rgba(255,255,255,0.65);
}

/* ─── MANIFESTO ─── */
.manifesto-grid{
  display:grid;grid-template-columns:1fr;gap:36px;
}
.manifesto-item{
  padding:32px;border-left:3px solid var(--accent);
  background:rgba(100,200,232,0.03);
}
.manifesto-item h3{
  font-family:'Barlow Condensed',sans-serif;
  font-size:18px;font-weight:700;letter-spacing:0.08em;
  text-transform:uppercase;color:var(--accent);
  margin-bottom:14px;
}
.manifesto-item p{
  font-size:15px;font-weight:300;line-height:1.85;
  color:rgba(255,255,255,0.65);
}

/* ─── EVENTI ─── */
.eventi-content{
  background:rgba(100,200,232,0.02);
  border:1px solid rgba(100,200,232,0.1);
  padding:60px 40px;
  text-align:center;
  margin-bottom:40px;
}
.eventi-content p{
  font-size:16px;font-weight:300;line-height:1.8;
  color:rgba(255,255,255,0.68);margin-bottom:20px;
}
.ig-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--accent);
  text-decoration:none;
  font-weight:500;
  border:1px solid var(--accent);
  padding:10px 20px;
  transition:all 0.2s;
  max-width:100%;
  box-sizing:border-box;
  flex-wrap:wrap;         /* permette di andare a capo se serve */
}

.ig-btn:hover{background:var(--accent);color:#000}
.ig-btn svg{width:18px;height:18px}
.eventi-prop{
  background:rgba(100,200,232,0.02);
  border:1px solid rgba(100,200,232,0.1);
  padding:44px 40px;
  text-align:center;
}
.ig-btn span{
    min-width:0;             /* <-- chiave: toglie il blocco di flexbox */
  overflow-wrap:break-word;  /* permette di andare a capo se necessario */
  word-break:break-word;
}
.eventi-prop h3{
  font-family:'Barlow Condensed',sans-serif;
  font-size:18px;font-weight:700;letter-spacing:0.08em;
  text-transform:uppercase;color:var(--accent);
  margin-bottom:14px;
}
.eventi-prop p{
  font-size:15px;font-weight:300;line-height:1.85;
  color:rgba(255,255,255,0.65);
}

/* ── GALLERY ── */

.gallery-mosaic{
display:grid;
grid-template-columns:1fr 1fr;
max-width: 100%; /* Assicura che non sia troppo grande */
gap:3px
}

.g-item {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10; /* Regola il rapporto se serve diverso */
    overflow: hidden;
}
.g-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Riempe il container mantenendo proporzioni */
  /*  filter: grayscale(100%);*/
    transition: filter 0.3s ease;
}

.g-item img{width:100%;height:100%;object-fit:cover;
 /* filter:grayscale(100%) brightness(0.75); */
  transition:filter 0.5s,transform 0.6s;
  display:block}
.g-item:hover img {
  /*  filter: grayscale(50%) brightness(0.9); */
    transform: scale(1.03);

}

.g-item:nth-child(1){min-height:295px}
.g-item:nth-child(2){min-height:295px}

.g-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: opacity 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none; 
}

.g-item:hover .g-overlay {
    opacity: 1;
}

.g-overlay span {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 23px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #2c2c2c;
    cursor: pointer;
    pointer-events: auto; 
}

/* Forza in bianco e nero tutte le immagini della gallery, sia normalmente che al click/hover 
.gallery-mosaic img, 
.g-item img,
[id^="gallery"] img {
    filter: grayscale(100%) !important;
    transition: filter 0.3s ease;
}
.lightbox img, .lightbox-content {
    filter: grayscale(100%) !important;
}
/*


/* ─── DOCUMENTI & FAQ ─── */
.doc-faq-container{
  display:grid;grid-template-columns:1fr 1.2fr;gap:80px;
}
.gdpr-notice{
  border:2px solid #e8d5c4;
  border-radius:16px;
  padding:32px;
  margin:40px 0;
}
.gdpr-notice h4{
  font-family:'Barlow Condensed',sans-serif;
  font-size:15px;font-weight:700;
  letter-spacing:0.08em;text-transform:uppercase;
  color:#a0553a;
  margin-bottom:16px;
  display:flex;align-items:center;gap:8px;
}
.gdpr-notice h4::before{content:'🔒';font-size:16px}
.gdpr-notice p{
  font-size:14px;font-weight:400;
  color:#2c2c2c;
  line-height:1.75;
  margin-bottom:12px;
}
.gdpr-notice p:last-of-type{margin-bottom:0}
.gdpr-notice strong{color:#333;font-weight:600}
.gdpr-notice a{
  color:#d946a6;font-weight:500;
  text-decoration:none;border-bottom:1px dotted #d946a6;
  transition:color 0.2s;
}
.gdpr-notice a:hover{color:#c21e8a}
.required-marker{color:#d946a6;font-weight:700}

/* Checkbox GDPR */
.gdpr-checkbox-container{
  border:2px solid #e8d5c4;
  border-radius:16px;
  padding:28px 32px;
  margin-bottom:28px;
  display:flex;align-items:flex-start;gap:16px;
}
.gdpr-checkbox-container input[type="checkbox"]{
  width:24px;height:24px;
  flex-shrink:0;margin-top:2px;
  accent-color:#d946a6;
  cursor:pointer;
}
.gdpr-checkbox-label{
  font-size:14px;font-weight:400;
  color:#e8d5c4;line-height:1.75;
}
.gdpr-checkbox-label a{
  color:#d946a6;font-weight:500;
  text-decoration:none;border-bottom:1px dotted #d946a6;
}
.gdpr-checkbox-label a:hover{color:#c21e8a}
.gdpr-mandatory{
  font-size:12px;font-weight:600;
  color:#a0553a;
  letter-spacing:0.05em;
  text-transform:uppercase;
  margin-top:8px;
  display:block;
}

/* Bottone Iscrizione */
.gdpr-btn-wrapper {
  display: flex;
  flex-direction: column; /* Dispone il bottone e la scritta uno sotto l'altro */
  justify-content: center; /* Centra orizzontalmente */
  align-content: center;   /* Centra verticalmente */
  align-items: center;     /* Centra gli elementi interni verticalmente */
  min-height: 100%;        /* Occupa tutta l'altezza del contenitore padre */
}

.gdpr-btn{
  display:inline-block;
  background:linear-gradient(135deg,#9b7ec4,#7d6ba6);
  color:#fff;
  font-family:'Barlow Condensed',sans-serif;
  font-size:22px;font-weight:700;
  letter-spacing:0.12em;
  text-transform:uppercase;
  padding:16px 48px;
  border:none;
  border-radius:50px;
  cursor:pointer;
  transition:all 0.3s;
  text-decoration:none;
  display:inline-block;
}
.gdpr-btn:hover{
  background:linear-gradient(135deg,#8a6fb5,#6e5c97);
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(157,107,196,0.3);
}
.gdpr-btn:disabled{
  background:#c9bdd4;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}
.gdpr-btn-hint{
  text-align: center;     
  font-size:12px;font-weight:300;
  color:#999;
  margin-top:12px;
  letter-spacing:0.04em;
}
.doc-section h3{
  font-family:'Barlow Condensed',sans-serif;
  font-size:18px;font-weight:700;letter-spacing:0.08em;
  text-transform:uppercase;color:var(--accent);
  margin-bottom:24px;
}
.doc-section p{
  font-size:15px;font-weight:300;line-height:1.85;
  color:rgba(255,255,255,0.65);margin-bottom:16px;
}
.doc-drive-link{
  display:inline-block;
  color:var(--accent);text-decoration:none;font-weight:500;
  border:1px solid var(--accent);padding:10px 20px;
  transition:all 0.2s;
}
.doc-drive-link:hover{background:var(--accent);color:#000}

/* ─── FAQ ─── */
.faq-list{max-width:100%;border-top:1px solid var(--border)}
.faq-item{border-bottom:1px solid var(--border)}
.faq-btn{width:100%;background:none;border:none;color:var(--white);text-align:left;padding:24px 0;font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:color 0.2s}
.faq-btn:hover{color:var(--accent)}
.faq-icon{font-size:22px;color:var(--accent);flex-shrink:0;font-style:normal;font-family:'Barlow',sans-serif}
.faq-ans{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.3s}
.faq-ans.open {
  display: block;
  border: 2px solid #00a8ff; /* Bordo azzurrino */
  border-radius: 8px;
  padding: 24px;
  margin-top: 12px;
  margin-bottom: 24px;
  max-height: 450px; /* Altezza massima prima di attivare lo scroll */
  overflow-y: auto;  /* Abilita lo scorrimento verticale */
  background: rgba(0, 168, 255, 0.03); /* Sfondo leggermente azzurrato */
}

/* Personalizzazione stilistica della barra di scorrimento */
.faq-ans::-webkit-scrollbar {
  width: 8px;
}
.faq-ans::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}
.faq-ans::-webkit-scrollbar-thumb {
  background: #00a8ff;
  border-radius: 4px;
}

/* ── DONAZIONI ── */
.don-box{margin:0 auto}
.don-box p{font-size:18px;font-weight:300;line-height:1.85;color:rgba(255,255,255,0.65);margin-bottom:48px}
.iban-block{text-align:center; border:1px solid rgba(200,169,110,0.3);padding:40px;display:inline-block;width:100%}
.iban-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.35em;text-transform:uppercase;color:var(--sand);margin-bottom:8px}
.iban-value{font-family:'Anton',sans-serif;font-size:clamp(18px,3vw,28px);letter-spacing:0.06em;color:var(--white);line-height:1.3}
.iban-note{font-size:13px;font-weight:300;letter-spacing:0.08em;color:rgba(255,255,255,0.3);margin-top:14px}


/* ─── CONTATTI ─── */
.contatti-grid{
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;
  margin-bottom:60px;
}
.contatti-card{
  background:rgba(100,200,232,0.02);
  border:1px solid rgba(100,200,232,0.1);
  padding:40px;
  text-align:center;
}
.contatti-card h3{
  font-family:'Barlow Condensed',sans-serif;
  font-size:14px;font-weight:700;letter-spacing:0.1em;
  text-transform:uppercase;color:var(--accent);
  margin-bottom:16px;
  line-height:1.6;
}
.contatti-card p{
  font-size:15px;font-weight:300;color:rgba(255,255,255,0.65);
}
.contatti-card a{
  color:var(--accent);text-decoration:none;font-weight:500;
}
.contatti-card a:hover{text-decoration:underline}
.contatti-info{
  background:rgba(100,200,232,0.02);
  border:1px solid rgba(100,200,232,0.1);
  padding:40px;
  text-align:center;
}
.info-label{
  font-family:'Barlow Condensed',sans-serif;
  font-size:12px;font-weight:700;letter-spacing:0.2em;
  text-transform:uppercase;color:rgba(255,255,255,0.35);
  margin-bottom:8px;
}
.info-value{
  font-size:16px;font-weight:300;color:var(--white);
  margin-bottom:20px;
}
.info-value a{
  color:var(--accent);text-decoration:none;font-weight:500;
}
.info-value a:hover{text-decoration:underline}

/* ─── IMG BREAK ─── */
.img-break{
  height:50vh;min-height:400px;
  background-size:cover;background-position:center;
  position:relative;
}
.img-break-caption{
  position:absolute;left:60px;bottom:40px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:14px;font-weight:700;
  letter-spacing:0.1em;text-transform:uppercase;
  color:rgba(255,255,255,0.5);
  z-index:10;
}

/* ─── FOOTER ─── */

.section-divider {
  width: 100%;
  height: 1px;
  border: none;
  background: linear-gradient(
    to right,
    transparent,
    rgba(255, 255, 255, 0.25),
    transparent
  );
}
footer{
  background:#000;
  border-top:1px solid var(--border);
}

footer .footer-inner{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  grid-template-areas:
    "brand   brand"
    "left    right"
    "divider divider"
    "copy    copy";
  column-gap:60px;
  row-gap:40px;
  padding-top:80px;
  padding-bottom:60px;
}

footer .section-divider{
  grid-area:divider;
}

/* ── Brand: logo + nome centrati sulla stessa riga ── */
footer .f-brand{
  grid-area:brand;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
}
footer .f-logo{
  height:44px;
  width:auto;
  opacity:0.92;
}
footer .f-name{
  font-family:'Anton',sans-serif;
  font-size:22px;
  letter-spacing:0.06em;
  color:var(--white);
}

/* ── Colonne ── */
footer .f-left{
  grid-area:left;
  display:flex;
  flex-direction:column;
  gap:20px;
}
footer .f-right{
  grid-area:right;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:20px;
}

footer .f-col-title{
  font-family:'Barlow',sans-serif;
  font-size:16px;
  font-weight:700;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--white);
}
footer .f-desc{
  font-size:15px;
  font-weight:300;
  color:rgba(255,255,255,0.55);
  line-height:1.7;
  max-width:520px;
}

/* ── Codice Fiscale e IBAN, uno sotto l'altro ── */
footer .f-legal{
  display:flex;
  flex-direction:column;
}

footer .f-tail{
  font-size:12px;
  font-weight:300;
  color:rgba(255,255,255,0.55);
}

footer .f-code{
  font-size:13px;
  font-weight:300;
  color:rgba(255,255,255,0.55);
}


footer .f-code strong{
  color:var(--white);
  font-weight:500;
}

/* ── Riga finale: copyright a sinistra, credit a destra ── */
footer .f-copy{
  grid-area:copy;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  margin-top: -3%;
  gap:8px 40px;
  line-height:1.6;
}
footer .f-copy a{
  color:inherit;
  font-size:inherit;
  font-weight:inherit;
  text-decoration:none;
}
footer .f-copy a:hover{
  color:var(--accent);
}

/* ── Link e icone social ── */
footer a{
  color:var(--accent);
  font-size:15px;
  font-weight:300;
  text-decoration:none;
  transition:color 0.2s;
}
footer a:hover{
  color:var(--white);
}
footer .ig-icon,
footer .fb-icon{
  display:inline-block;
  width:24px;
  height:24px;
  vertical-align:middle;
  margin-right:4px;
}

/* ─── LIGHTBOX ─── */
.lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.96);z-index:9999;align-items:center;justify-content:center}
.lightbox.active{display:flex}
.lightbox img{max-width:90vw;max-height:90vh;object-fit:contain}
.lb-close{position:absolute;top:26px;right:32px;font-size:30px;color:rgba(255,255,255,0.35);cursor:pointer;background:none;border:none;transition:color 0.2s;font-family:'Barlow',sans-serif}
.lb-close:hover{color:var(--white)}

.eventi-gallery {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
  margin-bottom: 44px;
  flex-wrap: wrap; /* per sicurezza su schermi piccoli */
}

.eventi-img {
  width: 148px;
  height: 203px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
}
.eventi-gallery {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
  flex-wrap: wrap; /* per sicurezza su schermi piccoli */
}


/* ─── DESKTOP BASE (sopra 860px) ─── */
.nav-bar a.cta-donazioni {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  border: 2px solid #00aaff;
  border-radius: 20px;
  padding: 4px 12px;
  margin-left: 10px;
  color: #00aaff;
}

/* ─── RESPONSIVO SEMPLIFICATO (Desktop + Solo Smartphone < 500px) ─── */

/* 1. Desktop Stretto (Opzionale, sotto i 1080px) */
@media (max-width: 1080px) {
  .nav-bar a {
    padding: 14px 16px;
    font-size: 12px;
  }
}


@media (max-width: 500px) {

  .nav-bar {
    display: none !important;
  }

  .hamburger {
    display: flex !important;
  }

  .nav-top {
    padding: 0 16px;
    height: 60px;
  }

  .nav-logo img {
    height: 40px;
  }

  .nav-logo-text {
    font-size: 16px;
  }

  a.cta-donazioni {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: fit-content !important;
    margin: 4px 0 4px 4px !important; 
    border: 1px solid #00aaff !important;
    border-radius: 25px !important;
    color: #00aaff !important;
    font-weight: bold !important;
    background-color: transparent !important;
    box-sizing: border-box !important;
  }

  .container {
    padding: 40px 16px;
  }

  .chi-layout,
  .doc-faq-container,
  .contatti-grid,
  .manifesto-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }


  #home {
    margin-top: 60px;
    height: auto;
    min-height: 450px;
  }

  .hero-est {
    font-size: 10px;
    margin-bottom: 16px;
  }

  .hero-title, .big-title {
    font-size: clamp(36px, 9vw, 54px);
    margin-bottom: 12px;
  }

  .hero-sub {
    font-size: 14px;
    margin-bottom: 16px;
  }

  .hero-line {
    display: none;
  }


  .img-break {
    height: 30vh;
    min-height: 250px;
  }
  
  .img-break-caption {
    left: 16px;
    bottom: 16px;
  }


  .gdpr-checkbox-container {
    padding: 16px;
    margin-bottom: 16px;
  }

  .gdpr-btn {
    padding: 12px 24px;
    font-size: 13px;
    width: 100%; 
  }

  .ig-btn {
    padding: 10px 14px;
    font-size: 14px;
    gap: 6px;
  }

  .eventi-content {
    padding: 30px 16px;
  }



   /* FOOOTER */ 

  footer .footer-inner{
    grid-template-columns:1fr;
    grid-template-areas:
      "brand"
      "left"
      "right"
      "divider"
      "copy";;
    row-gap:30px;
    padding:40px 16px 30px;
    max-width:100%;
  }

  /* logo sopra, nome sotto, centrati */
  footer .f-brand{
    flex-direction:column;
    gap:12px;
  }

  footer .f-left,
  footer .f-right{
    text-align:left;
    align-items:flex-start;
  }

  footer .f-desc{
    max-width:none;
  }

  /* Codice Fiscale e IBAN uno sotto l'altro */
footer .f-legal{
  margin-top:10px;
}
footer .f-copy{
  margin-top:-10px;
}

  /* il credit non ha più bisogno di essere spinto in fondo */
  footer .footer-credit{
    margin-top:0;
    padding-top:10px;
  }
    footer .f-tail{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:6px;
}
}