/* Recetas Arabes · app. Calido, cocina arabe. Botones de compra SIEMPRE verdes (#25a35a -> #1b7f45), nunca rojo ni bordo. */
:root{
  --fondo:#F7EFE3; --tarjeta:#FFFDF8; --linea:#EADBC4; --tinta:#3B2A1E; --cafe:#5A3A22; --suave:#8A7563;
  --dorado:#C9973F; --dorado-suave:#F3E4C6; --oliva:#6E7B3A; --ok:#1b7f45;
  --verde:linear-gradient(180deg,#25a35a,#1b7f45);
  --sombra:0 2px 14px rgba(90,58,34,.08);
  --serif:'Fraunces',Georgia,'Times New Roman',serif; --sans:'Nunito Sans',system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;overflow-x:hidden}
body{font-family:var(--sans);font-size:16px;color:var(--tinta);background:var(--fondo);line-height:1.5;-webkit-text-size-adjust:100%}
body::before{content:"";position:fixed;inset:0 0 auto 0;height:6px;background:repeating-linear-gradient(90deg,var(--dorado) 0 14px,transparent 14px 20px);opacity:.55;z-index:5;pointer-events:none}
a{color:var(--cafe)}
main{max-width:520px;margin:0 auto;padding:22px 16px 64px}
.marca{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dorado);margin:0;font-weight:700}
h1{font-family:var(--serif);font-weight:700;color:var(--cafe);font-size:30px;line-height:1.1;margin:6px 0 8px;text-wrap:balance}
.ayuda{color:var(--suave);font-size:15px;margin:0 0 18px}
.tarjeta{background:var(--tarjeta);border:1px solid var(--linea);border-radius:18px;padding:18px 16px;box-shadow:var(--sombra)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:14px;padding:14px 18px;font:800 16px var(--sans);text-decoration:none;cursor:pointer;min-height:48px}
.btn.comprar,.btn.verde{background:var(--verde);color:#fff;box-shadow:0 3px 10px rgba(27,127,69,.25)}
.btn.suave{background:var(--dorado-suave);color:var(--cafe)}
.btn.ancho{width:100%}
.btn:disabled{background:var(--linea);color:var(--suave);box-shadow:none;cursor:default}
.aviso{margin:14px 0 0;padding:13px 15px;border-radius:14px;font-size:15px;display:none}
.aviso.ok{display:block;background:#E5F3EA;color:#1b5e38}
.aviso.error,.aviso.info{display:block;background:var(--dorado-suave);color:#6B4A1F}
.pie{margin:26px 0 0;font-size:13px;color:var(--suave);text-align:center}
.oculto{display:none!important}
input[type=email],input[type=search]{width:100%;border:1.5px solid var(--linea);border-radius:14px;padding:14px 16px;font:600 17px var(--sans);color:var(--tinta);background:#fff;outline:none;-webkit-appearance:none}
input:focus{border-color:var(--dorado);box-shadow:0 0 0 3px rgba(201,151,63,.2)}
.ico{width:22px;height:22px;flex:none}
.adorno{display:block;margin:0 auto 10px;width:46px;height:46px;color:var(--dorado)}