/* Miniatura desenhada em CSS de cada modelo do site. Fonte única para o
   seletor do editor e a galeria /modelos do SPA (importada por styles.css) e para
   a galeria /modelos renderizada pela API (CONTRATO_API.md, "Planos e modelos
   renderizados pelo servidor"). Modelo novo ganha a sua regra aqui. O seletor
   leva sempre .template-miniature: o card da galeria também tem data-template. */
.template-miniature{height:13rem;border-bottom:1px solid rgb(255 255 255/.06);background-color:#26292b;background-repeat:no-repeat}
.template-miniature[data-template=padrao]{background-image:radial-gradient(circle at 12% 30%,#eef0f2 0 4.2%,transparent 4.6%),linear-gradient(90deg,#3a4744 0 0),linear-gradient(90deg,#3a4744 0 0),linear-gradient(#263330 0 0),linear-gradient(#263330 0 0),linear-gradient(#263330 0 0),linear-gradient(90deg,transparent 49.6%,rgb(88 200 150/.8) 49.6% 50.4%,transparent 50.4%),linear-gradient(115deg,#101719 0 50%,#f3f6f4 50% 100%);background-size:auto,32% 5%,20% 5%,25% 15%,25% 15%,25% 15%,100% 100%,100% 100%;background-position:center 22%,8% 42%,8% 50%,5% 88%,50% 88%,95% 88%,center,center}
.template-miniature[data-template=aurora]{background-image:linear-gradient(90deg,rgb(255 255 255/.9) 0 0),linear-gradient(90deg,rgb(255 255 255/.55) 0 0),linear-gradient(#fff 0 0),linear-gradient(#fff 0 0),linear-gradient(#fff 0 0),linear-gradient(145deg,rgba(14,44,65,.8),rgba(30,95,142,.3)),linear-gradient(125deg,#8fafc7,#0e2c41);background-size:34% 6%,22% 4%,27% 22%,27% 22%,27% 22%,100% 62%,100% 100%;background-position:center 24%,center 34%,7% 92%,50% 92%,93% 92%,center top,center;background-repeat:no-repeat}
.template-miniature[data-template=vitrine]{position:relative;background-image:linear-gradient(135deg,rgb(7 24 36/.45),rgb(7 24 36/.85)),linear-gradient(115deg,#86aba6,#173e43)}
.template-miniature[data-template=vitrine]::before{content:'VITRINE';position:absolute;inset:35% 0 auto;text-align:center;font:400 clamp(1.8rem,4vw,3.5rem)/1 Georgia,serif;letter-spacing:.08em;color:#fff}
.template-miniature[data-template=vitrine]::after{content:'←     01 / 05     →';position:absolute;inset:auto 0 12%;text-align:center;font-size:.85rem;letter-spacing:.12em;color:#fff}
.template-miniature[data-template=stories]{position:relative;overflow:hidden;background-color:#1d1d1d;background-image:linear-gradient(rgb(29 29 29/0) 45%,rgb(29 29 29/.92)),linear-gradient(150deg,#8fa7b8,#273740);background-size:30% 86%,30% 86%;background-position:center 40%,center 40%}
.template-miniature[data-template=stories]::before{content:'';position:absolute;left:36%;right:36%;top:10%;height:2px;background:linear-gradient(90deg,#fff 0 30%,rgb(255 255 255/.36) 30%)}
.template-miniature[data-template=stories]::after{content:'';position:absolute;left:37.5%;right:37.5%;bottom:9%;height:9%;border-radius:999px;background:#62aedc}
.template-miniature[data-template=orbita]{position:relative;overflow:hidden;background-color:#efefef;background-image:linear-gradient(#62aedc 0 0),linear-gradient(#1d1d1d 0 0),linear-gradient(#1d1d1d 0 0),linear-gradient(#62676b 0 0),linear-gradient(150deg,#8fa7b8,#273740);background-size:16% 6%,40% 7%,30% 7%,32% 3%,32% 56%;background-position:7% 12%,7% 26%,7% 37%,7% 49%,86% 16%}
.template-miniature[data-template=orbita]::before{content:'Órbita';position:absolute;left:5%;bottom:4%;font:300 clamp(2.6rem,5vw,4rem)/.8 "Space Grotesk",sans-serif;letter-spacing:-.06em;color:#1d1d1d}
.template-miniature[data-template=orbita]::after{content:'';position:absolute;top:11%;right:34%;width:2.6rem;height:2.6rem;border-radius:50%;background:#1d1d1d;box-shadow:0 0 0 .4rem #efefef,0 0 0 .5rem #1d1d1d}
.template-miniature[data-template=mare]{position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgb(14 10 9/.86),rgb(14 10 9/.15) 72%),linear-gradient(160deg,#f3b8a6,#8c5a6e 55%,#2b1d22)}
.template-miniature[data-template=mare]::before{content:'Maré';position:absolute;left:7%;top:22%;font:500 clamp(1.6rem,3.4vw,2.6rem)/1 "Fraunces",serif;letter-spacing:.02em;text-transform:uppercase;color:#fbf5ef}
.template-miniature[data-template=mare]::after{content:'';position:absolute;right:9%;bottom:10%;width:36%;height:30%;border-radius:.6rem;background:rgb(28 21 18/.6);box-shadow:0 -.35rem 0 -.1rem rgb(251 245 239/.28),0 -.65rem 0 -.25rem rgb(251 245 239/.16)}