/* Additions used by the dynamic (PHP) front end */
.flash-x{position:fixed;left:50%;top:14px;transform:translateX(-50%);z-index:9999;display:flex;gap:10px;align-items:center;background:#0f6b43;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 12px 40px #0004;font-weight:600;max-width:92vw;animation:flashx 7s ease forwards}.flash-x.err{background:#b3261e}@keyframes flashx{0%{opacity:0;transform:translate(-50%,-20px)}6%,88%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-20px);visibility:hidden}}
.adx{position:relative;display:flex;flex-direction:column;gap:3px;justify-content:center;min-height:90px;padding:16px 22px;border-radius:12px;color:#fff;text-decoration:none;background:linear-gradient(135deg,#0f6b43,#06402a);overflow:hidden}.adx small{font-size:10px;letter-spacing:.14em;opacity:.7}.adx b{font:800 clamp(16px,2vw,22px)/1.2 Archivo,sans-serif}.adx span{opacity:.85;font-size:13px}.adx .adx-cta{align-self:flex-start;margin-top:6px;font-style:normal;font-weight:700;font-size:12px;background:#d9a441;color:#2b2208;padding:5px 12px;border-radius:99px}.adx em{position:absolute;right:10px;top:8px;font-size:9px;font-style:normal;letter-spacing:.1em;background:#0003;padding:2px 6px;border-radius:4px}
.ad-html{max-width:100%;overflow:hidden}.ad-slot{margin:14px 0}
.vid-modal .vid-card{position:relative;width:min(960px,94vw);aspect-ratio:16/9;background:#000;border-radius:14px;overflow:visible;margin:auto}.vid-modal iframe,.vid-modal video{width:100%;height:100%;border:0;border-radius:14px}.vid-modal .modal-close{top:-44px;right:0;color:#fff;background:#0008}
.vid-modal:not(:target) iframe{display:none}
.video{position:relative;display:block;cursor:pointer}.pager{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:26px 0}.pager a,.pager span{min-width:38px;height:38px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--line,#dfe8e3);text-decoration:none;color:inherit;font-weight:600;padding:0 10px}.pager a.on{background:#0f6b43;color:#fff;border-color:#0f6b43}
.logo-img img{display:block}.cms-body img{max-width:100%;height:auto}.cms-body{line-height:1.8}.cms-body h2,.cms-body h3{margin-top:1.6em}
.nl-msg{min-height:1em}
.adx{align-items:flex-start;text-align:left;box-sizing:border-box;width:100%}.adx>*{max-width:100%}.adx b{overflow-wrap:anywhere}
.post-side .ad-imgbn,.post-side .adx{position:relative;display:block;border-radius:14px;overflow:hidden;margin:0}.post-side .ad-imgbn{aspect-ratio:1400/300;background:linear-gradient(135deg,#0f4d2e,#07261a)}.post-side .ad-imgbn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.post-side .adx{display:flex;min-height:120px}
.ad-two>.adx,.ad-three>.adx{min-height:130px}.ad-full .adx{min-height:150px}.ad-slot{margin:22px 0}
.post-side .ad-imgbn{aspect-ratio:auto!important;background:none}.post-side .ad-imgbn img{position:static!important;height:auto!important;object-fit:contain!important;display:block}
/* header (logo row) banner: compact leaderboard, never wider than 468px */
.brand-in>.ad-imgbn,.brand-in>.adx,.brand-in>a:not(.logo){flex:0 1 468px;max-width:468px;width:100%;margin:0 0 0 auto;display:block}
.brand-in>.ad-imgbn{max-height:80px;overflow:hidden;border-radius:10px}.brand-in>.ad-imgbn img{display:block;width:100%;height:auto;max-height:80px;object-fit:cover;border-radius:10px}
.brand-in>.adx{min-height:0;max-height:80px;padding:10px 16px;display:flex}.brand-in>.adx b{font-size:15px}.brand-in>.adx span{font-size:12px}.brand-in>.adx .adx-cta{display:none}
@media(max-width:767px){.brand-in{flex-wrap:wrap;gap:10px}.brand-in>.ad-imgbn,.brand-in>.adx{flex:1 1 100%;max-width:100%;margin:0}}
.brand-in>.adx{flex-direction:column;gap:2px;justify-content:center}.brand-in>.adx small{font-size:9px}.brand-in>.adx em{top:6px;right:8px}
.brand-in>a.adx{display:flex;flex-direction:column}
/* header row: logo = 30% , banner = 50% of the container */
.brand-in{display:flex;align-items:center;justify-content:space-between;gap:2%}
.brand-in>.logo,.brand-in>.logo-img{flex:0 0 30%;max-width:30%;min-width:0}
.brand-in>.logo-img img,.brand-in .logo img{max-width:100%;height:auto;max-height:90px;object-fit:contain}
.brand-in>.ad-imgbn,.brand-in>.adx,.brand-in>a.adx,.brand-in>a:not(.logo):not(.logo-img){flex:0 0 50%;max-width:50%;width:50%;margin:0 0 0 auto}
.brand-in>.ad-imgbn,.brand-in>.ad-imgbn img{max-height:none}.brand-in>.ad-imgbn img{width:100%;height:auto;max-height:110px;object-fit:cover}
@media(max-width:767px){.brand-in{flex-wrap:wrap}.brand-in>.logo,.brand-in>.logo-img{flex:0 0 60%;max-width:60%}.brand-in>.ad-imgbn,.brand-in>.adx,.brand-in>a.adx,.brand-in>a:not(.logo):not(.logo-img){flex:1 1 100%;max-width:100%;width:100%;margin:0}}
/* in-place video player (no popup): tile → player in the same spot */
.vstage{position:relative}.vp-frame{display:none;position:absolute;inset:0;z-index:8;background:#000;border-radius:var(--radius,16px);overflow:hidden;scroll-margin-top:110px}.vp-frame:target{display:block}
.vp-frame iframe,.vp-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.vp-x{position:absolute;top:10px;right:10px;z-index:3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#000a;color:#fff;text-decoration:none;opacity:.85}.vp-x:hover{background:#c0392b;color:#fff;opacity:1}
.video-sec .col-lg-8>.vstage,.video-sec .col-lg-8>.vstage>.video{height:100%}.video-sec .col-lg-8>.vstage>.video{min-height:440px}
.card-x .vstage{height:100%}.card-x .vp-frame{border-radius:0}.card-x .vstage>.video{height:100%}
.ps-vids .vp-frame{inset:0 0 auto 0;height:auto;aspect-ratio:16/9;border-radius:12px}
.vid-modal{display:none!important}
/* admin popup: same corner card as before, image only */
.pop-card.pop-img{width:min(340px,calc(100vw - 40px));background:#07261a}
.pop-card.pop-img .pop-ban{height:auto;display:block;background:none}
.pop-card.pop-img .pop-ban img{display:block;width:100%;height:auto;max-height:75vh;object-fit:cover}
.pop-card.pop-img .pop-ban:after{display:none}