:root{--upe-yellow:#e0b200;--upe-black:#0b0b0b;--upe-muted:#666}
.upe-video{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box;width:100%;overflow:hidden}
.upe-video *{box-sizing:border-box}
.upe-video__media{position:relative;overflow:hidden;background:#111;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.upe-video__thumb{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.upe-video:hover .upe-video__thumb{transform:scale(1.015)}
.upe-video__label{position:absolute;left:14px;top:14px;background:var(--upe-yellow);color:#080808;font-size:12px;font-weight:800;line-height:1;padding:8px 10px;border-radius:3px;letter-spacing:.02em;z-index:2}
.upe-video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border:0;border-radius:50%;background:rgba(8,8,8,.82);cursor:pointer;display:grid;place-items:center;transition:transform .2s ease,background .2s ease;z-index:3}
.upe-video__play:hover{transform:translate(-50%,-50%) scale(1.06);background:#000}
.upe-video__triangle{width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:19px solid #fff;margin-left:5px}
.upe-video__body{min-width:0}
.upe-video__title{margin:0;font-weight:800;letter-spacing:-.035em;line-height:1.08}
.upe-video__desc{margin:0;line-height:1.5}
.upe-video__cta{border:0;background:none;font:inherit;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:9px;padding:0}
.upe-video__cta-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px!important;height:28px!important;min-width:28px;min-height:28px;aspect-ratio:1/1;border-radius:50%;background:var(--upe-yellow);color:transparent;font-size:0;line-height:0;padding:0!important;overflow:hidden}.upe-video__cta-icon::before{content:"";display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;margin-left:2px}
.upe-video__arrow{font-size:23px;font-weight:500;line-height:1}
.upe-video__iframe{position:absolute;inset:0;width:100%!important;height:100%!important;min-width:100%;min-height:100%;border:0;z-index:10;display:block;pointer-events:auto}.upe-video--playing .upe-video__media{cursor:default;touch-action:auto}

/* Principal */
.upe-video--principal{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(280px,.95fr);background:linear-gradient(135deg,#161616,#080808);color:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.upe-video--principal .upe-video__media{aspect-ratio:16/9;margin:16px;border-radius:9px}
.upe-video--principal .upe-video__body{padding:28px 30px 28px 10px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.upe-video--principal .upe-video__title{font-size:clamp(24px,2.2vw,36px);color:var(--upe-yellow)!important}
.upe-video--principal .upe-video__desc{font-size:16px;color:#d7d7d7;margin-top:18px;max-width:42ch}
.upe-video--principal .upe-video__cta{margin-top:24px;background:var(--upe-yellow);color:#090909;padding:13px 18px;border-radius:6px;font-size:14px}
.upe-video--principal .upe-video__cta-icon{background:#090909;color:var(--upe-yellow);flex:0 0 28px;width:28px!important;height:28px!important;min-width:28px;min-height:28px}

/* Compacto */
.upe-video--compacto{background:#fff;color:#0b0b0b;border:1px solid #e7e7e7;border-radius:12px;padding:10px;box-shadow:0 5px 18px rgba(0,0,0,.06)}
.upe-video--compacto .upe-video__media{aspect-ratio:16/10;border-radius:8px}
.upe-video--compacto .upe-video__body{padding:14px 3px 7px}
.upe-video--compacto .upe-video__title{font-size:20px}
.upe-video--compacto .upe-video__desc{font-size:14px;color:#555;margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.upe-video--compacto .upe-video__cta{margin-top:14px;font-size:12px}
.upe-video--compacto .upe-video__play{width:58px;height:58px}
.upe-video--compacto .upe-video__triangle{border-top-width:9px;border-bottom-width:9px;border-left-width:15px}

/* Mini */
.upe-video--mini{display:grid;grid-template-columns:42% 1fr;gap:12px;background:#fff;color:#0b0b0b;border:1px solid #e9e9e9;border-radius:9px;padding:8px}
.upe-video--mini .upe-video__media{aspect-ratio:16/9;border-radius:6px}
.upe-video--mini .upe-video__body{display:flex;flex-direction:column;justify-content:center;padding:3px 8px 3px 0}
.upe-video--mini .upe-video__title{font-size:16px}
.upe-video--mini .upe-video__desc{font-size:12px;color:#666;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.upe-video--mini .upe-video__cta{margin-top:8px;font-size:11px}
.upe-video--mini .upe-video__play{width:44px;height:44px}
.upe-video--mini .upe-video__triangle{border-top-width:7px;border-bottom-width:7px;border-left-width:11px}
.upe-video--mini .upe-video__label{font-size:10px;left:8px;top:8px;padding:6px 7px}

@media(max-width:700px){
 .upe-video--principal{display:block;border-radius:10px}
 .upe-video--principal .upe-video__media{margin:10px;width:calc(100% - 20px);aspect-ratio:16/9}
 .upe-video--principal .upe-video__body{padding:12px 18px 20px}
 .upe-video--principal .upe-video__title{font-size:23px}
 .upe-video--principal .upe-video__desc{font-size:14px;margin-top:10px}
 .upe-video--principal .upe-video__cta{margin-top:15px;padding:11px 15px}
 .upe-video__play{width:58px;height:58px}
}
@media(max-width:420px){
 .upe-video--mini{grid-template-columns:40% 1fr;gap:9px}
 .upe-video--mini .upe-video__title{font-size:14px}
 .upe-video--mini .upe-video__desc{display:none}
}