/* Muestra: Dentista v2 (azul higienico + menta) */
@font-face{font-family:"Plus Jakarta Sans";src:url(../fonts/plus-jakarta-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url(../fonts/plus-jakarta-sans-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url(../fonts/plus-jakarta-sans-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url(../fonts/plus-jakarta-sans-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap}
:root{--blue:#0062D1;--blue-2:#004DAA;--blue-3:#0A3F8F;--sky:#3D95F2;--deep:#0A2A5E;--ink:#122F5E;--mut:#4A5E7E;--ice:#EAF3FF;--mist:#F5F9FF;--line:#D6E6FA;--mint:#2BD9A8;--mint-2:#0FA77C;--mint-l:#C4F8E8;--f:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:140px}
body.mtm-demo{background:#fff;color:var(--ink);font-family:var(--f);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.dn :where(*,*::before,*::after){box-sizing:border-box}
.dn :where(h1,h2,h3,p,ul,li){margin:0;padding:0}
.dn :where(ul){list-style:none}
.dn :where(a){color:inherit;text-decoration:none}
.dn :where(h1,h2,h3){font-family:var(--f);font-weight:800;letter-spacing:-.03em;line-height:1.08;color:var(--deep)}
.dn svg{display:block}

/* encabezado */
.dn-hdr{background:rgba(255,255,255,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.dn-hdr__in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:74px}
.dn-brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:18px;line-height:1.1;color:var(--deep);letter-spacing:-.02em}
.dn-brand small{display:block;font-weight:600;font-size:12.5px;color:var(--blue);letter-spacing:0}
.dn-logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(140deg,var(--sky),var(--blue-2));color:#fff;display:grid;place-items:center;position:relative;box-shadow:0 8px 18px -8px rgba(0,98,209,.7)}
.dn-logo::after{content:"";position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--mint)}
.dn-logo svg{width:24px;height:24px}
.dn-nav{display:flex;gap:26px;font-weight:600;font-size:15px;color:var(--ink)}
.dn-nav a{transition:color .2s}
.dn-nav a:hover{color:var(--blue)}
@media (max-width:920px){.dn-nav{display:none}}
.dn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:700;font-size:15.5px;white-space:nowrap;transition:transform .2s,background-color .2s,box-shadow .2s,color .2s,border-color .2s}
.dn-btn svg{width:19px;height:19px}
.dn-btn:hover{transform:translateY(-2px)}
.dn-btn--main{background:var(--blue);color:#fff;box-shadow:0 14px 30px -12px rgba(0,98,209,.75)}
.dn-btn--main:hover{background:var(--blue-2)}
.dn-btn--soft{background:#fff;color:var(--blue);border:1.5px solid var(--line)}
.dn-btn--soft:hover{border-color:var(--blue)}
.dn-btn--white{background:#fff;color:var(--blue)}
.dn-btn--white:hover{background:var(--mint-l)}
.dn-btn--outline-w{border:1.5px solid rgba(255,255,255,.6);color:#fff}
.dn-btn--outline-w:hover{border-color:var(--mint);color:var(--mint-l)}
.dn-btn--sm{min-height:44px;padding:0 18px;font-size:14.5px}

/* hero */
.dn-hero{position:relative;overflow:hidden;padding:clamp(44px,6vw,84px) 0 clamp(96px,10vw,140px);background:radial-gradient(620px 460px at 82% 38%,rgba(61,149,242,.20),transparent 70%),radial-gradient(420px 320px at 8% 10%,rgba(43,217,168,.14),transparent 70%),#fff}
.dn-waves{position:absolute;left:0;bottom:-1px;width:200%;height:120px}
.dn-waves .w1{fill:rgba(0,98,209,.08);animation:dnWave 14s linear infinite}
.dn-waves .w2{fill:rgba(0,98,209,.13);animation:dnWave 9s linear infinite reverse}
@keyframes dnWave{to{transform:translateX(-50%)}}
.dn-hero__g{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(32px,5vw,72px);align-items:center}
.dn-kicker{display:inline-flex;align-items:center;gap:8px;background:var(--ice);color:var(--blue-2);font-weight:700;font-size:14px;border-radius:999px;padding:7px 14px}
.dn-kicker svg{width:16px;height:16px;color:var(--mint-2)}
.dn-hero h1{font-size:clamp(38px,5vw,64px);margin:22px 0 22px;text-wrap:balance}
.dn-hero h1 .dn-rot{display:grid}
.dn-rot>span{grid-area:1/1;background:linear-gradient(90deg,var(--blue) 10%,var(--sky) 60%,var(--mint-2));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(.4em);animation:dnRot 9s cubic-bezier(.2,.7,.2,1) infinite;padding-bottom:.06em}
.dn-rot>span:nth-child(2){animation-delay:3s}
.dn-rot>span:nth-child(3){animation-delay:6s}
@keyframes dnRot{0%{opacity:0;transform:translateY(.4em)}5%,30%{opacity:1;transform:none}36%,100%{opacity:0;transform:translateY(-.4em)}}
.dn-hero p{font-size:clamp(17px,1.4vw,19px);color:var(--mut);max-width:48ch}
.dn-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.dn-pills{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:28px}
.dn-pills li{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;color:var(--deep)}
.dn-pills svg{width:20px;height:20px;color:var(--mint-2)}
.dn-in{opacity:0;transform:translateY(16px);animation:dnUp .8s cubic-bezier(.2,.7,.2,1) forwards}
.dn-in.d1{animation-delay:.12s}.dn-in.d2{animation-delay:.26s}.dn-in.d3{animation-delay:.4s}.dn-in.d4{animation-delay:.55s}
@keyframes dnUp{to{opacity:1;transform:none}}

/* imagen: familia con sonrisas que brillan */
.dn-art{position:relative;height:clamp(440px,42vw,560px);display:grid;place-items:center}
.dn-blob{position:absolute;width:82%;aspect-ratio:1;left:12%;top:8%;background:linear-gradient(150deg,var(--sky) 0%,var(--blue) 55%,var(--blue-3) 100%);border-radius:46% 54% 42% 58%/55% 44% 56% 45%;animation:dnMorph 12s ease-in-out infinite;box-shadow:0 40px 80px -40px rgba(0,77,170,.7)}
@keyframes dnMorph{33%{border-radius:58% 42% 52% 48%/42% 58% 42% 58%;transform:rotate(8deg)}66%{border-radius:40% 60% 60% 40%/58% 40% 60% 42%;transform:rotate(-6deg)}}
.dn-ring{position:absolute;width:96%;aspect-ratio:1;left:2%;top:0;border-radius:50%;border:2px dashed rgba(43,217,168,.75);animation:dnSpin 40s linear infinite}
@keyframes dnSpin{to{transform:rotate(360deg)}}
.dn-photo{position:relative;z-index:2;width:72%;aspect-ratio:1000/1071;border-radius:220px 220px 40px 40px;overflow:hidden;border:8px solid #fff;box-shadow:0 34px 70px -30px rgba(10,42,94,.6);background:#F1ECE4;animation:dnFloat 7s ease-in-out infinite}
.dn-photo picture,.dn-photo img{display:block;width:100%;height:100%;object-fit:cover}
@keyframes dnFloat{50%{transform:translateY(-10px)}}
.dn-sweep{position:absolute;top:-20%;bottom:-20%;left:-40%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(18deg);animation:dnSweep 5.5s ease-in-out 1.2s infinite}
@keyframes dnSweep{0%{left:-40%}45%,100%{left:130%}}
.dn-glint{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;color:#fff;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 10px rgba(43,217,168,.95));opacity:0;animation:dnGlint 4.8s ease-in-out infinite}
.dn-glint svg{width:100%;height:100%}
.dn-glint.g1{left:24%;top:26.4%;animation-delay:.6s}
.dn-glint.g2{left:43.5%;top:27.4%;animation-delay:1.8s;width:30px;height:30px}
.dn-glint.g3{left:62.5%;top:22%;animation-delay:3s;width:30px;height:30px}
.dn-glint.g4{left:75.5%;top:50.4%;animation-delay:4.2s}
@keyframes dnGlint{0%,100%{opacity:0;transform:scale(.2) rotate(0)}8%{opacity:1;transform:scale(1.15) rotate(45deg)}16%{opacity:0;transform:scale(.3) rotate(90deg)}}
.dn-star{position:absolute;z-index:3;color:var(--mint);animation:dnTw 3s ease-in-out infinite}
.dn-star svg{width:100%;height:100%}
.dn-star.st1{width:30px;height:30px;left:8%;top:22%}
.dn-star.st2{width:18px;height:18px;right:9%;top:14%;animation-delay:1s;color:var(--sky)}
.dn-star.st3{width:22px;height:22px;right:4%;top:54%;animation-delay:2s}
@keyframes dnTw{0%,100%{opacity:.3;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1) rotate(90deg)}}
.dn-art .b{position:absolute;z-index:1;bottom:6%;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.95);background:rgba(255,255,255,.25);animation:dnBubble 6s ease-in infinite}
.dn-art .b1{left:18%;animation-delay:0s}.dn-art .b2{left:30%;width:9px;height:9px;animation-delay:1.6s;animation-duration:5s}.dn-art .b3{left:70%;animation-delay:2.8s}.dn-art .b4{left:82%;width:10px;height:10px;animation-delay:.9s;animation-duration:5.4s}.dn-art .b5{left:58%;width:16px;height:16px;animation-delay:4s;animation-duration:6.6s}
@keyframes dnBubble{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(-320px) translateX(12px);opacity:0}}
.dn-float{position:absolute;z-index:5;display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:12px 16px 12px 12px;box-shadow:0 22px 44px -18px rgba(10,42,94,.45);animation:dnFloat 6s ease-in-out infinite}
.dn-float>span{width:40px;height:40px;border-radius:12px;background:var(--mint-l);color:var(--mint-2);display:grid;place-items:center;flex:none}
.dn-float.f2>span{background:var(--ice);color:var(--blue)}
.dn-float>span svg{width:22px;height:22px}
.dn-float b{display:block;font-size:14.5px;color:var(--deep);line-height:1.3}
.dn-float small{font-size:12.5px;color:var(--mut)}
.dn-float.f1{left:-4%;bottom:16%}
.dn-float.f2{right:-3%;top:12%;animation-delay:-3s}
@media (max-width:900px){.dn-hero__g{grid-template-columns:1fr}.dn-art{height:auto;aspect-ratio:1/1.02;max-width:500px;width:100%;margin:0 auto}}
@media (max-width:520px){.dn-hero__cta .dn-btn{width:100%}.dn-photo{width:76%;border-width:6px}.dn-float{padding:9px 12px 9px 9px}.dn-float>span{width:34px;height:34px}.dn-float b{font-size:13px}.dn-float small{display:none}.dn-float.f1{left:0;bottom:6%}.dn-float.f2{right:0;top:4%}.dn-glint{width:20px;height:20px;margin:-10px 0 0 -10px}.dn-glint.g2,.dn-glint.g3{width:22px;height:22px}}

/* encabezados de seccion */
.dn-head{max-width:620px;margin-bottom:clamp(32px,4vw,52px)}
.dn-head--c{text-align:center;margin-left:auto;margin-right:auto}
.dn-tag{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px;color:var(--blue);background:var(--ice);border-radius:999px;padding:6px 14px;margin-bottom:14px}
.dn-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint)}
.dn-head h2{font-size:clamp(30px,3.8vw,48px);text-wrap:balance}

/* tratamientos (bento) */
.dn-treat{padding:clamp(72px,9vw,120px) 0}
.dn-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:16px}
.dn-tile{min-height:220px;border-radius:24px;background:var(--mist);border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;gap:10px;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,background-color .3s,border-color .3s}
.dn-tile:hover{transform:translateY(-6px);background:#fff;border-color:var(--blue);box-shadow:0 26px 50px -30px rgba(0,77,170,.55)}
.dn-tile .ic{flex:none;width:50px;height:50px;border-radius:16px;background:var(--blue);color:#fff;display:grid;place-items:center;box-shadow:0 10px 20px -10px rgba(0,98,209,.8);transition:background-color .3s,transform .3s}
.dn-tile:hover .ic{background:var(--mint-2);transform:rotate(-8deg)}
.dn-tile .ic svg{width:26px;height:26px}
.dn-tile h3{font-size:21px;margin-top:6px}
.dn-tile p{font-size:15px;color:var(--mut)}
.dn-tile--big{grid-column:span 2;grid-row:span 2;background:linear-gradient(155deg,var(--sky) 0%,var(--blue) 45%,var(--blue-3) 100%);border:0;color:#fff;padding:clamp(28px,3vw,40px);position:relative;overflow:hidden}
.dn-tile--big::after{content:"";position:absolute;right:-80px;bottom:-80px;width:280px;height:280px;border-radius:50%;border:44px solid rgba(255,255,255,.1)}
.dn-tile--big::before{content:"";position:absolute;right:60px;top:50px;width:14px;height:14px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 8px rgba(43,217,168,.25)}
.dn-tile--big:hover{background:linear-gradient(155deg,var(--sky) 0%,var(--blue) 45%,var(--blue-3) 100%);border-color:transparent}
.dn-tile--big .ic,.dn-tile--big:hover .ic{background:rgba(255,255,255,.18);color:#fff;box-shadow:none;width:60px;height:60px;transform:none}
.dn-tile--big h3{color:#fff;font-size:clamp(30px,3vw,40px)}
.dn-tile--big p{color:#E3EEFF;font-size:17px;max-width:38ch}
.dn-more{position:relative;z-index:1;margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--mint-l)}
.dn-more svg{width:18px;height:18px;transition:transform .3s}
.dn-more:hover svg{transform:translateX(5px)}
.dn-tile--wide{grid-column:1/-1;min-height:0;padding:24px 30px;flex-direction:row;align-items:center;gap:20px}
@media (max-width:980px){.dn-bento{grid-template-columns:1fr 1fr}.dn-tile--big{grid-row:auto}}
@media (max-width:560px){.dn-bento{grid-template-columns:1fr}.dn-tile--big,.dn-tile--wide{grid-column:auto}.dn-tile{min-height:0}.dn-tile--wide{flex-direction:column;align-items:flex-start}}

/* frase */
.dn-quote{position:relative;background:linear-gradient(115deg,var(--blue-3) 0%,var(--blue) 55%,var(--sky) 100%);color:#fff;padding:clamp(56px,7vw,96px) 0;overflow:hidden}
.dn-quote::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 85% 120%,rgba(255,255,255,.10) 0 2px,transparent 2px 40px);animation:dnRip 10s linear infinite}
@keyframes dnRip{to{background-position:0 -200px}}
.dn-quote p{position:relative;font-weight:800;font-size:clamp(28px,3.8vw,48px);letter-spacing:-.03em;line-height:1.15;max-width:24ch}
.dn-quote p span{color:var(--mint)}

/* primera visita */
.dn-visit{padding:clamp(72px,9vw,120px) 0;background:var(--mist)}
.dn-visit__track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dn-visit__line{position:absolute;left:8%;right:8%;top:20px;width:84%;height:40px}
.dn-visit__line path{fill:none;stroke:var(--mint);stroke-width:2.5;stroke-dasharray:8 10;animation:dnDash 6s linear infinite}
@keyframes dnDash{to{stroke-dashoffset:-180}}
.dn-step{position:relative;text-align:center;padding:0 10px}
.dn-step span{width:80px;height:80px;margin:0 auto 18px;border-radius:50%;background:#fff;border:2px solid var(--blue);color:var(--blue);display:grid;place-items:center;box-shadow:0 14px 30px -18px rgba(0,77,170,.7);transition:transform .35s,background-color .3s,color .3s,border-color .3s}
.dn-step span svg{width:32px;height:32px}
.dn-step:hover span{transform:translateY(-8px) scale(1.05);background:var(--blue);color:#fff;border-color:var(--mint)}
.dn-step h3{font-size:20px;margin-bottom:6px}
.dn-step p{font-size:15px;color:var(--mut)}
@media (max-width:860px){.dn-visit__track{grid-template-columns:1fr 1fr;row-gap:36px}.dn .dn-visit__line{display:none}}
@media (max-width:480px){.dn-visit__track{grid-template-columns:1fr}}

/* equipo */
.dn-team{padding:clamp(72px,9vw,120px) 0}
.dn-team__g{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;align-items:stretch}
.dn-doc{border-radius:24px;overflow:hidden;background:var(--mist);border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}
.dn-doc:hover{transform:translateY(-6px);box-shadow:0 26px 50px -30px rgba(0,77,170,.5)}
.dn-doc__ph{position:relative;aspect-ratio:4/3;background:linear-gradient(160deg,var(--ice),#D3E6FD);display:grid;place-items:center}
.dn-doc__ph span{width:38%;aspect-ratio:1;border-radius:50%;background:linear-gradient(140deg,var(--sky),var(--blue-2));color:#fff;display:grid;place-items:center;font-weight:800;font-size:clamp(22px,2.4vw,32px);box-shadow:0 0 0 6px rgba(255,255,255,.7)}
.dn-doc__ph small{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:12.5px;color:var(--mut)}
.dn-doc__txt{padding:22px 24px 26px}
.dn-doc h3{font-size:21px}
.dn-doc .dn-doc__role{color:var(--blue);font-weight:700;font-size:14.5px;margin:4px 0 8px}
.dn-doc p{color:var(--mut);font-size:15px}
.dn-doc--lead{background:#fff}
.dn-doc--lead .dn-doc__ph{aspect-ratio:16/10}
.dn-doc--lead h3{font-size:26px}
@media (max-width:860px){.dn-team__g{grid-template-columns:1fr 1fr}.dn-doc--lead{grid-column:1/-1}}
@media (max-width:520px){.dn-team__g{grid-template-columns:1fr}.dn-doc__ph,.dn-doc--lead .dn-doc__ph{aspect-ratio:16/8}.dn-doc__ph span{width:26%}}

/* preguntas */
.dn-faq{padding:clamp(72px,9vw,120px) 0;background:var(--mist)}
.dn-faq__g{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,80px);align-items:start}
.dn-faq__list{display:grid;gap:12px}
.dn-faq details{background:#fff;border:1px solid var(--line);border-radius:18px;transition:border-color .3s}
.dn-faq details[open]{border-color:var(--blue)}
.dn-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 22px;font-weight:700;font-size:17px;color:var(--deep)}
.dn-faq summary::-webkit-details-marker{display:none}
.dn-faq summary i{width:32px;height:32px;border-radius:50%;background:var(--ice);color:var(--blue);display:grid;place-items:center;flex:none;transition:transform .3s,background-color .3s,color .3s}
.dn-faq summary i svg{width:16px;height:16px}
.dn-faq details[open] summary i{transform:rotate(45deg);background:var(--blue);color:#fff}
.dn-faq details p{padding:0 22px 20px;color:var(--mut)}
@media (max-width:860px){.dn-faq__g{grid-template-columns:1fr}}

/* ubicacion y cita */
.dn-loc{padding:clamp(72px,9vw,120px) 0}
.dn-loc__card{display:grid;grid-template-columns:1.1fr .9fr;border-radius:32px;overflow:hidden;background:linear-gradient(150deg,var(--blue) 0%,var(--blue-3) 100%);color:#fff;box-shadow:0 40px 80px -40px rgba(0,77,170,.7)}
.dn-loc__txt{padding:clamp(32px,5vw,64px);display:flex;flex-direction:column;gap:14px}
.dn-loc__txt h2{color:#fff;font-size:clamp(30px,3.6vw,46px);margin-bottom:8px;text-wrap:balance}
.dn-loc__txt .row{display:flex;align-items:center;gap:10px;color:#E3EEFF}
.dn-loc__txt .row svg{width:20px;height:20px;color:var(--mint);flex:none}
.dn-loc__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.dn-map{position:relative;min-height:300px;background:#E2EEFD}
.dn-map i{position:absolute;background:#fff}
.dn-map .r1{left:0;right:0;top:50%;height:14px}
.dn-map .r2{top:0;bottom:0;left:42%;width:14px}
.dn-map .r3{left:42%;right:0;top:26%;height:6px;background:#C9DEF8}
.dn-map .pin{position:absolute;left:calc(42% + 30px);top:calc(50% - 64px);width:52px;height:52px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--blue);display:grid;place-items:center;box-shadow:0 10px 20px -8px rgba(0,0,0,.35);z-index:2}
.dn-map .pin svg{width:26px;height:26px;color:#fff;transform:rotate(45deg)}
.dn-map .ring{position:absolute;left:calc(42% + 30px);top:calc(50% - 6px);width:52px;height:20px;border-radius:50%;border:2px solid var(--mint-2);animation:dnRing 2.4s ease-out infinite}
@keyframes dnRing{from{transform:scale(.6);opacity:1}to{transform:scale(2.2);opacity:0}}
@media (max-width:820px){.dn-loc__card{grid-template-columns:1fr}.dn-map{min-height:240px}}
.dn-ftr{padding:30px 0;font-size:14px;color:var(--mut)}
.dn-ftr .dm-w{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.dn-wa{position:fixed;right:20px;bottom:20px;z-index:55;width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(0,0,0,.45)}
.dn-wa svg{width:30px;height:30px}
@media (max-width:640px){.dn-wa{bottom:92px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dn *,.dn *::before,.dn *::after{animation:none!important;transition:none!important}.dn-in{opacity:1;transform:none}.dn-rot>span:first-child{opacity:1;transform:none}}