/* Versículo al Plato: identidad compartida. La composición de cada página va en su propio <style>. */
@font-face{font-family:"Alfa Slab One";src:url(fonts/alfa-slab-one.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(fonts/source-sans-3.woff2) format("woff2");font-weight:200 900;font-display:swap}
@font-face{font-family:"Spectral";src:url(fonts/spectral-italic.woff2) format("woff2");font-style:italic;font-display:swap}
:root{
  --granada:#B5121B;--granada-osc:#8F0E15;--aceite:#2E3A1F;--miel:#E8A317;--tinta:#1B1B18;--piedra:#5A5A52;--blanco:#FFF;
  --mantel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23fff'/%3E%3Crect width='8' height='8' fill='%23B5121B'/%3E%3Crect x='8' width='8' height='8' fill='%23DA898D'/%3E%3Crect y='8' width='8' height='8' fill='%23DA898D'/%3E%3C/svg%3E");
  --franja:16px;--barra:68px;
  --sal:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--franja) + 12px)}
body{margin:0;font:400 18px/1.45 "Source Sans 3",system-ui,sans-serif;color:var(--tinta);background:var(--blanco);padding-bottom:var(--barra)}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol,figure,blockquote{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit}
:focus-visible{outline:3px solid var(--miel);outline-offset:2px}
.saltar{position:absolute;left:-999px;top:20px;background:var(--blanco);color:var(--granada);padding:10px 14px;z-index:30}
.saltar:focus{left:12px}
.franja{position:fixed;inset:0 0 auto;height:var(--franja);background:var(--mantel) 0 0/16px;z-index:20}
.logo{font:400 19px/1 "Alfa Slab One",serif;color:var(--granada);text-decoration:none;display:inline-block}
.vers{font:italic 400 21px/1.35 "Spectral",serif;border-left:4px solid var(--miel);padding-left:14px}
.vers cite{display:block;font:700 15px/1.3 "Source Sans 3",sans-serif;margin-top:6px}
.etiqueta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16px;color:var(--piedra)}
.etiqueta b{background:var(--aceite);color:var(--blanco);font-weight:700;padding:1px 8px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;background:var(--granada);color:var(--blanco);font-weight:700;font-size:17px;line-height:1.15;text-decoration:none;text-align:center;transition:background-color 160ms ease-out,transform 160ms ease-out}
.btn:hover{background:var(--granada-osc)}
.btn:active{transform:scale(.98)}
.pie{background:var(--tinta);color:var(--blanco);padding:32px 16px;font-size:16px;overflow-wrap:anywhere}
.pie>div{max-width:1080px;margin:auto;display:grid;gap:18px}
.pie .legales{display:flex;flex-wrap:wrap;gap:6px 18px}
.pie .legales a{min-height:32px;display:inline-flex;align-items:center}
.pie .data-fiscal{justify-self:start}
.pie .arrep{justify-self:start;background:var(--blanco);color:var(--granada);font-weight:700;padding:11px 16px;text-decoration:none;min-height:44px;transition:background-color 160ms ease-out}
.pie .arrep:hover{background:#E9E9E4}
.pie small{font-size:15px;color:#D5D5CF;display:block}
.wa{position:fixed;right:16px;bottom:calc(var(--barra) + 12px);z-index:15;background:var(--aceite);color:var(--blanco);padding:12px 16px;font-weight:700;text-decoration:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}