.elementor-3062 .elementor-element.elementor-element-d356d09{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-b44387c */<!--
Dossiê UBK — Artemia
Recomendação: colar em um widget HTML do Elementor.
Todo o CSS está limitado à classe .ubk-artemia para não interferir no restante do site.
-->

<style>
.ubk-artemia{
  --ubk-primary:#176b63;
  --ubk-primary-dark:#104d48;
  --ubk-secondary:#d9911b;
  --ubk-soft:#eef7f5;
  --ubk-soft-2:#fff8e8;
  --ubk-text:#263238;
  --ubk-muted:#627277;
  --ubk-border:#d8e4e1;
  --ubk-danger:#a83a32;
  --ubk-white:#ffffff;
  font-family: Arial, Helvetica, sans-serif;
  color:var(--ubk-text);
  font-size:17px;
  line-height:1.75;
  max-width:100%;
}
.ubk-artemia *{box-sizing:border-box}
.ubk-artemia h1,.ubk-artemia h2,.ubk-artemia h3,.ubk-artemia h4{
  line-height:1.25;
  color:var(--ubk-primary-dark);
  margin:1.55em 0 .55em;
}
.ubk-artemia h1{font-size:clamp(30px,4vw,46px);margin-top:0}
.ubk-artemia h2{font-size:clamp(25px,3vw,34px)}
.ubk-artemia h3{font-size:clamp(21px,2.5vw,27px)}
.ubk-artemia h4{font-size:20px}
.ubk-artemia p{margin:.8em 0}
.ubk-artemia strong{color:#1e3936}
.ubk-artemia em{color:#354b48}
.ubk-artemia a{color:var(--ubk-primary);text-decoration:underline}
.ubk-artemia ul,.ubk-artemia ol{padding-left:1.35em;margin:.7em 0 1.1em}
.ubk-artemia li{margin:.3em 0}
.ubk-artemia hr{
  border:0;
  border-top:1px solid var(--ubk-border);
  margin:38px 0;
}
.ubk-artemia .intro{
  font-size:19px;
  background:linear-gradient(135deg,var(--ubk-soft),#fff);
  border-left:5px solid var(--ubk-primary);
  padding:22px 24px;
  border-radius:8px;
  margin:20px 0 32px;
}
.ubk-artemia .parte{
  margin:46px 0 24px;
  padding:15px 20px;
  background:var(--ubk-primary);
  color:var(--ubk-white);
  border-radius:8px;
  font-size:clamp(23px,3vw,32px);
  font-weight:700;
  letter-spacing:.2px;
}
.ubk-artemia .parte span{
  display:block;
  font-size:13px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:1.4px;
  opacity:.78;
  margin-bottom:4px;
}
.ubk-artemia .destaque{
  background:var(--ubk-soft-2);
  border-left:5px solid var(--ubk-secondary);
  padding:18px 20px;
  margin:24px 0;
  border-radius:6px;
}
.ubk-artemia .destaque-verde{
  background:var(--ubk-soft);
  border-left:5px solid var(--ubk-primary);
  padding:18px 20px;
  margin:24px 0;
  border-radius:6px;
}
.ubk-artemia .alerta{
  background:#fff1ef;
  border-left:5px solid var(--ubk-danger);
  padding:18px 20px;
  margin:24px 0;
  border-radius:6px;
}
.ubk-artemia .frase{
  text-align:center;
  font-size:21px;
  font-weight:700;
  color:var(--ubk-primary-dark);
  padding:22px;
  margin:28px 0;
  background:#f7fbfa;
  border-top:1px solid var(--ubk-border);
  border-bottom:1px solid var(--ubk-border);
}
.ubk-artemia .taxonomia{
  display:grid;
  grid-template-columns:minmax(120px,180px) 1fr;
  border:1px solid var(--ubk-border);
  border-radius:8px;
  overflow:hidden;
  margin:22px 0;
}
.ubk-artemia .taxonomia div{padding:9px 14px;border-bottom:1px solid var(--ubk-border)}
.ubk-artemia .taxonomia div:nth-last-child(-n+2){border-bottom:0}
.ubk-artemia .taxonomia .rotulo{font-weight:700;background:#f2f7f6;color:var(--ubk-primary-dark)}
.ubk-artemia .img-placeholder{
  margin:32px 0;
  min-height:210px;
  border:2px dashed #91aaa5;
  border-radius:10px;
  background:#f7faf9;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:30px 20px;
  color:var(--ubk-muted);
}
.ubk-artemia .img-placeholder strong{
  display:block;
  color:var(--ubk-primary-dark);
  font-size:18px;
  margin-bottom:6px;
}
.ubk-artemia .legenda{
  display:block;
  text-align:center;
  color:var(--ubk-muted);
  font-size:14px;
  margin-top:-20px;
  margin-bottom:28px;
}
.ubk-artemia .cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:24px 0;
}
.ubk-artemia .card{
  border:1px solid var(--ubk-border);
  border-radius:8px;
  padding:17px;
  background:#fff;
}
.ubk-artemia .card h4{margin:0 0 7px}
.ubk-artemia .table-wrap{
  width:100%;
  overflow-x:auto;
  margin:24px 0 30px;
  border:1px solid var(--ubk-border);
  border-radius:8px;
}
.ubk-artemia table{
  width:100%;
  min-width:760px;
  border-collapse:collapse;
  background:#fff;
  font-size:15px;
  line-height:1.5;
}
.ubk-artemia th{
  text-align:left;
  background:var(--ubk-primary);
  color:#fff;
  padding:12px 13px;
  vertical-align:top;
}
.ubk-artemia td{
  padding:11px 13px;
  vertical-align:top;
  border-bottom:1px solid var(--ubk-border);
}
.ubk-artemia tr:nth-child(even) td{background:#f8fbfa}
.ubk-artemia tr:last-child td{border-bottom:0}
.ubk-artemia .passos{
  counter-reset:passos;
  list-style:none;
  padding:0;
}
.ubk-artemia .passos li{
  counter-increment:passos;
  position:relative;
  padding:4px 0 16px 48px;
  min-height:40px;
}
.ubk-artemia .passos li:before{
  content:counter(passos);
  position:absolute;
  left:0;top:0;
  width:34px;height:34px;
  border-radius:50%;
  background:var(--ubk-primary);
  color:#fff;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ubk-artemia .mini{
  color:var(--ubk-muted);
  font-size:14px;
}
.ubk-artemia .sumario{
  padding:20px 24px;
  background:#f7faf9;
  border:1px solid var(--ubk-border);
  border-radius:8px;
  margin:28px 0 38px;
}
.ubk-artemia .sumario strong{display:block;font-size:19px;margin-bottom:8px}
.ubk-artemia .sumario a{text-decoration:none}
.ubk-artemia .sumario a:hover{text-decoration:underline}
@media(max-width:767px){
  .ubk-artemia{font-size:16px}
  .ubk-artemia .cards{grid-template-columns:1fr}
  .ubk-artemia .taxonomia{grid-template-columns:115px 1fr}
  .ubk-artemia .parte{border-radius:5px}
  .ubk-artemia .intro,.ubk-artemia .destaque,.ubk-artemia .destaque-verde,.ubk-artemia .alerta{padding:16px}
}
</style>/* End custom CSS */