/* ARCA /aduana — sobrescreve MiCorreo (amarelo) — carregar por último */

:root {
  --arca-blue: #0072b8;
  --arca-blue-dark: #005a94;
  --arca-blue-light: #139ed9;
  --arca-nav: #242c4f;
  --arca-bg: #f2f2f2;
}

body.arca-skin {
  --mc-yellow: #0072b8 !important;
  --mc-navy: #005a94 !important;
  --ca-gold: #0072b8 !important;
  --ca-blue: #0072b8 !important;
  background: var(--arca-bg) !important;
  font-family: "Encode Sans", "Encode Sans Local", "Segoe UI", sans-serif !important;
}

/* ── Header igual index ARCA ── */
body.arca-skin header.arca-site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1050;
  background: var(--arca-nav) !important;
}

body.arca-skin.arca-chat-page {
  padding-top: calc(var(--arca-top-inset, 70px) + env(safe-area-inset-top, 0px)) !important;
}

body.arca-skin header.arca-site-header #navbarAFIP {
  background-color: #242c4f !important;
  border: none !important;
  margin-bottom: 0 !important;
}

body.arca-skin header.arca-site-header .navbar-brand {
  padding: 8px 15px !important;
  height: auto !important;
}

body.arca-skin header.arca-site-header .logoAfip {
  height: 42px !important;
  width: auto !important;
  max-width: min(280px, 72vw);
}

body.arca-skin .fixed-top.bg-correo-1,
body.arca-skin .bg-correo-1.navbar,
body.arca-skin nav.bg-correo-1 {
  display: none !important;
}

body.arca-skin.promo-page .promo-hero-block {
  padding-top: 72px !important;
  background: var(--arca-bg) !important;
}

body.arca-skin .bg-correo-2,
body.arca-skin .bg-correo-very-light-grey {
  background: var(--arca-bg) !important;
}

/* Sidebar desktop — logo ARCA em vez PAQ.AR amarelo */
body.arca-skin .promo-desktop-intro__logo,
body.arca-skin .promo-desktop-intro__subtitle {
  display: none !important;
}

body.arca-skin .promo-desktop-intro__brand::before {
  content: "";
  display: block;
  width: 220px;
  height: 56px;
  margin-bottom: 0.75rem;
  border-radius: 8px;
  background: #242c4f url("../images/logo_arca_blanco_grande.svg") center / 85% auto no-repeat;
}

body.arca-skin .promo-desktop-intro__tag {
  color: #555 !important;
  font-size: 0.9rem !important;
}

body.arca-skin .promo-desktop-features li,
body.arca-skin .promo-desktop-features i {
  color: var(--arca-blue-dark) !important;
}

/* ── Chat card ── */
body.arca-skin .promo-chat-card {
  border: 1px solid rgba(0, 114, 184, 0.22) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 32px rgba(0, 45, 86, 0.1) !important;
}

body.arca-skin .promo-chat-card .card-atendimento .card-header,
body.arca-skin.mc-promo .card-atendimento .card-header {
  background: linear-gradient(180deg, var(--arca-blue) 0%, var(--arca-blue-dark) 100%) !important;
  border-bottom: none !important;
}

body.arca-skin .chat-agent__name,
body.arca-skin .chat-agent__status,
body.arca-skin .card-header-right,
body.arca-skin .card-header-right i {
  color: #fff !important;
}

body.arca-skin .chat-agent__avatar {
  background: rgba(255, 255, 255, 0.2) !important;
  border: 2px solid rgba(255, 255, 255, 0.55) !important;
  overflow: hidden !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  padding: 0 !important;
}

body.arca-skin .chat-agent__avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 50% !important;
}

body.arca-skin .chat-agent__avatar-fallback {
  display: none !important;
}

body.arca-skin .status-dot {
  background: #5dffa8 !important;
}

body.arca-skin .card-header-right {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  color: #fff !important;
}

/* Amarelo → azul ARCA (chat + cards oficiais) */
body.arca-skin [style*="#ffce00"],
body.arca-skin [style*="#FFCE00"],
body.arca-skin .promo-page #chat .chat-id-official__head,
body.arca-skin.mc-promo #chat .chat-id-official__head {
  background: linear-gradient(180deg, var(--arca-blue) 0%, var(--arca-blue-dark) 100%) !important;
  border-bottom-color: rgba(255, 255, 255, 0.15) !important;
}

body.arca-skin .promo-page #chat .chat-id-official__badge,
body.arca-skin.mc-promo #chat .chat-id-official__badge {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}

body.arca-skin .promo-page #chat .chat-id-official__doc-type,
body.arca-skin .promo-page #chat .chat-id-official__head-sub,
body.arca-skin .promo-page #chat strong {
  color: var(--arca-blue-dark) !important;
}

body.arca-skin .promo-page #chat .btn-correo-primary,
body.arca-skin .promo-page #chat button.btn-primary,
body.arca-skin .btn-correo-primary,
body.arca-skin.mc-promo .btn-correo-primary {
  background: var(--arca-blue) !important;
  border-color: var(--arca-blue-dark) !important;
  color: #fff !important;
}

body.arca-skin .promo-page #chat .btn-correo-primary:hover,
body.arca-skin .btn-correo-primary:hover {
  background: var(--arca-blue-light) !important;
}

body.arca-skin .hr-azul {
  border-color: var(--arca-blue) !important;
}

body.arca-skin .promo-below-fold,
body.arca-skin .servicios-home-contenedor {
  display: none !important;
}

/* Mensagens chat */
body.arca-skin #chat .msg {
  background: #fff !important;
  border: 1px solid rgba(0, 114, 184, 0.12) !important;
  border-radius: 10px !important;
  color: #333 !important;
}

body.arca-skin #chat .button-chat.button-cta--pay,
body.arca-skin #chat .button-chat.button-cta {
  background: #0072b8 !important;
  color: #fff !important;
}

body.arca-skin #chat .msg strong {
  color: var(--arca-blue-dark) !important;
}

/* Mis envíos + checkout */
body.arca-skin.arca-page-mis-envios .cuenta-header {
  background: var(--arca-nav) !important;
}

body.arca-skin.arca-page-mis-envios .cuenta-header-brand img {
  filter: brightness(0) invert(1);
  max-height: 36px;
}

body.arca-skin.arca-page-mis-envios .btn-correo-primary {
  background: var(--arca-blue) !important;
}

body.arca-skin.arca-page-checkout .btn-primary,
body.arca-skin.arca-page-funnel .btn-primary {
  background: var(--arca-blue) !important;
  border-color: var(--arca-blue-dark) !important;
}

body.arca-skin.arca-page-checkout #header {
  display: none !important;
}