/* Páginas legales de Versículo al Plato. Fuentes del sistema: ningún pedido a terceros.
   Colores de marca\guia-marca.md. Contraste sobre blanco: Tinta 17,26:1, Piedra 6,96:1, Granada 6,85:1. */
:root{--fondo:#FFFFFF;--texto:#1B1B18;--suave:#5A5A52;--granada:#B5121B;--linea:#D5D5CF;--foco:#2E3A1F;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;overflow-wrap:break-word;background:var(--fondo);color:var(--texto);font:400 1.0625rem/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
/* Franja de mantel a cuadros, en vector y solo en Granada */
body::before{content:"";display:block;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23B5121B' d='M0 0h8v8H0zM8 8h8v8H8z'/%3E%3C/svg%3E")}
a{color:inherit;text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--foco);outline-offset:3px}
.skip{position:absolute;left:16px;top:-80px;background:var(--texto);color:var(--fondo);padding:10px 14px;border-radius:4px}
.skip:focus{top:12px}
.wrap{width:min(720px,100% - 32px);margin-inline:auto}
header{border-bottom:1px solid var(--linea);padding-block:16px}
header .wrap{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between}
.marca{font-weight:700;text-decoration:none}
.boton-ley{font-weight:700;color:var(--granada);padding-block:10px}
main{padding-block:40px 72px}
h1{color:var(--granada);font-size:clamp(2rem,1.6rem + 1.6vw,2.75rem);line-height:1.15;margin:0 0 8px}
h2{font-size:1.375rem;line-height:1.3;margin:48px 0 0;padding-top:24px;border-top:1px solid var(--linea)}
h3{font-size:1.0625rem;margin:28px 0 0}
p,ul,ol,table,form{margin:14px 0 0}
ul,ol{padding-left:1.25em}
li+li{margin-top:6px}
.suave{color:var(--suave)}
.destacado{border:2px solid var(--granada);border-radius:4px;padding:16px 20px;margin-top:24px}
.destacado p:first-child{margin-top:0}
.indice{border:1px solid var(--linea);border-radius:4px;padding:16px 20px;margin-top:28px}
.indice h2{margin:0;padding:0;border:0;font-size:1rem}
table{width:100%;border-collapse:collapse;font-size:1rem}
th,td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-top:1px solid var(--linea);overflow-wrap:anywhere}
thead th{border-top:0;color:var(--suave);font-weight:600}
caption{text-align:left;color:var(--suave);padding-bottom:6px}
label{display:block;font-weight:600;margin-top:18px}
label span{font-weight:400;color:var(--suave)}
input{display:block;width:100%;min-height:48px;margin-top:6px;padding:10px 12px;border:1px solid var(--suave);border-radius:4px;background:#fff;color:inherit;font:inherit}
button{margin-top:20px;min-height:48px;padding:10px 20px;border:0;border-radius:4px;background:var(--granada);color:#fff;font:inherit;font-weight:700;cursor:pointer}
button:hover{background:#930F16}
pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:14px 0 0;padding:12px;border:1px solid var(--linea);border-radius:4px}
footer{border-top:1px solid var(--linea);padding-block:28px 40px;font-size:.9375rem;color:var(--suave)}
.data-fiscal{display:inline-block;margin-top:14px}
footer ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px 24px}
footer li+li{margin-top:0}
footer li a{display:inline-block;padding-block:8px}
footer a{color:var(--texto)}