/* Páginas de cada casa (epyincorporadora.com.br/casas/<casa>/). Mesmos tokens, fontes e peças do index. */
@font-face{font-family:'Playfair';src:url('fonte/Playfair.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'Playfair';src:url('fonte/PlayfairItalic.woff2') format('woff2');font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:'Satoshi';src:url('fonte/Satoshi-300.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Satoshi';src:url('fonte/Satoshi-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Satoshi';src:url('fonte/Satoshi-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Satoshi';src:url('fonte/Satoshi-700.woff2') format('woff2');font-weight:700;font-display:swap}

:root{
  --verde:#20463B; --verde-2:#2A5849; --verde-3:#1A3A31; --grafite:#131718; --pedra:#C2B7A4;
  --creme:#F4EEE6; --creme-70:rgba(244,238,230,.76); --creme-45:rgba(244,238,230,.52); --creme-15:rgba(244,238,230,.20);
  --salvia:#91AF8A;
  --col:min(1360px, 92vw);
  --serif:'Playfair',Georgia,serif; --sans:'Satoshi',system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{scroll-behavior:auto}
html,body{overflow-x:clip;background:var(--verde);color:var(--creme)}
body{font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased;line-height:1.55}
img,video,iframe{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
::selection{background:var(--salvia);color:#1A3A31}

.col{width:var(--col);margin-inline:auto}
.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.015em}
.rotulo{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--salvia);font-weight:500}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;line-height:1.04}
h2{font-size:clamp(30px,3.8vw,56px)}
h3{font-size:clamp(22px,2.4vw,34px)}
p{max-width:62ch}
.texto{font-size:clamp(15px,1.15vw,18px);color:var(--creme-70);line-height:1.7}
.bloco{padding-block:clamp(90px,14vh,170px)}

/* ---- navegação ---- */
.topo{position:fixed;inset:0 0 auto 0;z-index:60;height:64px;display:flex;align-items:center;
  background:linear-gradient(180deg,rgba(26,58,49,.78),rgba(26,58,49,0));transition:background .4s, backdrop-filter .4s}
.topo.preso{background:rgba(32,69,59,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--creme-15)}
.topo .col{display:flex;align-items:center;gap:clamp(16px,3vw,44px)}
.marca{display:flex;align-items:center;gap:10px;margin-right:auto}
.marca img{height:19px;width:auto}
.marca b{font-family:var(--serif);font-size:19px;font-weight:400;letter-spacing:.14em}
.menu{display:flex;gap:clamp(14px,2vw,30px);font-size:13px;letter-spacing:.04em;color:var(--creme-70)}
.menu a{padding:6px 0;border-bottom:1px solid transparent;transition:color .25s,border-color .25s;white-space:nowrap}
.menu a:hover,.menu a.aqui{color:var(--creme);border-color:var(--salvia)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;
  font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;
  padding:13px 26px;border:1px solid var(--salvia);color:var(--creme);background:transparent;cursor:pointer;
  transition:background .3s,color .3s,transform .15s}
.btn:hover{background:var(--salvia);color:var(--verde-3)}
.btn:active{transform:translateY(1px) scale(.99)}
.btn.cheio{background:var(--salvia);color:var(--verde-3)}
.btn.cheio:hover{background:var(--creme);border-color:var(--creme)}
.btn.sm{padding:10px 18px;font-size:12px}
@media(max-width:900px){.menu{display:none}}

/* ---- capa da casa ---- */
.capa-casa{position:relative;min-height:100dvh;display:flex;align-items:flex-end;overflow:hidden;background:var(--verde-3)}
.capa-casa .fundo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}
.capa-casa::after{content:'';position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(26,58,49,.42) 0%,rgba(26,58,49,.04) 28%,rgba(26,58,49,.38) 56%,rgba(26,58,49,.92) 100%),
  radial-gradient(120% 80% at 0% 100%,rgba(26,58,49,.56),transparent 62%)}
.capa-casa .col{position:relative;z-index:2;padding-block:120px clamp(44px,8vh,92px);display:grid;gap:18px}
.trilha{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--creme-70)}
.trilha a:hover{color:var(--salvia)}
.trilha i{font-style:normal;color:var(--creme-45)}
.capa-casa h1{font-size:clamp(46px,7.4vw,118px);line-height:.96;max-width:12ch}
.capa-casa .lead{max-width:46ch;font-size:clamp(16px,1.2vw,19px)}
.selos{display:flex;flex-wrap:wrap;gap:10px}
.selo{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:8px 13px;
  border:1px solid var(--creme-45);background:rgba(26,58,49,.5);backdrop-filter:blur(6px)}
.selo.tour{border-color:var(--salvia);color:var(--creme)}
.selo.tour::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--salvia);box-shadow:0 0 0 0 rgba(145,175,138,.7);animation:pulsa 2.2s infinite}
@keyframes pulsa{0%{box-shadow:0 0 0 0 rgba(145,175,138,.7)}70%{box-shadow:0 0 0 9px rgba(145,175,138,0)}100%{box-shadow:0 0 0 0 rgba(145,175,138,0)}}
.ficha-capa{display:flex;flex-wrap:wrap;margin-top:8px;border-top:1px solid var(--creme-15);border-bottom:1px solid var(--creme-15)}
.ficha-capa div{padding:16px 28px 16px 0;margin-right:28px;border-right:1px solid var(--creme-15)}
.ficha-capa div:last-child{border-right:0;margin-right:0}
.ficha-capa b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.2vw,30px);line-height:1;letter-spacing:-.01em}
.ficha-capa span{display:block;margin-top:7px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--creme-45)}
.capa-casa .acoes{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}
.capa-casa.projeto{align-items:center}
.capa-casa.projeto::before{content:'';position:absolute;inset:0;background:url('img/pattern.png') center/28px auto repeat;opacity:.07}
.capa-casa.projeto::after{background:radial-gradient(90% 70% at 50% 40%,rgba(42,88,73,.55),rgba(26,58,49,0) 70%)}

/* ---- conceito ---- */
.conceito{background:var(--verde)}
.conceito .grade{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(30px,5vw,90px);align-items:center}
.conceito h2{max-width:16ch;margin:18px 0 22px}
.conceito .texto+.texto{margin-top:16px}
.conceito img{width:100%;height:min(78vh,780px);object-fit:cover}
.programa{list-style:none;margin-top:30px;border-top:1px solid var(--creme-15)}
.programa li{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--creme-15);font-size:15px;color:var(--creme-70);line-height:1.6}
.programa b{font-weight:500;color:var(--salvia);letter-spacing:.14em;text-transform:uppercase;font-size:11.5px;padding-top:4px}

/* ---- tour 360 ---- */
.tour{background:var(--verde-3)}
.tour .cabeca{display:grid;grid-template-columns:1fr auto;gap:24px 40px;align-items:end;margin-bottom:clamp(26px,4vh,44px)}
.tour .cabeca h2{max-width:14ch;margin-top:18px}
.areas{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--creme-45)}
.areas b{font-weight:500;color:var(--creme)}
.palco-tour{position:relative;aspect-ratio:16/9;max-height:84vh;width:100%;background:#000;overflow:hidden;isolation:isolate}
.palco-tour .capa-tour{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
.palco-tour:hover .capa-tour{transform:scale(1.06)}
.palco-tour::before{content:'';position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 50%,rgba(26,58,49,.5),rgba(26,58,49,.78));z-index:1;transition:opacity .4s}
.palco-tour .centro{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:16px;text-align:center;padding:20px}
.palco-tour .centro p{font-size:13.5px;letter-spacing:.06em;color:var(--creme-70);max-width:38ch}
.palco-tour .anel{width:92px;height:92px;border-radius:50%;border:1px solid var(--creme-45);display:grid;place-items:center;
  background:rgba(26,58,49,.35);backdrop-filter:blur(6px);cursor:pointer;transition:transform .4s,background .3s,border-color .3s}
.palco-tour .anel span{font-family:var(--serif);font-size:15px;letter-spacing:.06em;color:var(--creme)}
.palco-tour .centro:hover .anel{transform:scale(1.06);background:var(--salvia);border-color:var(--salvia)}
.palco-tour .centro:hover .anel span{color:var(--verde-3)}
.palco-tour iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3;background:#000}
.palco-tour.ativo .capa-tour,.palco-tour.ativo::before,.palco-tour.ativo .centro{display:none}
.palco-tour:fullscreen{aspect-ratio:auto;max-height:none}
.acoes-tour{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}
.acoes-tour .nota{margin-left:auto;font-size:13px;color:var(--creme-45)}
@media(max-width:900px){.palco-tour{aspect-ratio:4/5;max-height:76vh}.tour .cabeca{grid-template-columns:1fr}.acoes-tour .nota{margin-left:0;width:100%}}

/* ---- ambientes (galeria) ---- */
.galeria{background:var(--verde)}
.galeria-grade{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:clamp(34px,5vh,58px)}
.galeria figure{position:relative;overflow:hidden;cursor:zoom-in;margin:0;background:#000;grid-column:span 3;aspect-ratio:3/2}
/* na mesma linha, um cartão largo (4 colunas, 3:2) e um estreito (2 colunas, 3:4) têm a mesma altura: sem buraco */
.galeria figure.larga{grid-column:span 4}
.galeria figure.curta,.galeria figure.alta{grid-column:span 2;aspect-ratio:3/4}
.galeria img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1);transform:scale(1.02)}
.galeria figure:hover img{transform:scale(1.07)}
.galeria figcaption{position:absolute;left:16px;right:16px;bottom:14px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--creme);
  text-shadow:0 1px 10px rgba(0,0,0,.6);opacity:.92}
.galeria figure::after{content:'';position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(180deg,rgba(26,58,49,0),rgba(26,58,49,.72));pointer-events:none}
@media(max-width:900px){.galeria-grade{grid-template-columns:1fr;gap:8px}.galeria figure,.galeria figure.larga,.galeria figure.curta{grid-column:span 1;aspect-ratio:4/3}.galeria figure.alta{grid-column:span 1;aspect-ratio:4/5}}

/* ---- lightbox ---- */
.luz{position:fixed;inset:0;z-index:100;background:rgba(14,30,25,.97);display:grid;grid-template-rows:1fr auto;padding:clamp(14px,3vw,40px);
  animation:aparece .25s ease}
@keyframes aparece{from{opacity:0}to{opacity:1}}
.luz img{width:100%;height:100%;object-fit:contain;max-height:calc(100dvh - 130px)}
.luz .barra{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--creme-70)}
.luz .barra div{display:flex;gap:10px}
.luz button{background:transparent;border:1px solid var(--creme-15);padding:10px 16px;cursor:pointer;letter-spacing:.14em;text-transform:uppercase;font-size:11.5px;transition:border-color .25s,background .25s,color .25s}
.luz button:hover{border-color:var(--salvia);background:var(--salvia);color:var(--verde-3)}
.luz .fechar{position:absolute;top:16px;right:16px}

/* ---- plantas ---- */
.plantas{background:var(--verde-3)}
.plantas .grade{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,34px);margin-top:clamp(34px,5vh,58px)}
.plantas figure{margin:0;cursor:zoom-in}
.plantas img{width:100%;border:1px solid var(--creme-15)}
.plantas figcaption{margin-top:12px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--creme-45)}
@media(max-width:820px){.plantas .grade{grid-template-columns:1fr}}

/* ---- o lugar ---- */
.lugar-casa{background:var(--verde-2)}
.lugar-casa .grade{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,90px);align-items:start}
.lugar-casa h2{max-width:14ch;margin:18px 0 22px}
.endereco{font-size:15px;color:var(--creme-70);line-height:1.6}
.distancias{list-style:none;display:grid;gap:9px;margin-top:22px;font-size:15px}
.distancias li::before{content:'';display:inline-block;width:18px;height:1px;background:var(--salvia);margin-right:12px;vertical-align:middle}
.mosaico{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mosaico img{width:100%;aspect-ratio:4/3;object-fit:cover}
.mosaico .larga{grid-column:span 2}
.mosaico .larga img{aspect-ratio:2/1}
.mosaico .mapa img{aspect-ratio:auto}
.listas{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:22px;margin-top:34px}
.listas span{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--salvia);padding-bottom:10px;border-bottom:1px solid var(--creme-15)}
.listas ul{list-style:none;margin-top:12px;display:grid;gap:7px;font-size:15px;color:var(--creme-70)}
@media(max-width:900px){.lugar-casa .grade{grid-template-columns:1fr}}

/* ---- quem assina: uma ficha inteira por escritório, como na apresentação ---- */
.assina{background:var(--verde);border-top:1px solid var(--creme-15)}
.escritorio{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,90px);align-items:center;padding-block:clamp(40px,6vh,70px);border-top:1px solid var(--creme-15);margin-top:clamp(30px,4vh,48px)}
.escritorio:first-of-type{border-top:0}
.escritorio.inverte .dados{order:2}
.escritorio .papel,.curador .papel{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--salvia)}
.escritorio img.logo{height:clamp(40px,4vw,58px);width:auto;object-fit:contain;object-position:left;margin:20px 0 22px;filter:brightness(0) invert(1);opacity:.94}
.manchete{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;line-height:1.1;font-size:clamp(26px,2.9vw,42px);max-width:18ch;margin-bottom:18px}
.citacao{font-family:var(--serif);font-style:italic;font-size:clamp(19px,1.8vw,26px);line-height:1.3;color:var(--salvia);max-width:30ch;margin:0 0 20px}
.escritorio .texto,.curador .texto{font-size:15.5px;margin-top:10px;max-width:56ch}
.escritorio .credito,.curador .credito{margin-top:18px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--creme-70)}
.escritorio .tiras{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:8px;margin-top:24px}
.escritorio .tiras img{width:100%;aspect-ratio:4/1;object-fit:cover;opacity:.9}
.escritorio img.time{width:100%;height:min(82vh,840px);object-fit:cover;object-position:center 15%}
.compartilhar{margin-top:22px}
@media(max-width:900px){.escritorio{grid-template-columns:1fr;gap:26px}.escritorio.inverte .dados{order:0}.escritorio img.time{height:62vh}}

/* ---- curadoria por ambiente: cada parceiro com a cena da casa, a manchete e a citação ---- */
.curadoria-casa{background:var(--verde-3)}
.curadores{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.6vw,40px) clamp(18px,3vw,56px);margin-top:clamp(30px,4vh,48px)}
.curador{display:flex;flex-direction:column;padding-bottom:clamp(20px,3vh,36px);border-bottom:1px solid var(--creme-15)}
.curador .cena{position:relative;overflow:hidden;isolation:isolate;margin-bottom:22px}
.curador .cena img:first-child{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.curador:hover .cena img:first-child{transform:scale(1.04)}
.curador .cena::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,58,49,0) 50%,rgba(26,58,49,.78));pointer-events:none}
.curador .cena img.logo{position:absolute;left:18px;bottom:16px;height:30px;width:auto;object-fit:contain;filter:brightness(0) invert(1);z-index:2}
.curador .manchete{font-size:clamp(22px,2.1vw,30px);margin-top:14px}
.curador .citacao{font-size:clamp(17px,1.5vw,21px)}
.curador img.tira{width:100%;aspect-ratio:5/1;object-fit:cover;margin-top:22px;opacity:.9}
@media(max-width:820px){.curadores{grid-template-columns:1fr}}

/* ---- outras casas ---- */
.outras{background:var(--verde-3)}
.outras .grade{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:clamp(30px,4vh,48px)}
.outras .grade>*{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--verde);isolation:isolate}
.outras .grade>* img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.outras .grade>a:hover img{transform:scale(1.05)}
.outras .grade>*::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(26,58,49,.05),rgba(26,58,49,.86))}
.outras .dados{position:absolute;inset:auto 0 0 0;padding:clamp(18px,2vw,28px)}
.outras .dados span{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--salvia);margin-bottom:8px}
.outras .grade>.papel{display:flex;align-items:flex-end;background:var(--verde-2)}
.outras .grade>.papel::before{content:'';position:absolute;inset:0;background:url('img/pattern.png') center/26px auto repeat;opacity:.07}
@media(max-width:820px){.outras .grade{grid-template-columns:1fr;gap:10px}.outras .grade>*{aspect-ratio:3/2}}

/* ---- chamada ---- */
.chamada{background:var(--verde-2)}
.chamada h2{max-width:16ch}
.chamada .texto{margin-top:20px}
.chamada .acoes{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}

footer{padding:40px 0 48px;background:var(--grafite);border-top:1px solid var(--creme-15)}
footer .col{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--creme-45)}

/* ---- cinta e fecho (a mesma do index) ---- */
.fio-marca{position:fixed;top:0;bottom:0;left:max(9px,calc((100vw - var(--col))/2 - 50px));width:42px;z-index:40;pointer-events:none;display:none;transition:opacity .45s ease}
.fio-marca .cinta{position:absolute;top:92px;bottom:92px;left:50%;width:22px;margin-left:-11px;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent)}
.fio-marca .cinta::before{content:'';position:absolute;inset:0;background:url('img/pattern.png') center top/22px auto repeat-y;opacity:.16}
.fio-marca .cinta::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.34),rgba(255,255,255,.08) 22%,rgba(255,255,255,.08) 78%,rgba(0,0,0,.34))}
.fio-marca .presa{position:absolute;top:0;left:0;width:100%;height:0;overflow:hidden}
.fio-marca .presa::before{content:'';position:absolute;top:0;left:0;width:22px;height:100vh;background:url('img/pattern.png') center top/22px auto repeat-y;opacity:.52}
.fio-marca .fecho{position:absolute;top:92px;left:50%;width:42px;height:32px;margin-left:-21px;margin-top:-16px}
.fio-marca .fecho .fundo{position:absolute;inset:0;border-radius:3px;background:rgba(8,22,18,.80);box-shadow:0 11px 16px -8px rgba(0,0,0,.8), 0 -11px 16px -8px rgba(0,0,0,.65)}
.fio-marca .fecho .chapa{position:absolute;inset:0;border-radius:3px;
  background:linear-gradient(152deg,#E4DCCE 0%,#C2B7A4 32%,#8C8270 62%,#D2C8B5 84%,#A3977F 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72), inset 0 -1px 0 rgba(0,0,0,.42), inset 1px 0 0 rgba(255,255,255,.28), inset -1px 0 0 rgba(0,0,0,.3);
  -webkit-mask-image:linear-gradient(#000,#000), url('img/monograma-creme.png');-webkit-mask-size:100% 100%, 23px auto;-webkit-mask-position:center, center;-webkit-mask-repeat:no-repeat;-webkit-mask-composite:xor;
  mask-image:linear-gradient(#000,#000), url('img/monograma-creme.png');mask-size:100% 100%, 23px auto;mask-position:center, center;mask-repeat:no-repeat;mask-composite:exclude}
.fio-marca .fecho .gravado{position:absolute;top:50%;left:50%;width:23px;height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 0 rgba(255,255,255,.6))}
@supports (mask-composite: exclude) or (-webkit-mask-composite: xor){.fio-marca .fecho .gravado{display:none}}
@media(min-width:1280px){.fio-marca{display:block}}
@media (prefers-reduced-motion: reduce){.fio-marca{display:none}}

/* ---- movimento ---- */
.sobe{opacity:0;transform:translateY(26px)}
@media (prefers-reduced-motion: reduce){.sobe{opacity:1!important;transform:none!important}}
@media(max-width:900px){
  .conceito .grade{grid-template-columns:1fr}
  .conceito img{height:52vh}
  .capa-casa .col{padding-top:96px}
  .ficha-capa div{padding:12px 18px 12px 0;margin-right:18px}
}
