@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&display=swap');
:root{--lavanda:#B8A2D8;--lavanda2:#A98FD0;--lavanda-dark:#796395;--serenity:#B7D2E8;--serenity-dark:#7097B8}
.mural-recados-wrap{width:min(94vw,1400px);max-width:none;margin:0 auto;padding:30px 18px 70px;box-sizing:border-box;font-family:"EB Garamond",Georgia,serif;color:#48404c}
.mural-intro{text-align:center;max-width:820px;margin:0 auto 30px}
.mural-kicker{font:600 11px Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--lavanda-dark);margin-bottom:7px}
.mural-intro h2{font-size:clamp(37px,5vw,58px);font-weight:500;line-height:1;margin:0 0 13px;color:#51485b}.mural-intro h2 span{color:var(--lavanda-dark);font-size:.7em}
.mural-intro p{font-size:21px;line-height:1.45;max-width:760px;margin:0 auto 21px;color:#625b66}
.mural-submit{border:0;border-radius:999px;padding:13px 27px;cursor:pointer;background:var(--lavanda);color:#fff;box-shadow:0 7px 18px rgba(90,70,115,.2);font:600 17px "EB Garamond",Georgia,serif;transition:transform .2s,background .2s,box-shadow .2s;width:100%;margin-top:5px}.mural-submit:hover{transform:translateY(-2px);background:var(--lavanda2);box-shadow:0 10px 23px rgba(90,70,115,.24)}
.mural-board{position:relative;width:100%;padding:74px 42px 78px;min-height:760px;box-sizing:border-box;border:13px solid #e9e5df;border-radius:2px;background:
radial-gradient(circle at 13% 12%,rgba(255,255,255,.12),transparent 18%),
repeating-radial-gradient(circle at 45% 40%,rgba(76,43,21,.08) 0 1px,transparent 1px 4px),
linear-gradient(90deg,rgba(93,48,19,.10),transparent 18%,rgba(255,235,203,.05) 47%,transparent 80%,rgba(75,38,15,.09)),
#b87948;
box-shadow:inset 0 0 0 1px rgba(78,44,22,.25),inset 0 0 35px rgba(60,34,18,.3),0 18px 40px rgba(55,39,29,.2)}
.mural-board:before{content:"";position:absolute;inset:-5px;border:1px solid #b9b3ab;pointer-events:none;box-shadow:inset 0 0 5px rgba(0,0,0,.18)}
.mural-board-header{position:absolute;top:22px;left:50%;transform:translateX(-50%) rotate(-1deg);background:#fbf6ea;color:#6d6174;padding:8px 28px;box-shadow:0 5px 8px rgba(49,28,16,.23);font:600 13px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.mural-board-header:before,.mural-board-header:after{content:"";position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:var(--serenity-dark);box-shadow:inset 0 1px 2px rgba(255,255,255,.7)}.mural-board-header:before{left:8px}.mural-board-header:after{right:8px}
.mural-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 22px;position:relative}
.mural-slot{min-height:214px;display:flex;align-items:center;justify-content:center;position:relative}
.mural-empty-slot{width:100%;height:204px;border:2px dashed rgba(255,248,233,.58);background:rgba(255,249,237,.045);color:rgba(255,249,237,.88);cursor:pointer;font-family:"EB Garamond",Georgia,serif;transition:.22s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.mural-empty-slot:hover{background:rgba(255,255,255,.12);border-color:#fff;transform:rotate(-1deg) scale(1.015)}
.mural-empty-slot .plus{font-size:40px;line-height:1;font-weight:400}.mural-empty-slot small{font-size:15px}
.mural-card{position:relative;width:100%;min-height:204px;padding:31px 22px 19px;box-sizing:border-box;transform:rotate(var(--mural-angle));box-shadow:0 12px 16px rgba(47,27,15,.28);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.mural-card:hover{transform:rotate(0) translateY(-5px);z-index:4;box-shadow:0 18px 25px rgba(47,27,15,.34)}
.mural-card:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(80,60,40,.014) 0 1px,transparent 1px 4px);pointer-events:none}
.mural-card-message{font-size:18px;line-height:1.37;flex:1;word-break:break-word;position:relative;z-index:1}.mural-card-message p{margin:0 0 5px}
.mural-signature{border-top:1px solid rgba(70,55,45,.2);padding-top:9px;margin-top:12px;font-size:13px;line-height:1.15;color:rgba(50,43,42,.62);text-align:right;font-style:italic;position:relative;z-index:1}.mural-signature strong{font-size:17px;color:#443c3d;font-style:normal}
.mural-pin{position:absolute;width:15px;height:15px;top:8px;left:50%;transform:translateX(-50%);background:#6f98bb;box-shadow:0 1px 3px rgba(49,37,55,.24);z-index:3;transition:transform .18s ease,filter .18s ease}.mural-pin:hover{filter:brightness(1.04);transform:translateX(-50%) scale(1.06)}
.mural-pin.circle{border-radius:50%;clip-path:none}
.mural-pin.hex{border-radius:0;clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%)}
.mural-pin.heart{border-radius:0;clip-path:polygon(50% 96%,8% 53%,7% 34%,15% 18%,29% 12%,41% 17%,50% 27%,59% 17%,71% 12%,85% 18%,93% 34%,92% 53%)}
.mural-pin.star{border-radius:0;clip-path:polygon(50% 2%,61% 35%,96% 35%,68% 55%,79% 91%,50% 69%,21% 91%,32% 55%,4% 35%,39% 35%)}
.mural-pin:before,.mural-pin:after{content:none}
.mural-pin.pink{background:#c98da5}.mural-pin.blue{background:#6f9fc1}.mural-pin.yellow{background:#d2a64c}.mural-pin.green{background:#82a878}.mural-pin.lilac{background:#9a7abd}.mural-pin.coral{background:#d48468}
.mural-creme{background:#fff8df}.mural-rosa{background:#f8dfe6}.mural-azul{background:#d7e9f5}.mural-lavanda{background:#e7ddf4}.mural-verde{background:#deeddc}.mural-pessego{background:#f7dfd0}
.mural-after{text-align:center;padding-top:22px;color:#75677d}.mural-heart-line{display:block;font-size:18px;color:var(--lavanda-dark);margin-bottom:2px}.mural-after p{margin:0;font-size:19px;font-style:italic}
.mural-modal{display:none;position:fixed;inset:0;z-index:99999}.mural-modal.is-open{display:block}.mural-overlay{position:absolute;inset:0;background:rgba(39,32,42,.57);backdrop-filter:blur(3px)}
.mural-dialog{position:relative;width:min(590px,calc(100% - 28px));max-height:calc(100vh - 28px);overflow:auto;margin:14px auto;background:#fcf8f2;padding:35px;border-radius:7px;box-shadow:0 25px 70px rgba(0,0,0,.32);box-sizing:border-box}
.mural-close{position:absolute;right:13px;top:7px;border:0;background:transparent;font-size:32px;cursor:pointer;color:#675e68}.mural-dialog-top{text-align:center;margin-bottom:21px}.mural-envelope{font-size:28px}.mural-dialog h3{font-size:30px;font-weight:500;margin:5px 0;color:#4d4652}.mural-dialog p{font-size:16px;margin:0;color:#6b646b;line-height:1.4}
#mural-form label{display:block;font:600 13px Arial,sans-serif;color:#514a52;margin:15px 0}#mural-form input[type=text],#mural-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #d9cedc;border-radius:5px;background:#fff;padding:12px 13px;font:18px "EB Garamond",Georgia,serif;outline:none}#mural-form input[type=text]:focus,#mural-form textarea:focus{border-color:var(--lavanda-dark);box-shadow:0 0 0 3px rgba(121,99,149,.12)}
#mural-form fieldset{border:0;padding:0;margin:18px 0}.mural-color-options{display:flex;flex-wrap:wrap;gap:11px}.mural-color-options label{margin:0!important;display:flex!important;align-items:center;gap:6px;font-weight:400!important;cursor:pointer}.mural-color-options input{position:absolute;opacity:0}.swatch{width:30px;height:30px;border-radius:50%;display:inline-block;border:2px solid transparent;box-shadow:0 1px 4px rgba(0,0,0,.15)}.mural-color-options input:checked+.swatch{border-color:var(--lavanda-dark);box-shadow:0 0 0 3px rgba(121,99,149,.16)}.mural-color-options small{font:12px Arial,sans-serif;color:#5d565d}
.swatch.creme{background:#fff8df}.swatch.rosa{background:#f8dfe6}.swatch.azul{background:#d7e9f5}.swatch.lavanda{background:#e7ddf4}.swatch.verde{background:#deeddc}.swatch.pessego{background:#f7dfd0}
.mural-submit{width:100%;margin-top:5px}.mural-status{margin-top:11px;text-align:center;font:13px/1.4 Arial,sans-serif;color:#5e565e;min-height:18px}.mural-status.ok{color:#42634a}.mural-status.err{color:#9a4b4b}
@media(max-width:900px){.mural-slots{grid-template-columns:repeat(3,1fr)}.mural-board{padding-left:23px;padding-right:23px}.mural-recados-wrap{width:96vw}}
@media(max-width:650px){.mural-slots{grid-template-columns:repeat(2,1fr);gap:16px 11px}.mural-board{padding:60px 13px 32px;min-height:500px}.mural-card,.mural-empty-slot{min-height:190px}.mural-card{padding:28px 16px 17px}.mural-card-message{font-size:16px}.mural-signature strong{font-size:14px}.mural-intro p{font-size:17px}.mural-board-header{font-size:9px;letter-spacing:.08em;padding:7px 17px}.mural-slots{grid-template-columns:1fr}.mural-card,.mural-empty-slot{min-height:170px}.mural-dialog{padding:28px 20px}}

/* Largura ampliada para temas WordPress que usam uma coluna de conteúdo estreita */
@media(min-width:901px){
  .mural-recados-wrap{
    width:min(94vw,1400px);
    max-width:none;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    margin-left:0;
    margin-right:0;
  }
}

/* Centralização robusta: neutraliza containers estreitos do tema WordPress */
@media(min-width:901px){
  .mural-recados-wrap{
    width:min(94vw,1400px) !important;
    margin-left:calc(50% - min(47vw,700px)) !important;
    left:auto !important;
    transform:none !important;
  }
}
@media(max-width:650px){
 .mural-flower-left{width:86px;height:72px;left:5px;top:8px}
 .mural-flower-right{width:70px;height:60px;right:3px;bottom:0}
}


/* Fotografias dos noivos: a primeira ocupa uma célula própria da grade; a segunda fica na margem inferior, sem sobrepor recados. */
.mural-board{padding-top:102px;padding-bottom:360px}
.mural-photo-slot{min-height:214px;overflow:visible;position:relative}
.mural-photo{position:relative;z-index:6;background:#fff;padding:8px 8px 16px;border:1px solid rgba(72,55,42,.16);box-shadow:0 8px 14px rgba(45,27,16,.27),0 2px 3px rgba(45,27,16,.12);pointer-events:none;box-sizing:border-box}
.mural-photo img{display:block;width:100%;height:100%;object-fit:cover;border:1px solid rgba(80,70,60,.10)}
.mural-photo-left{width:min(98%,300px);height:238px;transform:rotate(-4deg);margin:0 auto}
.mural-photo-left img{height:207px;object-position:center}
.mural-photo-right{position:absolute;right:95px;bottom:172px;width:215px;height:252px;transform:rotate(1.5deg)}
.mural-photo-right img{height:223px;object-position:center 28%;box-sizing:border-box}
.mural-photo .mural-pin{top:-4px;width:15px;height:15px}
.mural-photo-right{box-sizing:border-box}
@media(max-width:900px){
 .mural-board{padding-top:91px;padding-bottom:300px}
 .mural-photo-left{width:98%;height:200px}.mural-photo-left img{height:171px}
 .mural-photo-right{right:48px;bottom:118px;width:200px;height:235px}.mural-photo-right img{height:206px}
}
@media(max-width:650px){
 .mural-board{padding-top:78px;padding-bottom:225px}
 .mural-photo-slot{min-height:170px}
 .mural-photo-left{width:94%;height:155px;padding:6px 6px 13px;transform:rotate(-3deg);margin-top:0}
 .mural-photo-left img{height:134px}
 .mural-photo-right{right:18px;bottom:52px;width:158px;height:195px;padding:6px 6px 13px;transform:rotate(2deg)}
 .mural-photo-right img{height:174px}
}


/* Quatro fotografias: duas novas fotos ocupam a faixa inferior livre do quadro, sem cobrir a grade de recados. */
.mural-photo-bottom-left,.mural-photo-bottom-center{position:absolute;z-index:6;box-sizing:border-box;width:205px;height:245px;background:#fff;padding:8px 8px 16px;border:1px solid rgba(72,55,42,.16);box-shadow:0 8px 14px rgba(45,27,16,.27),0 2px 3px rgba(45,27,16,.12);pointer-events:none}
.mural-photo-bottom-left{left:82px;bottom:86px;transform:rotate(-2.8deg)}
.mural-photo-bottom-center{left:calc(50% - 102px);bottom:74px;transform:rotate(2.1deg)}
.mural-photo-bottom-left img,.mural-photo-bottom-center img{display:block;width:100%;height:219px;object-fit:cover;border:1px solid rgba(80,70,60,.10);box-sizing:border-box}
.mural-photo-bottom-left img{object-position:center 50%}
.mural-photo-bottom-center img{object-position:center 48%}
.mural-photo-bottom-left .mural-pin,.mural-photo-bottom-center .mural-pin{top:-4px;width:15px;height:15px}
@media(max-width:900px){
 .mural-photo-bottom-left{left:42px;bottom:68px;width:180px;height:218px}
 .mural-photo-bottom-center{left:calc(50% - 90px);bottom:62px;width:180px;height:218px}
 .mural-photo-bottom-left img,.mural-photo-bottom-center img{height:192px}
}
@media(max-width:650px){
 .mural-photo-bottom-left{left:18px;bottom:42px;width:142px;height:176px;padding:6px 6px 12px}
 .mural-photo-bottom-center{left:calc(50% - 71px);bottom:38px;width:142px;height:176px;padding:6px 6px 12px}
 .mural-photo-bottom-left img,.mural-photo-bottom-center img{height:157px}
}

/* v25 — faixa fotográfica inferior: quatro fotos pequenas, alinhadas e totalmente dentro do quadro. */
.mural-board{padding-top:74px;padding-bottom:48px;overflow:hidden}
.mural-photo-strip{width:min(920px,100%);margin:34px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:end;position:relative;z-index:6}
.mural-photo-strip-item{position:relative;width:100%;height:178px;background:#fff;padding:7px 7px 13px;border:1px solid rgba(72,55,42,.16);box-shadow:0 7px 12px rgba(45,27,16,.23),0 2px 3px rgba(45,27,16,.10);box-sizing:border-box;pointer-events:none}
.mural-photo-strip-item img{display:block;width:100%;height:100%;object-fit:cover;border:1px solid rgba(80,70,60,.10);box-sizing:border-box}
.mural-photo-strip-item .mural-pin{top:-5px;width:15px;height:15px}
.mural-photo-strip-item.photo-a{transform:rotate(-1.7deg)}
.mural-photo-strip-item.photo-b{transform:rotate(1.1deg) translateY(3px)}
.mural-photo-strip-item.photo-c{transform:rotate(-1deg) translateY(1px)}
.mural-photo-strip-item.photo-d{transform:rotate(1.8deg) translateY(4px)}
.mural-photo-strip-item.photo-a img{object-position:center 50%}
.mural-photo-strip-item.photo-b img{object-position:center 35%}
.mural-photo-strip-item.photo-c img{object-position:center 48%}
.mural-photo-strip-item.photo-d img{object-position:center 45%}
.mural-intro p{max-width:760px}
@media(max-width:900px){
 .mural-photo-strip{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
 .mural-photo-strip-item{height:170px}
}
@media(max-width:650px){
 .mural-photo-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
 .mural-photo-strip-item{height:150px;padding:6px 6px 11px}
 .mural-photo-strip-item .mural-pin{top:-4px;width:14px;height:14px}
}
@media(max-width:430px){
 .mural-photo-strip{grid-template-columns:1fr 1fr;gap:11px}
 .mural-photo-strip-item{height:132px}
}

/* v25 — quatro fotos pequenas na faixa inferior do quadro, totalmente contidas. */
.mural-board{padding-top:74px;padding-bottom:48px;overflow:hidden}
.mural-photo-strip{width:min(920px,100%);margin:34px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:end;position:relative;z-index:6}
.mural-photo-strip-item{position:relative;width:100%;height:178px;background:#fff;padding:7px 7px 13px;border:1px solid rgba(72,55,42,.16);box-shadow:0 7px 12px rgba(45,27,16,.23),0 2px 3px rgba(45,27,16,.10);box-sizing:border-box;pointer-events:none}
.mural-photo-strip-item img{display:block;width:100%;height:100%;object-fit:cover;border:1px solid rgba(80,70,60,.10);box-sizing:border-box}
.mural-photo-strip-item .mural-pin{top:-5px;width:15px;height:15px}
.mural-photo-strip-item.photo-a{transform:rotate(-1.7deg)}
.mural-photo-strip-item.photo-b{transform:rotate(1.1deg) translateY(3px)}
.mural-photo-strip-item.photo-c{transform:rotate(-1deg) translateY(1px)}
.mural-photo-strip-item.photo-d{transform:rotate(1.8deg) translateY(4px)}
.mural-photo-strip-item.photo-a img{object-position:center 50%}
.mural-photo-strip-item.photo-b img{object-position:center 35%}
.mural-photo-strip-item.photo-c img{object-position:center 48%}
.mural-photo-strip-item.photo-d img{object-position:center 45%}
@media(max-width:900px){
 .mural-photo-strip{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
 .mural-photo-strip-item{height:170px}
}
@media(max-width:650px){
 .mural-photo-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
 .mural-photo-strip-item{height:150px;padding:6px 6px 11px}
 .mural-photo-strip-item .mural-pin{top:-4px;width:14px;height:14px}
}

/* v26 — refinamento das fotografias: a foto original retorna ao primeiro espaço e as quatro fotos inferiores ficam em uma faixa interna, alinhada e recortada de modo uniforme. */
.mural-photo-top{
  width:98%;
  height:204px;
  margin:0 auto;
  background:#fff;
  padding:7px 7px 13px;
  border:1px solid rgba(72,55,42,.16);
  box-shadow:0 8px 14px rgba(45,27,16,.25),0 2px 3px rgba(45,27,16,.10);
  box-sizing:border-box;
  transform:rotate(-2.5deg);
  position:relative;
  z-index:6;
  pointer-events:none;
}
.mural-photo-top img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%;border:1px solid rgba(80,70,60,.10);box-sizing:border-box}
.mural-photo-top .mural-pin{top:-5px;width:15px;height:15px}

/* A faixa inferior permanece dentro da moldura, mesmo com as pequenas rotações. */
.mural-photo-strip{
  width:calc(100% - 34px);
  margin:38px auto 4px;
  padding:8px 8px 12px;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  align-items:center;
  position:relative;
  z-index:6;
  overflow:visible;
}
.mural-photo-strip-item{
  min-width:0;
  width:100%;
  height:auto;
  aspect-ratio:1.42 / 1;
  padding:7px 7px 12px;
  box-sizing:border-box;
  background:#fff;
  border:1px solid rgba(72,55,42,.16);
  box-shadow:0 7px 12px rgba(45,27,16,.21),0 2px 3px rgba(45,27,16,.09);
  position:relative;
  overflow:visible;
}
.mural-photo-strip-item img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:1px solid rgba(80,70,60,.10);
  box-sizing:border-box;
}
.mural-photo-strip-item .mural-pin{top:-5px;width:15px;height:15px}
.mural-photo-strip-item.photo-a{transform:rotate(-1.3deg)}
.mural-photo-strip-item.photo-b{transform:rotate(.9deg) translateY(2px)}
.mural-photo-strip-item.photo-c{transform:rotate(-.8deg) translateY(1px)}
.mural-photo-strip-item.photo-d{transform:rotate(1.2deg) translateY(2px)}
.mural-photo-strip-item.photo-a img{object-position:center 50%}
.mural-photo-strip-item.photo-b img{object-position:center 47%}
.mural-photo-strip-item.photo-c img{object-position:center 47%}
.mural-photo-strip-item.photo-d img{object-position:center 47%}

/* O último recado não deve ser empurrado para fora pela faixa fotográfica. */
.mural-board{padding-bottom:30px;overflow:hidden}

@media(max-width:900px){
  .mural-photo-top{width:96%;height:170px}
  .mural-photo-strip{width:calc(100% - 18px);grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px;padding:7px 5px 10px}
  .mural-photo-strip-item{aspect-ratio:1.42 / 1}
}
@media(max-width:650px){
  .mural-photo-top{width:94%;height:150px;padding:6px 6px 11px;transform:rotate(-2deg)}
  .mural-photo-top .mural-pin{width:14px;height:14px;top:-4px}
  .mural-photo-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:24px;padding:6px 3px 9px}
  .mural-photo-strip-item{padding:6px 6px 10px}
  .mural-photo-strip-item .mural-pin{width:14px;height:14px;top:-4px}
}

/* v27 — acabamento final das fotos inferiores: todas com a mesma proporção visual e sem ultrapassar a moldura. */
.mural-photo-strip{
  width:calc(100% - 48px);
  max-width:980px;
  margin:34px auto 0;
  padding:6px 4px 10px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  align-items:center;
  box-sizing:border-box;
}
.mural-photo-strip-item{
  width:100%;
  height:auto;
  aspect-ratio:1.48 / 1;
  padding:6px 6px 11px;
  box-sizing:border-box;
  background:#fff;
  border:1px solid rgba(72,55,42,.16);
  box-shadow:0 6px 11px rgba(45,27,16,.20),0 2px 3px rgba(45,27,16,.08);
  position:relative;
  overflow:visible;
}
.mural-photo-strip-item img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:1px solid rgba(80,70,60,.10);
  box-sizing:border-box;
}
.mural-photo-strip-item .mural-pin{top:-5px;width:15px;height:15px}
.mural-photo-strip-item.photo-a{transform:rotate(-1.1deg) translateY(1px)}
.mural-photo-strip-item.photo-b{transform:rotate(.8deg) translateY(3px)}
.mural-photo-strip-item.photo-c{transform:rotate(-.7deg) translateY(1px)}
.mural-photo-strip-item.photo-d{transform:rotate(1deg) translateY(2px)}
.mural-photo-strip-item.photo-a img{object-position:center 50%}
.mural-photo-strip-item.photo-b img{object-position:center 50%}
.mural-photo-strip-item.photo-c img{object-position:center 50%}
.mural-photo-strip-item.photo-d img{object-position:center 50%}

/* Mantém a fotografia do canto superior esquerdo dentro de sua própria célula. */
.mural-photo-top{width:96%;height:204px;margin:0 auto;transform:rotate(-2.2deg)}

@media(max-width:900px){
  .mural-photo-strip{width:calc(100% - 28px);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;padding:5px 3px 9px}
  .mural-photo-strip-item{aspect-ratio:1.48 / 1}
}
@media(max-width:650px){
  .mural-photo-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;padding:5px 2px 8px}
  .mural-photo-strip-item{aspect-ratio:1.48 / 1;padding:5px 5px 9px}
  .mural-photo-strip-item .mural-pin{top:-4px;width:14px;height:14px}
  .mural-photo-top{width:94%;height:150px}
}

/* v28 — acabamento: pins maiores, passagem bíblica presa ao quadro e nova mensagem final. */
.mural-pin{width:18px;height:18px}
.mural-photo-top .mural-pin,.mural-photo-strip-item .mural-pin{width:18px;height:18px;top:-6px}

.mural-bible-note{
  position:relative;
  width:min(700px,calc(100% - 40px));
  margin:30px auto 0;
  padding:22px 54px 18px;
  box-sizing:border-box;
  background:#fff9ec;
  border:1px solid rgba(105,82,58,.18);
  box-shadow:0 7px 13px rgba(47,27,15,.18), 0 1px 2px rgba(47,27,15,.10);
  transform:rotate(-0.8deg);
  color:#5b5360;
  z-index:7;
  clip-path:polygon(0.8% 3%,99.2% 0,98.6% 96%,1.2% 100%);
}
.mural-bible-note:before{
  content:"";
  position:absolute;
  inset:6px;
  border:1px solid rgba(183,162,216,.28);
  pointer-events:none;
}
.mural-bible-copy{position:relative;z-index:2;text-align:center}
.mural-bible-verse{font-size:20px;line-height:1.35;font-style:italic}
.mural-bible-ref{margin-top:8px;font:600 11px Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#796395}
.mural-bible-pin{
  position:absolute;
  top:8px;
  width:18px;
  height:18px;
  z-index:3;
  color:#fff;
  font-size:13px;
  line-height:18px;
  text-align:center;
  border-radius:50%;
  background:var(--serenity-dark);
  box-shadow:0 2px 4px rgba(49,37,55,.22);
}
.bible-pin-left{left:14px}.bible-pin-right{right:14px;background:var(--lavanda2)}

.mural-after p{font-size:19px;font-style:italic}

@media(max-width:650px){
  .mural-pin{width:16px;height:16px}
  .mural-photo-top .mural-pin,.mural-photo-strip-item .mural-pin{width:16px;height:16px;top:-5px}
  .mural-bible-note{width:calc(100% - 24px);padding:19px 40px 16px;margin-top:22px}
  .mural-bible-verse{font-size:16px}
  .mural-bible-pin{width:16px;height:16px;font-size:11px;line-height:16px;top:7px}
  .bible-pin-left{left:9px}.bible-pin-right{right:9px}
}


/* v29 — restaura a fotografia do canto superior esquerdo com a nova foto enviada. */
.mural-photo-top{width:96%;height:204px;margin:0 auto;transform:rotate(-2.2deg);}
.mural-photo-top img{object-position:center center;}
@media(max-width:650px){.mural-photo-top{width:94%;height:150px;transform:rotate(-2deg);}}


/* v31 — a foto superior esquerda vai um pouco mais para a esquerda para liberar visualmente um novo espaço de recado. */
@media(min-width:901px){
  .mural-photo-slot-left{justify-content:flex-start !important;overflow:visible !important}
  .mural-photo-top{width:92% !important;margin-left:-10px !important;margin-right:0 !important;transform:rotate(-2.2deg) !important}
}
@media(min-width:651px) and (max-width:900px){
  .mural-photo-slot-left{justify-content:flex-start !important}
  .mural-photo-top{width:92% !important;margin-left:-4px !important;margin-right:0 !important}
}

/* v32 — ajuste solicitado: somente reposiciona a foto superior esquerda mais para o canto, preservando todos os demais elementos. */
@media(min-width:901px){
  .mural-photo-top{width:88% !important;margin-left:-24px !important;margin-right:0 !important;transform:rotate(-2.2deg) !important}
}
@media(min-width:651px) and (max-width:900px){
  .mural-photo-top{width:90% !important;margin-left:-8px !important;margin-right:0 !important}
}

/* v33 — apenas reposiciona a foto superior esquerda, sem alterar os demais elementos. */
.mural-photo-top{
  margin-left:0 !important;
  margin-right:auto !important;
}


/* v34 — somente reposiciona a foto superior esquerda mais para o canto, sem alterar os demais elementos. */
@media(min-width:901px){
  .mural-photo-slot-left{justify-content:flex-start !important;overflow:visible !important}
  .mural-photo-top{margin-left:-24px !important;margin-right:0 !important;transform:rotate(-2.2deg) !important}
}
@media(min-width:651px) and (max-width:900px){
  .mural-photo-slot-left{justify-content:flex-start !important;overflow:visible !important}
  .mural-photo-top{margin-left:-12px !important;margin-right:0 !important;transform:rotate(-2.2deg) !important}
}


/* v35 — reposicionamento real da foto superior esquerda: somente a foto é deslocada em relação à moldura interna do quadro. */
@media(min-width:901px){
  .mural-photo-slot-left{
    justify-content:flex-start !important;
    overflow:visible !important;
    position:relative !important;
  }
  .mural-photo-top{
    position:relative !important;
    left:-42px !important;
    margin-left:0 !important;
    margin-right:auto !important;
    width:92% !important;
    transform:rotate(-2.2deg) !important;
  }
}
@media(min-width:651px) and (max-width:900px){
  .mural-photo-slot-left{justify-content:flex-start !important;overflow:visible !important;position:relative !important}
  .mural-photo-top{position:relative !important;left:-23px !important;margin-left:0 !important;margin-right:auto !important;transform:rotate(-2.2deg) !important}
}


/* v36 — CORREÇÃO ESTRUTURAL DEFINITIVA DA FOTO SUPERIOR ESQUERDA.
   A foto deixa de ser filha do grid: assim, pode ficar no canto do quadro sem ocupar uma célula. */
@media(min-width:901px){
  .mural-board{position:relative !important;}
  .mural-photo-slot-left{
    position:absolute !important;
    left:18px !important;
    top:88px !important;
    width:198px !important;
    height:204px !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    z-index:8 !important;
    overflow:visible !important;
  }
  .mural-photo-top{
    position:absolute !important;
    inset:0 !important;
    width:198px !important;
    height:204px !important;
    margin:0 !important;
    transform:rotate(-2.2deg) !important;
    box-sizing:border-box !important;
  }
  .mural-slots{
    position:relative !important;
  }
  .mural-slots > .mural-slot[data-slot="1"]{
    grid-column:2 !important;
  }
}

@media(min-width:651px) and (max-width:900px){
  .mural-board{position:relative !important;}
  .mural-photo-slot-left{
    position:absolute !important;
    left:12px !important;
    top:78px !important;
    width:176px !important;
    height:170px !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    z-index:8 !important;
    overflow:visible !important;
  }
  .mural-photo-top{
    position:absolute !important;
    inset:0 !important;
    width:176px !important;
    height:170px !important;
    margin:0 !important;
    transform:rotate(-2.2deg) !important;
  }
  .mural-slots > .mural-slot[data-slot="1"]{grid-column:2 !important;}
}

@media(max-width:650px){
  .mural-photo-slot-left{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    width:94% !important;
    height:150px !important;
    margin:0 auto 14px !important;
    display:block !important;
    z-index:8 !important;
  }
  .mural-photo-top{
    position:relative !important;
    inset:auto !important;
    width:94% !important;
    height:150px !important;
    margin:0 auto !important;
    transform:rotate(-2deg) !important;
  }
}


/* v37 — refinamento solicitado: foto superior esquerda ligeiramente maior e cartão bíblico com acabamento tipográfico mais nítido. */
@media(min-width:901px){
  .mural-photo-slot-left{
    left:18px !important;
    top:84px !important;
    width:214px !important;
    height:220px !important;
  }
  .mural-photo-top{
    width:214px !important;
    height:220px !important;
  }
}
@media(min-width:651px) and (max-width:900px){
  .mural-photo-slot-left{
    left:12px !important;
    top:75px !important;
    width:190px !important;
    height:184px !important;
  }
  .mural-photo-top{
    width:190px !important;
    height:184px !important;
  }
}

/* O versículo continua sendo HTML/CSS (não uma imagem raster), garantindo nitidez em qualquer resolução. */
.mural-bible-note{
  background:
    linear-gradient(rgba(255,250,239,.97),rgba(255,250,239,.97)),
    repeating-linear-gradient(0deg,rgba(121,99,149,.035) 0 1px,transparent 1px 5px) !important;
  border-color:rgba(105,82,58,.24) !important;
  box-shadow:0 9px 17px rgba(47,27,15,.20),0 1px 3px rgba(47,27,15,.12) !important;
}
.mural-bible-copy{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.mural-bible-verse{
  font-family:"EB Garamond",Georgia,"Times New Roman",serif !important;
  font-size:21px !important;
  line-height:1.42 !important;
  font-weight:500 !important;
  letter-spacing:.005em;
  color:#514956 !important;
}
.mural-bible-ref{
  font-family:"EB Garamond",Georgia,"Times New Roman",serif !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:.12em !important;
  color:#75608e !important;
  text-transform:none !important;
}
@media(max-width:650px){
  .mural-photo-slot-left{width:164px !important;height:160px !important;}
  .mural-photo-top{width:164px !important;height:160px !important;}
  .mural-bible-verse{font-size:17px !important;line-height:1.36 !important}
  .mural-bible-ref{font-size:12px !important}
}