/* Vela Virtual: immersive scene, compact panel and separate history. */
.devotee-main:has(.candle-module:not([hidden])){padding:0}
body.devotion-page-open .devotion-module.candle-module{max-width:none;width:100%;margin:0}
.candle-module .candle-shell{width:100%;min-height:0;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:#292821 url('../img/vela-noite-20260906.png') center 48%/cover no-repeat}
.candle-module .candle-layout{display:grid;grid-template-areas:'visual panel';grid-template-columns:minmax(0,1fr) 440px;grid-template-rows:auto;gap:36px;max-width:1200px;min-height:540px;margin:auto;padding:38px 30px}
.candle-module .candle-visual{grid-area:visual;position:relative;min-height:0;background:none;border:0;box-shadow:none;border-radius:0;overflow:visible}
.candle-module .candle-visual::after{display:none}
.candle-scene-quote{margin:55px 0 0;color:#fff0c1;text-shadow:0 2px 8px #101b16;font:italic 23px/1.5 Georgia,serif;max-width:155px}
.candle-scene-quote small{display:block;font:10px/1.8 Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;margin-top:24px}
.candle-module .candle-panel{grid-area:panel;display:block;align-self:center;position:relative;width:100%;padding:24px;background:linear-gradient(130deg,#fff9ec,#f1e5ce);border:3px double #bd934c;outline:1px solid #e1bd70;outline-offset:4px;border-radius:16px 3px;box-shadow:0 12px 32px #0003}
.candle-module .candle-topbar{display:block;text-align:center;padding:0;border:0;background:transparent}
.candle-module .candle-topbar>div>span{font:10px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#9e6f20}
.candle-module .candle-topbar h2{font:700 33px/1.1 Georgia,serif;text-transform:none;margin:5px 0 12px;color:#123d56}
.candle-module .candle-topbar h2::after{content:'— ❧ —';display:block;font-size:15px;color:#bb8c3c;margin-top:10px}
.candle-module .candle-intro{text-align:center;font:13px/1.6 Arial,sans-serif;color:#4e514e;margin:14px 0 18px}
.candle-module .candle-form{display:grid;gap:8px;margin:0}
.candle-module .candle-form label>span{font:700 14px Georgia,serif;color:#1a3c52}
.candle-module .candle-form textarea{width:100%;min-height:105px;height:105px;padding:12px;font:14px/1.5 Arial,sans-serif;background:#fffcf8;border:1px solid #e0d7ca;border-radius:7px;resize:vertical}
.candle-count{font:11px Arial,sans-serif;color:#6a716f;text-align:right}
.candle-module .candle-form .primary-action{width:100%;min-width:0;min-height:46px;justify-self:stretch;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(120deg,#cf9b34,#a16a1c);font:700 18px Georgia,serif}
.candle-symbol{width:18px;height:24px;stroke:currentColor;stroke-width:1.5;fill:none}
.candle-reassurance{text-align:center;font:11px/1.6 Arial,sans-serif;color:#746b59;margin:13px 0 0}
.candle-module .candle-history{max-width:1200px;margin:0 auto;padding:28px 30px 36px;border:0;background:#fcfaf7}
.candle-history-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.candle-module .candle-history-heading h3{font:700 28px Georgia,serif;margin:0 0 6px;color:#163e59}
.candle-history-heading p{font:13px Arial,sans-serif;color:#64717a;margin:0}
.candle-history-heading select{padding:10px 14px;border:1px solid #dddfe1;border-radius:7px;background:white;color:#385369}
.candle-filter-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.candle-module .candle-history>[data-candle-list]{display:grid;gap:10px;max-height:none;overflow:visible}
.candle-record{border:1px solid #e8e2d8;border-radius:10px;background:#fff}
.candle-record summary{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(0,1.1fr) 95px 12px;align-items:center;gap:18px;padding:12px 16px;cursor:pointer;list-style:none;color:#22465b}
.candle-record summary::-webkit-details-marker{display:none}
.candle-record-thumb{display:grid;place-items:center;border-radius:7px;background:linear-gradient(140deg,#3c2a1f,#dca748);font-size:30px;height:48px}
.candle-record-title strong{display:block;font:700 15px Georgia,serif;overflow-wrap:anywhere}
.candle-record-title small{display:block;font:12px Arial,sans-serif;color:#677784;margin-top:6px}
.candle-record-description{font:12px/1.6 Arial,sans-serif;color:#5d6972;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.candle-record-status{font:11px Arial,sans-serif;background:#eef0ed;color:#626e68;padding:7px 10px;border-radius:20px;text-align:center}
.candle-record-status.active{background:#e7f3e9;color:#24754a}
.candle-record>p{font:14px/1.7 Arial,sans-serif;margin:0;padding:10px 22px 20px;white-space:pre-wrap;overflow-wrap:anywhere}
.candle-record[hidden]{display:none}
.candle-back{margin-top:22px;padding:8px 0;border:0;background:transparent;color:#35576a;cursor:pointer;font:13px Arial,sans-serif}
@media(max-width:820px){
 .candle-module .candle-shell{background-size:auto 440px;background-position:35% top;background-color:#ece1cc}
 .candle-module .candle-layout{display:flex;flex-direction:column;gap:0;min-height:0;padding:0 18px 20px}
 .candle-module .candle-visual{min-height:260px;width:100%}
 .candle-scene-quote{margin:24px 0 0 auto;font-size:20px;max-width:135px}
 .candle-scene-quote small{display:none}
 .candle-module .candle-panel{padding:20px 16px}
 .candle-module .candle-topbar h2{font-size:29px}
 .candle-module .candle-history{padding:24px 16px}
 .candle-module .candle-history-heading h3{font-size:23px}
 .candle-history-heading{gap:12px;flex-wrap:wrap}
 .candle-record summary{grid-template-columns:40px minmax(0,1fr) 76px 8px;gap:10px;padding:10px}
 .candle-record-description{display:none}
 .candle-record-thumb{height:42px;font-size:26px}
 .candle-record-title strong{font-size:13px}
 .candle-record-title small{font-size:10px}
 .candle-record-status{font-size:10px;padding:6px}
}
@media(min-width:821px){
 .candle-module .candle-shell{position:relative;background-color:#081525;background-size:auto 100%;background-position:max(0px,calc((100vw - 1440px)/2)) center}
 .candle-module .candle-layout{min-height:570px}
 .candle-module .candle-visual{position:static}
 .candle-scene-quote{position:absolute;left:clamp(20px,3vw,64px);top:40px;margin:0}
}
.candle-module .candle-history{max-height:none;height:auto;overflow:visible}
.candle-module .candle-history>.candle-history-heading{display:flex;max-height:none;overflow:visible}
@media(min-width:821px){
 .candle-module .candle-shell{background-image:linear-gradient(#08152566,#08152566),url('../img/vela-noite-20260906.png');background-size:cover;background-position:center}
 .candle-module .candle-shell::before{content:'';position:absolute;top:0;bottom:0;left:max(0px,calc((100vw - 1440px)/2));width:855px;background:url('../img/vela-noite-20260906.png') left center/auto 100% no-repeat;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 90%,transparent);pointer-events:none}
 .candle-module .candle-layout{position:relative}
 .candle-scene-quote{left:calc((100% - 100vw)/2 + 50px)}
}
@media(max-width:820px){.candle-module .candle-shell{background-position:left top}}