.dp-shero__grid{display:grid;gap:40px;align-items:center}
.dp-shero__fig{position:relative;display:grid;place-items:center;aspect-ratio:4/5;max-width:440px;width:100%;margin-inline:auto}
.dp-shero__fig::before{content:"";position:absolute;inset:8% 4%;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(198,40,40,.16),transparent 62%)}
.dp-shero__fig img{position:relative;max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain}
.dp-js .dp-shero__fig img{animation:dp-float 7s ease-in-out infinite}
@keyframes dp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.dp-shero__big{font-size:var(--dp-hs-m)}
@media(min-width:990px){.dp-shero__grid{grid-template-columns:1.15fr .85fr;gap:64px}}
.dp-pil{display:grid;gap:14px;margin-top:56px}
@media(min-width:750px){.dp-pil{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:80px}}
.dp-pil__i{position:relative;padding:28px 24px 26px;border-radius:var(--dp-r);background:var(--dp-card)}
.dp-pil__i::before{content:"";position:absolute;left:24px;right:24px;top:0;height:3px;background:var(--dp-ac);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--dp-ease) calc(.2s + var(--d,0) * 100ms)}
.dp-pil__i.is-in::before{transform:none}
.dp-pil__n{font:700 11px/1 var(--dp-sans);letter-spacing:.16em;color:var(--dp-ac)}
.dp-pil__t{margin:14px 0 10px;font:400 28px/1.05 var(--dp-serif);color:var(--dp-tx)}
.dp-pil__x{margin:0;font-size:14px;line-height:1.65;color:var(--dp-soft)}.dp-pil__x p{margin:0}
.dp-mani__grid{display:grid;gap:32px}
@media(min-width:990px){.dp-mani__grid{grid-template-columns:.8fr 1.2fr;gap:72px}.dp-mani__side{position:sticky;top:120px;align-self:start}}
.dp-mani__quote{margin:28px 0 0;padding-left:20px;border-left:4px solid var(--dp-ac);font:400 22px/1.3 var(--dp-serif);color:var(--dp-tx)}
.dp-mani__list{list-style:none;margin:0;padding:0;counter-reset:dpm}
.dp-mani__line{counter-increment:dpm;display:grid;grid-template-columns:44px 1fr;gap:8px;padding:22px 0;border-bottom:1px solid var(--dp-line);font:400 clamp(24px,4.2vw,40px)/1.15 var(--dp-serif);color:var(--dp-dim);transition:color .6s var(--dp-ease)}
.dp-mani__line::before{content:counter(dpm,decimal-leading-zero);padding-top:.5em;font:700 11px/1 var(--dp-sans);letter-spacing:.14em;color:var(--dp-dim);transition:color .6s var(--dp-ease)}
.dp-mani__line.is-on{color:var(--dp-tx)}.dp-mani__line.is-on::before{color:var(--dp-ac)}
.dp-mani__line em{font-style:normal;color:inherit;background:linear-gradient(var(--dp-ac),var(--dp-ac)) 0 92%/0 .12em no-repeat;transition:background-size .9s var(--dp-ease) .2s}
.dp-mani__line.is-on em{background-size:100% .12em}
.dp-vals{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.dp-val{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border:1px solid var(--dp-line);border-radius:99px;font:600 12px/1 var(--dp-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--dp-tx);transition:background .25s ease,border-color .25s ease}
.dp-val::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dp-ac)}
.dp-val:hover{border-color:var(--dp-ac);background:rgba(198,40,40,.12)}
.dp-uni__grid{display:grid;grid-auto-flow:column;grid-auto-columns:84%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(clamp(16px,4vw,48px) * -1);padding:0 clamp(16px,4vw,48px) 12px;scrollbar-width:none}
.dp-uni__grid::-webkit-scrollbar{display:none}
@media(min-width:750px){.dp-uni__grid{grid-auto-columns:46%}}
@media(min-width:990px){.dp-uni__grid{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin-inline:0;padding:0;gap:20px}}
.dp-uni{scroll-snap-align:start;position:relative;display:flex;flex-direction:column;min-height:480px;padding:26px 24px 24px;border-radius:var(--dp-r);text-decoration:none;color:var(--u-tx);background:var(--u-bg);border:1px solid var(--u-bd);overflow:hidden;transition:transform .5s var(--dp-ease),box-shadow .5s var(--dp-ease)}
.dp-uni--claro{--u-bg:#fff;--u-tx:#111;--u-soft:#5e5a54;--u-bd:#e3d9ca;--u-dot:#C62828}
.dp-uni--oscuro{--u-bg:#111;--u-tx:#fff;--u-soft:#B7B7B7;--u-bd:#111;--u-dot:#C62828}
.dp-uni--rojo{--u-bg:#C62828;--u-tx:#fff;--u-soft:rgba(255,255,255,.82);--u-bd:#C62828;--u-dot:#fff}
.dp-uni:hover{transform:translateY(-8px);box-shadow:0 28px 50px rgba(17,17,17,.18)}
.dp-uni__top{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 11px/1 var(--dp-sans);letter-spacing:.18em;text-transform:uppercase}
.dp-uni__dot{position:relative;width:12px;height:12px;border-radius:50%;background:var(--u-dot)}
.dp-uni__dot::after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--u-dot);animation:dp-ring 2.4s ease-out infinite}
@keyframes dp-ring{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.8);opacity:0}}
.dp-uni__img{margin:22px 0 0;aspect-ratio:1;border-radius:calc(var(--dp-r) * .7);overflow:hidden;background:rgba(127,127,127,.12)}
.dp-uni__img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--dp-ease)}
.dp-uni:hover .dp-uni__img img{transform:scale(1.05)}
.dp-uni__f{margin:28px 0 0;font:400 clamp(30px,3.4vw,42px)/1.02 var(--dp-serif);text-transform:uppercase;letter-spacing:.005em;white-space:pre-line}
.dp-uni__b{margin-top:auto;padding-top:28px}
.dp-uni__n{margin:0;font:400 26px/1 var(--dp-serif);letter-spacing:.06em}
.dp-uni__a{display:inline-block;margin:10px 0 0;padding:6px 10px;border:1px solid currentColor;border-radius:99px;font:700 10px/1 var(--dp-sans);letter-spacing:.16em;text-transform:uppercase;opacity:.85}
.dp-uni__d{margin:12px 0 0;font-size:14px;line-height:1.55;color:var(--u-soft)}
.dp-uni__go{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font:700 11px/1 var(--dp-sans);letter-spacing:.16em;text-transform:uppercase}
.dp-uni__go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .3s var(--dp-ease)}
.dp-uni:hover .dp-uni__go svg{transform:translateX(6px)}
.dp-uni__foot{display:flex;justify-content:center;margin-top:44px}
.dp-uni__f,.dp-uni__b,.dp-uni__n,.dp-uni__img{display:block}
html:not(.dp-js) .dp-mani__line{color:var(--dp-tx)}