.zdv-home-final {
    --zf-bg: #050914;
    --zf-panel: rgba(7, 13, 27, .90);
    --zf-border: rgba(255,255,255,.14);
    --zf-orange: #ff8a00;
    --zf-text: #f8fafc;
    --zf-muted: #b9c2cf;
    background: var(--zf-bg);
    color: var(--zf-text);
    overflow: hidden;
}

.zf-shell {
    width: min(1540px, calc(100% - 56px));
    margin-inline: auto;
}

.zdv-home-page .zdv-brand {
    font-size: 1.15rem;
}

.zdv-home-page .zdv-seasonal-mark {
    display: none;
}

.zf-hero {
    position: relative;
    min-height: clamp(760px, 43vw, 1650px);
    display: flex;
    align-items: stretch;
    isolation: isolate;
    overflow: hidden;
    background-color: #030711;
    background-image: url('../recursos/home-final/hero-bg.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom: 1px solid rgba(255,138,0,.22);
}

.zf-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(90deg,
        rgba(3,7,16,.94) 0%,
        rgba(3,7,16,.86) 18%,
        rgba(3,7,16,.64) 34%,
        rgba(3,7,16,.22) 53%,
        rgba(3,7,16,.07) 68%,
        rgba(3,7,16,.015) 100%);
}

.zf-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 15%;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, rgba(5,9,20,.44));
    z-index: 0;
}

.zf-hero-content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    min-height: inherit;
    padding-top: 116px;
    padding-bottom: 62px;
}

.zf-hero-copy {
    width: min(700px, 46%);
    position: relative;
    z-index: 2;
    text-shadow: 0 4px 22px rgba(0,0,0,.52);
}

.zf-eyebrow,
.zf-kicker {
    margin: 0 0 14px;
    color: #ff9b19;
    font-weight: 900;
    font-size: clamp(.72rem, .72vw, .88rem);
    letter-spacing: .16em;
}

.zf-hero h1 {
    margin: 0;
    color: #f7f8fb;
    font-weight: 950;
    letter-spacing: -.055em;
    line-height: .92;
    font-size: clamp(4.2rem, 6.1vw, 8.4rem);
    white-space: nowrap;
}

.zf-hero h1 span {
    color: var(--zf-orange);
}

.zf-hero-lead {
    margin: 22px 0 8px;
    color: #fff;
    font-size: clamp(1.45rem, 1.7vw, 2rem);
    font-weight: 900;
    line-height: 1.15;
}

.zf-hero-text {
    max-width: 680px;
    margin: 0;
    color: #d7dde6;
    font-size: clamp(1rem, 1.04vw, 1.2rem);
    line-height: 1.65;
}

.zf-actions,
.zf-socials,
.zf-hero-points {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.zf-actions {
    gap: 13px;
    margin-top: 28px;
}

.zf-btn {
    min-height: 50px;
    padding: 12px 22px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    font-weight: 900;
    border: 1px solid rgba(255,255,255,.18);
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.zf-btn:hover {
    transform: translateY(-2px);
}

.zf-btn svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
}

.zf-btn-primary {
    color: #11131a;
    background: linear-gradient(180deg, #ffab22, #ff8500);
    border-color: #ffb13a;
    box-shadow: 0 15px 42px rgba(255,111,0,.20);
}

.zf-btn-primary:hover { color: #11131a; }

.zf-btn-ghost {
    color: #fff;
    background: rgba(5,10,21,.72);
    border-color: rgba(255,151,19,.55);
}

.zf-socials {
    gap: 10px;
    margin-top: 17px;
}

.zf-social {
    min-height: 39px;
    padding: 8px 15px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #f3f6fb;
    text-decoration: none;
    font-weight: 780;
    font-size: .9rem;
    background: rgba(5,10,21,.74);
    border: 1px solid rgba(255,255,255,.16);
}

.zf-social svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
}

.zf-social-mail { border-color: rgba(255,159,28,.55); color: #ffc067; }

.zf-social-wa { border-color: rgba(37,211,102,.52); color: #7df2a8; }

.zf-social-fb { border-color: rgba(67,143,255,.58); color: #83b7ff; }

.zf-social-fb svg { fill: currentColor; stroke: none; }

.zf-hero-points {
    gap: 10px;
    margin-top: 24px;
}

.zf-hero-points > span {
    min-width: 135px;
    min-height: 54px;
    padding: 8px 12px;
    display: grid;
    grid-template-columns: 28px auto;
    grid-template-rows: auto auto;
    column-gap: 8px;
    border-radius: 14px;
    border: 1px solid rgba(255,144,13,.24);
    background: rgba(5,10,21,.62);
}

.zf-hero-points svg {
    width: 23px;
    height: 23px;
    grid-row: 1 / 3;
    align-self: center;
    color: #ff9c17;
    fill: none;
    stroke: currentColor;
}

.zf-hero-points b { color: #fff; font-size: .78rem; }

.zf-hero-points small { color: #aeb8c7; font-size: .69rem; }

.zf-section {
    position: relative;
    isolation: isolate;
    border-bottom: 1px solid rgba(255,138,0,.12);
    overflow: hidden;
}

.zf-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(4,8,17,.08), rgba(4,8,17,.16));
}

.zf-specialties {
    min-height: 560px;
    padding: clamp(70px, 6vw, 105px) 0;
    background-color: #070b16;
    background-image: url('../recursos/home-final/specialties-bg.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.zf-specialties::before {
    background:
        linear-gradient(180deg, rgba(4,8,17,.12), rgba(4,8,17,.20)),
        radial-gradient(ellipse 76% 88% at 50% 50%, rgba(4,8,17,.08), rgba(4,8,17,.36) 100%);
}

.zf-projects {
    min-height: 720px;
    padding: clamp(76px, 6.2vw, 118px) 0;
    background-color: #060a14;
    background-image: url('../recursos/home-final/projects-bg.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.zf-projects::before {
    background:
        linear-gradient(180deg, rgba(4,8,17,.10), rgba(4,8,17,.22)),
        radial-gradient(ellipse 84% 92% at 50% 48%, rgba(4,8,17,.06), rgba(4,8,17,.34) 100%);
}

.zf-heading-row {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 28px;
    margin-bottom: 28px;
}

.zf-heading-row h2,
.zf-about h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 2.8vw, 3.5rem);
    font-weight: 950;
    letter-spacing: -.04em;
}

.zf-heading-row p:not(.zf-kicker) {
    margin: 5px 0 0;
    color: #bbc4d1;
    font-size: 1rem;
}

.zf-heading-row > a {
    color: #ffad37;
    text-decoration: none;
    font-weight: 850;
    white-space: nowrap;
}

.zf-specialty-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.zf-specialty {
    min-height: 220px;
    padding: 24px 22px;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto 1fr auto;
    text-decoration: none;
    color: #f7f9fc;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(11,18,34,.80), rgba(6,12,25,.84));
    box-shadow: 0 20px 50px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.045);
    backdrop-filter: blur(5px);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.zf-specialty:hover {
    color: #fff;
    transform: translateY(-5px);
    box-shadow: 0 26px 65px rgba(0,0,0,.34), 0 0 38px color-mix(in srgb, currentColor 16%, transparent);
}

.zf-specialty-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    grid-column: 1 / 3;
    margin-bottom: 18px;
    background: rgba(255,255,255,.06);
}

.zf-specialty-icon svg { width: 33px; height: 33px; fill: none; stroke: currentColor; stroke-width: 1.7; }

.zf-specialty strong { display:block; font-size: 1.15rem; margin-bottom: 8px; }

.zf-specialty small { color:#b7c0cd; line-height:1.5; font-size:.9rem; }

.zf-specialty > b { align-self:end; justify-self:end; width:32px; height:32px; display:grid; place-items:center; border-radius:50%; border:1px solid currentColor; }

.zf-orange { color:#ff9a18; border-color:rgba(255,138,0,.34); }

.zf-purple { color:#b85cff; border-color:rgba(168,85,247,.32); }

.zf-blue { color:#20b9ff; border-color:rgba(32,185,255,.32); }

.zf-pink { color:#f451d2; border-color:rgba(244,81,210,.32); }

.zf-green { color:#36e3a8; border-color:rgba(54,227,168,.32); }

.zf-specialty strong,
.zf-specialty small { grid-column:1 / 2; color:inherit; }

.zf-specialty small { color:#bdc6d3; }

.zf-project-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 18px;
}

.zf-project {
    color: #f7f9fc;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 17px;
    overflow: hidden;
    background: rgba(7,13,27,.84);
    box-shadow: 0 22px 55px rgba(0,0,0,.30);
    backdrop-filter: blur(4px);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.zf-project:hover {
    color:#fff;
    transform:translateY(-6px);
    border-color:rgba(255,138,0,.42);
    box-shadow:0 28px 70px rgba(0,0,0,.38),0 0 34px rgba(255,100,0,.08);
}

.zf-project-media {
    height: 190px;
    overflow:hidden;
    background:#0a1120;
    border-bottom:1px solid rgba(255,255,255,.10);
}

.zf-project-media img { width:100%; height:100%; object-fit:cover; display:block; }

.zf-project-body { padding:20px; }

.zf-project-body h3 { margin:10px 0 6px; font-size:1.18rem; font-weight:900; }

.zf-project-body p { margin:0 0 18px; color:#b9c2cf; line-height:1.55; font-size:.9rem; }

.zf-tag { display:inline-flex; padding:5px 9px; border-radius:8px; font-size:.72rem; font-weight:900; background:rgba(255,138,0,.15); color:#ffad42; }

.zf-tag-pink { background:rgba(244,81,210,.14); color:#ff7ae5; }

.zf-tag-blue { background:rgba(32,185,255,.14); color:#55c9ff; }

.zf-tag-purple { background:rgba(168,85,247,.16); color:#cb8cff; }

.zf-chips { display:flex; flex-wrap:wrap; gap:7px; }

.zf-chips span { padding:5px 9px; border-radius:999px; border:1px solid rgba(255,255,255,.15); color:#c6ceda; font-size:.72rem; }

.zf-system-media,
.zf-download-media { display:grid; place-items:center; }

.zf-system-media span { color:#28b5ff; font-size:3.6rem; font-weight:950; letter-spacing:.08em; text-shadow:0 0 28px rgba(40,181,255,.32); }

.zf-download-media { background:radial-gradient(circle at 50% 50%,rgba(255,132,0,.22),transparent 38%),linear-gradient(135deg,#0b1322,#180e25); }

.zf-download-media svg { width:72px; height:72px; fill:none; stroke:#ff8a00; stroke-width:1.5; filter:drop-shadow(0 0 14px rgba(255,128,0,.44)); }

.zf-about {
    min-height: 620px;
    padding: clamp(86px, 6vw, 124px) 0;
    background-color: #060a14;
    background-image: url('../recursos/home-final/about-bg.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.zf-about::before {
    background: linear-gradient(90deg,
        rgba(4,8,17,.08) 0%,
        rgba(4,8,17,.16) 28%,
        rgba(4,8,17,.54) 48%,
        rgba(4,8,17,.82) 69%,
        rgba(4,8,17,.76) 100%);
}

.zf-about-grid {
    display: grid;
    grid-template-columns: minmax(320px, .88fr) minmax(360px, 1.15fr) minmax(410px, 1fr);
    gap: 42px;
    align-items: center;
}

.zf-about-spacer {
    min-height: 360px;
}

.zf-about-copy p:not(.zf-kicker) { color:#c2cad6; line-height:1.65; font-size:1rem; }

.zf-about-link { display:inline-flex; gap:8px; align-items:center; margin-top:14px; padding:10px 15px; border-radius:999px; border:1px solid rgba(255,138,0,.42); color:#ffad3a; text-decoration:none; font-weight:850; background:rgba(5,10,21,.6); }

.zf-about-skills {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.zf-about-skills > span {
    min-height:104px;
    padding:15px;
    display:grid;
    grid-template-columns:38px 1fr;
    grid-template-rows:auto 1fr;
    gap:4px 9px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.13);
    background:rgba(8,14,28,.82);
}

.zf-about-skills svg,
.zf-about-skills > span > strong { grid-row:1 / 3; width:30px; height:30px; align-self:center; color:#ff9a18; fill:none; stroke:currentColor; }

.zf-about-skills > span > strong { display:grid; place-items:center; font-size:1.5rem; }

.zf-about-skills b { color:#fff; font-size:.9rem; }

.zf-about-skills small { color:#aeb8c6; line-height:1.4; }

.zdv-home-page .zdv-footer {
    min-height: clamp(520px, 33vw, 820px);
    border-top: 1px solid rgba(255,138,0,.20);
    background-color: #050914;
    background-image: url('../recursos/home-final/footer-bg.webp');
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.zdv-home-page .zdv-footer::before {
    background:
        radial-gradient(ellipse 46% 44% at 50% 28%, rgba(4,8,17,.68), rgba(4,8,17,.18) 72%, transparent 100%),
        linear-gradient(180deg, rgba(4,8,17,.18) 0%, rgba(4,8,17,.10) 38%, rgba(4,8,17,.02) 100%);
}

.zdv-home-page .zdv-footer::after { display:none; }

.zdv-home-page .zdv-footer-content {
    min-height: clamp(520px, 33vw, 820px);
    justify-content: flex-start;
    padding: clamp(92px, 7vw, 150px) 18px clamp(90px, 7vw, 135px);
}

.zdv-home-page .zdv-footer-brand { font-size:clamp(2rem,2.3vw,3rem); }

.zdv-home-page .zdv-footer-content > p { margin:13px 0 20px; }

.zdv-home-page .zdv-footer-links a { background:rgba(4,9,19,.74); }

.zdv-home-page .zdv-footer-content small { margin-top:16px; }


@media (min-width: 1800px) {
.zf-shell { width:min(1780px, calc(100% - 100px)); }

.zf-hero h1 { font-size:clamp(6.3rem,5.2vw,8.8rem); }

.zf-project-media { height:230px; }

}

@media (max-width: 1399.98px) {
.zf-shell { width:min(1320px, calc(100% - 42px)); }

.zf-hero-copy { width:min(650px,54%); }

.zf-specialty-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }

.zf-specialty:nth-child(4),
.zf-specialty:nth-child(5) { min-height:190px; }

.zf-project-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }

.zf-about-grid { grid-template-columns:32% 1fr; }

.zf-about-spacer { min-height:300px; }

.zf-about-skills { grid-column:1 / 3; }

}

@media (max-width: 1199.98px) {
.zf-hero { min-height:820px; background-position:61% center; }

.zf-hero-copy { width:58%; }

.zf-hero h1 { font-size:clamp(4rem,7vw,6.2rem); }

}

@media (max-width: 991.98px) {
.zf-shell { width:calc(100% - 34px); }

.zf-hero { min-height:940px; align-items:flex-end; background-position:68% top; background-size:cover; }

.zf-hero::before { content:""; position:absolute; inset:0; z-index:0; background:linear-gradient(180deg,rgba(3,7,16,.03) 0%,rgba(3,7,16,.09) 34%,rgba(3,7,16,.76) 59%,rgba(5,9,20,.95) 78%); }

.zf-hero-content { align-items:flex-end; padding-top:410px; padding-bottom:64px; }

.zf-hero-copy { width:100%; max-width:760px; }

.zf-specialty-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }

.zf-about-grid { grid-template-columns:1fr; text-align:center; }

.zf-about-spacer { display:none; }

.zf-about { background-position:38% center; }

.zf-about::before { background:linear-gradient(180deg,rgba(4,8,17,.34),rgba(4,8,17,.76)); }

.zf-about-skills { grid-column:auto; }

.zf-about-link { justify-content:center; }

.zdv-home-page .zdv-footer { min-height:650px; background-position:center bottom; background-size:auto 100%; }

.zdv-home-page .zdv-footer-content { min-height:650px; padding-top:96px; }

}

@media (max-width: 767.98px) {
.zf-shell { width:calc(100% - 26px); }

.zf-hero { min-height:930px; background-position:70% top; }

.zf-hero-content { padding-top:400px; }

.zf-hero h1 { white-space:normal; font-size:clamp(3.2rem,15vw,5rem); }

.zf-hero-lead { font-size:1.35rem; }

.zf-actions { align-items:stretch; }

.zf-btn { flex:1 1 180px; }

.zf-socials { gap:8px; }

.zf-social { flex:1 1 auto; justify-content:center; }

.zf-hero-points > span { flex:1 1 calc(50% - 5px); }

.zf-heading-row { align-items:flex-start; }

.zf-heading-row > a { display:none; }

.zf-specialty-grid,
.zf-project-grid { grid-template-columns:1fr; }

.zf-specialty { min-height:180px; }

.zf-project-media { height:220px; }

.zf-about-skills { grid-template-columns:1fr; }

.zf-about-skills > span { min-height:84px; text-align:left; }

}

@media (max-width: 520px) {
.zdv-home-page .zdv-brand { font-size:1rem; }

.zdv-home-page .zdv-brand-logo { width:34px; }

.zf-hero { min-height:980px; background-position:72% top; }

.zf-hero-content { padding-top:390px; padding-bottom:54px; }

.zf-hero-text { font-size:.96rem; }

.zf-hero-points > span { flex-basis:100%; }

.zf-specialties,
.zf-projects,
.zf-about { padding-block:66px; }

.zf-project-media { height:190px; }

.zdv-home-page .zdv-footer { min-height:700px; background-position:center bottom; background-size:auto 100%; }

.zdv-home-page .zdv-footer-content { min-height:700px; padding:78px 14px 120px; }

.zdv-home-page .zdv-footer-links { max-width:360px; }

.zdv-home-page .zdv-footer-links a { flex:1 1 135px; justify-content:center; }

}

@media (prefers-reduced-motion: reduce) {
.zf-btn,
.zf-specialty,
.zf-project,
.zdv-home-page .zdv-footer-links a { transition:none; }

}
.zf-specialties .zf-shell,
.zf-projects .zf-shell,
.zf-about .zf-shell {
    position: relative;
}

.zf-specialties .zf-shell::before,
.zf-projects .zf-shell::before,
.zf-about .zf-shell::before {
    content: "";
    position: absolute;
    inset: -24px clamp(-18px, -1.2vw, -8px);
    z-index: -1;
    border-radius: 28px;
    border: 1px solid rgba(255,255,255,.045);
    background: linear-gradient(180deg, rgba(5,10,21,.10), rgba(5,10,21,.03));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
    pointer-events: none;
}

.zf-heading-row > div::after {
    content: "";
    display: block;
    width: 74px;
    height: 2px;
    margin-top: 15px;
    border-radius: 999px;
    background: linear-gradient(90deg, #ff8a00, rgba(255,138,0,0));
}

.zf-specialty,
.zf-project,
.zf-about-skills > span {
    backdrop-filter: blur(7px);
}

.zf-seasonal-note {
    margin-top: 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    width: min(720px, 100%);
    padding: 14px 16px;
    border: 1px solid rgba(255,138,0,.26);
    border-radius: 18px;
    background: linear-gradient(90deg, rgba(8,13,25,.78), rgba(11,9,22,.58));
    box-shadow: 0 18px 42px rgba(0,0,0,.19), inset 0 1px 0 rgba(255,255,255,.035);
    backdrop-filter: blur(8px);
}

.zf-seasonal-icons { display:flex; gap:8px; flex:0 0 auto; }

.zf-seasonal-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:13px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.035); }

.zf-seasonal-icon svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.7; filter:drop-shadow(0 0 10px currentColor); }

.zf-seasonal-flower { color:#ffad38; }

.zf-seasonal-skull { color:#f1e6db; }

.zf-seasonal-bat { color:#bd6bff; }

.zf-seasonal-note > div:last-child { display:grid; gap:3px; }

.zf-seasonal-note b { color:#ffad38; font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; }

.zf-seasonal-note > div:last-child span { color:#d1d7e0; line-height:1.45; font-size:.88rem; }

.zf-web-media { display:flex; align-items:center; justify-content:center; gap:18px; background:radial-gradient(circle at 48% 42%,rgba(255,138,0,.23),transparent 32%),linear-gradient(135deg,#0c1425,#15101d); }

.zf-web-media svg { width:70px; height:70px; fill:none; stroke:#ff9a18; stroke-width:1.5; filter:drop-shadow(0 0 14px rgba(255,138,0,.42)); }

.zf-web-media span { color:#ffad38; font-size:2rem; font-weight:950; letter-spacing:.12em; }

.zf-scared-media { position:relative; display:grid; place-items:center; align-content:center; gap:8px; background:radial-gradient(circle at 50% 50%,rgba(244,81,210,.19),transparent 28%),radial-gradient(circle at 58% 40%,rgba(255,138,0,.14),transparent 35%),linear-gradient(135deg,#0a1220,#180c21); }

.zf-scared-media::before { content:""; position:absolute; inset:14px; border:1px solid rgba(255,255,255,.08); border-radius:16px; }

.zf-scared-mark { color:#ff7ae5; font-size:3.7rem; font-weight:950; letter-spacing:.06em; text-shadow:0 0 30px rgba(244,81,210,.36); }

.zf-scared-media small { color:#ffad38; font-weight:850; letter-spacing:.12em; }

@media (min-width:2200px){
.zf-shell { width:min(1880px, calc(100% - 140px)); }

.zf-hero-copy { width:min(760px,46%); }

.zf-hero h1 { font-size:clamp(6.2rem,4.6vw,8.2rem); }

.zf-hero-text { max-width:700px; }

.zf-project-media { height:240px; }

}
@media (max-width:767.98px){
.zf-seasonal-note { align-items:flex-start; }

.zf-seasonal-icons { gap:5px; }

.zf-seasonal-icon { width:38px; height:38px; }

.zf-seasonal-icon svg { width:23px; height:23px; }

}
@media (max-width:520px){
.zf-seasonal-note { display:grid; gap:11px; padding:13px; }

}
@media (max-width:1199.98px){ }
@media (max-width:767.98px){ }