/* Refino visual P0 - Atelie Industrial de Cor.
   Camada de polimento isolada para preservar a V9 e evitar reescrita global. */

.ey,
.eyg,
.eyd,
.fer-eyebrow,
.acor-color-eyebrow,
.acor-color-h4,
.acor-color-type-eyebrow,
.acor-color-spectrum-kicker,
.acor-color-ambients-kicker,
.calc-eye,
.calc-h4,
.calc-label,
.pc-tag,
.pc-spk,
.journey-kicker,
.atelier-kicker{
  letter-spacing:0;
  text-transform:none;
}

.topbar-pin,
.btn-mark,
.footer-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.topbar-pin{
  width:9px;
  height:9px;
  margin-right:4px;
  border:2px solid var(--gold);
  border-radius:50%;
  box-shadow:0 0 0 4px rgba(196,154,40,.12);
}

.btn-mark{
  width:15px;
  height:15px;
  margin-right:6px;
  vertical-align:-2px;
}

.btn-mark-color{
  background:conic-gradient(from 20deg,#184898,#187858,#E8C820,#A84830,#6A3018,#184898);
  border:1px solid rgba(255,255,255,.42);
}

.btn-mark-ruler{
  border:1px solid currentColor;
  background:linear-gradient(90deg,currentColor 0 1px,transparent 1px 5px,currentColor 5px 6px,transparent 6px 10px,currentColor 10px 11px,transparent 11px);
  opacity:.9;
}

.btn-mark-talk{
  position:relative;
  border:1px solid currentColor;
  border-radius:50%;
}

.btn-mark-talk::after{
  content:'';
  position:absolute;
  right:0;
  bottom:-3px;
  width:5px;
  height:5px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:rotate(35deg);
  background:inherit;
}

.hero{
  background:
    linear-gradient(115deg,rgba(24,72,152,.14),transparent 28%),
    linear-gradient(158deg,transparent 48%,rgba(168,72,48,.16) 72%,rgba(196,154,40,.10)),
    #120704;
}

.hero::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent,rgba(196,154,40,.08),transparent),
    linear-gradient(180deg,transparent 72%,rgba(245,237,224,.05));
  mix-blend-mode:screen;
  opacity:.75;
}

.hh em{
  background:linear-gradient(90deg,#F5EDE0,#D4AA38 42%,#B44020 78%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.hsu{
  max-width:620px;
}

.hero-tools-bar{
  backdrop-filter:blur(10px);
  box-shadow:0 18px 38px rgba(0,0,0,.20);
}

.hero-color-lab{
  width:min(580px,100%);
  margin-top:16px;
  padding:14px;
  display:grid;
  grid-template-columns:1fr minmax(150px,220px);
  gap:14px;
  align-items:center;
  background:rgba(245,237,224,.06);
  border:1px solid rgba(245,237,224,.12);
  border-left:3px solid var(--rust);
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}

.hero-color-lab-copy span{
  display:block;
  color:var(--gol);
  font-size:.72rem;
  font-weight:700;
  margin-bottom:3px;
}

.hero-color-lab-copy strong{
  display:block;
  color:rgba(245,237,224,.78);
  font-size:.84rem;
  line-height:1.35;
  font-weight:500;
}

.hero-color-lab-track{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  height:58px;
  border:1px solid rgba(255,255,255,.14);
  overflow:hidden;
}

.hero-color-lab-track i{
  display:block;
  background:var(--sw);
  min-width:14px;
}

.hcard{
  box-shadow:0 28px 70px rgba(0,0,0,.36);
}

.hcard::after{
  content:'';
  position:absolute;
  inset:12px;
  border:1px solid rgba(196,154,40,.18);
  pointer-events:none;
}

.journey-section{
  background:
    linear-gradient(90deg,rgba(196,154,40,.08),transparent 35%),
    linear-gradient(180deg,#F5EDE0,#EFE3D1);
}

.journey-card{
  position:relative;
  overflow:hidden;
}

.journey-card::before{
  content:'';
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:var(--journey-accent,#C49A28);
}

.journey-card:nth-child(2){--journey-accent:#1E7090}
.journey-card:nth-child(3){--journey-accent:#A84830}
.journey-card:nth-child(4){--journey-accent:#187858}
.journey-card:nth-child(5){--journey-accent:#25D366}

.journey-card:hover{
  transform:translateY(-4px);
}

.journey-num{
  color:var(--journey-accent,#C49A28);
}

.atelier-spectrum{
  position:relative;
  padding:72px 0;
  background:#140806;
  color:#F5EDE0;
  overflow:hidden;
}

.atelier-spectrum::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 72px),
    linear-gradient(180deg,rgba(245,237,224,.04),transparent 42%);
  pointer-events:none;
}

.atelier-spectrum .ct{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,380px) minmax(0,1fr);
  gap:34px;
  align-items:end;
}

.atelier-kicker{
  display:inline-flex;
  padding:6px 10px;
  color:#D4AA38;
  border:1px solid rgba(212,170,56,.26);
  background:rgba(212,170,56,.08);
  font-size:.75rem;
  font-weight:700;
  margin-bottom:14px;
}

.atelier-title{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2rem,4vw,3.6rem);
  line-height:1;
  color:#F5EDE0;
  margin-bottom:12px;
}

.atelier-spectrum-copy p{
  color:rgba(245,237,224,.66);
  font-size:.92rem;
  line-height:1.75;
}

.atelier-spectrum-panel{
  background:rgba(245,237,224,.05);
  border:1px solid rgba(245,237,224,.14);
  box-shadow:0 26px 70px rgba(0,0,0,.32);
}

.atelier-spectrum-strip{
  display:grid;
  grid-template-columns:repeat(14,1fr);
  min-height:180px;
}

.atelier-spectrum-strip span{
  display:block;
  background:var(--sw);
  min-width:18px;
  transition:transform .18s,filter .18s;
}

.atelier-spectrum-strip span:hover{
  transform:scaleY(1.06);
  filter:saturate(1.08);
}

.atelier-spectrum-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  border-top:1px solid rgba(245,237,224,.12);
}

.atelier-spectrum-meta strong{
  color:#F5EDE0;
  font-size:.92rem;
}

.atelier-spectrum-meta a{
  color:#D4AA38;
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid rgba(212,170,56,.5);
}

.ferramentas-section{
  background:
    linear-gradient(180deg,#F5EDE0 0,#EFE5D5 100%);
}

.fer-card{
  border-radius:8px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.52)),
    #F5EDE0;
}

.fer-card:nth-child(2),
.fer-card:nth-child(4){
  transform:translateY(12px);
}

.fer-card-icon{
  position:relative;
  background:#1C0D08;
  color:#F5EDE0;
  border-radius:8px;
  overflow:hidden;
}

.fer-card-icon::before,
.fer-card-icon::after{
  content:'';
  position:absolute;
}

.fer-icon-color::before{
  inset:9px;
  background:conic-gradient(#184898,#187858,#E8C820,#A84830,#6A3018,#184898);
  border-radius:50%;
}

.fer-icon-calc::before{
  left:14px;
  right:14px;
  top:17px;
  height:18px;
  border:2px solid #D4AA38;
}

.fer-icon-calc::after{
  left:18px;
  top:13px;
  width:24px;
  height:24px;
  border-left:2px solid #F5EDE0;
  border-bottom:2px solid #F5EDE0;
}

.fer-icon-catalog::before{
  inset:11px 15px;
  border:2px solid #D4AA38;
  box-shadow:8px 5px 0 rgba(212,170,56,.18);
}

.fer-icon-catalog::after{
  left:24px;
  top:11px;
  bottom:11px;
  width:1px;
  background:#D4AA38;
}

.fer-icon-talk::before{
  inset:12px;
  border:2px solid #25D366;
  border-radius:50%;
}

.fer-icon-talk::after{
  right:14px;
  bottom:12px;
  width:10px;
  height:10px;
  border-right:2px solid #25D366;
  border-bottom:2px solid #25D366;
  transform:rotate(35deg);
}

.prods{
  background:
    linear-gradient(90deg,rgba(30,112,144,.08),transparent 32%),
    linear-gradient(180deg,#1C0D08,#120704);
}

.pc{
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 20px 48px rgba(0,0,0,.20);
}

.pc:nth-child(3n+1){background:rgba(245,237,224,.965)}
.pc:nth-child(3n+2){background:#F1E4D1}
.pc:nth-child(3n){background:#EFE8DA}

.pc-img{
  background:linear-gradient(135deg,rgba(196,154,40,.15),rgba(30,112,144,.10));
}

.pc .btn{
  align-items:center;
}

.pc,
.pc:nth-child(3n+1),
.pc:nth-child(3n+2),
.pc:nth-child(3n){
  background:
    linear-gradient(135deg,rgba(255,255,255,.88),rgba(244,233,215,.96)),
    #F5EDE0;
  color:#1C0D08;
}

.pc-name{
  color:#1C0D08;
}

.pc-desc{
  color:rgba(28,13,8,.78);
}

.pc-tag{
  color:#8A520D;
  font-weight:800;
}

.pc-sp{
  background:#31241E;
}

.pc-spv{
  color:#FDF7EA;
}

.pc-spk{
  color:rgba(253,247,234,.72);
}

.pc-img{
  background:
    radial-gradient(circle at 50% 30%,rgba(255,255,255,.96),rgba(239,226,202,.92) 54%,rgba(215,195,160,.78));
}

.product-showcase-card{
  background:#FFF9EF;
  color:#1C0D08;
}

.product-showcase-card .page-card-title{
  color:#1C0D08;
}

.product-card-copy,
.product-meta,
.product-meta span{
  color:rgba(28,13,8,.76);
}

.product-card-tech{
  background:rgba(255,255,255,.58);
}

.product-card-chips span{
  background:#1C0D08;
  color:#F5EDE0;
}

.product-card-soon,
.product-card-asset-note{
  color:#6A2A16;
  background:rgba(180,64,32,.10);
}

.acor-color-section{
  background:
    linear-gradient(120deg,rgba(30,112,144,.10),transparent 28%),
    linear-gradient(240deg,rgba(180,64,32,.12),transparent 36%),
    #140806;
}

.acor-color-card-main,
.acor-color-toolbar,
.acor-color-spectrum,
.acor-color-grid-wrap,
.acor-color-palettes,
.acor-color-cta-final{
  border-radius:8px;
}

.acor-color-type-tab,
.acor-color-card,
.acor-color-palette,
.acor-color-ambient-card{
  border-radius:8px;
}

.acor-color-search-icon{
  width:16px;
  height:16px;
  border:2px solid var(--ac-fade);
  border-radius:50%;
}

.acor-color-search-icon::after{
  content:'';
  position:absolute;
  width:7px;
  height:2px;
  right:-4px;
  bottom:0;
  background:var(--ac-fade);
  transform:rotate(45deg);
  transform-origin:left center;
}

.acor-color-card-main{
  background:
    linear-gradient(90deg,rgba(245,237,224,.06),rgba(245,237,224,.02)),
    rgba(255,255,255,.035);
}

.acor-color-card-decor span{
  min-height:92px;
}

.acor-color-card{
  box-shadow:0 16px 36px rgba(0,0,0,.22);
}

.acor-color-card:hover{
  transform:translateY(-3px);
}

.acor-color-bottom-tabs{
  border-radius:8px;
}

.calc-section{
  background:
    linear-gradient(115deg,rgba(196,154,40,.10),transparent 35%),
    linear-gradient(245deg,rgba(30,112,144,.10),transparent 34%),
    #1C0D08;
}

.calc-panel,
.calc-result,
.calc-note{
  border-radius:8px;
}

.calc-panel{
  box-shadow:0 24px 70px rgba(0,0,0,.22);
}

.calc-mode-btn,
.calc-mt-btn,
.calc-btn,
.calc-mini-btn,
.calc-add-btn,
.calc-amb,
.calc-input,
.calc-select{
  border-radius:6px;
}

.calc-result{
  background:
    linear-gradient(90deg,rgba(196,154,40,.10),rgba(255,255,255,.025)),
    rgba(0,0,0,.44);
}

.page-body{
  background:
    linear-gradient(115deg,rgba(196,154,40,.08),transparent 28%),
    linear-gradient(245deg,rgba(30,112,144,.08),transparent 34%),
    #F5EDE0;
}

.page-header{
  border-bottom:1px solid rgba(14,6,4,.08);
}

.page-hero,
.product-hero{
  padding:32px;
  border:1px solid rgba(14,6,4,.10);
  border-left:4px solid var(--gold);
  border-radius:8px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.72),rgba(255,255,255,.46)),
    #F5EDE0;
  box-shadow:0 20px 48px rgba(28,13,8,.08);
}

.page-note,
.product-hero-card,
.page-card,
.product-spec-card,
.product-yield-table,
.product-faq details,
.contact-panel{
  border-radius:8px;
}

.page-card,
.product-spec-card,
.product-hero-card{
  box-shadow:0 14px 30px rgba(28,13,8,.06);
}

.page-card:nth-child(3n+1){
  border-top:3px solid var(--gold);
}

.page-card:nth-child(3n+2){
  border-top:3px solid var(--teal);
}

.page-card:nth-child(3n){
  border-top:3px solid var(--rust);
}

.page-card-tag,
.page-card-status,
.product-breadcrumb,
.product-spec-card strong{
  letter-spacing:0;
  text-transform:none;
}

.product-final-cta{
  border-radius:8px;
  background:
    linear-gradient(120deg,rgba(196,154,40,.12),transparent 36%),
    linear-gradient(250deg,rgba(30,112,144,.10),transparent 34%),
    var(--esp);
}

.footer-icon{
  width:18px;
  height:18px;
  color:currentColor;
  position:relative;
}

.footer-icon-pin{
  border:2px solid currentColor;
  border-radius:50%;
}

.footer-icon-pin::after{
  content:'';
  position:absolute;
  left:50%;
  bottom:-7px;
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateX(-50%) rotate(45deg);
}

.footer-icon-phone{
  border:2px solid currentColor;
  border-radius:4px;
}

.footer-icon-phone::after{
  content:'';
  position:absolute;
  left:5px;
  right:5px;
  bottom:2px;
  height:2px;
  background:currentColor;
}

.footer-icon-talk{
  border:2px solid currentColor;
  border-radius:50%;
}

.footer-icon-talk::after{
  content:'';
  position:absolute;
  right:0;
  bottom:-5px;
  width:7px;
  height:7px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(35deg);
}

.footer-icon-instagram{
  border:2px solid currentColor;
  border-radius:5px;
}

.footer-icon-instagram::before{
  content:'';
  position:absolute;
  inset:4px;
  border:2px solid currentColor;
  border-radius:50%;
}

.footer-icon-instagram::after{
  content:'';
  position:absolute;
  right:3px;
  top:3px;
  width:3px;
  height:3px;
  background:currentColor;
  border-radius:50%;
}

.footer-icon-clock{
  border:2px solid currentColor;
  border-radius:50%;
}

.footer-icon-clock::before,
.footer-icon-clock::after{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  background:currentColor;
  transform-origin:left center;
}

.footer-icon-clock::before{
  width:6px;
  height:2px;
  transform:translateY(-1px);
}

.footer-icon-clock::after{
  width:5px;
  height:2px;
  transform:translateY(-1px) rotate(-90deg);
}

.fci > .footer-icon{
  margin-top:2px;
}

/* P0 legibilidade: a regiao clara de ferramentas precisa ler como UI, nao como textura. */
.ferramentas-section{
  background:
    linear-gradient(180deg,#F7EFE2 0,#EADCC7 100%);
  color:#1C0D08;
}

.fer-head,
.fer-card{
  color:#1C0D08;
}

.fer-eyebrow{
  color:#8A520D;
  font-weight:800;
}

.fer-title{
  color:#1C0D08;
}

.fer-sub{
  color:rgba(28,13,8,.74);
}

.fer-card{
  background:#FFF9EF;
  border-color:rgba(28,13,8,.14);
  box-shadow:0 18px 36px rgba(28,13,8,.10);
}

.fer-card-title{
  color:#1C0D08;
}

.fer-card-text{
  color:rgba(28,13,8,.78);
}

.fer-card-btn{
  color:#1C0D08;
  border-color:rgba(28,13,8,.24);
  background:rgba(255,255,255,.68);
}

.fer-card-btn:hover,
.fer-card-btn:focus-visible{
  color:#fff;
}

.fer-card-icon{
  box-shadow:0 10px 22px rgba(28,13,8,.14);
}

.page-card-text,
.page-lead,
.page-note,
.product-safe-note{
  color:rgba(28,13,8,.76);
}

.product-yield-table,
.product-faq details,
.product-tech-main article,
.product-tech-accordion details{
  background:#FFF9EF;
  color:#1C0D08;
}

@media(max-width:860px){
  .hero-color-lab,
  .atelier-spectrum .ct{
    grid-template-columns:1fr;
  }

  .hero-color-lab-track{
    height:46px;
  }

  .atelier-spectrum{
    padding:54px 0;
  }

  .atelier-spectrum-strip{
    min-height:132px;
    overflow-x:auto;
  }

  .atelier-spectrum-meta{
    align-items:flex-start;
    flex-direction:column;
  }

  .fer-card:nth-child(2),
  .fer-card:nth-child(4){
    transform:none;
  }
}

@media(max-width:380px){
  .hero-color-lab{
    padding:12px;
  }

  .hero-color-lab-track{
    grid-template-columns:repeat(4,1fr);
    height:72px;
  }

  .atelier-spectrum-strip{
    grid-template-columns:repeat(7,minmax(28px,1fr));
    min-height:150px;
  }

  .btn-mark{
    margin-right:4px;
  }
}