/* Receitaria: ecrãs da app, em modo fácil (letra grande, botões grandes).
   Assenta no style.css do tema Receitaria (cores, letras, receita, impressão). */

:root{--verde:#3F8A3A;--verde-cx:#E2F0DA;--rosa:#C2185B;--rosa-cx:#F8DDE8;--verm-cx:#FBE0DC}
body.rcta{min-height:100vh;display:flex;flex-direction:column}
body.rcta main{flex:1}
.app{padding-block:20px 36px}
.estreito{max-width:560px}
[hidden]{display:none!important}

/* Faixa de administração */
.aviso-admin{background:var(--amarelo);color:var(--tinta);font:600 15px/1.35 var(--letra);padding:10px var(--margem);text-align:center}

/* Caixas e títulos */
.caixa{background:var(--papel);padding:20px 18px 22px;margin-bottom:16px;box-shadow:0 1px 0 var(--linha)}
.tit-passo{font:900 28px/1.1 var(--letra);margin:0 0 10px;letter-spacing:-.4px}
.tit-passo.verde{color:var(--verde)}
.tit-caixa{font:700 15px var(--estreita);text-transform:uppercase;letter-spacing:.7px;color:var(--verm);margin:0 0 8px}
.ajuda{color:var(--suave);font-size:18px;margin:0 0 16px}
.ajuda.peq{font-size:16px}
.centro{text-align:center}
.grande{font-size:21px;line-height:1.45;margin:0 0 12px}
.app p{margin-top:0}

/* Campos */
.campo{display:block;margin-bottom:16px}
.campo span{display:block;font:700 19px var(--letra);margin-bottom:6px}
.campo input{display:block;width:100%;min-height:60px;padding:8px 14px;border:2px solid var(--cinza);border-radius:0;background:#fff;font:600 24px var(--letra);color:var(--tinta);letter-spacing:.5px}
.campo input:focus{outline:3px solid var(--verm);outline-offset:0;border-color:var(--verm)}
.campo input.codigo{font-size:34px;letter-spacing:14px;text-align:center;max-width:220px}
.campo input[aria-invalid="true"]{border-color:var(--verm)}
.factura{margin:4px 0 18px;border-top:1px solid var(--linha);padding-top:12px}
.factura summary{cursor:pointer;font:600 18px var(--letra);color:var(--verm);min-height:44px;display:flex;align-items:center}
.factura[open] summary{margin-bottom:10px}
.erro{background:var(--verm-cx);color:var(--verm-esc);font:600 18px/1.4 var(--letra);padding:12px 14px;margin:0 0 14px}
.erro a{color:var(--verm-esc)}

/* Botões */
.btn-grande{display:flex;width:100%;min-height:60px;font-size:21px;margin-bottom:12px;text-align:center;line-height:1.2;padding:8px 18px}
.btn-branco-borda{background:#fff;color:var(--tinta);border:2px solid var(--tinta)}
.btn-texto{display:block;width:100%;min-height:48px;background:none;border:0;font:600 18px var(--letra);color:var(--verm);text-decoration:underline;cursor:pointer}
.btn-texto:disabled{color:var(--cinza);text-decoration:none;cursor:default}
.btn[aria-busy="true"]{opacity:.7;pointer-events:none}
.ja-comprou{text-align:center;font-size:18px;margin:8px 0 0}

/* Compra */
.cartao-ed,.ed-cabeca{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center;margin-bottom:18px}
.capa-peq{width:110px;height:auto;box-shadow:3px 4px 0 rgba(0,0,0,.14)}
.tit-ed{font:300 30px/1.05 var(--letra);color:var(--cinza);margin:8px 0 4px;letter-spacing:-.5px}
.tit-ed span{color:var(--verm);font-weight:400}
.preco{font:900 32px var(--letra);color:var(--verm);margin:4px 0 0}
.sub{margin:4px 0 0;color:var(--suave);font-size:17px}
.roda{width:56px;height:56px;border:6px solid var(--linha);border-top-color:var(--verm);border-radius:50%;margin:8px auto 18px;animation:rcta-roda 1s linear infinite}
@keyframes rcta-roda{to{transform:rotate(360deg)}}
.relogio{font-size:19px;text-align:center;background:var(--fundo);padding:10px}
.ofertas{margin:6px 0 14px}
.oferta{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center;background:var(--fundo);padding:12px;text-decoration:none;color:var(--tinta);margin-bottom:10px;border-left:6px solid var(--amarelo)}
.oferta img{width:70px}
.oferta s{color:var(--cinza)}
.oferta b{color:var(--verm)}

/* Sumário da edição */
.partes{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--margem)) 10px;padding:4px var(--margem) 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.partes::-webkit-scrollbar{display:none}
.partes a{flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:center;gap:6px;min-height:48px;padding:0 16px;background:var(--papel);border:2px solid var(--cor);color:var(--tinta);font:700 17px var(--letra);text-decoration:none}
.partes a b{background:var(--cor);color:#fff;font-size:14px;padding:2px 7px}
.parte{margin-bottom:18px;scroll-margin-top:10px}
.faixa-parte{background:var(--cor);color:#fff;font:900 22px var(--letra);margin:0;padding:10px 14px;letter-spacing:-.2px}
.lista-rec{list-style:none;margin:0;padding:0;background:var(--papel)}
.lista-rec li+li{border-top:1px solid var(--linha)}
.lista-rec a{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:center;padding:10px 12px;min-height:104px;text-decoration:none;color:var(--tinta)}
.lista-rec a:active{background:var(--cx)}
.lista-rec img{width:88px;height:88px;object-fit:cover}
.lista-rec .t{display:block;font:400 22px/1.12 var(--letra);color:var(--cinza)}
.lista-rec .t span{color:var(--cor)}
.lista-rec .m{display:block;margin-top:4px;font:600 16px var(--estreita);color:var(--suave)}

/* Estante */
.estante{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.estante a{display:grid;grid-template-columns:100px 1fr;gap:14px;align-items:center;background:var(--papel);padding:12px;text-decoration:none;color:var(--tinta);font:700 21px/1.2 var(--letra)}
.estante img{width:100px}
.estante small{display:block;color:var(--verm);font:700 15px var(--estreita);text-transform:uppercase}

/* Receita */
.voltar{margin:0 0 10px}
.voltar a{display:inline-flex;align-items:center;min-height:48px;font:700 18px var(--letra);color:var(--verm);text-decoration:none}
.nota-tempo{margin:10px 0 0;font:600 16px var(--estreita);color:var(--suave)}
.robot p{margin:0}
.rec-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}
.rec-nav a{display:block;min-height:72px;padding:10px 14px;background:var(--fundo);text-decoration:none;color:var(--tinta);font:600 17px/1.25 var(--letra)}
.rec-nav a small{display:block;color:var(--verm);font:700 15px var(--letra);margin-bottom:3px}
.rec-nav .seg{text-align:right;grid-column:2}
.convite{margin-top:26px;background:var(--fundo);padding:18px}

/* Conta */
.compras{list-style:none;margin:0;padding:0}
.compras li{padding:10px 0;border-top:1px solid var(--linha);font-size:17px}
.compras li:first-child{border-top:0}
.compras a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.compras small{display:block;color:var(--suave)}

/* Pôr no ecrã principal */
.instalar{background:var(--papel);padding:16px 18px;margin:18px 0;border-top:5px solid var(--amarelo)}
.instalar h3{font:900 20px var(--letra);margin:0 0 6px}
.instalar p{font-size:17px;margin:0 0 10px}

@media (min-width:760px){
  .tit-passo{font-size:34px}
  .lista-rec{display:grid;grid-template-columns:1fr 1fr}
  .lista-rec li+li{border-top:0}
  .lista-rec li{border-bottom:1px solid var(--linha)}
}
@media print{
  .aviso-admin,.voltar,.rec-nav,.convite,.instalar{display:none!important}
  .nota-tempo{font-size:10pt}
}