/**
 * ARANOX Premium Finishing
 * Release: AW2_150
 * Dependências: AW2_145 a AW2_149
 */

/* Renderização */
html{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  scroll-padding-top:var(--arx-ux-header-offset,88px);
}

body{
  overflow-wrap:break-word;
}

img,
svg,
video,
canvas{
  max-width:100%;
}

img{
  height:auto;
}

iframe{
  max-width:100%;
}

/* Prevenção de CLS */
img:not([width]):not([height]){
  aspect-ratio:var(--arx-image-ratio,16/9);
}

.arx-ratio{
  position:relative;
  width:100%;
  overflow:hidden;
}

.arx-ratio::before{
  content:"";
  display:block;
  padding-top:var(--arx-ratio,56.25%);
}

.arx-ratio>*{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Hierarquia */
:where(h1,h2,h3,h4){
  text-wrap:balance;
}

:where(p,li){
  text-wrap:pretty;
}

:where(main,section,article,aside,header,footer){
  min-width:0;
}

/* Seções */
.arx-finish-section{
  position:relative;
  content-visibility:auto;
  contain-intrinsic-size:1px 720px;
}

.arx-finish-section--critical{
  content-visibility:visible;
  contain-intrinsic-size:auto;
}

/* Superfícies */
.arx-finish-surface{
  border:1px solid var(--arx-line-light);
  border-radius:var(--arx-radius-lg);
  background:var(--arx-white);
  box-shadow:var(--arx-shadow-sm);
}

.arx-finish-surface--dark{
  color:var(--arx-white);
  border-color:var(--arx-line-dark);
  background:rgba(255,255,255,.04);
}

.arx-finish-edge{
  position:relative;
}

.arx-finish-edge::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:min(86%,1100px);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--arx-line-light),transparent);
}

/* Elevação consistente */
.arx-finish-lift{
  transition:
    transform var(--arx-duration-base) var(--arx-ease),
    box-shadow var(--arx-duration-base) var(--arx-ease),
    border-color var(--arx-duration-base) var(--arx-ease);
}

.arx-finish-lift:hover{
  transform:translateY(-4px);
  border-color:rgba(22,134,178,.24);
  box-shadow:var(--arx-shadow-md);
}

/* Links externos */
a[target="_blank"]:not(.arx-no-external-icon)::after{
  content:"↗";
  display:inline-block;
  margin-left:.28em;
  font-size:.78em;
  line-height:1;
  opacity:.68;
}

/* Tabelas */
.arx-table-wrap{
  width:100%;
  overflow:auto;
  border:1px solid var(--arx-line-light);
  border-radius:var(--arx-radius-lg);
  background:var(--arx-white);
}

.arx-table-wrap table{
  width:100%;
  min-width:680px;
  border-collapse:collapse;
}

.arx-table-wrap :where(th,td){
  padding:14px 16px;
  border-bottom:1px solid var(--arx-line-light);
  text-align:left;
  vertical-align:top;
}

.arx-table-wrap th{
  color:var(--arx-ink);
  background:var(--arx-paper-100);
  font-size:var(--arx-font-size-sm);
  font-weight:900;
}

/* Imagens premium */
.arx-image-premium{
  display:block;
  width:100%;
  border-radius:var(--arx-radius-lg);
  box-shadow:var(--arx-shadow-md);
  object-fit:cover;
}

.arx-image-frame{
  padding:8px;
  border:1px solid var(--arx-line-light);
  border-radius:calc(var(--arx-radius-lg) + 8px);
  background:var(--arx-white);
  box-shadow:var(--arx-shadow-sm);
}

/* Listas institucionais */
.arx-list-clean{
  margin:0;
  padding:0;
  list-style:none;
}

.arx-list-clean li{
  position:relative;
  padding-left:26px;
}

.arx-list-clean li+li{
  margin-top:10px;
}

.arx-list-clean li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--arx-cyan-500),var(--arx-green-500));
  box-shadow:0 0 0 5px rgba(66,217,223,.08);
}

/* Estados */
.arx-state-success{--arx-state-color:var(--arx-green-500)}
.arx-state-warning{--arx-state-color:var(--arx-amber-500)}
.arx-state-danger{--arx-state-color:var(--arx-red-500)}
.arx-state-info{--arx-state-color:var(--arx-blue-600)}

.arx-state{
  border-left:4px solid var(--arx-state-color,var(--arx-blue-600));
}

/* Impressão */
@media print{
  *,
  *::before,
  *::after{
    box-shadow:none!important;
    text-shadow:none!important;
    animation:none!important;
    transition:none!important;
  }

  html{
    scroll-padding-top:0;
  }

  body{
    color:#000!important;
    background:#fff!important;
  }

  header,
  footer,
  nav,
  .arx-scroll-progress,
  .arx-ux-backtop,
  .arx-ux-context-nav,
  .arx-ux-toast-region{
    display:none!important;
  }

  a{
    color:#000!important;
    text-decoration:underline;
  }

  a[href^="http"]::after{
    content:" (" attr(href) ")";
    font-size:.8em;
  }

  .arx-bg,
  .arx-bg-*{
    color:#000!important;
    background:#fff!important;
  }

  section,
  article{
    break-inside:avoid;
  }
}

/* Contraste forçado */
@media(forced-colors:active){
  :where(a,button,input,select,textarea,summary){
    forced-color-adjust:auto;
  }

  .arx-finish-surface,
  .arx-cmp-feature,
  .arx-cmp-process article{
    border:1px solid CanvasText;
  }
}

/* Responsividade */
@media(max-width:760px){
  .arx-table-wrap{
    border-radius:var(--arx-radius-md);
  }

  .arx-finish-lift:hover{
    transform:none;
  }
}

@media(prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto!important;
  }

  .arx-finish-lift{
    transition:none!important;
  }
}
