* {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html, body {
      width: 100%;
      height: 100%;
      font-family: Arial, sans-serif;
      overflow: hidden;
      color:#928c83;
    }

    body {
      min-height: 100vh;
    }

    .hero {
      position: relative;
      width: 100%;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;

      /* Imagen de fondo */
      /* background-image: url('img/background.jpg'); */
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }

    /* Capa oscura opcional */
    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.25);
      z-index: 1;
    }

    .center-icon {
      position: relative;
      z-index: 2;
      width: min(28vw, 180px);
      width: 100%;
      height: 100vh;
      display: block;
      object-fit: cover;

      /* sombra sutil para resaltar */
      /* filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.35)); */
    }

    /* Ajustes para móviles */
    @media (max-width: 768px) {
      .center-icon {
        width: 100%;
      }
    }

    @media (max-width: 480px) {
      .center-icon {
        width: 100%;
      }

      .hero {
        background-position: center center;
      }
    }