/* Estilo principal: moderno com toques tradicionais */
:root{
  --bg:#faf7f3;
  --text:#111;
  --accent:#c8102e;
  --muted:#666;
  --card:#ffffff;
  --focus:#ffd700;
  --transition:0.28s ease;
  --paper:url('https://upload.wikimedia.org/wikipedia/commons/7/7f/Washi-paper.jpg');
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  font-family: 'Noto Sans', Arial, sans-serif;
  background-color:var(--bg);
  color:var(--text);
  line-height:1.6;
  margin:0;
  background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5));
  background-repeat:repeat;
}

/* Skip link */
.skip-link{
  position:absolute;left:10px;top:-50px;background:var(--accent);color:#fff;padding:10px 14px;border-radius:6px;z-index:900;
}
.skip-link:focus{top:10px;}

#galeria img{
  width: 270px;
  height: 200px;
}

/* Header */
.hero{
  display:flex;align-items:center;justify-content:space-between;padding:2rem 1.5rem;background:linear-gradient(90deg, rgba(200,16,46,0.95), rgba(220,60,60,0.9));color:#fff;
}
.hero .logo{width:80px;border-radius:8px;border:3px solid rgba(255,255,255,0.9)}
.hero h1{font-size:2rem;margin:0}
.hero .tagline{opacity:0.95;margin-top:6px}

/* Navigation */
.main-nav{background:#fff;padding:0.6rem 1rem;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.main-nav ul{list-style:none;display:flex;gap:1rem;justify-content:center;margin:0;padding:0}
.main-nav a{color:var(--accent);text-decoration:none;font-weight:700;padding:8px 12px;border-radius:6px;transition:var(--transition)}
.main-nav a:focus, .main-nav a:hover{background:var(--accent);color:#fff;outline:3px solid var(--focus);outline-offset:3px}

/* Main content */
main{max-width:1100px;margin:2rem auto;padding:0 1.25rem}
.card{background:var(--card);padding:1.25rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 8px 24px rgba(13,13,13,0.06)}

/* Images */
.imagem{width:100%;max-width:880px;border-radius:10px;display:block;margin:0.75rem auto}
figcaption{font-size:0.9rem;color:var(--muted);text-align:center}

/* Timeline */
.timeline{padding-left:1rem}
.timeline li{margin:0.6rem 0;list-style:none;padding-left:1.25rem;position:relative}
.timeline li::before{content:'⛩️';position:absolute;left:-1.6rem;top:0}

/* Bullets and grid */
.bullets{list-style:disc;margin-left:1.25rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}

/* Gallery */
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.gallery figure{background:#fff;padding:0.4rem;border-radius:8px}
.gallery img{width:100%;border-radius:6px;display:block}

/* Buttons & forms */
form{display:block}
label{display:block;margin-top:0.6rem;font-weight:700;color:var(--accent)}
input,textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #ddd;margin-top:6px;font-size:1rem}
input:focus,textarea:focus{outline:3px solid var(--focus);outline-offset:3px;border-color:var(--accent)}
button{background:var(--accent);color:#fff;padding:10px 16px;border:none;border-radius:8px;font-weight:700;margin-top:12px;cursor:pointer}
button:focus,button:hover{transform:scale(1.02);outline:3px solid var(--focus)}

/* Quote */
.quote{font-style:italic;color:var(--muted);margin-top:1rem;padding-left:0.8rem;border-left:4px solid var(--accent)}

/* Fo*