/* Bertazzo Trattoria & Café
   Identidad: carta impresa de trattoria. Tricolor italiano (verde, papel, rojo) + oro del sol argentino.
   Motivos: arco de ventana italiana, "ravioli cosido" en los botones, tagliatelle que fluye entre secciones. */
:root{
  --paper:#F4EDE0; --paper-2:#EBE1CD; --ink:#17120F; --ink-2:#2E2722; --muted:#5C5147;
  --red:#A5232A; --red-d:#861B21; --green:#1E3B2C; --green-2:#27503B; --gold:#B8892B; --gold-l:#E2B957; --sky:#5A9BCB;
  --serif:'Cormorant Garamond','Playfair Display',Georgia,serif;
  --sans:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif;
  --gut:clamp(20px,4.5vw,64px); --edge:max(var(--gut),calc((100vw - 1360px)/2 + var(--gut))); --hdr:64px;
  --ease:cubic-bezier(.22,1,.36,1);
  --tex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .22 0 0 0 0 .12 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  /* tagliatelle: dos hebras que se cruzan, un período de 300px */
  --wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='40' viewBox='0 0 300 40'%3E%3Cg fill='none' stroke='%23B8892B' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M0 20C50 0 100 0 150 20S250 40 300 20'/%3E%3Cpath d='M0 20C50 40 100 40 150 20S250 0 300 20'/%3E%3C/g%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 62px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper) var(--tex);color:var(--ink);font:400 17.5px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-tap-highlight-color:transparent}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.02;letter-spacing:-.01em;margin:0;text-wrap:balance}
html{color-scheme:light}
p{margin:0 0 1em}
.wrap{padding-inline:var(--gut);max-width:1360px;margin-inline:auto}
.two{display:grid;gap:28px}
@media(min-width:860px){.two{grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,120px);align-items:start}}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;z-index:99}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:2px}
.ic{width:1.2em;height:1.2em;fill:currentColor;flex:none}
.ic use{pointer-events:none}

/* ---------- Botones: ravioli cosido (borde con puntada de tenedor) ---------- */
.btn{position:relative;border:1.5px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:50px;padding:0 28px;border-radius:10px;font:500 14px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:transform .3s var(--ease),background-color .25s,color .25s,box-shadow .3s var(--ease);isolation:isolate}
.btn::before{content:"";position:absolute;inset:5px;border:1.5px dashed currentColor;border-radius:6px;opacity:.55;pointer-events:none;transition:inset .3s var(--ease),opacity .3s}
.btn:active{transform:scale(.97)}
.btn-red{background:var(--red);border-color:var(--red);color:#FBF3E4}
.btn-ink{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.btn-line{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-line-l{background:transparent;color:var(--paper);border-color:rgba(244,237,224,.6);min-height:46px;margin:4px 8px 4px 0;padding:0 22px}
.btn-sm{min-height:42px;padding:0 20px;font-size:13px}
.btn-sm::before{inset:4px}
.btn .ic{width:1.35em;height:1.35em}
@media(hover:hover){
  .btn:hover::before{inset:3.5px;opacity:.9}
  .btn-red:hover{background:var(--red-d);transform:translateY(-2px)}
  .btn-ink:hover{background:var(--red);transform:translateY(-2px)}
  .btn-line:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}
  .btn-line-l:hover{background:var(--paper);color:var(--ink)}
}

/* Aviso de demo (arriba de todo, se va con el scroll) */
.demo-bar{background:var(--red);color:#FBF3E4;text-align:center;padding:9px var(--gut);font-size:14px;line-height:1.4}
.demo-bar strong{font-weight:600;letter-spacing:.04em}

/* ---------- Header ---------- */
.top{position:sticky;top:0;z-index:40;height:var(--hdr);display:flex;align-items:center;gap:20px;padding:0 var(--edge);background:rgba(244,237,224,.97);box-shadow:0 1px 0 rgba(23,18,15,.14)}
.brand img{height:42px;width:auto}
.nav{display:none;margin-left:auto;gap:30px}
.nav a{position:relative;text-decoration:none;font:500 13px var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:8px 0}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.nav a:hover::after,.nav a:focus-visible::after{transform:scaleX(1)}
.top .btn{margin-left:auto}
@media(min-width:960px){.nav{display:flex}.top .btn{margin-left:8px}}

/* ---------- Hero ---------- */
.hero{display:grid;min-height:calc(100svh - var(--hdr));padding-block:0}
.hero-art{position:relative;order:-1}
.hero-photo{position:relative;margin:0;overflow:hidden;aspect-ratio:16/9;background:var(--green)}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.hero-art .nido{display:none}
.hero-copy{padding:26px var(--gut) 44px}
.hero-logo{width:min(190px,50vw);height:auto;margin-bottom:16px}
.hero h1{font-size:clamp(2.35rem,9vw,4rem);font-weight:600;letter-spacing:-.02em;line-height:.98}
.hero h1 .ln{display:block}
.lema{font:italic 500 clamp(1.3rem,2.6vw,1.75rem)/1.3 var(--serif);margin:16px 0 24px;max-width:26em;color:var(--ink-2)}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.hero-where{margin:22px 0 0;color:var(--muted);font-size:14px;letter-spacing:.08em}
@media(min-width:900px){
  .hero h1{font-size:clamp(3rem,4.4vw,4rem)}
  .hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);padding:clamp(24px,4vw,48px) var(--edge);align-items:center}
  .hero-art{order:2;width:100%;max-width:640px;justify-self:center}
  .hero-photo{aspect-ratio:4/5;max-height:calc(100svh - var(--hdr) - 90px);width:100%;margin-inline:auto;border-radius:999px 999px 6px 6px;outline:1.5px solid var(--gold);outline-offset:8px}
  .hero-copy{padding:0}
  .hero-logo{width:270px}
  .hero-art .nido{display:block;position:absolute;left:-30px;bottom:-26px;width:150px;height:150px;color:var(--gold-l);background:var(--green);border-radius:50%;padding:12px;z-index:2;animation:spin 90s linear infinite;border:6px solid var(--paper)}
}
@media(min-width:900px) and (max-height:760px){.hero-art{max-width:440px}}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- Secciones ---------- */
section{padding-block:clamp(72px,10vw,150px)}
.hero{padding-block:0}
@media(min-width:900px){.hero{padding-block:clamp(24px,4vw,48px)}}
h2{font-size:clamp(2.3rem,5.4vw,4.1rem);font-weight:600}
.lead{font:500 clamp(1.4rem,2.2vw,1.8rem)/1.35 var(--serif)}
.lead::first-letter{font-size:3.2em;float:left;line-height:.8;padding:.08em .1em 0 0;color:var(--red);font-weight:700}
.sec-lead{font:italic 500 clamp(1.25rem,2vw,1.5rem)/1.4 var(--serif);color:var(--ink-2);max-width:32em;margin-top:14px}
.pendiente{border:1.5px dashed var(--red);color:var(--red-d);padding:12px 16px;font-size:15px;border-radius:6px;margin-top:20px;background:rgba(165,35,42,.05)}
.pendiente.small{padding:5px 10px;font-size:13px;margin:0 0 16px;display:inline-block}

/* Divisor: tagliatelle que fluye + sol de mayo */
.fil{position:relative;height:40px;overflow:hidden;margin-block:clamp(-12px,-2vw,0px);clip-path:inset(0 50% 0 50%);transition:clip-path 1.8s var(--ease)}
.fil.in{clip-path:inset(0)}
.fil-wave{position:absolute;inset:0 -300px 0 0;background:var(--wave) repeat-x 0 0/300px 40px;animation:flow 26s linear infinite;will-change:transform}
@keyframes flow{to{transform:translateX(-300px)}}
.fil-sol{position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px 0 0 -21px;color:var(--gold);background:var(--paper);border-radius:50%;padding:3px}

.historia{padding-bottom:0}
.historia .two{margin-bottom:clamp(40px,6vw,80px)}
.banda{margin:0;aspect-ratio:16/8;overflow:hidden}
.banda img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
@media(max-width:700px){.banda{aspect-ratio:4/3}.banda img{object-position:70% 50%}}

/* 4B: verde botella, oro, nido de pasta girando */
.cuatro{position:relative;background:var(--green);color:var(--paper);overflow:hidden}
.nido-bg{position:absolute;right:-12%;top:8%;width:min(640px,80vw);height:min(640px,80vw);color:var(--gold-l);opacity:.14;animation:spin 140s linear infinite;pointer-events:none}
.cuatro .wrap{position:relative}
.cuatro h2{margin-bottom:clamp(30px,5vw,60px);color:var(--paper)}
.b-list{list-style:none;margin:0;padding:0}
.b-list li{display:grid;gap:8px;padding:clamp(20px,3vw,36px) 0;border-top:1px solid rgba(226,185,87,.5);align-items:center}
.b-list li:last-child{border-bottom:1px solid rgba(226,185,87,.5)}
.b-word{font:600 clamp(3.4rem,13vw,9rem)/.9 var(--serif);letter-spacing:-.02em}
.b-word b{color:var(--gold-l);font-weight:700;font-style:italic}
.b-list p{margin:0;font-size:clamp(1.05rem,1.5vw,1.2rem);max-width:34em;color:#EADFCB}
@media(min-width:860px){.b-list li{grid-template-columns:1.25fr 1fr;gap:48px}}

/* Platos: tarjetas con foto en arco */
.est-grid{list-style:none;margin:clamp(32px,5vw,56px) 0 0;padding:0;display:grid;gap:22px;grid-template-columns:1fr}
.est a{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center;text-decoration:none;transition:transform .45s var(--ease)}
.est figure{margin:0;overflow:hidden;aspect-ratio:1;border-radius:999px 999px 4px 4px}
.est img{width:100%;height:100%;object-fit:cover}
.est h3{font-size:1.45rem;margin-bottom:4px}
.est p{font-size:.98rem;margin:0 0 6px;color:var(--ink-2);line-height:1.45}
.est div{padding:6px 0}
.price{font:600 1.35rem var(--serif);color:var(--red);font-variant-numeric:lining-nums tabular-nums}
@media(hover:hover){.est a:hover{transform:translateY(-5px)}}
@media(min-width:640px){
  .est-grid{grid-template-columns:1fr 1fr;gap:34px 26px}
  .est a{display:block;height:100%}
  .est div{padding:16px 4px 6px;text-align:center}
  .est-big{grid-column:1/-1}
  .est-big a{display:grid;grid-template-columns:1fr;height:100%}
  .est-big figure{aspect-ratio:16/11;border-radius:999px 999px 4px 4px}
  .est-big h3{font-size:2.2rem}
  .est h3{font-size:1.6rem}
}
@media(min-width:1000px){
  .est-grid{grid-template-columns:repeat(4,1fr);gap:40px 28px}
  .est-big{grid-column:span 2;grid-row:span 2}
  .est-big a{grid-template-rows:1fr auto}
  .est-big figure{aspect-ratio:auto;min-height:0}
  .est:not(.est-big) figure{aspect-ratio:1}
}

/* ---------- Carta: como una carta impresa ---------- */
.carta{background:var(--paper-2) var(--tex);padding-bottom:clamp(60px,8vw,120px)}
.carta-head{display:flex;flex-wrap:wrap;gap:18px 32px;align-items:center;justify-content:space-between}
.branch{position:relative;display:inline-flex;padding:4px;border-radius:12px;border:1.5px solid var(--ink)}
.branch button{position:relative;font:500 13px var(--sans);letter-spacing:.14em;text-transform:uppercase;min-height:44px;padding:0 22px;border-radius:9px;border:0;background:none;color:var(--ink);cursor:pointer;touch-action:manipulation;transition:background-color .3s,color .3s}
.branch button[aria-checked=true]{background:var(--ink);color:var(--paper)}
.branch button[aria-checked=true]::before{content:"";position:absolute;inset:4px;border:1.5px dashed rgba(244,237,224,.5);border-radius:6px}
.chips-bar{position:sticky;top:var(--hdr);z-index:30;background:rgba(235,225,205,.97);margin-top:26px;box-shadow:0 1px 0 rgba(23,18,15,.16)}
.chips{display:flex;gap:8px;overflow-x:auto;padding:10px var(--edge);scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;max-width:1360px;margin-inline:auto}
.chips::-webkit-scrollbar{display:none}
.chip{position:relative;flex:none;scroll-snap-align:start;min-height:44px;padding:0 20px;border-radius:10px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font:500 13px var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;white-space:nowrap;transition:background-color .25s,color .25s,transform .25s var(--ease)}
.chip:active{transform:scale(.96)}
.chip[aria-selected=true]{background:var(--red);border-color:var(--red);color:#FBF3E4}
.chip[aria-selected=true]::before{content:"";position:absolute;inset:4px;border:1.5px dashed rgba(251,243,228,.55);border-radius:6px}
@media(hover:hover){.chip:not([aria-selected=true]):hover{background:var(--ink);color:var(--paper)}}
.hoja{margin-top:38px;min-height:320px}
.sec-t{font-size:clamp(1.9rem,3.6vw,2.6rem);margin:44px 0 8px;display:flex;align-items:center;gap:18px;font-style:italic;font-weight:500}
.sec-t::before,.sec-t::after{content:"";flex:1;height:14px;background:var(--wave) repeat-x center/150px 14px;opacity:.9}
.sec-t:first-child{margin-top:0}
.items{list-style:none;margin:0;padding:0;display:grid;gap:0 clamp(32px,6vw,88px)}
@media(min-width:900px){.items{grid-template-columns:1fr 1fr}}
.it{min-width:0}
.it-btn,.it-static{display:grid;grid-template-columns:auto minmax(0,max-content) minmax(14px,1fr) auto;column-gap:0;align-items:end;width:100%;text-align:left;background:none;border:0;padding:14px 0 12px;font:inherit;color:inherit;min-height:58px}
.it-btn{cursor:pointer;touch-action:manipulation}
.thumb{grid-column:1;grid-row:1/4;align-self:start;width:70px;height:70px;object-fit:cover;border-radius:999px 999px 3px 3px;margin-right:14px;background:var(--paper)}
.it-name{grid-column:2;font:600 1.35rem/1.15 var(--serif);overflow-wrap:anywhere;min-width:0}
.dots{grid-column:3;align-self:end;border-bottom:2px dotted rgba(23,18,15,.4);margin:0 8px 7px;min-width:14px}
.it-p{grid-column:4;font:600 1.3rem/1 var(--serif);font-variant-numeric:lining-nums tabular-nums;color:var(--red);white-space:nowrap}
.it-desc{grid-column:2/5;font-size:.95rem;line-height:1.45;color:var(--ink-2);margin:4px 0 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.it-btn[aria-expanded=true] .it-desc{-webkit-line-clamp:unset;display:block}
.it-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}
.it-more>div{overflow:hidden;min-height:0}
.it-btn[aria-expanded=true]+.it-more{grid-template-rows:1fr}
.big{width:min(100%,420px);aspect-ratio:1;object-fit:cover;border-radius:999px 999px 4px 4px;margin:6px 0 18px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 14px}
.tag{display:inline-block;padding:2px 12px;border-radius:6px;font:500 13.5px/1.6 var(--sans);border:1.5px solid}
.t-veg{color:#1E5B33;border-color:#2F8F4A;background:rgba(47,143,74,.1)}
.t-share{color:#2A6A98;border-color:#5A9BCB;background:rgba(90,155,203,.14)}
.t-casa{color:#FBF3E4;background:var(--red);border-color:var(--red)}
.it-tags{grid-column:2/5;display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.it-static,.it-btn{border-bottom:1px solid rgba(23,18,15,.12)}
.extras{margin-top:18px;padding:16px 20px;background:var(--paper);border-radius:6px;box-shadow:inset 0 0 0 1.5px var(--gold)}
.extras h4{font:600 1.35rem var(--serif);margin:0 0 8px;font-style:italic}
.extras ul{margin:0;padding:0;list-style:none;display:grid;gap:4px 28px;font-size:.95rem}
@media(min-width:700px){.extras ul{grid-template-columns:1fr 1fr}}
.extras li{display:flex;justify-content:space-between;gap:14px}
.extras small{display:block;color:var(--muted)}
.legend{margin-top:36px;font-size:14px;color:var(--muted)}
.err{padding:24px;border:1.5px dashed var(--red);color:var(--red-d)}

/* ---------- Sucursales ---------- */
.sucursales{background:var(--paper-2) var(--tex)}
.suc-grid{display:grid;gap:26px;margin-top:clamp(28px,4vw,48px)}
.suc{position:relative;background:var(--paper);padding:clamp(24px,3.4vw,40px);border-radius:6px;box-shadow:inset 0 0 0 1.5px var(--ink);transition:transform .45s var(--ease)}
.suc::before{content:"";position:absolute;inset:7px;border:1px solid var(--gold);border-radius:3px;pointer-events:none}
@media(hover:hover){.suc:hover{transform:translateY(-5px)}}
.suc h3{font-size:clamp(2rem,3.4vw,2.8rem);font-style:italic;font-weight:500}
.addr{font-weight:500;margin:6px 0 10px;letter-spacing:.04em}
.hrs{margin:0 0 12px;line-height:1.7}
.map{aspect-ratio:16/10;margin:4px 0 22px;background:var(--paper-2);position:relative}
.map iframe{width:100%;height:100%;border:0;display:block}
@media(min-width:860px){.suc-grid{grid-template-columns:1fr 1fr;gap:32px}}

/* ---------- Delivery ---------- */
.delivery{background:var(--red);color:#FBF3E4}
.delivery .lead{margin-top:14px;max-width:24em}
.delivery .lead::first-letter{all:unset}
.del-btns{display:grid;gap:14px;align-content:center}
.delivery .btn-ink{background:#FBF3E4;color:var(--ink);min-height:62px;justify-content:space-between;padding:0 30px;font-size:14px}
.delivery .btn-ink::after{content:"";width:34px;height:12px;background:var(--wave) no-repeat center/100px 12px;transition:transform .5s var(--ease)}
@media(hover:hover){.delivery .btn-ink:hover{background:var(--ink);color:var(--paper)}.delivery .btn-ink:hover::after{transform:translateX(8px)}}

/* ---------- Footer ---------- */
.foot{background:var(--ink);color:var(--paper);padding:clamp(56px,8vw,100px) 0 110px}
.foot-grid{display:grid;gap:36px}
.foot-logo{width:min(240px,70vw);filter:invert(1)}
.foot h3{font:italic 500 1.6rem var(--serif);margin-bottom:12px;color:var(--gold-l)}
.foot p{color:#E4D9C4}
.foot a{text-decoration-thickness:1px;text-underline-offset:4px}
.foot a.btn{text-decoration:none}
.soc{display:grid;gap:10px}
.soc a{display:inline-flex;gap:10px;align-items:center;min-height:36px;text-decoration:none}
.copy{margin:48px var(--gut) 0;color:#BFB29A;font-size:14px}
@media(min-width:860px){.foot-grid{grid-template-columns:1.2fr 1fr 1fr 1.3fr}.foot{padding-bottom:70px}}

/* WhatsApp flotante */
.wa-float{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:50;display:inline-flex;align-items:center;gap:8px;min-height:56px;padding:0 22px;border-radius:14px;background:#1F6B3A;color:#fff;font:500 13px var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:2px solid var(--paper);transition:transform .3s var(--ease)}
.wa-float::before{content:"";position:absolute;inset:4px;border:1.5px dashed rgba(255,255,255,.5);border-radius:10px;pointer-events:none}
.wa-float .ic{width:26px;height:26px}
.wa-float:active{transform:scale(.95)}
@media(hover:hover){.wa-float:hover{transform:translateY(-3px)}}
@media(max-width:420px){.wa-float span{display:none}.wa-float{width:56px;padding:0;justify-content:center}}

/* ---------- Animaciones (solo con JS; sin JS todo se ve) ---------- */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .rv.d1{transition-delay:.08s}.js .rv.d2{transition-delay:.16s}
.js .rv.in{opacity:1;transform:none}
.zoom{overflow:hidden}
.js .zoom img{transform:scale(1.08);transition:transform 1.8s var(--ease)}
.js .zoom.in img,.js .rv.in .zoom img,.js .rv.in.zoom img{transform:none}
.js .hero-photo img{transform:scale(1.08);animation:heroz 2s var(--ease) .1s forwards}
@keyframes heroz{to{transform:none}}
.js .hero h1 .ln{overflow:hidden;padding-bottom:.08em}
.js .hero h1 .ln>span{display:block;transform:translateY(105%);animation:lnup 1s var(--ease) forwards}
.js .hero h1 .ln:nth-child(2)>span{animation-delay:.14s}
@keyframes lnup{to{transform:none}}
.js .hero-logo,.js .lema{opacity:0;animation:fin 1s var(--ease) .25s forwards}
.js .lema{animation-delay:.45s}
@keyframes fin{to{opacity:1}}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .rv,.js .hero-logo,.js .lema{opacity:1;transform:none;transition:none;animation:none}
  .js .zoom img,.js .hero-photo img,.js .hero h1 .ln>span{transform:none;animation:none;transition:none}
  .fil{clip-path:none;transition:none}
  .fil-wave,.nido,.nido-bg{animation:none}
  .it-more{transition:none}
}