/* V7 VIDEO ESSAY | Revista editorial. Sem dependencias externas. */
.vh-wrap{background:#f3f2ec;color:#151b19;font-family:inherit}
.vh-wrap *{box-sizing:border-box}
.vh-wrap p{line-height:1.82}
.vh-wrap h1,.vh-wrap h2,.vh-wrap h3{letter-spacing:-.035em}
.vh-wrap h1 em,.vh-wrap h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em}
.vh-wrap .section{padding-block:clamp(72px,8vw,110px)}
.vh-hero{background:#101714;color:#f6f5ee;overflow:hidden;border-bottom:1px solid #313c31;padding:clamp(40px,5vw,74px) 0 clamp(58px,8vw,110px)}
.vh-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(34px,6vw,100px);align-items:center}
.vh-back{display:inline-block;color:#9aa99a;font-size:.78rem;letter-spacing:.02em;margin-bottom:clamp(35px,5vw,76px)}
.vh-back span{padding:0 9px;color:#789346}
.vh-eyebrow,.vh-overline{color:#667942;font-size:.73rem;font-weight:850;letter-spacing:.135em}
.vh-eyebrow{display:flex;align-items:center;gap:13px;color:#d3e18f}
.vh-rule{width:27px;height:2px;background:#bfd65b}
.vh-hero h1{font-size:clamp(2.75rem,5.6vw,5.45rem);line-height:1.02;max-width:650px;margin:26px 0 30px;font-weight:850}
.vh-hero h1 em{color:#c9db85;font-style:italic}
.vh-sublead{font-size:clamp(1.02rem,1.45vw,1.18rem);line-height:1.85;max-width:580px;color:#bfc8bc}
.vh-sublead strong{font-weight:750;color:#f4f6eb}
.vh-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin:34px 0 28px}
.vh-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:17px 21px;background:#d1e58d;color:#132015;font-weight:850;font-size:.91rem;border-radius:5px;min-height:55px;transition:background .18s}
.vh-primary:hover{background:#e3f3ab}
.vh-primary span{margin-left:5px}
.vh-text-button{color:#e0e6d7;border-bottom:1px solid #6e8064;padding-bottom:5px;font-weight:650;font-size:.9rem}
.vh-hero-source{display:flex;flex-wrap:wrap;gap:10px;color:#819083;font-size:.73rem;letter-spacing:.015em}
.vh-cover{position:relative;transform:translateY(15px);border:1px solid #667047;background:#121914;box-shadow:20px 28px 0 -6px #1b251d,20px 28px 0 -5px #607046}
.vh-cover:before{content:"";position:absolute;top:-17px;left:-18px;width:82px;height:82px;border-left:2px solid #bacf63;border-top:2px solid #bacf63;pointer-events:none}
.vh-cover img{display:block;width:100%;aspect-ratio:4/4.1;height:auto;object-fit:cover;object-position:center}
.vh-cover-bottom{position:absolute;inset:auto 0 0;background:#f1f2e8;color:#152015;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:17px 20px;font-size:.74rem}
.vh-cover-bottom b{letter-spacing:.06em}
.vh-cover-bottom span{color:#6a7666}
.vh-cover-index{position:absolute;top:18px;right:18px;padding:10px 12px;background:#cfe488;color:#142011;font-size:2.4rem;font-weight:900;letter-spacing:-.06em;line-height:.9}
.vh-cover-index small{display:block;font-size:.58rem;letter-spacing:.14em;padding-top:8px;text-align:center}
.vh-strip{background:#dce4c3;border-bottom:1px solid #bfcca0}
.vh-strip-inner{display:flex;align-items:center;flex-wrap:wrap;gap:13px 24px;padding-block:18px}
.vh-strip-inner span{color:#536638;font-size:.68rem;font-weight:900;letter-spacing:.14em;margin-right:8px}
.vh-strip-inner a{font-size:.83rem;font-weight:750;color:#2a3b22}
.vh-strip-inner a:hover{text-decoration:underline}
.vh-main{background:#f7f7f2}
.vh-main-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:clamp(30px,5vw,80px);align-items:start}
.vh-video-kicker{font-size:.67rem;letter-spacing:.13em;font-weight:850;color:#68784a;display:flex;justify-content:space-between;gap:15px;margin-bottom:15px}
.vh-video-kicker span{color:#344f25}
.vh-player-shell{position:relative;width:100%;aspect-ratio:16/9;background:#0d1411;box-shadow:12px 12px 0 #d3ddbd}
.vh-player-shell iframe{display:block;width:100%;height:100%;border:0;aspect-ratio:16/9}
.vh-video-origin{font-size:.76rem;color:#62705d;line-height:1.7;margin-top:25px}
.vh-video-origin a{border-bottom:1px solid #b6c29b;color:#2c442c}
.vh-main-text h2,.vh-feature-copy h2,.vh-grammar-copy h2{font-size:clamp(2rem,3.25vw,3.2rem);line-height:1.16;margin:16px 0 24px}
.vh-main-text p,.vh-feature-copy p,.vh-grammar-copy p{font-size:1rem;color:#515f57;margin-bottom:19px}
.vh-main-text strong,.vh-feature-copy strong,.vh-grammar-copy strong{color:#1e3224}
.vh-insight{display:grid;gap:8px;border-left:4px solid #8eac49;padding:18px 23px;background:#edf1e4;margin-top:30px;line-height:1.7;font-size:.89rem;color:#405343}
.vh-insight strong{font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;color:#344f23}
.vh-feature{background:#e8ecdf}
.vh-feature-grid{display:grid;grid-template-columns:1fr .88fr;gap:clamp(40px,7vw,110px);align-items:center}
.vh-feature-copy{max-width:680px}
.vh-inline-link{display:inline-flex;gap:16px;align-items:center;border-bottom:2px solid #859d49;padding-bottom:6px;color:#263e22;font-weight:800;font-size:.88rem;margin-top:15px}
.vh-inline-link:hover{color:#658634}
.vh-video-card{padding:17px;background:#f6f8ef;border:1px solid #c8d3b5;box-shadow:0 23px 40px rgba(23,40,23,.08)}
.vh-lite-video{aspect-ratio:16/9;background:#172017;overflow:hidden;position:relative}
.vh-lite-video .lite-video-button{width:100%;height:100%;border:0;background:none;padding:0;display:block;position:relative}
.vh-lite-video img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .32s}
.vh-lite-video button:hover img{transform:scale(1.025)}
.vh-lite-video iframe{width:100%;height:100%;border:0;display:block}
.vh-play-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:70px;height:70px;border-radius:100%;background:#cfe28f;color:#142015;font-size:1.3rem;box-shadow:0 8px 25px rgba(0,0,0,.25)}
.vh-card-detail{display:grid;gap:8px;padding:20px 8px 5px}
.vh-card-detail strong{font-size:1.12rem;line-height:1.35}
.vh-card-detail span{color:#6f7d6b;font-size:.8rem}
.vh-card-detail a,.vh-lesson-content>a{font-size:.83rem;font-weight:750;color:#476b2d;text-decoration:underline;text-underline-offset:5px}
.vh-lessons{background:#f7f7f2}
.vh-section-head{max-width:850px;margin-bottom:44px}
.vh-section-head h2{font-size:clamp(2.1rem,4.2vw,3.65rem);margin:16px 0 20px;line-height:1.13}
.vh-section-head h2 em{color:#63814a}
.vh-section-head p{color:#5e685d;max-width:720px}
.vh-lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.vh-lesson-card{background:white;border:1px solid #dde3d6}
.vh-lesson-content{padding:clamp(22px,3vw,39px)}
.vh-lesson-label{font-weight:850;letter-spacing:.12em;color:#708751;font-size:.71rem;margin-bottom:15px}
.vh-lesson-content h3{font-size:clamp(1.5rem,2vw,2rem);line-height:1.2;margin-bottom:21px}
.vh-lesson-content p{color:#58665c;font-size:.96rem;line-height:1.83}
.vh-lesson-content p strong{color:#213b25}
.vh-practice{padding:15px 17px;background:#eff2e6;border-left:3px solid #8da858;color:#42583a!important;font-weight:650}
.vh-grammar{background:#111915;color:#eff2e8}
.vh-grammar-grid{display:grid;grid-template-columns:.93fr 1fr;gap:clamp(40px,7vw,105px);align-items:center}
.vh-grammar .vh-video-card{background:#1b251d;border-color:#45583d}
.vh-grammar .vh-video-kicker{color:#c5d4ae}
.vh-grammar .vh-video-kicker span{color:#c4dc7a}
.vh-grammar .vh-card-detail strong{color:#f1f4eb}
.vh-grammar .vh-card-detail a{color:#d4e9a2}
.vh-grammar-copy h2{color:#f8f9f1}
.vh-grammar-copy .vh-overline{color:#c9db91}
.vh-grammar-copy p{color:#bac9ba}
.vh-grammar-copy p strong{color:#f0f5da}
.vh-grammar .vh-inline-link{color:#d5e8a8}
.vh-evaluation{background:#f4f3ec}
.vh-eval-heading{max-width:780px;margin-bottom:40px}
.vh-eval-heading h2{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.12;margin:14px 0 19px}
.vh-eval-heading p{color:#5b675a}
.vh-eval-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#cad5be;border:1px solid #cad5be}
.vh-eval-grid>div{background:#fff;padding:27px 23px;min-height:258px}
.vh-eval-grid b{font-family:Georgia,serif;font-weight:400;color:#829d5e;font-size:2.4rem;letter-spacing:-.07em}
.vh-eval-grid h3{font-size:1.14rem;margin:24px 0 10px}
.vh-eval-grid p{font-size:.87rem;color:#657063;line-height:1.75;margin-bottom:0}
.vh-final-cta{display:grid;grid-template-columns:1.2fr .7fr;gap:50px;align-items:center;background:#171f18;border-left:6px solid #b6d35c;padding:clamp(32px,6vw,65px);margin:47px 0 38px;color:#f5f7f0}
.vh-final-cta span{display:block;color:#c5da8c;font-size:.72rem;font-weight:850;letter-spacing:.13em;margin-bottom:17px}
.vh-final-cta h2{font-size:clamp(2rem,3.3vw,3.3rem);line-height:1.15;color:#fff}
.vh-final-cta p{color:#bfcbbd;line-height:1.75}
.vh-final-action .btn{width:100%;min-height:62px;text-align:center}
.vh-final-action small{display:block;color:#b4c2b1;line-height:1.65;font-size:.76rem;margin-top:14px}
.vh-sources{border-top:1px solid #cad3c4;padding-top:24px;max-width:1020px}
.vh-sources strong{font-size:.85rem}
.vh-sources p{font-size:.82rem;color:#62705e;margin:9px 0}
.vh-sources a{font-size:.81rem;text-decoration:underline;color:#3c5a29}
@media(max-width:1060px){
 .vh-hero-inner,.vh-main-grid,.vh-feature-grid,.vh-grammar-grid{gap:35px}
 .vh-eval-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .vh-eval-grid>div{min-height:225px}
}
@media(max-width:810px){
 .vh-hero-inner,.vh-main-grid,.vh-feature-grid,.vh-grammar-grid,.vh-final-cta{grid-template-columns:1fr}
 .vh-cover{max-width:580px;margin:28px 14px 0 0;transform:none}
 .vh-cover img{aspect-ratio:16/10;object-position:center 35%}
 .vh-back{margin-bottom:38px}
 .vh-main-video{order:1}
 .vh-main-text{order:2}
 .vh-feature-copy{order:2}
 .vh-feature .vh-video-card{order:1}
 .vh-lesson-grid{grid-template-columns:1fr}
 .vh-grammar .vh-grammar-video{max-width:700px}
 .vh-final-cta{gap:15px}
}
@media(max-width:560px){
 .vh-hero{padding:28px 0 52px}
 .vh-hero h1{font-size:clamp(2.45rem,11vw,3.8rem)}
 .vh-hero-actions,.vh-hero-actions a{width:100%}
 .vh-hero-actions a{justify-content:center}
 .vh-cover-bottom{align-items:flex-start;flex-direction:column;gap:4px}
 .vh-strip-inner{gap:10px 15px}
 .vh-strip-inner span{width:100%}
 .vh-eval-grid{grid-template-columns:1fr}
 .vh-eval-grid>div{min-height:0}
 .vh-final-cta{padding:28px 23px}
 .vh-wrap .section{padding-block:58px}
 .vh-cover-index{font-size:1.8rem}
}
@media(prefers-reduced-motion:reduce){.vh-wrap *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
