*{box-sizing:border-box}body{margin:0;background:#f1f9ff;color:#20364a;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;line-height:1.6}header,main,footer{max-width:1000px;margin:auto;padding:28px 22px}header{background:linear-gradient(125deg,#c8efff,#72cbfa);border-radius:0 0 24px 24px}h1{font-size:clamp(26px,4vw,38px);line-height:1.3}a{color:#136d9e;text-decoration:none}main{background:white;min-height:50vh;border-radius:20px;margin-top:22px}button{background:#69c7fc;border:0;padding:12px 18px;border-radius:10px;font-weight:bold;cursor:pointer}input,textarea{font:inherit;width:100%;padding:11px;border:1px solid #c8dce9;border-radius:9px}label{display:block;font-weight:bold;margin:15px 0 5px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.post-card{border:1px solid #dbeaf5;border-radius:15px;overflow:hidden;color:#20364a}.post-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.post-card div{padding:15px}.post-card h2{font-size:19px}.post-card p{color:#61768a}@media(max-width:650px){.cards{grid-template-columns:1fr}}
body{background:#fff!important}header,main,footer{max-width:1200px!important}header{background:white!important;border-radius:0!important;border-bottom:1px solid #e8eff5!important;padding:32px 24px!important}header h1{font-size:clamp(30px,4vw,46px);margin:28px 0 10px}header p{color:#637b8e}main{margin-top:0!important;padding:24px!important;min-height:55vh!important}#post-search{padding:17px 20px;border-radius:16px;font-size:16px}.post-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 28px}.post-tabs button{background:#f3f8fc;color:#36536a;border-radius:24px}.post-tabs button.active{background:#168de0;color:white}.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px}.post-card{border:1px solid #e4edf4;border-radius:18px;transition:box-shadow .2s}.post-card:hover{box-shadow:0 9px 30px #1e67801c}.post-card h2{line-height:1.5}.post-card:not(:has(img)):before{content:'GATO MOBILE';display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:#e5f6ff;color:#1487cb;font-size:25px;font-weight:900}footer{border-top:1px solid #e8eff5;color:#60788a}@media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:580px){.cards{grid-template-columns:1fr!important}header,main{padding:22px 16px!important}}