/* ============================================
   EVOAR CONSULTORIA & GESTÃO — Landing Page
   Gestão de Riscos Psicossociais | NR-1
   ============================================ */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --navy:       #0D2149;
  --navy-mid:   #1A3A72;
  --blue:       #2E7FC1;
  --blue-light: #4A9FD4;
  --blue-pale:  #EAF4FB;
  --white:      #FFFFFF;
  --gray-bg:    #F4F7FA;
  --gray-text:  #6B7280;
  --gray-border:#DDE3EC;
  --sh-sm: 0 2px 8px rgba(13,33,73,.08);
  --sh-md: 0 8px 32px rgba(13,33,73,.13);
  --sh-lg: 0 20px 60px rgba(13,33,73,.18);
  --r: 12px; --rl: 20px; --tr: .3s ease;
}

html { scroll-behavior:smooth; }
body { font-family:'Poppins',sans-serif; color:var(--navy); background:var(--white); line-height:1.6; overflow-x:hidden; }
img  { display:block; max-width:100%; }
a    { text-decoration:none; color:inherit; }

.display-xl { font-family:'Playfair Display',serif; font-size:clamp(2.2rem,5vw,3.6rem); font-weight:700; line-height:1.15; letter-spacing:-.02em; }
.display-lg { font-family:'Playfair Display',serif; font-size:clamp(1.7rem,3.5vw,2.6rem); font-weight:700; line-height:1.2; }
.display-md { font-family:'Poppins',sans-serif; font-size:clamp(1.2rem,2.5vw,1.7rem); font-weight:600; }

.container         { max-width:1140px; margin:0 auto; padding:0 24px; }
.section           { padding:96px 0; }
.section--alt      { background:var(--gray-bg); }
.section--dark     { background:var(--navy); color:var(--white); }

.section-label {
  display:inline-block; background:var(--blue-pale); color:var(--blue);
  font-size:.75rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  padding:6px 14px; border-radius:100px; margin-bottom:16px;
  border:1px solid rgba(46,127,193,.25);
}
.section-label--w { background:rgba(255,255,255,.12); color:rgba(255,255,255,.85); border-color:rgba(255,255,255,.2); }
.section-header   { text-align:center; margin-bottom:64px; }
.section-header p { margin-top:16px; color:var(--gray-text); max-width:560px; margin-left:auto; margin-right:auto; }
.section-header--w p { color:rgba(255,255,255,.7); }

/* BUTTONS */
.btn { display:inline-flex; align-items:center; gap:8px; padding:14px 28px; border-radius:8px; font-family:'Poppins',sans-serif; font-size:.95rem; font-weight:600; cursor:pointer; transition:all var(--tr); border:2px solid transparent; white-space:nowrap; }
.btn--primary { background:var(--blue); color:var(--white); }
.btn--primary:hover { background:#2570ad; transform:translateY(-2px); box-shadow:0 8px 24px rgba(46,127,193,.4); }
.btn--outline { background:transparent; color:var(--white); border-color:rgba(255,255,255,.4); }
.btn--outline:hover { background:rgba(255,255,255,.1); border-color:var(--white); }
.btn--dark  { background:var(--navy); color:var(--white); }
.btn--dark:hover { background:var(--navy-mid); transform:translateY(-2px); box-shadow:var(--sh-md); }
.btn--green { background:#25D366; color:var(--white); }
.btn--green:hover { background:#1da851; transform:translateY(-2px); box-shadow:0 8px 24px rgba(37,211,102,.35); }
.btn--lg { padding:18px 36px; font-size:1.05rem; border-radius:10px; }

/* NAVBAR */
.navbar { position:fixed; top:0; left:0; right:0; z-index:100; padding:6px 0; background:rgba(13,33,73,.97); backdrop-filter:blur(14px); border-bottom:1px solid rgba(255,255,255,.06); }
.navbar__inner { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.navbar__logo { display:flex; align-items:center; }
.navbar__logo-img { height:100px; width:auto; display:block; }
.navbar__nav { display:flex; align-items:center; gap:26px; list-style:none; }
.navbar__nav a { color:rgba(255,255,255,.75); font-size:.875rem; font-weight:500; transition:color var(--tr); }
.navbar__nav a:hover { color:var(--white); }

/* HERO */
.hero { min-height:100vh; background:var(--navy); position:relative; display:flex; align-items:center; overflow:hidden; padding-top:112px; }
.hero__bg { position:absolute; inset:0; pointer-events:none; }
.hero__bg-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(74,159,212,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(74,159,212,.05) 1px,transparent 1px); background-size:48px 48px; }
.hero__bg-c { position:absolute; border-radius:50%; opacity:.07; }
.hero__bg-c1 { width:700px; height:700px; background:var(--blue-light); top:-200px; right:-150px; }
.hero__bg-c2 { width:400px; height:400px; background:var(--blue-light); bottom:-100px; left:-80px; }
.hero__inner { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; padding:80px 0 100px; position:relative; z-index:1; }
.hero__badge { display:inline-flex; align-items:center; gap:8px; background:rgba(46,127,193,.18); border:1px solid rgba(46,127,193,.35); color:#7ec8f0; padding:6px 14px; border-radius:100px; font-size:.78rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; margin-bottom:24px; }
.hero__badge::before { content:''; width:7px; height:7px; background:#7ec8f0; border-radius:50%; animation:pd 2s ease-in-out infinite; }
@keyframes pd { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(.8)} }
.hero__title { color:var(--white); margin-bottom:24px; }
.hero__title span { color:#7ec8f0; }
.hero__subtitle { color:rgba(255,255,255,.72); font-size:1.1rem; line-height:1.7; margin-bottom:40px; max-width:520px; }
.hero__actions { display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:48px; }
.hero__stats { display:flex; gap:32px; flex-wrap:wrap; padding-top:32px; border-top:1px solid rgba(255,255,255,.1); }
.hero__sn { font-family:'Playfair Display',serif; font-size:1.8rem; font-weight:700; color:#7ec8f0; line-height:1; }
.hero__sl { font-size:.78rem; color:rgba(255,255,255,.5); margin-top:4px; }

/* Hero card */
.hero__visual { position:relative; }
.hero__card-main { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:var(--rl); padding:32px; backdrop-filter:blur(8px); }
.hero__card-lbl { font-size:.7rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#7ec8f0; margin-bottom:20px; display:flex; align-items:center; gap:8px; }
.hero__card-lbl::after { content:''; flex:1; height:1px; background:rgba(74,159,212,.3); }
.hero__risk-bars { display:flex; flex-direction:column; gap:14px; }
.rb__hd { display:flex; justify-content:space-between; margin-bottom:6px; }
.rb__nm { font-size:.82rem; color:rgba(255,255,255,.75); }
.rb__pc { font-size:.78rem; font-weight:600; color:var(--white); }
.rb__track { height:8px; background:rgba(255,255,255,.08); border-radius:100px; overflow:hidden; }
.rb__fill { height:100%; border-radius:100px; }
.rb--crit { background:#E05252; width:78%; }
.rb--alto { background:#F0A030; width:61%; }
.rb--mod  { background:var(--blue-light); width:44%; }
.rb--low  { background:#40C28A; width:22%; }
.hcf { position:absolute; background:var(--white); border-radius:var(--r); padding:13px 16px; box-shadow:var(--sh-lg); display:flex; align-items:center; gap:10px; }
.hcf--1 { top:-20px; right:-20px; }
.hcf--2 { bottom:-20px; left:-20px; }
.fi { width:34px; height:34px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:1.05rem; flex-shrink:0; }
.fi--g { background:#ECFDF5; } .fi--b { background:var(--blue-pale); }
.ft-m { font-size:.84rem; font-weight:700; color:var(--navy); }
.ft-s { font-size:.71rem; color:var(--gray-text); }

/* URGENCY */
.urgency { background:linear-gradient(135deg,#1A3A72,var(--navy)); padding:18px 0; }
.urgency__in { display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; text-align:center; }
.urgency__txt { color:var(--white); font-size:.92rem; font-weight:500; }
.urgency__txt strong { color:#7ec8f0; }
.urgency__badge { background:var(--blue); color:var(--white); font-size:.74rem; font-weight:700; padding:4px 14px; border-radius:100px; }

/* PROBLEMA */
.prob__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:56px; }
.prob__card { background:var(--white); border:1px solid var(--gray-border); border-radius:var(--rl); padding:30px 26px; position:relative; transition:all var(--tr); overflow:hidden; }
.prob__card::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; border-radius:var(--rl) var(--rl) 0 0; }
.prob__card--r::before { background:#E05252; }
.prob__card--o::before { background:#F0A030; }
.prob__card--b::before { background:var(--blue); }
.prob__card:hover { transform:translateY(-4px); box-shadow:var(--sh-md); }
.prob__ico { width:50px; height:50px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.35rem; margin-bottom:18px; }
.pi--r { background:#FEF2F2; } .pi--o { background:#FFF7ED; } .pi--b { background:var(--blue-pale); }
.prob__card h3 { font-size:1rem; font-weight:700; margin-bottom:9px; }
.prob__card p  { font-size:.88rem; color:var(--gray-text); line-height:1.65; }
.prob__quote { background:var(--navy); border-radius:var(--rl); padding:48px; text-align:center; position:relative; overflow:hidden; }
.prob__quote::before { content:'"'; position:absolute; top:-20px; left:36px; font-family:'Playfair Display',serif; font-size:12rem; color:rgba(74,159,212,.08); line-height:1; }
.prob__quote-text { font-family:'Playfair Display',serif; font-size:clamp(1.2rem,2.5vw,1.55rem); color:var(--white); font-style:italic; line-height:1.5; max-width:680px; margin:0 auto 14px; position:relative; z-index:1; }
.prob__quote-text em { color:#7ec8f0; font-style:normal; }
.prob__quote-src { color:rgba(255,255,255,.42); font-size:.84rem; position:relative; z-index:1; }

/* NR1 */
.nr1__grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.nr1__list { list-style:none; display:flex; flex-direction:column; gap:12px; }
.nr1__item { display:flex; align-items:flex-start; gap:14px; background:var(--white); border:1px solid var(--gray-border); border-radius:var(--r); padding:15px 17px; transition:all var(--tr); }
.nr1__item:hover { border-color:var(--blue); box-shadow:var(--sh-sm); }
.nr1__ico { width:34px; height:34px; background:var(--blue-pale); border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:.95rem; flex-shrink:0; }
.nr1__item-text { font-size:.88rem; color:var(--navy); font-weight:500; line-height:1.5; }
.nr1__visual { background:var(--navy); border-radius:var(--rl); padding:34px; position:relative; overflow:hidden; }
.nr1__visual::before { content:''; position:absolute; top:-60px; right:-60px; width:200px; height:200px; background:var(--blue-light); border-radius:50%; opacity:.07; }
.nr1__cg { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.nr1__c  { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:var(--r); padding:18px; text-align:center; }
.nr1__cn { font-family:'Playfair Display',serif; font-size:1.9rem; font-weight:700; color:#7ec8f0; display:block; }
.nr1__cl { font-size:.76rem; color:rgba(255,255,255,.6); margin-top:4px; line-height:1.4; }

/* SOLUÇÃO */
.sol__flow { display:flex; align-items:center; justify-content:center; gap:8px; margin-bottom:52px; flex-wrap:wrap; }
.sol__pillar { background:var(--white); border:2px solid var(--gray-border); border-radius:var(--r); padding:24px 18px; text-align:center; width:185px; transition:all var(--tr); flex-shrink:0; }
.sol__pillar:hover { border-color:var(--blue); transform:translateY(-4px); box-shadow:var(--sh-md); }
.sol__pi { font-size:1.85rem; margin-bottom:9px; display:block; }
.sol__pt { font-size:.87rem; font-weight:700; margin-bottom:5px; }
.sol__pd { font-size:.75rem; color:var(--gray-text); line-height:1.5; }
.sol__arrow { color:var(--blue); font-size:1.4rem; flex-shrink:0; font-weight:700; }
.sol__result { background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%); border-radius:var(--rl); padding:38px; display:flex; align-items:center; gap:26px; }
.sol__ri { font-size:2.7rem; flex-shrink:0; }
.sol__result h3 { font-size:1.2rem; font-weight:700; color:var(--white); margin-bottom:7px; }
.sol__result p  { color:rgba(255,255,255,.7); font-size:.91rem; }

/* METODOLOGIA */
.met__steps { display:grid; grid-template-columns:repeat(5,1fr); gap:0; position:relative; }
.met__steps::before { content:''; position:absolute; top:34px; left:10%; right:10%; height:2px; background:linear-gradient(90deg,var(--navy),var(--blue-light)); z-index:0; }
.step { position:relative; z-index:1; text-align:center; padding:0 10px; }
.step__bubble { width:68px; height:68px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 16px; font-size:1.3rem; position:relative; border:3px solid var(--white); transition:all var(--tr); }
.step:nth-child(1) .step__bubble { background:#0D2149; }
.step:nth-child(2) .step__bubble { background:#1A3A72; }
.step:nth-child(3) .step__bubble { background:#21529A; }
.step:nth-child(4) .step__bubble { background:#2A6EC0; }
.step:nth-child(5) .step__bubble { background:var(--blue-light); }
.step__bubble:hover { transform:scale(1.1); box-shadow:0 8px 24px rgba(74,159,212,.35); }
.step__num { position:absolute; top:-6px; right:-6px; width:21px; height:21px; background:var(--white); border-radius:50%; font-size:.7rem; font-weight:800; color:var(--navy); display:flex; align-items:center; justify-content:center; border:2px solid var(--blue-light); }
.step__title { font-size:.85rem; font-weight:700; color:var(--white); margin-bottom:6px; }
.step__desc  { font-size:.75rem; color:rgba(255,255,255,.6); line-height:1.5; }

/* BENEFÍCIOS */
.ben__grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.ben__card { background:var(--white); border:1px solid var(--gray-border); border-radius:var(--rl); padding:30px; display:flex; gap:18px; align-items:flex-start; transition:all var(--tr); position:relative; overflow:hidden; }
.ben__card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--navy),var(--blue-light)); transform:scaleX(0); transform-origin:left; transition:transform var(--tr); }
.ben__card:hover { transform:translateY(-4px); box-shadow:var(--sh-md); border-color:rgba(46,127,193,.3); }
.ben__card:hover::after { transform:scaleX(1); }
.ben__ico { width:52px; height:52px; border-radius:13px; background:var(--blue-pale); display:flex; align-items:center; justify-content:center; font-size:1.4rem; flex-shrink:0; }
.ben__card h3 { font-size:.98rem; font-weight:700; margin-bottom:7px; }
.ben__card p  { font-size:.86rem; color:var(--gray-text); line-height:1.65; }

/* SERVIÇOS */
.serv__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.serv__card { background:var(--white); border:2px solid var(--gray-border); border-radius:var(--rl); padding:34px 24px; text-align:center; transition:all var(--tr); position:relative; overflow:hidden; }
.serv__card--dest { border-color:var(--blue); background:linear-gradient(135deg,var(--blue-pale) 0%,var(--white) 100%); }
.serv__card--dest::before { content:'MAIS POPULAR'; position:absolute; top:15px; right:-28px; background:var(--blue); color:var(--white); font-size:.61rem; font-weight:800; letter-spacing:.1em; padding:4px 36px; transform:rotate(45deg); }
.serv__card:hover { transform:translateY(-6px); box-shadow:var(--sh-lg); border-color:var(--blue); }
.serv__ico { width:66px; height:66px; border-radius:17px; background:var(--blue-pale); display:flex; align-items:center; justify-content:center; font-size:1.65rem; margin:0 auto 16px; }
.serv__card--dest .serv__ico { background:linear-gradient(135deg,var(--blue),var(--navy)); }
.serv__title    { font-size:1rem; font-weight:700; margin-bottom:7px; }
.serv__subtitle { font-size:.75rem; font-weight:600; color:var(--blue); text-transform:uppercase; letter-spacing:.08em; margin-bottom:11px; }
.serv__desc     { font-size:.84rem; color:var(--gray-text); line-height:1.65; margin-bottom:16px; }
.serv__feats    { list-style:none; text-align:left; margin-bottom:24px; display:flex; flex-direction:column; gap:6px; }
.serv__feat     { display:flex; align-items:flex-start; gap:7px; font-size:.81rem; }
.serv__feat::before { content:'✓'; color:var(--blue); font-weight:700; flex-shrink:0; }

/* DIFERENCIAL */
.dif__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.dif__item { text-align:center; padding:28px 16px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:var(--rl); transition:all var(--tr); }
.dif__item:hover { background:rgba(255,255,255,.08); border-color:rgba(74,159,212,.4); transform:translateY(-4px); }
.dif__icon  { font-size:2.1rem; margin-bottom:12px; display:block; }
.dif__title { font-size:.87rem; font-weight:700; color:var(--white); margin-bottom:6px; }
.dif__text  { font-size:.77rem; color:rgba(255,255,255,.6); line-height:1.5; }

/* CTA FINAL */
.cta-final { background:linear-gradient(135deg,var(--navy) 0%,#112460 50%,var(--navy-mid) 100%); position:relative; overflow:hidden; }
.cta-final::before,.cta-final::after { content:''; position:absolute; border-radius:50%; opacity:.05; }
.cta-final::before { width:400px; height:400px; background:var(--blue-light); top:-100px; left:-100px; }
.cta-final::after  { width:300px; height:300px; background:var(--blue-light); bottom:-80px; right:-80px; }
.cta-final__in { position:relative; z-index:1; text-align:center; max-width:700px; margin:0 auto; }
.cta-final__cl { list-style:none; display:flex; flex-direction:column; gap:9px; text-align:left; max-width:420px; margin:26px auto 34px; }
.cta-final__ci { display:flex; align-items:flex-start; gap:10px; color:rgba(255,255,255,.85); font-size:.9rem; }
.cta-final__ci::before { content:'✓'; width:20px; height:20px; background:var(--blue); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.65rem; font-weight:700; flex-shrink:0; text-align:center; line-height:20px; color:var(--white); }
.cta-final__acts { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }

/* FORMULÁRIO */
.form-section { background:var(--gray-bg); }
.form-box { max-width:680px; margin:0 auto; background:var(--white); border-radius:var(--rl); padding:54px 46px; box-shadow:var(--sh-lg); border:1px solid var(--gray-border); }
.form-hdr { text-align:center; margin-bottom:34px; }
.form-hdr h2 { margin-bottom:9px; }
.form-hdr p  { color:var(--gray-text); font-size:.92rem; }
.form-grid     { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.form-full     { grid-column:1/-1; }
.form-group    { display:flex; flex-direction:column; gap:5px; }
.form-lbl      { font-size:.81rem; font-weight:600; color:var(--navy); }
.form-inp {
  padding:12px 14px; border:2px solid var(--gray-border); border-radius:8px;
  font-family:'Poppins',sans-serif; font-size:.88rem; color:var(--navy);
  transition:all var(--tr); background:var(--white); width:100%;
}
.form-inp:focus { outline:none; border-color:var(--blue); box-shadow:0 0 0 4px rgba(46,127,193,.1); }
.form-inp::placeholder { color:#A0ADB8; }
.form-submit .btn { width:100%; justify-content:center; font-size:1rem; }
.form-disc { text-align:center; font-size:.76rem; color:var(--gray-text); margin-top:9px; grid-column:1/-1; }

/* FOOTER */
.footer { background:var(--navy); padding:46px 0 26px; }
.footer__logo-img { height:100px; width:auto; display:block; margin-bottom:14px; }
.footer__inner { display:grid; grid-template-columns:2fr 1fr 1fr; gap:44px; margin-bottom:32px; }
.footer__bn  { font-family:'Playfair Display',serif; font-size:1.25rem; font-weight:700; color:var(--white); margin-bottom:3px; }
.footer__bs  { font-size:.74rem; color:rgba(255,255,255,.38); text-transform:uppercase; letter-spacing:.1em; margin-bottom:13px; }
.footer__bd  { font-size:.83rem; color:rgba(255,255,255,.55); line-height:1.7; max-width:300px; }
.footer__ct  { font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:rgba(255,255,255,.42); margin-bottom:13px; }
.footer__links { list-style:none; display:flex; flex-direction:column; gap:8px; }
.footer__links a { font-size:.85rem; color:rgba(255,255,255,.65); transition:color var(--tr); }
.footer__links a:hover { color:#7ec8f0; }
.footer__ci { display:flex; align-items:center; gap:8px; font-size:.85rem; color:rgba(255,255,255,.65); margin-bottom:8px; }
.footer__bot { border-top:1px solid rgba(255,255,255,.08); padding-top:20px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:9px; }
.footer__cp  { font-size:.77rem; color:rgba(255,255,255,.36); }
.footer__nr  { font-size:.73rem; color:#7ec8f0; font-weight:600; }

/* ANIMATIONS */
@keyframes fiu { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }
.a1{animation:fiu .7s .1s ease both}
.a2{animation:fiu .7s .22s ease both}
.a3{animation:fiu .7s .34s ease both}
.a4{animation:fiu .7s .48s ease both}

/* RESPONSIVE */
@media(max-width:1024px){
  .met__steps{grid-template-columns:repeat(3,1fr);gap:18px}
  .met__steps::before{display:none}
  .dif__grid{grid-template-columns:repeat(2,1fr)}
  .nr1__grid{grid-template-columns:1fr;gap:36px}
}
@media(max-width:768px){
  .section{padding:60px 0}
  .hero__inner{grid-template-columns:1fr;padding:36px 0 56px}
  .hero__visual{display:none}
  .navbar__nav{display:none}
  .prob__grid,.ben__grid,.serv__grid{grid-template-columns:1fr}
  .dif__grid,.met__steps{grid-template-columns:repeat(2,1fr)}
  .sol__flow{flex-direction:column}
  .sol__arrow{transform:rotate(90deg)}
  .footer__inner{grid-template-columns:1fr;gap:26px}
  .form-box{padding:30px 20px}
  .form-grid{grid-template-columns:1fr}
  .footer__bot{flex-direction:column;text-align:center}
  .sol__result{flex-direction:column;text-align:center}
  .cta-final__acts{flex-direction:column;align-items:center}
  .prob__quote{padding:30px 20px}
}
@media(max-width:480px){
  .display-xl{font-size:2rem}
  .dif__grid,.met__steps{grid-template-columns:1fr}
  .hero__actions{flex-direction:column;align-items:flex-start}
  .btn--lg{width:100%;justify-content:center}
}