/* /assets/style.css  — minimal utility CSS covering used classes */
:root{--red:#C0142B;--dark:#121212;--muted:#777;}
*{box-sizing:border-box} body{margin:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#fff;color:#111}
.container{max-width:1100px;margin:0 auto;padding:0 12px}
.navbar{background:#111;color:#fff;position:sticky;top:0}
.brand{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;padding:.6rem 0}
.brand span{font-weight:700}
.nav{display:flex;gap:1rem}
.nav-link{color:#fff;text-decoration:none;opacity:.9}
.nav-link:hover{opacity:1}
.footer{border-top:1px solid #eee;padding:16px 0}
.footer .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.promo{background:var(--red);color:#fff;text-align:center;padding:.5rem}
.h6{font-size:.9rem}.h5{font-size:1.05rem}.h4{font-size:1.25rem}
.small{font-size:.85rem}.text-muted{color:var(--muted)} .right{margin-left:auto}
.row{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.row .col{display:block}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px} @media(max-width:900px){.grid2{grid-template-columns:1fr}}
.card{border:1px solid #eee;border-radius:10px;overflow:hidden;background:#fff}
.card.h-100{display:flex;flex-direction:column}
.card-header{padding:10px 12px;border-bottom:1px solid #eee;background:#fafafa}
.card-body{padding:12px}
.card-img-top{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#f6f6f6}
.badges{display:flex;gap:6px;margin:.5rem 0}
.badge{display:inline-block;padding:.2rem .4rem;border-radius:6px;background:#ddd;font-size:.8rem}
.badge.dark{background:#222;color:#fff}.badge.danger{background:#c02;color:#fff}.badge.info{background:#08c;color:#fff}.badge.primary{background:#06f;color:#fff}.badge.green{background:#2b8a3e;color:#fff}
.btn{display:inline-block;border:1px solid #ddd;padding:.6rem .9rem;border-radius:8px;background:#fff;cursor:pointer;text-decoration:none;color:#111}
.btn.primary{background:var(--red);border-color:var(--red);color:#fff}
.btn.success{background:#2b8a3e;border-color:#2b8a3e;color:#fff}
.btn.outline{background:#fff;border-color:#999;color:#111}
.btn.w-100{width:100%}.btn.mt{margin-top:.5rem}.btn.sm{padding:.45rem .8rem}
.textarea{width:100%;min-height:260px}
.form-label{display:block;margin:.5rem 0 .3rem}
.form-select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:8px;background:#fff}
.vstack{display:flex;flex-direction:column;gap:.25rem}
.d-flex{display:flex;align-items:center}.space-between{justify-content:space-between}.text-right{text-align:right}
.img{width:100%;height:auto;border:1px solid #eee;border-radius:10px}
.mt{margin-top:.75rem}.hide{display:none}
.slider{display:flex;gap:12px;overflow:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
.slider .slider-item{min-width:78%;scroll-snap-align:start}
a{color:#0a58ca} a:hover{text-decoration:underline}
.stretched-link{position:relative;z-index:1}
.row-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:10px 0}