/* BLOG control design, without hamburger or self-reference. */
body{padding-bottom:calc(4.25rem + env(safe-area-inset-bottom))}
.nbar{position:fixed;left:0;right:0;bottom:0;z-index:60;min-height:2.9rem;padding:.35rem max(.5rem,env(safe-area-inset-right)) calc(.35rem + env(safe-area-inset-bottom));background:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(0,0,0,.45)}
.nbar-inner{display:flex;align-items:center;justify-content:center;gap:clamp(.6rem,2.1vw,2.4rem);max-width:100%}
.nbtn{display:inline-block;color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:clamp(.64rem,3.5vw,.98rem);line-height:1;letter-spacing:.02em;padding:.34rem clamp(.26rem,1.3vw,.64rem);border-radius:.4rem;border:3px solid #fff;cursor:pointer;white-space:nowrap;text-decoration:none;text-shadow:0 1px 4px rgba(0,0,0,1),0 0 2px rgba(0,0,0,.85);transition:color .15s,background .15s,text-shadow .15s;position:relative;overflow:hidden;isolation:isolate}
.nbtn-ado{background:#ff0000;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,1),0 0 3px rgba(0,0,0,.95),0 2px 6px rgba(0,0,0,.8)}
.nbtn-ado:hover,.nbtn-ado:focus-visible,.nbtn-ado:active{background:#eaff00;color:#000;border-color:#ff0000;text-shadow:none}
.nbtn-amar{background:#d3e600;color:#000;border:3px solid #fff;text-shadow:none}
.nbtn-amar:hover,.nbtn-amar:focus-visible,.nbtn-amar:active{background:#ff0000;color:#fff;border-color:#fff;text-shadow:0 1px 4px rgba(0,0,0,1),0 0 2px rgba(0,0,0,.85)}
.nbtn-redes{background:#22d3ee;color:#000;border:3px solid #fff;text-shadow:none}
.nbtn-redes:hover,.nbtn-redes:focus-visible{background:#ff6a00;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,1),0 0 3px rgba(0,0,0,.95),0 2px 6px rgba(0,0,0,.8)}
.nbtn::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.35) 42%,rgba(255,255,255,.78) 50%,rgba(255,255,255,.35) 58%,transparent 75%);transform:translateX(-160%)}
@keyframes barGlint{0%{transform:translateX(-160%)}24%{transform:translateX(160%)}100%{transform:translateX(160%)}}

.nbtn-ado::after{animation:barGlint 24.5s linear infinite}
.nbtn-amar::after{animation:barGlint 24.5s linear infinite 3.5s}
.nbtn-redes::after{animation:barGlint 24.5s linear infinite 10.5s}
.nwa{display:flex;align-items:center;justify-content:center;text-decoration:none;width:1.5rem;height:1.5rem;flex:0 0 1.5rem;filter:drop-shadow(0 0 3px rgba(0,255,94,1)) drop-shadow(0 0 7px rgba(0,255,94,.6))}
.nwa img{display:block;width:1.5rem;height:1.5rem;object-fit:contain}
.nwa-glint{position:relative;isolation:isolate;display:block;line-height:0}
.nwa-shine{position:absolute;inset:20%;z-index:2;pointer-events:none;overflow:hidden;border-radius:50%}
.nwa-shine::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.35) 40%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.35) 60%,transparent 80%);transform:translateX(-160%);animation:barGlint 24.5s linear infinite 7s}
.nbar a:focus-visible{outline:2px solid #22d3ee;outline-offset:3px}
.cookie-modal{bottom:calc(4rem + env(safe-area-inset-bottom))}
@media(max-width:319px){.nbar-inner{gap:.5rem}.nbtn{font-size:.62rem;padding:.3rem .3rem;letter-spacing:0;border-width:2px}}
/* Same automatic, staggered diagonal shine as the BLOG, independent of the content's animation rules. */
.nbar .nbtn::after{animation:barGlint 24.5s linear infinite!important}
.nbar .nbtn:nth-child(2)::after{animation-delay:3.5s!important}
.nbar .nwa-shine::after{animation:barGlint 24.5s linear infinite 7s!important}

/* Loaded CTA photos must fit even the narrowest content column. */
.cta-foto .cta-foto-img{max-width:100%}