.grid h2,h1{text-align:center}.grid div,body{display:flex;background-color:#f1f3c2}body{font-family:Arial,sans-serif;margin:0;padding:0;justify-content:center;height:100vh}h1{padding-bottom:20px}.container{width:100%;max-width:1200px;padding:20px}.grid-container{display:flex;flex-wrap:wrap;gap:20px}.grid{flex:1 1 calc(50% - 20px);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px;box-sizing:border-box}#boton,.grid-seleccionado{background-color:#e8b86d;color:#07121f}.grid h2{grid-column:span 3;margin:0;padding-bottom:10px;border-bottom:2px solid #33372c}.grid div{justify-content:center;align-items:center;border-radius:4px;font-size:1.5em;padding:5px}#boton{margin:20px;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.oculto{display:none}@media (max-width:768px){.grid{flex:1 1 100%}}