#shop-results{margin-bottom:40px;padding:28px;border:1px solid #dde5ec;border-top:4px solid #e51939;border-radius:8px;background:#f8fafc}#shop-results[hidden]{display:none}#shop-results h2{font:700 26px Georgia}#shop-results p{line-height:1.6} .shop-cards{display:flex;gap:16px;flex-wrap:wrap}.shop-card{padding:20px;border:1px solid #dde5ec;background:white;border-radius:8px;margin-bottom:16px}.shop-card strong{font:700 34px monospace;color:#173955}.shop-link{color:#005699;font-weight:700}.shop-similar{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.shop-similar a{padding:10px 15px;border:1px solid #ccd3dd;border-radius:5px;color:#005699;text-decoration:none;background:white;font:700 19px monospace}.shop-similar a:hover{border-color:#e51939;color:#e51939}.shop-terminal{border-top:1px solid #dde5ec;margin-top:24px;padding-top:12px}@media(max-width:760px){#shop-results{padding:18px}#shop-results h2{font-size:22px}}
#house-suggestions{margin:0 0 36px;padding:26px;border:1px solid #dde5ec;border-radius:8px}#house-suggestions[hidden]{display:none}#house-suggestions h2{font:700 25px Georgia;margin-top:0}
header{gap:28px}.brand{flex-shrink:0}.lottery-buttons{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}.lottery-buttons a{display:block;border-radius:5px}.lottery-buttons img{display:block;width:93px;height:auto}.lottery-buttons a:focus-visible,.suggestions-banner:focus-visible{outline:3px solid #005699;outline-offset:5px}.suggestions-banner{display:block;margin:0 0 32px;text-align:center}.suggestions-banner img{display:block;width:100%;max-width:1031px;height:auto;margin:auto}@media(max-width:900px){header{flex-wrap:wrap}.lottery-buttons{justify-content:center;flex:1 1 100%;gap:12px}.lottery-buttons img{width:clamp(48px,15vw,93px)}.suggestions-banner{margin-bottom:24px}}
/* Tarjeta compacta con décimo completo y compra a la derecha. */
.shop-card{box-sizing:border-box;display:flex;align-items:center;gap:20px;width:380px;max-width:100%;padding:12px 0;border:0;border-radius:0;background:transparent;margin-bottom:16px}
.shop-ticket{position:relative;flex:0 0 56%;aspect-ratio:1720/1032;background:url('decimo-navidad-2026.jpg?v=20261023c') center/contain no-repeat;filter:drop-shadow(2px 3px 3px #0003)}
.shop-ticket strong{position:absolute;left:34%;top:7%;width:46%;height:25%;display:flex;align-items:center;justify-content:center;font:bold 27px Arial,sans-serif;letter-spacing:0;color:#172d40}
.shop-purchase{flex:1;min-width:0;text-align:center}
.shop-card .shop-link{display:flex;align-items:center;justify-content:center;gap:7px;min-height:52px;border:2px solid #e51939;border-radius:5px;color:#e51939;background:white;text-decoration:none;font-size:15px}
.shop-card .shop-link:hover{background:#e51939;color:white}.shop-card .shop-link:focus-visible{outline:3px solid #005699;outline-offset:3px}
.shop-card .shop-link svg{width:29px;height:29px;flex-shrink:0}
#shop-results .shop-card p{margin:7px 0 0;font-size:14px;line-height:1.35;color:#173955}
@media(max-width:540px){.shop-card{gap:12px}.shop-ticket strong{font-size:clamp(19px,6vw,27px)}.shop-card .shop-link{font-size:13px;gap:3px}.shop-card .shop-link svg{width:24px}#shop-results .shop-card p{font-size:12px}}

/* Cada sugerencia es un décimo enlazado. */
.shop-similar{gap:18px;align-items:flex-start}
.shop-similar a{position:relative;display:block;box-sizing:border-box;flex:0 0 180px;width:180px;aspect-ratio:1720/1032;padding:0;border:0;border-radius:0;background:transparent url('decimo-navidad-2026.jpg?v=20261023c') center/contain no-repeat;filter:drop-shadow(2px 3px 3px #0003);transition:transform .15s ease}
.shop-similar a span{position:absolute;left:34%;top:7%;width:46%;height:25%;display:flex;align-items:center;justify-content:center;font:bold 24px Arial,sans-serif;color:#172d40}
.shop-similar a:hover{transform:translateY(-3px)}
.shop-similar a:focus-visible{outline:3px solid #e51939;outline-offset:4px}
@media(max-width:540px){.shop-similar{gap:14px 10px}.shop-similar a{flex-basis:calc((100% - 10px)/2);width:calc((100% - 10px)/2)}.shop-similar a span{font-size:clamp(15px,4.5vw,24px)}}
@media(prefers-reduced-motion:reduce){.shop-similar a{transition:none}.shop-similar a:hover{transform:none}}
