/* =================== NOTA · MODELO 9 =================== */
    .h9-progress{position:fixed;top:0;left:0;height:4px;width:0;background:var(--h-grad);z-index:20000;transition:width .1s linear}

    .h9-art-wrap{padding-top:96px}
    @media (max-width:991px){.h9-art-wrap{padding-top:112px}}
    .h9-crumbs{font-size:13px;font-weight:600;color:#8a6f86;margin-bottom:14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
    .h9-crumbs a{color:#8a6f86}
    .h9-crumbs a:hover{color:var(--h-pink)}
    .h9-crumbs i{font-size:10px;opacity:.6}

    .h9-art-hero{position:relative;border-radius:32px;overflow:hidden;background:var(--h-ink);min-height:540px;
        box-shadow:0 30px 60px -30px rgba(139,61,255,.75);isolation:isolate}
    .h9-art-hero > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}
    .h9-art-hero:after{content:"";position:absolute;inset:0;z-index:1;
        background:linear-gradient(180deg,rgba(29,10,34,.05) 25%,rgba(29,10,34,.6) 60%,rgba(29,10,34,.96) 100%),
                   linear-gradient(120deg,rgba(255,45,149,.35),rgba(139,61,255,0) 55%)}
    .h9-art-head{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:40px 44px 36px;max-width:980px}
    .h9-art-head h1{color:#fff;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:3rem;line-height:1.05;margin:14px 0 18px;text-shadow:0 2px 18px rgba(0,0,0,.35)}
    .h9-art-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
    .h9-art-meta span{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.22);
        padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
    .h9-caption{font-size:13px;color:#8a6f86;margin:12px 6px 0;display:flex;gap:8px;align-items:flex-start}
    .h9-caption i{color:var(--h-pink);margin-top:3px}

    .h9-art-card{background:#fff;border-radius:30px;padding:38px 42px;margin-top:26px;margin-bottom:22px;
        box-shadow:0 20px 44px -28px rgba(200,81,158,.7);border:2px solid #ffe3f1}
    .h9-lead{font-family:'Outfit',sans-serif;font-size:1.32rem;line-height:1.55;font-weight:500;color:#3a2340;
        border-left:5px solid transparent;border-image:var(--h-grad) 1;padding:4px 0 4px 20px;margin:0 0 26px}

    .h9-tts{display:flex;align-items:center;gap:14px;background:var(--h-grad-soft);border-radius:999px;padding:8px 18px 8px 8px;margin-bottom:30px}
    .h9-tts button{width:46px;height:46px;border-radius:50%;border:0;background:var(--h-grad);color:#fff;font-size:16px;cursor:pointer;
        display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--h-shadow);transition:transform .2s}
    .h9-tts button:hover{transform:scale(1.07)}
    .h9-tts button.h9-stop{background:#fff;color:var(--h-pink);box-shadow:none;width:38px;height:38px;font-size:13px}
    .h9-tts-label{font-weight:700;font-size:14px;color:var(--h-ink);white-space:nowrap}
    .h9-tts-label small{display:block;font-weight:500;font-size:11.5px;color:#8a6f86;letter-spacing:.04em}
    .h9-tts-bar{flex:1;height:6px;border-radius:999px;background:#fff;overflow:hidden;min-width:60px}
    .h9-tts-bar i{display:block;height:100%;width:0;background:var(--h-grad);border-radius:999px;transition:width .3s}

    .h9-body{font-family:'Outfit',sans-serif;font-size:1.13rem;line-height:1.85;color:#2b1a30;overflow-wrap:break-word}
    .h9-body p{margin-bottom:1.25em}
    .h9-body > p:first-child::first-letter,.h9-body > :first-child::first-letter{
        float:left;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:4.2rem;line-height:.85;margin:6px 12px 0 0;
        background:var(--h-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
    .h9-body h2,.h9-body h3,.h9-body h4{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:var(--h-ink);margin:1.4em 0 .6em}
    .h9-body a{color:var(--h-pink);font-weight:600;text-decoration:underline;text-decoration-color:rgba(255,45,149,.35);text-underline-offset:3px}
    .h9-body img{max-width:100%;height:auto;border-radius:20px;margin:10px 0}
    .h9-body iframe{max-width:100%;border-radius:20px}
    .h9-body blockquote{background:var(--h-grad-soft);border-radius:20px;padding:20px 24px;font-size:1.2rem;font-weight:600;font-style:italic;margin:1.5em 0;border:0}
    .h9-body strong,.h9-body b{color:var(--h-ink)}

    .h9-share{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:30px;padding-top:24px;border-top:2px dashed #ffd6ec}
    .h9-share-txt{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.15rem}
    .h9-share-txt em{font-style:normal;color:var(--h-pink)}
    .h9-share .a2a_kit a{margin-left:6px}
    .h9-share .a2a_svg{border-radius:50%!important;width:38px!important;height:38px!important;line-height:38px!important;background-size:38px!important;transition:transform .2s}
    .h9-share .a2a_kit a:hover .a2a_svg{transform:translateY(-3px);opacity:1}

    .h9-box{margin-bottom:22px}
    .h9-box .h9-box-in{background:#fff;border-radius:0 0 var(--h-radius) var(--h-radius);padding:22px;box-shadow:0 10px 28px -18px rgba(200,81,158,.6)}
    .h9-box .section-title{border-radius:var(--h-radius) var(--h-radius) 0 0!important;margin-bottom:0}

    .h9-rel-title{display:flex;align-items:end;justify-content:space-between;margin:38px 0 18px}
    .h9-rel-title h3{font-weight:800;font-size:2rem;margin:0}
    .h9-rel-title > a{margin-left:auto}
    .h9-rel-title h3 em{font-style:normal;background:var(--h-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
    .h9-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}
    .h9-rel{display:block;background:#fff;border-radius:24px;overflow:hidden;text-decoration:none!important;
        box-shadow:0 16px 36px -24px rgba(200,81,158,.75);transition:transform .25s, box-shadow .25s}
    .h9-rel:hover{transform:translateY(-6px);box-shadow:0 24px 44px -22px rgba(139,61,255,.6)}
    .h9-rel-img{height:190px;overflow:hidden;position:relative}
    .h9-rel-img img{width:100%;height:100%;object-fit:cover;border-radius:0!important}
    .h9-rel-img .h9-tag{position:absolute;left:14px;bottom:12px}
    .h9-rel-body{padding:16px 18px 20px}
    .h9-rel-body h4{font-family:'Outfit',sans-serif;font-weight:700;font-size:1.05rem;line-height:1.35;color:var(--h-ink);margin:0 0 8px;
        display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
    .h9-rel:hover h4{color:var(--h-brand)}
    .h9-rel-body span{font-size:12px;color:#8a6f86;font-weight:500}

    .h9-tag{display:inline-block;background:linear-gradient(120deg,#ff2d95,#c8519e 50%,#8b3dff);color:#fff!important;font-weight:700;
        font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:999px;line-height:1.2}

    @media (max-width:991px){
        .h9-art-hero{min-height:440px}
        .h9-art-head h1{font-size:2.2rem}
        .h9-rel-grid{grid-template-columns:1fr 1fr}
    }
    @media (max-width:575px){
        .h9-art-wrap{padding-top:112px}
        .h9-art-hero{min-height:400px;border-radius:24px}
        .h9-art-head{padding:22px 20px}
        .h9-art-head h1{font-size:1.65rem}
        .h9-art-meta span{font-size:11.5px;padding:5px 10px}
        .h9-art-card{padding:24px 20px;border-radius:24px}
        .h9-lead{font-size:1.12rem}
        .h9-body{font-size:1.05rem}
        .h9-rel-grid{grid-template-columns:1fr}
        .h9-rel-title h3{font-size:1.5rem}
        .h9-tts-label small{display:none}
    }