/* BORA BRASIL VIAJES
 * Sello "Un producto de BORATOUR Córdoba." (header + hero)
 * Ruta: /assets/css/sello.css
 * Se carga después de sitio.css desde /includes/publico-head.php
 */

/* ── Header: al lado del logo ─────────────────────────────── */
.sello-header{
  margin:0 auto 0 16px;padding:0 0 0 16px;
  border-left:1px solid var(--borde,#DDE2EA);
  font-size:10.5px;line-height:1.4;letter-spacing:.3px;
  color:var(--texto-suave,#5B6577);white-space:nowrap;
}
.sello-header strong{
  display:block;color:var(--azul,#0E3071);font-weight:700;letter-spacing:.6px;
}
/* No entra junto al menú completo ni en celulares chicos */
@media (min-width:821px) and (max-width:1080px){ .sello-header{display:none} }
@media (max-width:440px){ .sello-header{display:none} }

/* ── Hero: esquina superior derecha ───────────────────────── */
.hero-inner{position:relative}
.sello-hero{
  position:absolute;top:0;right:24px;margin:0;z-index:3;
  font-size:11.5px;line-height:1.4;letter-spacing:.4px;color:rgba(255,255,255,.85);
  background:rgba(7,41,98,.45);border:1px solid rgba(255,255,255,.22);
  border-radius:99px;padding:6px 16px;white-space:nowrap;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
}
.sello-hero strong{color:#fff;font-weight:700;letter-spacing:.8px}

/* En celular pasa a ser una línea arriba de la pastilla amarilla */
@media (max-width:820px){
  .sello-hero{
    position:static;display:block;margin:0 0 12px;
    background:transparent;border:0;border-radius:0;padding:0;
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
}