/* Banner de la columna lateral de la página de inicio (src/Front/Banner.php) */
.fbanner { --fb-granate: #6B1316; --fb-granate-hover: #991d21; --fb-texto: #242424; --fb-suave: #5f5656; --fb-linea: #e2d4d4;
	background: #fff; border: 1px solid var(--fb-linea); display: grid; margin: 0 0 2rem; }
.fbanner-img { display: block; line-height: 0; }
.fbanner-img img { width: 100%; height: auto; display: block; }
.fbanner-txt { padding: 18px 20px 20px; display: grid; gap: 8px; }
.fbanner-ante { margin: 0; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--fb-granate); }
.fbanner-tit { margin: 0; padding: 0; font-size: 20px; line-height: 1.3; text-wrap: balance; }
.fbanner-tit a { color: var(--fb-texto); }
.fbanner-tit a:hover { color: var(--fb-granate); }
.fbanner-texto { margin: 0; font-size: 15px; color: var(--fb-suave); font-variant-numeric: tabular-nums; }
.fbanner-botones { display: grid; gap: 8px; margin-top: 6px; }
.fbanner-btn { display: flex; justify-content: center; align-items: center; gap: 6px; background: var(--fb-granate); color: #fff !important; font-weight: 700; font-size: 15px; padding: 10px 14px; text-align: center; }
.fbanner-btn:hover { background: var(--fb-granate-hover); }
.fbanner-btn-2 { background: #fff; color: var(--fb-granate) !important; border: 1.5px solid var(--fb-granate); }
.fbanner-btn-2:hover { background: var(--fb-granate); color: #fff !important; }