/* Catalogo Piccoli approdi: stili circoscritti, illustrazioni originali del sito. */
.approdi-page { background:#fffaf3; color:var(--sea); }
.approdi-page .container { width:min(1160px,100%); padding-inline:28px; }
.approdi-kicker { margin:0 0 14px; color:#795365; font:600 12px/1.5 MCText,sans-serif; letter-spacing:2px; text-transform:uppercase; }
.approdi-hero { padding:66px 0 0; background:#fffaf3 url('../images/sfondo_blog01.jpg') center/cover no-repeat; }
.approdi-hero-inner { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:48px; align-items:center; padding-bottom:54px; }
.approdi-hero h1 { max-width:650px; margin:0 0 24px; font-size:clamp(45px,5vw,70px); line-height:1.01; }
.approdi-hero h1 em { display:block; color:var(--rose); font-weight:400; }
.approdi-lead { max-width:610px; margin:0 0 20px; font-size:23px; line-height:1.5; }
.approdi-hero-note { margin:0; color:#69545e; font-size:18px; line-height:1.5; }
.approdi-hero-art { min-width:0; padding:24px 6px; }
.approdi-boat { width:100%; max-width:360px; margin:auto; filter:drop-shadow(0 16px 12px #305c5720); }
.approdi-nav { display:flex; justify-content:space-between; gap:24px; }
.approdi-nav a { display:flex; align-items:center; justify-content:space-between; flex:1; gap:18px; min-width:0; padding:20px 0; border-top:1px solid #00687a48; font-size:17px; font-weight:600; }
.approdi-nav a:hover { color:var(--rose); border-color:var(--rose); }
.approdi-nav span { font-size:22px; }
.approdi-section { padding:70px 0 76px; scroll-margin-top:125px; }
.approdi-section-heading { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:70px; align-items:end; margin-bottom:34px; }
.approdi-section-heading h2 { margin:0; font-size:clamp(34px,3.3vw,46px); line-height:1.08; }
.approdi-section-heading>p { margin:0; color:#5d6764; font-size:19px; line-height:1.55; }
.approdi-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.approdi-card { display:flex; min-width:0; flex-direction:column; align-items:start; padding:28px; background:#fffefb; border:1px solid #d8dfd4; border-radius:5px 25px 5px 25px; box-shadow:0 5px 18px #354d3e05; transition:border-color .18s,box-shadow .18s; }
.approdi-card:hover { color:var(--sea); border-color:#6c9d92; box-shadow:0 8px 24px #354d3e12; }
.approdi-card:focus-visible { outline:3px solid var(--rose); outline-offset:5px; }
.approdi-card-art { display:flex; align-items:center; justify-content:start; width:90px; height:84px; margin-bottom:20px; }
.approdi-card-art img { width:100%; height:100%; object-fit:contain; object-position:left center; }
.approdi-card-copy { display:flex; flex:1; min-width:0; width:100%; flex-direction:column; align-items:start; }
.approdi-card h3 { margin:0 0 14px; font:500 30px/1.08 MCTitle,serif; text-wrap:pretty; }
.approdi-card p { margin:0 0 24px; color:#5d6764; font-size:18px; line-height:1.5; }
.approdi-card-link { display:flex; justify-content:space-between; gap:20px; width:100%; margin-top:auto; padding-top:16px; border-top:1px solid #e2e7df; color:#80506a; font-size:15px; font-weight:700; }
.approdi-card-link>span { font-size:20px; line-height:1; }
.approdi-section-creativita-e-ascolto { background:#edf3ed url('../images/sfondo-podcast-02-scaled.jpg') center/cover no-repeat; }
.approdi-section-creativita-e-ascolto .approdi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.approdi-section-creativita-e-ascolto .approdi-card { flex-direction:row; gap:24px; background:#fffef9ed; }
.approdi-section-creativita-e-ascolto .approdi-card-art { flex:0 0 68px; width:68px; height:78px; margin:0; }
.approdi-section-creativita-e-ascolto .approdi-card h3 { font-size:29px; }
.approdi-section-famiglia .approdi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.approdi-section-famiglia .approdi-card { position:relative; padding-right:120px; }
.approdi-section-famiglia .approdi-card-art { position:absolute; right:26px; top:28px; width:72px; height:74px; margin:0; }
.approdi-next { background:#fbecd8 url('../images/sfondo03-scaled.jpg') center/cover no-repeat; padding:54px 0 62px; }
.approdi-next-inner { display:grid; grid-template-columns:140px minmax(0,1fr); align-items:center; gap:55px; max-width:960px; }
.approdi-next-art { width:140px; }
.approdi-next h2 { margin:0 0 16px; font-size:42px; line-height:1.1; }
.approdi-next p:not(.approdi-kicker) { max-width:650px; margin-bottom:24px; font-size:20px; line-height:1.5; }
.approdi-next-actions { display:flex; align-items:center; gap:28px; flex-wrap:wrap; }
.approdi-next-actions .button { min-width:0; padding:14px 27px; font-size:16px; }
.approdi-text-link { color:#79506a; font-size:17px; font-weight:600; text-decoration:underline; text-underline-offset:5px; }
.approdi-text-link span { display:inline-block; margin-left:8px; }
@media(max-width:1024px) {
  .approdi-hero { padding-top:48px; }
  .approdi-hero-inner { gap:28px; }
  .approdi-hero h1 { font-size:56px; }
  .approdi-section-heading { gap:35px; }
  .approdi-card { padding:24px; }
  .approdi-grid { gap:20px; }
  .approdi-section-creativita-e-ascolto .approdi-card { gap:18px; }
  .approdi-section-creativita-e-ascolto .approdi-card-art { flex-basis:48px; width:48px; height:65px; }
  .approdi-card h3,.approdi-section-creativita-e-ascolto .approdi-card h3 { font-size:28px; }
}
@media(max-width:800px) {
  .approdi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .approdi-hero-inner { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); }
  .approdi-hero h1 { font-size:48px; }
  .approdi-lead { font-size:21px; }
  .approdi-nav { gap:20px; }
  .approdi-nav a { font-size:15px; gap:12px; }
  .approdi-section-heading { grid-template-columns:1fr; gap:20px; }
  .approdi-section-heading>p { max-width:640px; }
  .approdi-section-creativita-e-ascolto .approdi-card { flex-direction:column; gap:16px; }
  .approdi-section-creativita-e-ascolto .approdi-card-art { flex:none; width:64px; height:65px; }
  .approdi-section-famiglia .approdi-card { padding:24px; }
  .approdi-section-famiglia .approdi-card-art { position:static; margin-bottom:20px; }
  .approdi-next-inner { grid-template-columns:100px minmax(0,1fr); gap:32px; }
  .approdi-next h2 { font-size:36px; }
}
@media(max-width:560px) {
  .approdi-page .container { padding-inline:22px; }
  .approdi-hero { padding-top:36px; background-position:36% center; }
  .approdi-hero-inner { grid-template-columns:1fr; gap:22px; padding-bottom:28px; }
  .approdi-hero h1 { font-size:48px; }
  .approdi-kicker { font-size:11px; letter-spacing:1.6px; }
  .approdi-lead { font-size:20px; }
  .approdi-hero-note { font-size:17px; }
  .approdi-hero-art { padding:0; }
  .approdi-boat { width:170px; margin:0 6px 0 auto; }
  .approdi-nav { flex-direction:column; gap:0; }
  .approdi-nav a { flex:auto; width:100%; padding:14px 0; font-size:16px; }
  .approdi-section { padding:42px 0 48px; scroll-margin-top:95px; }
  .approdi-section-heading { gap:16px; margin-bottom:26px; }
  .approdi-section-heading h2 { font-size:36px; }
  .approdi-section-heading>p { font-size:18px; }
  .approdi-grid,.approdi-section-creativita-e-ascolto .approdi-grid,.approdi-section-famiglia .approdi-grid { grid-template-columns:1fr; gap:18px; }
  .approdi-card { padding:24px; }
  .approdi-card-art { width:74px; height:65px; margin-bottom:18px; }
  .approdi-card h3,.approdi-section-creativita-e-ascolto .approdi-card h3 { font-size:29px; }
  .approdi-card p { font-size:18px; }
  .approdi-section-famiglia .approdi-card-art { width:74px; height:65px; }
  .approdi-next { padding:38px 0 46px; }
  .approdi-next-inner { grid-template-columns:1fr; gap:24px; }
  .approdi-next-art { width:85px; }
  .approdi-next h2 { font-size:36px; }
  .approdi-next p:not(.approdi-kicker) { font-size:18px; }
  .approdi-next-actions { gap:22px; }
}
@media(prefers-reduced-motion:reduce) { .approdi-card { transition:none; } }