body{
      font-family:Arial; /* Fuente principal */
      color:#e6e6e6;   /* Color texto general */
      background:url("avengers_doomsday.jpg") center/cover fixed; /* center/cover → background-position:center; background-size:cover; */
      text-align:center; /* Centrado global */
    }

    .hero{
      height:90vh;  /* Altura pantalla */
      display:flex; /* Flexbox */
      flex-direction:column;  /* Dirección vertical */
      justify-content:center; /* Centrado vertical */
    }

    .hero h1{font-size:4rem;color:#c3002f;} /* Título principal */

    /* Por defecto: 1rem ~ 16px, 1.5rem ~ 24px, 2rem ~ 32px, etc. */
    
    .hero h2{font-size:3rem;} /* Subtítulo */

    .hero p{
      font-size:1.5rem; /* Tamaño intermedio */
      margin-top:10px;  /* Separación superior */
      font-weight:600;  /* Negrita suave */
    }

    .rojo{
      color:#c3002f;  /* Texto rojo */
    }

    .blanco{
      color:#fff;     /* Texto blanco */
    }

    .grid{
      display:grid; /* Layout grid */
      grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); /* Responsive */
      gap:20px;     /* Separación entre elementos */
      padding:40px; /* Espacio interior */
    }

    iframe,img{width:100%;} /* Ancho completo */

    iframe{height:200px;border:none;} /* Altura fija + sin borde */

    .info{
      max-width:900px;  /* Ancho máximo */
      margin:40px auto; /* Centrado horizontal */
      text-align:left;  /* Alineación izquierda */
      font-size:1.1rem; /* Tamaño texto */
      line-height:1.6;  /* Espaciado líneas */
    }

    button{
      position:fixed;        /* Posición fija en pantalla */
      bottom:20px;           /* Distancia desde abajo */
      right:20px;            /* Distancia desde la derecha */

      padding:10px 14px;     /* Espacio interno */
      font-size:14px;        /* Tamaño texto */
      font-weight:600;       /* Grosor texto */

      background:#c3002f;  /* Fondo rojo */
      color:#fff;          /* Texto blanco */
      border:none;           /* Sin borde */
      border-radius:6px;     /* Bordes redondeados */

      cursor:pointer;        /* Cursor tipo mano */
    }

    button:hover{
      background:#a00025; /* Cambio de color al pasar el ratón */
    }