* { box-sizing: border-box; }
        body, html { 
            margin: 0; padding: 0; width: 100%; 
            font-family: 'Arial Black', Gadget, sans-serif; 
            background: transparent; overflow: hidden; 
        }

        .widget-card { 
            width: 100%; 
            max-width: 300px; /* Ancho base escritorio */
            margin: 0 auto; 
            min-height: 300px; 
            position: relative; 
            background: #000 url('../img/quiniela-fondo.jpg') center/cover no-repeat; 
            display: flex; flex-direction: column; justify-content: space-between; 
            border: 2px solid #ffc107; border-radius: 12px; overflow: hidden;
        }

        .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1; }
        .header { position: relative; z-index: 2; background: rgba(0,0,0,0.9); padding: 8px; text-align: center; border-bottom: 2px solid #ffc107; }
        .draw-info { font-size: 10px; color: #ffc107; text-transform: uppercase; margin: 0; }
        .draw-date { font-size: 13px; color: #fff; margin: 2px 0 0 0; }

        .content { 
            position: relative; z-index: 2; padding: 10px; 
            text-align: center; flex-grow: 1; 
            display: flex; flex-direction: column; justify-content: center; 
        }

        .status-box, .status-box1 { 
            background: #fff; color: #000; border: 4px solid #28a745; 
            border-radius: 12px; padding: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.5); 
        }
        .status-box1 { border-color: #333; }
        .status-vacante { border-color: #e74c3c; }

        .winner-label { font-size: 11px; font-weight: bold; color: #1e8449; text-transform: uppercase; margin: 0; }
        .winner-num { font-size: 44px; font-weight: 900; color: #000; line-height: 1; margin: 5px 0; }
        .title { font-size: 16px; font-weight: 900; color: #000; margin: 0; }
        .winner-name { background: #28a745; color: #fff; font-size: 16px; padding: 4px; border-radius: 6px; margin: 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .price { background: #28a745; color: #fff; font-size: 18px; padding: 6px; border-radius: 6px; display: inline-block; margin-top: 10px; font-weight: bold; }
        .prize-text { font-size: 11px; color: #444; margin-top: 5px; font-weight: bold; }

        .footer { position: relative; z-index: 2; padding: 10px; background: rgba(0,0,0,0.9); }
        .btn-action { display: block; width: 100%; padding: 12px; border-radius: 6px; text-align: center; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 12px; border: 1px solid #fff; color: #fff; transition: 0.3s; }
        .btn-green { background: #28a745; border: none; }

        /* MÓVIL: Centrado y expansión hasta 400px */
        @media (max-width: 550px) {
            .widget-card {
                max-width: 400px; /* Expansión solicitada */
                height: auto; 
                min-height: 320px;
            }
            .winner-num { font-size: 52px; } /* Un poco más grande si hay más ancho */
        }