body {
        background-image: url("https://car10.es/img/maiser.automocion/hero-home.jpg");
        /* Asegura que la imagen no se repita */
        background-repeat: no-repeat;
        /* La clave: ajusta la imagen para que cubra todo el body sin salirse */
        background-size: cover;
        background-color:rgba(200,200,200,1) !important;
        color: white;
        height: 100vh;       /* altura completa de la ventana */
        display: flex;       /* usamos flexbox */
        justify-content: center; /* centrado horizontal */
        align-items: center;     /* centrado vertical */
        margin: 0;               /* quitar margenes por defecto */
      }

      .header {
        background-color: #202020;
        padding: 10px 20px;
        display: flex;
        align-items: center;
        gap: 10px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.5);
      }

      .header img {
        height: 50px;
      }

      .content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 40vw;   /* 50% del ancho de la ventana */
        height: 60vh;  /* 50% de la altura de la ventana */
        padding: 40px;
        padding-bottom:100px;
        background: linear-gradient(90deg, rgba(26, 26, 26, 1), rgba(52, 58, 64, 0.8));
        border-radius: 12px; /* opcional, da bordes redondeados */
        box-shadow: 0 4px 15px rgba(0,0,0,0.5); /* opcional, profundidad */
      }

      .icon {
        font-size: 80px;
        /*margin-bottom: 20px;*/
        animation: pulse 2s infinite;
      }

      @keyframes pulse {
        0% { transform: scale(1); opacity: 1; }
        50% { transform: scale(1.1); opacity: 0.8; }
        100% { transform: scale(1); opacity: 1; }
      }

      .btn-refresh {
        background: #0d6efd;
        border: none;
        color: white;
        padding: 12px 30px;
        border-radius: 8px;
        font-size: 1.1rem;
        margin-top: 20px;
        transition: all 0.3s ease;
      }

      .btn-refresh:hover {
        background-color: rgba(60,180,60,1);
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(13,110,253,0.4);
      }

      .logo-top {
        position: fixed;       /* Permite que quede siempre visible */
        top: 16px;             /* Margen desde arriba */
        left: 212px;            /* Margen desde la izquierda */
        z-index: 1000;         /* Asegura que esté encima de otros elementos */
      }

      .logo-top img {
        width: 110px;           /* Ajusta el tamaño del logo */
        height: auto;
        opacity: 1;          /* (Opcional) un poco transparente */
      }