body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.card{border:1px solid #ddd;border-radius:8px;padding:12px}
.card img{width:100%;height:180px;object-fit:cover;border-radius:6px}
.price{font-weight:700;margin-top:8px}
.muted{color:#666;font-size:.9em}

.header { background:#E53947; color:#fff; padding:5px 0; height:60px;}
.header a{color:#fff;}
.header p {display:inline-block;}
.header .cerrar { float:right}
.header img { width:160px; float:left; margin-right:25px;}

.login, .content { margin:50px auto; max-width:850px; text-align:center; width:94%;}
.ancho { margin:50px auto; max-width:850px; width:94%;}
.login img {width:250px; }
input, textarea, select { width:96%; max-width:650px; padding:10px 20px; border-radius:0; margin:5px 0; border:1px solid #000;} 
button{padding:10px 20px; border-radius:0; margin:5px 0; border:1px solid #000;} 
li{list-style:none; padding:15px 35px; background:#25557D; color:#fff; width: fit-content; margin:10px auto;}
li a { color:#fff; text-decoration:none; text-transform:uppercase;}
a.volver { color:#fff; text-decoration:none; text-transform:uppercase; background:#15591c; padding:10px 20px;}

input.check { width:auto; padding:5px;}
.descuento {margin:15px; background:#E53947; padding:12px; color:#fff; text-transform:uppercase;}

table {border-spacing:0; margin:auto;}



/**** CONCURSO ******/

.err{color: #c20000;
    font-size: 22px;
    font-weight: bold;}
#concurso { }
body#concurso { background-image: url(https://lagrantombola.com/wp-content/uploads/2024/12/fondo-home-724x1024.png); background-size: cover; background-position:center; text-align:center;}
#concurso img { max-width:320px; margin-bottom:40px;}
#concurso button, .concurso button, .ancho button { border-radius:25px; text-transform:uppercase; background-color:#25557D; color:#fff; border:0; padding:12px 50px; cursor:pointer; font-size:18px; margin-top:20px;}
#concurso input { padding:15px;} 
#concurso form { background:#fff; padding:10px 30px 40px; border-radius:9px; border:1px solid #333; max-width:600px; margin:auto; width: calc(94% - 60px);}

.footer { background:#E53947; text-align:center; padding:20px 0; width:100%; margin:50px 0 0;}
.footer img { max-height:120px; margin:0 10px; width:auto;}
.footer img.patros { margin-bottom:20px;}