/* Funil BLACK /aduana — skin ARCA (IOF, ICM, aduana, compartilhar, retorno, confirmação, recovery) */

body.arca-skin {
  --arca-blue: #0072b8;
  --arca-blue-dark: #005a94;
  --arca-nav: #242c4f;
  --ca-blue: #0072b8 !important;
  --ca-blue-dark: #005a94 !important;
  --ca-blue-hover: #005a94 !important;
  --ca-gold: #139ed9 !important;
  --ca-yellow: #0072b8 !important;
  --ca-yellow-dark: #005a94 !important;
  font-family: "Encode Sans", "Encode Sans Local", "Segoe UI", sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

body.arca-skin *,
body.arca-skin input,
body.arca-skin button,
body.arca-skin select,
body.arca-skin textarea {
  font-family: inherit !important;
}

body.arca-skin.arca-page-iof,
body.arca-skin.arca-page-icm,
body.arca-skin.arca-page-aduana,
body.arca-skin.arca-page-funnel,
body.arca-skin.arca-page-checkout-recovery,
body.arca-skin.arca-page-compartilhar,
body.arca-skin.arca-page-retorno-promo,
body.arca-skin.arca-page-confirmacao-cartao,
body.arca-skin.arca-page-taxa-paypal,
body.arca-skin.arca-page-mis-envios {
  padding-top: 58px !important;
  background: #eef1f6 !important;
  color: #1a1a1a !important;
}

body.arca-skin header.arca-site-header {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
}

/* Headers Correo removidos no PHP — reforço se sobrar */
body.arca-skin .topbar,
body.arca-skin header.ca-header,
body.arca-skin #header.checkout-promo-header,
body.arca-skin #header:not(.arca-site-header) {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.arca-skin.arca-page-iof .container,
body.arca-skin.arca-page-icm .container,
body.arca-skin.arca-page-aduana .container,
body.arca-skin.arca-page-funnel .container,
body.arca-skin.arca-page-checkout-recovery .container,
body.arca-skin.arca-page-compartilhar .wrap,
body.arca-skin.arca-page-retorno-promo main,
body.arca-skin.arca-page-confirmacao-cartao .container,
body.arca-skin.arca-page-checkout-recovery .rc-main {
  padding-top: 16px;
  padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px));
}

body.arca-skin .card,
body.arca-skin.arca-page-compartilhar .card,
body.arca-skin.arca-page-retorno-promo .card,
body.arca-skin.arca-page-confirmacao-cartao .card {
  border: 1px solid rgba(0, 114, 184, 0.14) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(0, 45, 86, 0.08) !important;
}

/* IOF / ICM / Aduana */
body.arca-skin .spinner-iof,
body.arca-skin .spinner-icm,
body.arca-skin .spinner-aduana,
body.arca-skin .spinner,
body.arca-skin .rc-spinner {
  border-top-color: #0072b8 !important;
}

body.arca-skin .iof-amount,
body.arca-skin .icm-amount,
body.arca-skin .aduana-amount {
  color: #0072b8 !important;
}

body.arca-skin .btn-iof,
body.arca-skin .btn-icm,
body.arca-skin .btn-aduana,
body.arca-skin .btn-confirm,
body.arca-skin a.cta,
body.arca-skin .btn-share-primary,
body.arca-skin .rc-btn-pay,
body.arca-skin button[type="submit"].rc-btn {
  background: #0072b8 !important;
  border-color: #005a94 !important;
  color: #fff !important;
  border-radius: 10px !important;
}

body.arca-skin .btn-iof:hover,
body.arca-skin .btn-icm:hover,
body.arca-skin .btn-aduana:hover,
body.arca-skin .btn-confirm:hover,
body.arca-skin a.cta:hover,
body.arca-skin .btn-share-primary:hover {
  background: #005a94 !important;
}

body.arca-skin .iof-card-wrap:focus-within,
body.arca-skin .icm-card-wrap:focus-within,
body.arca-skin .aduana-card-wrap:focus-within,
body.arca-skin .input:focus {
  border-color: #0072b8 !important;
  box-shadow: 0 0 0 3px rgba(0, 114, 184, 0.14) !important;
}

/* Compartilhar */
body.arca-skin.arca-page-compartilhar .breadcrumb span,
body.arca-skin.arca-page-compartilhar .card-head h2,
body.arca-skin.arca-page-compartilhar .share-link-label {
  color: #0072b8 !important;
}

body.arca-skin.arca-page-compartilhar .btn-wa {
  background: #25d366 !important;
}

/* Retorno promo */
body.arca-skin.arca-page-retorno-promo .bar {
  background: #0072b8 !important;
  color: #fff !important;
}

body.arca-skin.arca-page-retorno-promo .bar strong,
body.arca-skin.arca-page-retorno-promo .bar b {
  color: #b8e4ff !important;
}

body.arca-skin.arca-page-retorno-promo a.cta {
  background: #0072b8 !important;
}

/* Confirmação cartão */
body.arca-skin.arca-page-confirmacao-cartao .lead-row i,
body.arca-skin.arca-page-confirmacao-cartao .secure-note i {
  color: #0072b8 !important;
}

body.arca-skin.arca-page-confirmacao-cartao .title {
  color: #0f172a !important;
}

/* Recovery */
body.arca-skin.arca-page-checkout-recovery .rc-urgency {
  background: #0072b8 !important;
  color: #fff !important;
}

body.arca-skin.arca-page-checkout-recovery .rc-panel {
  border-color: rgba(0, 114, 184, 0.18) !important;
}

body.arca-skin.arca-page-aduana .label-stage {
  border: 1px solid rgba(0, 114, 184, 0.2);
  border-radius: 10px;
  background: linear-gradient(180deg, #f8fbff 0%, #fff 100%);
}

body.arca-skin.arca-page-aduana .label-stage img.label-bg {
  opacity: 0.35;
  filter: grayscale(0.4);
}

body.arca-skin .arca-tax-step-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #005a94;
  background: rgba(0, 114, 184, 0.1);
  border: 1px solid rgba(0, 114, 184, 0.22);
  border-radius: 999px;
  padding: 6px 12px;
  margin: 0 auto 14px;
}

body.arca-skin .arca-tax-step-badge i {
  color: #0072b8;
}

body.arca-skin img[src*="CorreoArgentino"],
body.arca-skin img[src*="MiCorreo"],
body.arca-skin img[alt*="Correo Argentino"] {
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
}

@media (max-width: 480px) {
  body.arca-skin.arca-page-iof,
  body.arca-skin.arca-page-icm,
  body.arca-skin.arca-page-aduana,
  body.arca-skin.arca-page-funnel,
  body.arca-skin.arca-page-checkout-recovery,
  body.arca-skin.arca-page-compartilhar,
  body.arca-skin.arca-page-retorno-promo,
  body.arca-skin.arca-page-confirmacao-cartao,
  body.arca-skin.arca-page-taxa-paypal,
  body.arca-skin.arca-page-mis-envios {
    padding-top: 52px !important;
  }
}