*{box-sizing:border-box;margin:0;padding:0;font-family:'Montserrat',Arial,Helvetica,sans-serif}

/* Base */
body{background:#000;color:#ececec}

/* Header */
header{background:#000;color:#fff}
header h1{max-width:1200px;margin:0 auto;padding:12px 20px;min-height:120px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(28px,6vw,56px);line-height:1;font-weight:800;letter-spacing:.25px;text-transform:uppercase}

/* Layout */
.container{max-width:1200px;margin:0 auto;padding:20px}

/* Descripción - full-width background */
.descripcion{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:64px 0;background:linear-gradient(rgba(0,0,0,.64),rgba(0,0,0,.64)), url('../assets/hiena-desc.jpg') center/cover no-repeat;min-height:420px;display:flex;align-items:center;justify-content:center}
.descripcion > .container{max-width:1200px;width:100%;padding:0 20px;display:flex;gap:30px;align-items:center;justify-content:space-between}

/* Cards */
.imagen,.galeria img,.feature{background:#000;padding:20px;border-radius:8px;box-shadow:0 18px 40px rgba(0,0,0,.85);position:relative;z-index:2}

/* Texto */
.texto{flex:1 1 58%;background:transparent;padding:0}
.texto p{line-height:1.95;color:#f6f6f6;font-size:18px;max-width:720px}

/* Imagen */
.imagen{flex:0 0 360px;display:flex;justify-content:center}
.imagen img{width:320px;height:auto;border-radius:6px;display:block;box-shadow:none;background:transparent;padding:0;border:0}

/* Características */
.caracteristicas{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#120906;color:#fff;margin-top:0;display:flex;justify-content:center;padding:18px 0}
.caracteristicas .container{max-width:1200px;width:100%;padding:18px 20px;background:transparent;border-radius:0;box-shadow:none;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
.caracteristicas h2{text-align:center;margin:0;padding-top:6px;font-size:22px;font-weight:700;letter-spacing:.2px}
.caracteristicas .contenido{display:flex;gap:64px;justify-content:center;margin-top:18px;flex-wrap:wrap}
.feature{display:flex;flex-direction:column;align-items:center;color:#fff}
.feature i{font-size:40px}
.feature p{margin-top:10px;font-size:14px;color:#ddd}

/* Galería */
.galeria{display:flex;gap:40px;justify-content:center;padding:56px 0;flex-wrap:wrap}
.galeria img{width:320px;height:320px;border-radius:8px;background:#000;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.9);object-fit:cover;display:block;position:relative;z-index:2}

/* Footer */
footer{background:#120906;color:#fff;text-align:center;padding:18px;font-size:14px}
footer a{color:#f3f3f3;text-decoration:none}
footer a:hover{text-decoration:underline}

/* Responsive */
@media (max-width:980px){
  .texto{flex-basis:100%;text-align:center}
  .imagen img{margin:0 auto;width:300px;height:auto}
  .galeria img{width:90%;height:auto}
  .caracteristicas .contenido{gap:28px}
}
@media (max-width:520px){
  header h1{font-size:22px;padding:20px}
  .imagen img{width:220px}
  .galeria img{width:90%}
}