/* ===== Body (flow) — reuse eventos bg. Ported from evento.html inline <style> ===== */
.eventos{background:#000 url('../../img/eventos-fundo.png') center -13.31rem / 100% auto no-repeat}

/* ===== Section title (canvas y636) — same as eventos.html ===== */
.reg__rule--left{top:12.75rem;right:calc(100% - var(--inset) + 2.5rem);left:0;width:auto}
.reg__rule--right{top:16.8rem;left:calc(var(--inset) + 27rem);right:calc(-1 * (50vw - 56.25rem));}
.reg__back{display:inline-block;margin-top:2.4rem;font-style:italic;font-size:1.5rem;color:var(--teal);letter-spacing:var(--track)}
.reg__back:hover{text-decoration:underline}

/* ===== Materia (event detail): teal 20% panel + hero + scrolling article ===== */
.materia{margin:0.3rem var(--inset) 6rem;background:rgba(79,186,173,0.2)}   /* back-link fills the gap; panel lands ~y834 */
.materia__hero{width:100%;height:auto;display:block}   /* sharp corners, full panel width */
.materia__body{padding:6.4rem 4.5rem 4.5rem}
.materia__article{max-height:32rem;overflow-y:auto;padding-right:3.25rem;font-weight:300;font-style:italic;font-size:1.7rem;line-height:1.38;letter-spacing:var(--track);color:#fff;scrollbar-color:#4FBAAD rgba(79,186,173,0.28);scrollbar-width:thin}
.materia__article p{margin:0 0 1.6rem}
.materia__article p:last-child{margin-bottom:0}
.materia__article::-webkit-scrollbar{width:1.75rem}
.materia__article::-webkit-scrollbar-track{background:rgba(79,186,173,0.28);border-radius:0.875rem}
.materia__article::-webkit-scrollbar-thumb{background:#4FBAAD;border-radius:0.875rem}

/* ===== Responsive ===== */
@media (max-width:60rem){
  .eventos{background-position:center top}
  .reg{padding-top:3rem}
  .reg__rule--left{display:none}
  .reg__rule--right{position:static;display:block;width:100%;margin-top:1rem;left:auto;right:auto}
  .reg__line2{padding-left:1.5rem}
  .materia{margin:3rem 6% 3rem}
  .materia__body{padding:2rem 1.5rem}
  .materia__article{max-height:none;padding-right:0}
}