/* ===== Portada: banner principal con imagen/vídeo de fondo ===== */
.hero--media{background:#1f2327;color:#fff;overflow:hidden;isolation:isolate}
.hero--media .hero__bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.hero--media .hero__bg img,.hero--media .hero__bg video{width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.hero--media .hero__bg img{animation:heroZoom 26s ease-in-out infinite alternate}
.hero--media .hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,23,26,.94) 0%,rgba(20,23,26,.82) 36%,rgba(20,23,26,.42) 68%,rgba(20,23,26,.18) 100%)}
@keyframes heroZoom{from{transform:scale(1.02)}to{transform:scale(1.1)}}
.hero--media .hero__grid{grid-template-columns:minmax(0,660px);min-height:min(80vh,720px)}
.hero--media h1{color:#fff}
.hero--media h1 em{color:#ff5c61}
.hero--media .lead{color:rgba(255,255,255,.86)}
.hero--media .hero__eyebrow{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hero--media .hero__eyebrow .dot{background:#ff5c61}
.hero--media .btn--ghost{color:#fff;border-color:rgba(255,255,255,.55)}
.hero--media .btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.hero--media .trustbar .ti{color:rgba(255,255,255,.92)}
.hero--media .trustbar .ti svg{color:#ff5c61}
@media (max-width:920px){
  .hero--media .hero__bg::after{background:linear-gradient(180deg,rgba(20,23,26,.72) 0%,rgba(20,23,26,.9) 100%)}
  .hero--media .hero__grid{min-height:auto}
}
@media (prefers-reduced-motion:reduce){.hero--media .hero__bg img,.hero--media .hero__bg video{animation:none}}
.hero--media .hero__video{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;animation:none}
.hero--media .hero__video.is-on{opacity:1}