/*
 * 16-objective-video.css - Tarjeta objetivo: video cinematico, sheen y copy asociado.
 * Origen: index.html, <style> #2 (desde la linea 1). Contenido identico al original.
 */
/* Objective / video — wide cinematic layout */
.objective-card{
  display:grid!important;
  grid-template-rows:72% 28%!important;
  padding:0!important;
  overflow:hidden!important;
  min-height:620px!important;
}
.objective-video{
  position:relative;
  width:92%;
  height:100%;
  max-height:360px;
  aspect-ratio:16/9;
  align-self:center;
  justify-self:center;
  margin:0 auto;
  border-radius:30px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.20);
  background:#070910;
  box-shadow:
    0 35px 90px rgba(0,0,0,.42),
    0 0 45px rgba(150,130,255,.08),
    inset 0 1px 0 rgba(255,255,255,.20);
}
.objective-video:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),transparent 18%,transparent 72%,rgba(0,0,0,.18)),
    radial-gradient(500px 180px at 50% 0%,rgba(255,255,255,.10),transparent 65%);
  opacity:.75;
}
.objective-video video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  background:#070910;
  filter:saturate(1.06) contrast(1.03);
  transform:scale(1.005);
  transition:transform 1.4s cubic-bezier(.2,.8,.2,1),filter .8s ease;
}
.objective-card:hover .objective-video video{
  transform:scale(1.035);
  filter:saturate(1.14) contrast(1.06);
}
.video-sheen{
  position:absolute;
  inset:-30%;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.17) 48%,transparent 62%);
  transform:translateX(-35%);
  transition:transform 1.4s cubic-bezier(.2,.8,.2,1);
  mix-blend-mode:screen;
}
.objective-card:hover .video-sheen{transform:translateX(35%)}
.objective-copy{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:4px 42px 22px;
  position:relative;
  z-index:4;
}
.objective-copy .quote-text{
  font-size:clamp(22px,2.25vw,34px)!important;
  line-height:1.02!important;
  margin:0!important;
}
.objective-copy .signature{margin-top:10px!important}
@media(max-width:900px){
  .objective-card{min-height:540px!important;grid-template-rows:68% 32%!important}
  .objective-video{width:92%;max-height:300px;border-radius:25px}
  .objective-copy{padding:6px 28px 20px}
}
@media(max-width:640px){
  .objective-card{min-height:500px!important;grid-template-rows:62% 38%!important}
  .objective-video{width:92%;max-height:none;aspect-ratio:16/9;border-radius:22px}
  .objective-copy{padding:8px 22px 18px}
  .objective-copy .quote-text{font-size:23px!important}
}