body{margin:0}*{box-sizing:border-box;margin:0;padding:0}body{background:#edf3f8;font-family:Arial,Helvetica,sans-serif}.container{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.card{text-align:center;background:#fff;border-radius:15px;width:500px;padding:40px;box-shadow:0 5px 20px #00000026}.logo{width:140px;margin-bottom:20px}h1{color:#004c99;margin-bottom:15px}h2{color:#444;margin-bottom:20px}p{color:#666;margin-bottom:35px;line-height:1.5}.botao{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:8px;width:220px;height:55px;font-size:20px;font-weight:700;transition:all .3s}.botao:hover{background:#004f9e}body{background:#edf3f8}.container{width:1200px;margin:40px auto auto}.titulo{margin-bottom:40px}.titulo h1{color:#004b9b;font-size:42px}.titulo p{color:#666;margin-top:10px}.cards{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.especialidade{cursor:pointer;background:#fff;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;height:230px;transition:all .25s;display:flex;box-shadow:0 5px 20px #00000014}.especialidade:hover{border:2px solid #0b67d0;transform:translateY(-8px);box-shadow:0 15px 35px #0000002e}.icone{margin-bottom:20px;font-size:60px}.especialidade h2{color:#004b9b;font-size:34px}.header{background:#fff;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 40px;display:flex;box-shadow:0 3px 10px #0000001a}.header-logo{align-items:center;gap:20px;display:flex}.header-logo img{width:65px}.header-logo h1{color:#004b9b;font-size:28px}.header-logo span{color:#666;font-size:15px}.header-user{color:#004b9b;font-weight:700}.layout{height:calc(100vh - 80px);display:flex}.sidebar{background:#fff;width:320px;padding:30px;box-shadow:3px 0 10px #00000014}.sidebar h2{color:#004b9b;margin-bottom:30px}.menuButton{cursor:pointer;text-align:left;background:#edf3f8;border:none;border-radius:10px;width:100%;margin-bottom:12px;padding:15px;font-size:16px;transition:all .25s}.menuButton:hover{color:#fff;background:#0b67d0}.content{background:#f7f9fc;flex:1;padding:50px}.content h1{color:#004b9b;margin-bottom:20px}.texto{color:#666;margin-top:15px;margin-bottom:20px;font-size:18px}.inputPaciente{border:2px solid #d6dce5;border-radius:12px;outline:none;width:650px;max-width:100%;padding:18px;font-size:20px;transition:all .3s}.inputPaciente:focus{border-color:#0b67d0;box-shadow:0 0 10px #0b67d033}.receitaContainer{width:100%}.tipoReceita{gap:20px;margin-top:20px;display:flex}.cardTipo{cursor:pointer;text-align:center;background:#fff;border:2px solid #d9d9d9;border-radius:12px;width:180px;padding:20px;font-size:18px;font-weight:700;transition:all .2s}.cardTipo:hover{color:#fff;background:#0d6efd;border-color:#0d6efd}.favoritas{flex-wrap:wrap;gap:15px;margin-top:20px;display:flex}.cardFavorita{color:#fff;cursor:pointer;background:#1565c0;border:none;border-radius:10px;padding:15px 25px;font-size:17px}.cardFavorita:hover{background:#0d47a1}.listaModelos{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-top:25px;display:grid}.modelo{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:12px;padding:18px;transition:all .2s}.modelo:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.medicamento{border:1px solid #ddd;border-radius:10px;margin-top:20px;padding:20px}.medicamento input,.medicamento textarea{width:100%;margin-top:8px;padding:10px}.botoes{gap:15px;margin-top:30px;display:flex}.botaoPrincipal{color:#fff;cursor:pointer;background:#1565c0;border:none;border-radius:8px;padding:15px 30px;font-size:16px}.botaoPrincipal:hover{background:#0d47a1}
