/* ==========================================================================
   Grup Scout Parpalló — Història, Cronologia i Arxiu Històric (WEB-3A)
   WEB-5: integrada en el llenguatge original del lloc. Capçalera de paper
   (.sec-hero de styles.css), contingut sobre el verd del cos, plaquetes de
   paper amb filet de color i el quadern amb els estils compartits.
   ========================================================================== */

/* ---- D'on ve el nom: text sobre el verd i la cérvola en una plaqueta fosca ---- */
.historia-cova-highlight{background:transparent;color:var(--calcaria-2)}
.cova-card{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}
@media (min-width:820px){.cova-card{grid-template-columns:1.15fr .85fr;gap:3rem}}
.cova-card-info h2{color:#fff;margin:.1rem 0 .8rem}
.cova-card-info p{color:var(--calcaria-2)}
.cova-card-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}
.cova-card-actions .btn-ghost{color:#fff;border-color:var(--ocre-clar)}
.cova-card-actions .btn-ghost:hover,.cova-card-actions .btn-ghost:focus-visible{background:var(--ocre-clar);color:var(--verd-nit)}
.cova-card-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  background:color-mix(in srgb,#000 14%,transparent);border:1px solid color-mix(in srgb,var(--ocre-clar) 28%,transparent);
  border-left:6px solid var(--ocre-clar);border-radius:14px 8px 16px 10px;padding:2rem 1.5rem}
.cova-card-visual .cierva-icon{width:min(100%,190px);height:120px;background-color:var(--ocre-llum);
  -webkit-mask:url('/assets/img/cierva.png') center/contain no-repeat;mask:url('/assets/img/cierva.png') center/contain no-repeat;margin-bottom:1rem}
.cova-card-visual .visual-label{font-weight:700;color:var(--ocre-llum);margin:0}
.cova-card-visual .visual-sub{font-size:var(--fs-sm);color:var(--calcaria-2);margin:.25rem 0 0}

/* ---- Cronologia: línia de temps sobre el verd, fites en plaquetes de paper ---- */
.historia-cronologia{background:transparent;color:var(--calcaria-2)}
.historia-cronologia h2{color:#fff}
.historia-cronologia .intro-txt,.historia-arxiu .intro-txt{font-size:var(--fs-lg);max-width:56ch;margin-bottom:1.8rem}
.timeline{position:relative;list-style:none;padding:.5rem 0;margin:0;max-width:52rem}
.timeline::before{content:"";position:absolute;top:0;bottom:0;left:15px;width:3px;background:color-mix(in srgb,var(--ocre-llum) 45%,transparent);border-radius:2px}
.timeline-item{position:relative;margin-bottom:1.4rem;padding-left:46px}
.timeline-item:last-child{margin-bottom:0}
.timeline-dot{position:absolute;top:1.2rem;left:7px;width:19px;height:19px;border-radius:50%;background:var(--ocre-clar);border:3px solid var(--verd);z-index:1}
.timeline-item.destacat .timeline-dot{background:var(--roig)}
.timeline-card{background:var(--calcaria-2);color:var(--negre);border:2px solid var(--calcaria-3);border-left:6px solid var(--ocre);
  border-radius:14px 8px 16px 10px;padding:1rem 1.2rem}
.timeline-item.destacat .timeline-card{border-left-color:var(--roig)}
.timeline-year{display:inline-block;font-weight:800;font-size:.95rem;color:var(--roig);margin-bottom:.2rem}
.timeline-card h3{color:var(--negre);font-size:1.2rem;margin:0 0 .35rem}
.timeline-card p{margin:0 0 .5rem;font-size:1rem}
.timeline-card .timeline-source{font-size:var(--fs-xs);color:var(--text-suau);font-style:italic}
.timeline-transparencia{margin-top:1.8rem;max-width:52rem;background:color-mix(in srgb,#000 14%,transparent);
  border:1px solid color-mix(in srgb,var(--ocre-clar) 28%,transparent);border-left:6px solid var(--ocre-clar);border-radius:14px 8px 16px 10px;padding:1rem 1.2rem}
.timeline-transparencia h4{color:var(--ocre-llum);margin:0 0 .3rem}
.timeline-transparencia p{margin:0;font-size:var(--fs-sm)}

/* ---- Quadern: com a la portada ---- */
.historia-quadern-wrap{background:transparent}
.historia-quadern-wrap h2{color:#fff}

/* ---- Arxiu: sèries en plaquetes ---- */
.historia-arxiu{background:transparent;color:var(--calcaria-2)}
.historia-arxiu h2{color:#fff}
.arxiu-grid{display:grid;gap:1.1rem;grid-template-columns:1fr}
@media (min-width:640px){.arxiu-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.arxiu-grid{grid-template-columns:repeat(3,1fr)}}
.arxiu-card{display:flex;flex-direction:column;justify-content:space-between;background:var(--calcaria-2);color:var(--negre);border:2px solid var(--calcaria-3);
  border-left:6px solid var(--ocre);border-radius:12px 8px 12px 8px;padding:1rem 1.1rem}
.arxiu-card-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem}
.arxiu-card-header .serie{font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--roig)}
.arxiu-badge{font-size:.75rem;font-weight:700;padding:.15em .5em;border-radius:5px;background:var(--calcaria-3);color:var(--negre)}
.arxiu-card h3{font-size:1.15rem;color:var(--negre);margin:0 0 .35rem}
.arxiu-card p{margin:0 0 .7rem;font-size:.98rem}
.arxiu-meta{list-style:none;margin:0;padding:.6rem 0 0;border-top:2px dotted var(--calcaria-3);font-size:var(--fs-sm)}
.arxiu-meta li{margin-bottom:.2rem}
.arxiu-card .arxiu-thumb{float:right;width:80px;margin:0 0 .5rem .8rem}
.arxiu-card .arxiu-thumb img{display:block;width:100%;height:auto;border:5px solid #fff;box-shadow:0 4px 10px rgba(0,0,0,.18);transform:rotate(2deg)}
.arxiu-participacio{display:grid;gap:1.1rem;grid-template-columns:1fr;margin-top:1.6rem}
@media (min-width:768px){.arxiu-participacio{grid-template-columns:1fr 1fr}}
.participacio-bloc{background:color-mix(in srgb,#000 14%,transparent);border:1px solid color-mix(in srgb,var(--ocre-clar) 28%,transparent);
  border-left:6px solid var(--ocre-clar);border-radius:14px 8px 16px 10px;padding:1rem 1.2rem}
.participacio-bloc h4{color:#fff;margin:0 0 .35rem}
.participacio-bloc p{font-size:var(--fs-sm)}
.participacio-bloc a{color:var(--ocre-llum)}
.cova-card > *{min-width:0}
.cova-card-actions .btn{white-space:normal;max-width:100%}

/* WEB-5 (continguts del 50 aniversari): cita dins d'una fita i exposició fotogràfica */
.timeline-cita{margin:.6rem 0 .7rem;padding:.7rem .9rem;border-left:4px solid var(--roig);background:var(--calcaria);border-radius:0 8px 8px 0}
.timeline-cita p{margin:0;font-style:italic;font-size:1rem}
.timeline-cita cite{display:block;margin-top:.35rem;font-style:normal;font-weight:700;font-size:var(--fs-sm);color:var(--roig)}
.historia-expo{background:transparent;color:var(--calcaria-2)}
.historia-expo h2{color:#fff}
.expo-cos{display:grid;gap:1.4rem 2.6rem;grid-template-columns:1fr;align-items:start}
@media (min-width:860px){.expo-cos{grid-template-columns:1fr 1fr}}
.expo-cos > *{min-width:0}
.expo-cita{margin:0;background:var(--calcaria-2);color:var(--negre);border:2px solid var(--calcaria-3);border-left:8px solid var(--ocre);
  border-radius:16px 8px 18px 10px/10px 18px 8px 16px;padding:1.3rem 1.4rem}
.expo-cita p{font-size:1.12rem;line-height:1.5;margin:0}
.expo-cita cite{display:block;margin-top:.8rem;font-style:normal;font-weight:700;font-size:var(--fs-sm);color:var(--roig)}