* { margin:0; padding:0; box-sizing:border-box; }
html, body { width:100%; min-height:100%; }
body { font-family:Georgia,"Times New Roman",serif; background:#d8e3dc; }
.rpg-info-page { position:relative; min-height:100vh; padding:clamp(28px,4vw,58px) clamp(22px,5vw,72px); background-image:var(--page-background); background-size:cover; background-position:center; background-attachment:fixed; }
.background-shade { position:fixed; inset:0; background:linear-gradient(90deg,rgba(29,63,54,.42),rgba(77,111,96,.20),rgba(255,255,255,.04)); pointer-events:none; }
.rpg-info-shell { position:relative; z-index:2; width:min(1180px,100%); margin:0 auto; padding:clamp(24px,4vw,46px); border-radius:24px; border:1px solid rgba(222,203,146,.52); background:linear-gradient(145deg,rgba(49,88,76,.88),rgba(67,105,91,.82),rgba(151,130,82,.42)); box-shadow:0 24px 60px rgba(25,53,46,.32),inset 0 1px 0 rgba(255,255,255,.13); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.rpg-info-topbar { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:24px; }
.rpg-info-kicker { display:block; margin-bottom:7px; color:rgba(250,239,202,.67); font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:700; letter-spacing:2px; }
.rpg-info-topbar h1 { color:#fff0bd; font-size:clamp(30px,4vw,48px); font-weight:600; letter-spacing:2px; line-height:1.08; text-shadow:0 3px 8px rgba(22,48,40,.42); }
.rpg-info-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:9px; }
.rpg-info-small-button,.rpg-info-link-button { display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(238,218,159,.46); background:rgba(255,255,255,.08); color:#fff0c9; text-decoration:none; font-family:Arial,Helvetica,sans-serif; font-weight:700; transition:.18s ease; }
.rpg-info-small-button { min-height:45px; padding:10px 17px; border-radius:10px; font-size:12px; letter-spacing:.7px; }
.rpg-info-links { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:12px; margin-top:24px; }
.rpg-info-link-button { min-height:58px; padding:13px 18px; border-radius:12px; background:linear-gradient(135deg,rgba(242,230,190,.25),rgba(113,156,136,.38)); font-size:13px; letter-spacing:1px; text-align:center; }
.rpg-info-small-button:hover,.rpg-info-link-button:hover { transform:translateY(-2px); border-color:rgba(247,219,132,.70); background:rgba(238,215,150,.16); }
.rpg-content-flow { display:flex; flex-direction:column; gap:18px; }
.rpg-content-block { width:100%; padding:clamp(22px,3vw,34px); border-radius:18px; border:1px solid rgba(223,205,149,.34); background:linear-gradient(155deg,rgba(248,244,225,.94),rgba(235,238,217,.90)); color:#294038; box-shadow:0 13px 30px rgba(31,63,53,.16),inset 0 1px 0 rgba(255,255,255,.54); }
.rpg-content-block-titulo { padding-top:clamp(20px,2.5vw,28px); padding-bottom:clamp(20px,2.5vw,28px); }
.rpg-content-block-titulo .rpg-rich-content { font-size:clamp(27px,3vw,36px); font-weight:600; line-height:1.18; color:#315448; }
.rpg-content-block-texto .rpg-rich-content { font-size:clamp(16px,1.6vw,19px); line-height:1.75; }
.rpg-rich-content { min-width:0; overflow-wrap:anywhere; }
.rpg-rich-content p { margin-bottom:.95em; }
.rpg-rich-content p:last-child,.rpg-rich-content ul:last-child,.rpg-rich-content ol:last-child { margin-bottom:0; }
.rpg-rich-content ul,.rpg-rich-content ol { margin:0 0 1em 1.7em; padding-left:1.1em; }
.rpg-rich-content li { margin-bottom:.38em; }
.rpg-content-block.has-image.image-acima { display:flex; flex-direction:column; gap:20px; }
.rpg-content-block.has-image.image-lado { display:grid; grid-template-columns:minmax(220px,38%) minmax(0,1fr); align-items:start; gap:clamp(22px,3vw,36px); }
.rpg-content-image-wrap { width:100%; min-width:0; }
.image-acima .rpg-content-image-wrap { max-width:900px; margin:0 auto; }
.rpg-content-image { display:block; width:100%; max-height:520px; object-fit:contain; border-radius:13px; border:1px solid rgba(64,95,80,.20); box-shadow:0 10px 26px rgba(41,69,59,.18); }
.rpg-content-empty,.levels-empty { padding:28px; border-radius:15px; background:rgba(246,242,220,.86); color:#496157; text-align:center; font-style:italic; }
.levels-card { margin-top:22px; padding:clamp(22px,3vw,32px); border-radius:18px; border:1px solid rgba(223,205,149,.40); background:rgba(246,242,220,.91); box-shadow:0 13px 30px rgba(31,63,53,.16); }
.levels-header { margin-bottom:18px; }
.levels-header h2 { color:#315448; font-size:clamp(22px,2.6vw,30px); letter-spacing:1px; }
.levels-header p { margin-top:6px; color:#60776d; font-size:14px; }
.levels-table-wrap { width:100%; overflow-x:auto; }
.levels-table { width:100%; border-collapse:collapse; min-width:540px; }
.levels-table th,.levels-table td { padding:14px 16px; border-bottom:1px solid rgba(58,92,78,.15); text-align:center; }
.levels-table th { background:rgba(65,105,89,.13); color:#315448; font-family:Arial,Helvetica,sans-serif; font-size:12px; letter-spacing:1px; }
.levels-table td { color:#344d43; font-size:16px; }
@media (max-width:780px) { .rpg-info-page{padding:18px 14px 30px;background-attachment:scroll}.rpg-info-shell{padding:22px 16px}.rpg-info-topbar{flex-direction:column}.rpg-info-actions{justify-content:flex-start}.rpg-content-block.has-image.image-lado{display:flex;flex-direction:column}.rpg-content-block{padding:20px 17px} }
